/**
 * Motif v3.1.0
 * A responsive front-end framework to tell *your* story
 * http://getmotif.com
 */
/**
 * Global Stylesheet
 * The site's main (and perhaps only) stylesheet. All supporting stylesheet
 * files are imported into and compiled from here.
 */
/**
 * Normalize
 * Using the Normalize.css (http://necolas.github.io/normalize.css/) with only minor modification.
 */
/*

HTML5 Display Definitions

Set the appropriate `display` definitions for new HTML5 elements.

The majority will be displayed `block`.

*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/*

Some, however, need to be `inline-block` with an IE7 fallback.

*/
audio,
canvas,
video {
  display: inline-block;
}
.lte7 audio,
.lte7 canvas,
.lte7 video {
  display: inline;
  zoom: 1;
}
/*

Audio

From Normalize.css:

> Prevents modern browsers from displaying `audio` without controls.
> Remove excess height in iOS5 devices.

*/
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
/*

Type

*/
/*

HTML Font Size Adjust

1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
   `em` units.
2. Prevents iOS text size adjust after orientation change, without disabling
   user zoom.

*/
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}
abbr[title] {
  border: none;
}
i,
cite,
address {
  font-style: normal;
}
dfn {
  font-style: italic;
}
b {
  font-weight: normal;
}
strong {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
menu,
ul,
ol,
dl,
table,
figure {
  /* Display & Box Model */
  margin: 1.25em 0 0 0;
  /* Other */
  font-size: 1em;
}
menu,
ol,
ul {
  padding-left: 2.5em;
}
li ul,
li ol {
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}
dd {
  margin-left: 2.5em;
}
blockquote {
  padding: 1.25em 2.5em;
}
blockquote > :first-child {
  margin-top: 0;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
small {
  font-size: 1em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
a:focus,
a:active,
a:hover {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
.lte7 img {
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
form {
  margin: 0;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
  margin-top: 2.5em !important;
}
legend {
  width: 100%;
  border: 0;
  padding: 0;
  display: block;
  white-space: normal;
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.lte7 legend {
  margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  display: block;
}
button .lte7,
input .lte7,
select .lte7,
textarea .lte7 {
  vertical-align: middle;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  display: inline-block;
  cursor: pointer;
}
button .lte7,
html input[type="button"] .lte7,
input[type="reset"] .lte7,
input[type="submit"] .lte7 {
  overflow: visible;
  display: inline;
  zoom: 1;
}
button,
input {
  line-height: normal;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 3px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
}
input[type="checkbox"] .lte7,
input[type="radio"] .lte7 {
  width: 13px;
  height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="search"],
input[type="text"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-spacing: 0;
}
/* 

Spacing Helpers

Spacing helpers are quick but powerful classes that add margin or padding to 
any given element. These classes are `!important`, so they override all other 
styles.

* `p`, `m`                          =   padding, margin  
* `a`, `t`, `r`, `b`, `l`, `h`, `v` =   all, top, right, bottom, left, horizontal, vertical  
* `s`, `m`, `l`, `n`                =   small (~`5px`), medium (~`10px`), large (~`20px`), none (`0`)

For example: `.pam` means "padding, all, medium".

**Note:** These are all based on the current element's font size and the 
project's vertical rhythm (even on the sides, to provide uniform spacing). 
As such, they require `_vars.less`.

*/
.ptn,
.pvn,
.pan {
  padding-top: 0 !important;
}
.pts,
.pvs,
.pas {
  padding-top: 0.3125em !important;
}
.ptm,
.pvm,
.pam {
  padding-top: 0.625em !important;
}
.ptl,
.pvl,
.pal {
  padding-top: 1.25em !important;
}
.prn,
.phn,
.pan {
  padding-right: 0 !important;
}
.prs,
.phs,
.pas {
  padding-right: 0.3125em !important;
}
.prm,
.phm,
.pam {
  padding-right: 0.625em !important;
}
.prl,
.phl,
.pal {
  padding-right: 1.25em !important;
}
.pbn,
.pvn,
.pan {
  padding-bottom: 0 !important;
}
.pbs,
.pvs,
.pas {
  padding-bottom: 0.3125em !important;
}
.pbm,
.pvm,
.pam {
  padding-bottom: 0.625em !important;
}
.pbl,
.pvl,
.pal {
  padding-bottom: 1.25em !important;
}
.pln,
.phn,
.pan {
  padding-left: 0 !important;
}
.pls,
.phs,
.pas {
  padding-left: 0.3125em !important;
}
.plm,
.phm,
.pam {
  padding-left: 0.625em !important;
}
.pll,
.phl,
.pal {
  padding-left: 1.25em !important;
}
.mtn,
.mvn,
.man {
  margin-top: 0 !important;
}
.mts,
.mvs,
.mas {
  margin-top: 0.3125em !important;
}
.mtm,
.mvm,
.mam {
  margin-top: 0.625em !important;
}
.mtl,
.mvl,
.mal {
  margin-top: 1.25em !important;
}
.mrn,
.mhn,
.man {
  margin-right: 0 !important;
}
.mrs,
.mhs,
.mas {
  margin-right: 0.3125em !important;
}
.mrm,
.mhm,
.mam {
  margin-right: 0.625em !important;
}
.mrl,
.mhl,
.mal {
  margin-right: 1.25em !important;
}
.mbn,
.mvn,
.man {
  margin-bottom: 0 !important;
}
.mbs,
.mvs,
.mas {
  margin-bottom: 0.3125em !important;
}
.mbm,
.mvm,
.mam {
  margin-bottom: 0.625em !important;
}
.mbl,
.mvl,
.mal {
  margin-bottom: 1.25em !important;
}
.mln,
.mhn,
.man {
  margin-left: 0 !important;
}
.mls,
.mhs,
.mas {
  margin-left: 0.3125em !important;
}
.mlm,
.mhm,
.mam {
  margin-left: 0.625em !important;
}
.mll,
.mhl,
.mal {
  margin-left: 1.25em !important;
}
/*

Text Align

Simple classes to adjust your text alignment. They can be added to individual elements or on wrapping elements (an outer `div`, perhaps) to adjust the alignment of all the child elements.

*/
.align--left {
  text-align: left;
}
.align--center {
  text-align: center;
}
.align--right {
  text-align: right;
}
.align--sub {
  vertical-align: sub;
}
.align--middle {
  vertical-align: middle;
}
.align--top {
  vertical-align: top;
}
/*

Floats

Next, we have classes for floating elements.

*/
.float--left {
  float: left;
}
.float--center {
  margin-left: auto;
  margin-right: auto;
}
.float--right {
  float: right;
}
.float--none {
  float: none;
}
.clear {
  clear: both;
}
/*

"New Line"

Turns an `inline` or `inline-block` element into a `block` one.

*/
.new-line,
.media-object,
.media-object > *,
.media-object > :first-child img,
.media-object__figure img,
.media-object__desc,
.figure > a,
[class*="figure--"] > a,
.figure img,
[class*="figure--"] img,
[class*="ratio"]:before,
.input-label,
.input-hint,
.input-desc,
.wysiwyg-dark h1 span,
.wysiwyg-dark .epic-heading span {
  display: block;
}
.group,
.breadcrumb,
.media-object--checkbox,
.castle-picker__container > ul,
.wysiwyg [class*="figure-overlay"] {
  /* Mixins */
}
.group:before,
.group:after,
.media-object--checkbox:before,
.media-object--checkbox:after,
.castle-picker__container > ul:before,
.castle-picker__container > ul:after,
.wysiwyg [class*="figure-overlay"]:before,
.wysiwyg [class*="figure-overlay"]:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.group:after,
.media-object--checkbox:after,
.castle-picker__container > ul:after,
.wysiwyg [class*="figure-overlay"]:after {
  clear: both;
}
/*

"Is Hidden"

Visually hides content in a way that leaves it accessible to screen readers. 
Like more magic, makes the visible invisible.

*/
.is-hidden,
.js .reveal__target {
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}
.is-hidden.focusable:active,
.is-hidden.focusable:focus {
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  position: static;
}
body:hover .is-hidden a,
body:hover .is-hidden input,
body:hover .is-hidden button {
  display: none;
}
.is-removed {
  display: none;
}
@media all and (max-width: 47.9375em) {
  .is-hidden-small {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-small.focusable:active,
  .is-hidden-small.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-small a,
  body:hover .is-hidden-small input,
  body:hover .is-hidden-small button {
    display: none;
  }
  .is-removed-small {
    display: none;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .is-hidden-medium {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-medium.focusable:active,
  .is-hidden-medium.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-medium a,
  body:hover .is-hidden-medium input,
  body:hover .is-hidden-medium button {
    display: none;
  }
  .is-removed-medium {
    display: none;
  }
}
@media all {
  .is-hidden-large {
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden;
  }
  .is-hidden-large.focusable:active,
  .is-hidden-large.focusable:focus {
    width: auto;
    height: auto;
    margin: 0;
    clip: auto;
    overflow: visible;
    position: static;
  }
  body:hover .is-hidden-large a,
  body:hover .is-hidden-large input,
  body:hover .is-hidden-large button {
    display: none;
  }
  .is-removed-large {
    display: none;
  }
}
/*

"Isn't Hidden"

Undoes `.is-hidden`.

*/
.isnt-hidden,
.js .reveal__target.is-revealed {
  /* Mixins */
  width: auto;
  height: auto;
  margin: 0;
  position: relative;
  clip: auto;
}
body:hover .isnt-hidden a,
body:hover .isnt-hidden input,
body:hover .isnt-hidden button {
  display: inline-block;
}
.lte7 body:hover .isnt-hidden a,
.lte7 body:hover .isnt-hidden input,
.lte7 body:hover .isnt-hidden button {
  display: inline;
  zoom: 1;
}
/*

"Relative Container"

Exactly what it sounds like.

*/
.relative-container,
[class*="ratio"],
.js .expand__target,
.js .fade__target,
.ticket__list,
[class*="input-alert"],
.wysiwyg .unordered li {
  position: relative;
}
/*

Horizontal List

The basic `.list--x` module simply removes bullets from lists and inlines the list 
items, making the link `inline-block`. The idea is to give the skeleton of a 
horizontal list/navigation without adding too much style (yet).

*/
[class*="list--x"] li {
  display: inline;
}
[class*="list--x"] a {
  display: inline-block;
}
.list--navigation {
  padding-top: 0.1875em;
}
.list--navigation a {
  color: #302f2b;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  text-decoration: none;
  line-height: 1em;
  padding: 0.57142857em;
  margin-right: 1.14285714em;
}
.list--navigation a:hover {
  background-color: #00416c;
  color: #fff;
}
.list--navigation > li:last-child a {
  margin-right: 0;
}
.list--navigation .current a {
  background-color: #00416c;
  color: #fff;
}
/*

Horizontal List (Forceful)

Rather than making the list `inline-block`, it floats the list elements 
(except on the smallest screen sizes, where it remains vertical). More precise
than the default Horizontal List.

*/
[class*="list--x--forceful"] li,
[class*="list--x--forceful"] a {
  display: block;
}
@media all {
  [class*="list--x--forceful"]:before,
  [class*="list--x--forceful"]:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="list--x--forceful"]:after {
    clear: both;
  }
  [class*="list--x--forceful"] li {
    float: left;
  }
}
/*

Link List

A basic extension of the Horizontal List, this adds some margin to the links in
the list for a more pleasant looking list of links.

**Note:** Because we are using the `[class*=""]` attribute selector, using the 
`.link-list--x` class takes advantage of the `list--x` module we declared 
earlier, as well as the Forceful variation (`.link-list--x--forceful`) 
without having to declare *both* `.list--x` and `.link-list--x` in our HTML.

````link-list
<ul class="link-list--x">
    <li>
        <a href="#">Basic Link</a>
    </li>
    <li>
        <a href="#">Basic Link</a>
    </li>
    <li>
        <a href="#">Basic Link</a>
    </li>
</ul>
````

*/
[class*="link-list--x"] a {
  margin-right: 1.875em;
}
[class*="link-list--x"] li:last-child a {
  margin-right: 0;
}
/*

Pagination

An extension of the basic `.list--x` module that simply adds enough padding on
the links for pagination.

*/
.list--x--pgs a {
  padding: 0 0.625em;
}
.list--x--pgs a,
.list--x--pgs a:hover,
.list--x--pgs a:focus {
  color: inherit;
}
/*

Breadcrumb

Another extension of the `.list--x` module, adding a breadcrumb `label` 
and floating it and the ordered list.

````breadcrumb
<nav class="breadcrumb" role="navigation">
    <ol class="breadcrumb__list--x">
        <li>
            <a href="#">Breadcrumb Link</a>
        </li>
        <li>
            <a href="#">Breadcrumb Link</a>
        </li>
        <li>
            <a>Breadcrumb Link</a>
        </li>
    </ol>
</nav>
````

*/
.breadcrumb {
  margin-top: 1.25em;
}
.breadcrumb__label {
  margin: 0 0.5625em 0 0;
  float: left;
}
.breadcrumb__list--x {
  margin: 0;
  float: left;
}
.breadcrumb li {
  margin-right: 0.5625em;
}
/*

Button List

````button-list
<ul class="button-list--x">
    <li>
        <a class="btn--primary" href="#">Button</a>
    </li>
    <li>
        <a class="btn--primary is-current" href="#">Button</a>
    </li>
    <li>
        <a class="btn--primary" href="#">Button</a>
    </li>
</ul>
````

*/
[class*="button-list--x"] {
  margin-top: 0;
  overflow: hidden;
}
[class*="button-list--x"] li,
[class*="button-list--x"] a {
  display: block;
}
[class*="button-list--x"] li {
  float: left;
}
/*

Media Object

The Media Object is an image (or media-type) to the left with (typically) 
descriptive content to the right. The media object can be whatever size it 
wants, the basic format will remain the same. (Text will **not** wrap.)  This 
has any number of applications, such as a checkbox next to a label with lots 
of text.

See: [The Media Object Saves Hundreds of Lines of Code][1]

  [1]: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/


````media-object
<div class="media-object">
    <figure>
        <img src="http://placehold.it/213" alt="A media object image">
    </figure>
    <div>
        <p>He is here. No! Alderaan is peaceful. We have no weapons. You can't possibly&hellip; Kid, I've flown from one side of this galaxy to the other. I've seen a lot of strange stuff, but I've never seen anything to make me believe there's one all-powerful Force controlling everything. There's no mystical energy field that controls my destiny. It's all a lot of simple tricks and nonsense. I can't get involved! I've got work to do! It's not that I like the Empire, I hate it, but there's nothing I can do about it right now. It's such a long way from here. I'm surprised you had the courage to take the responsibility yourself. The more you tighten your grip, Tarkin, the more star systems will slip through your fingers.</p>
    </div>
</div>
````

*/
.media-object,
.media-object > *,
.media-object__desc {
  overflow: hidden;
}
.media-object--checkbox {
  /* Display & Box Model */
  display: inline-block;
  overflow: visible;
}
.media-object--checkbox > :first-child,
.media-object--checkbox .media-object__figure {
  /* Display & Box Model */
  margin-right: 0.28125em;
}
@media all {
  .media-object > :first-child,
  .media-object__figure {
    max-width: 40%;
    margin-top: 0;
    margin-right: 1.125em;
    float: left;
  }
  .media-object > * > :first-child,
  .media-object__desc > :first-child {
    margin-top: 0;
  }
}
@media all {
  .media-object > :first-child,
  .media-object__figure {
    max-width: 50%;
  }
}
/*

Figures

Great for integrating images into bodies of text, the `.figure` class is 
modified by the `--left` and `--right` keywords depending on where you would 
like it placed.

````plain-media
<figure class="figure">
    <img src="http://placehold.it/800x444" alt="A full-width photo">
</figure>
````

````captioned-media
<figure class="figure">
    <img src="http://placehold.it/800x444" alt="A full-width photo with a caption">
    <figcaption class="figcaption">This caption enhances the photo above. It should only be a brief sentence or two long.</figcaption>
</figure>
````

*/
.figure,
[class*="figure--"] {
  margin-top: 1.25em;
}
@media all {
  [class*="figure--"] {
    margin-top: 0;
    max-width: 50%;
  }
  .figure--left,
  .figure--right {
    padding-bottom: 0.625em;
  }
  .figure--left {
    float: left;
    padding-right: 2.25em;
  }
  .figure--right {
    float: right;
    padding-left: 2.25em;
  }
}
/*

Ratios

Ratios are used primarily for objects that must scale in both width and height
proportionally, such as embedded videos.

See: (http://daverupert.com/2012/04/uncle-daves-ol-padded-box/)

The `.ratio` class (and its modifier) are placed on a wrapping element, with 
its child contents wrapped by the `.ratio__content` class.

    <div class="ratio--square">
        <div class="ratio__content">
            ...
        </div>
    </div>

For embedded videos, use the `.ratio--video` class, and it will assume an 
`iframe` is the direct child:

    <div class="ratio--video">
        <iframe src="http://youtube.com/myVidEmbed"></iframe>
    </div>

*/
[class*="ratio"]:before {
  /* Pretty */
  content: "";
}
.ratio--video:before {
  /* Display & Box Model */
  padding-top: 56.25%;
}
.ratio--1x1:before,
.ratio--square:before {
  padding-top: 100%;
}
.ratio--2x1:before {
  padding-top: 50%;
}
.ratio--1x2:before {
  padding-top: 200%;
}
.ratio__content,
.ratio--video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*

Wrapper

This is the site-wide containing class. Put it around anything you want to be 
contained in the "site width". By default, caps off at `1150px`.

*/
.wrapper {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 77.5em) {
  .wrapper {
    width: 80%;
    max-width: 61em;
  }
  .wrapper-small {
    width: 50%;
    max-width: 37.5em;
  }
}
/*

Animated Revealing/Hiding Block Modules

When JavaScript is enabled, these blocks are used (most easily in conjunction 
with Motif jQuery plugins) to reveal and hide blocks of content, sometimes 
accompanied by CSS3 animations.

*/
.js {
  /*
    
    Reveal Target

    `.reveal__target` is a simple class that is accessibly hidden by default.
    Add the `.is-revealed` class to show it.

        <div class="reveal__target">
            I am hidden.
        </div>
        <div class="reveal__target is-revealed">
            I am no longer hidden.
        </div>

    */
  /*
    
    Expand Target

    `.expand__target` has a maximum height of `0` by default, and once it 
    receives the `.is-expanded` class, animates in height to its maximum value. 
    This is the cheap CSS way of expanding animation, as in collapsible 
    accordions. More precise timing most likely requires JS enhancement.

        <div class="expand__target">
            I am hidden from view.
        </div>
        <div class="expand__target is-expanded">
            I have expanded into view.
        </div>

    */
  /*
    
    Fade Target

    `.fade__target` is the same as `.expand__target` (in that it grows in 
    height), but it adds opacity fading to the mix.

        <div class="fade__target">
            I am hidden.
        </div>
        <div class="fade__target is-faded">
            I have faded and expanded into view.
        </div>

    */
}
.js .reveal__target.is-revealed {
  /* Pretty */
  overflow: visible;
}
.js .expand__target,
.js .fade__target {
  max-height: 0;
  overflow: hidden;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded {
  max-height: 999px;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded,
.js .expand__target.was-expanded,
.js .fade__target.was-faded {
  -webkit-transition: all 0.65s ease-in-out;
  -moz-transition: all 0.65s ease-in-out;
  -o-transition: all 0.65s ease-in-out;
  transition: all 0.65s ease-in-out;
}
.js .fade__target {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.js .fade__target.is-faded {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
/*

Main Nav Module

A minor enhancement to the Reveal or Expand Target modules if added to the
main navigation bar. This snippet, on Medium screens and larger, makes sure
the expandable Nav (on smaller screens) is no longer hidden, and that the 
Menu Title (be it "Main Menu", the hamburger icon, etc.) is hidden from view.

    <nav class="nav-bar--menu" role="navigation">
        <h3 class="nav-bar__title pre-icon--rows js-expand" id="reveal-main-nav">
            Main Menu
        </h3>
        <ul class="nav-bar__list--x--forceful expand__target" id="main-nav-list">
            ...
        </ul>
    </nav>

*/
@media all {
  .js .menu__list {
    max-height: 999px;
  }
  .menu__title {
    display: none;
  }
}
/*

Tabs

The tabs module (and accompanying plugin) creates a very basic widget that 
allows embedding and basic styling.

````tabs
<section class="tabs js-tabs">
    <nav role="navigation">
        <ul>
            <li>
                <a href="#first-tab">
                    First Tab
                </a>
            </li>
            <li>
                <a href="#second-tab">
                    Second Tab
                </a>
            </li>
        </ul>
    </nav>
    <div>
        <section id="first-tab">
            <h3>First Tab</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </section>
        <section id="second-tab">
            <h3>Second Tab</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </section>
    </div>
</section>
````

*/
.js .tabs > nav + *,
.js .tabs__section {
  position: relative;
  overflow: hidden;
}
.js .tabs > nav + * > *,
.js .tab {
  display: none;
}
.js .tabs > nav + * > *.is-current,
.js .tab.is-current {
  display: block;
}
/*

Font Declarations

Using the `.web-font` and `.web-font-svg` mixins, declare webfonts using the 
"bulletproof" `@font-face` syntax.

See: (http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax/)

*/
@font-face {
  font-family: "DSariThin";
  src: url("/resources/motif/fonts/dsari/2F7B95_0_0.eot");
  src: url("/resources/motif/fonts/dsari/2F7B95_0_0.eot?#iefix") format('embedded-opentype'), url("/resources/motif/fonts/dsari/2F7B95_0_0.woff") format('woff'), url("/resources/motif/fonts/dsari/2F7B95_0_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DSariMedium";
  src: url("/resources/motif/fonts/dsari/2F7B95_3_0.eot");
  src: url("/resources/motif/fonts/dsari/2F7B95_3_0.eot?#iefix") format('embedded-opentype'), url("/resources/motif/fonts/dsari/2F7B95_3_0.woff") format('woff'), url("/resources/motif/fonts/dsari/2F7B95_3_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DSariSemiBold";
  src: url("/resources/motif/fonts/dsari/2F7B95_15_0.eot");
  src: url("/resources/motif/fonts/dsari/2F7B95_15_0.eot?#iefix") format('embedded-opentype'), url("/resources/motif/fonts/dsari/2F7B95_15_0.woff") format('woff'), url("/resources/motif/fonts/dsari/2F7B95_15_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DSari";
  src: url("/resources/motif/fonts/dsari/2F7B95_13_0.eot");
  src: url("/resources/motif/fonts/dsari/2F7B95_13_0.eot?#iefix") format('embedded-opentype'), url("/resources/motif/fonts/dsari/2F7B95_13_0.woff") format('woff'), url("/resources/motif/fonts/dsari/2F7B95_13_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DSariLight";
  src: url("/resources/motif/fonts/dsari/2F7B95_11_0.eot");
  src: url("/resources/motif/fonts/dsari/2F7B95_11_0.eot?#iefix") format('embedded-opentype'), url("/resources/motif/fonts/dsari/2F7B95_11_0.woff") format('woff'), url("/resources/motif/fonts/dsari/2F7B95_11_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DSariBold";
  src: url("/resources/motif/fonts/dsari/2F7B95_9_0.eot");
  src: url("/resources/motif/fonts/dsari/2F7B95_9_0.eot?#iefix") format('embedded-opentype'), url("/resources/motif/fonts/dsari/2F7B95_9_0.woff") format('woff'), url("/resources/motif/fonts/dsari/2F7B95_9_0.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
.dsari-thin {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.dsari-medium {
  font-family: "DSariMedium", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.dsari-semibold {
  font-family: "DSariSemiBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.dsari {
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.dsari-light {
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.dsari-bold {
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.white-text {
  color: #fff;
}
.light-blue-text {
  color: #4bb8ff;
}
.grey-text {
  color: #8c8c8c;
}
.uppercase {
  text-transform: uppercase;
}
/*

Font Classes

Each font family and weight used in the site is given its own LEGO-block class
to enable quick use and modularity.

*/
/*

Heading Styles

In Motif, typography is broken into pieces that separate skin from structure.
In this case, that means the font sizing (structure) is separate from the
styling (skin) -- which includes font family, color, etc.

Heading styles are some of the type skins, and we start out with
`.primary-heading` (which is also the `h`-tag default) and
`.secondary-heading`. Add as necessary.

````primary-heading
<h1 class="primary-heading">Primary Heading</h1>
````

*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.75em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.primary-heading,
.wysiwyg-dark h1,
.wysiwyg-dark .epic-heading {
  font-weight: normal;
}
.primary-heading,
.wysiwyg-dark h1,
.wysiwyg-dark .epic-heading {
  font-family: "DSariSemiBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Secondary Heading

````secondary-heading
<h2 class="secondary-heading">Secondary Heading</h2>
````

*/
.secondary-heading {
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Tertiary Heading

````tertiary-heading
<h2 class="tertiary-heading">Secondary Heading</h2>
````

*/
.tertiary-heading {
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Body Text

Another type style, but this mimicks the default body text of the site.

````body-text
<p>This is a paragraph of text. Some of the text may be <em>emphasised</em> and some it might even be <strong>strongly emphasised</strong>. Occasionally <q>quoted text</q> may be found within a paragraph &hellip;and of course <a href="#">a link</a> may appear at any point in the text. The average paragraph contains five or six sentences although some may contain as little or one or two while others carry on for anything up to ten sentences and beyond.</p>
````

*/
body,
.body-text,
.input-hint,
.input-desc,
[class*="input-alert"] {
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/*

Unstyled List

A basic stripping of list styles.

*/
.list--unstyled,
[class*="list--x"],
.wysiwyg .unordered {
  padding-left: 0;
  list-style: none outside none;
}
/*

Blockquote

A basic blockquote.

````blockquote
<figure class="blockquote">
    <blockquote>
        At last we will reveal ourselves to the the Jedi. At last we will have
        our revenge.
    </blockquote>
    <figcaption class="blockquote__cite">Darth Maul</figcaption>
</figure>
````

*/
.blockquote {
  padding-left: 1.125em;
}
.blockquote blockquote {
  padding: 0;
}
.blockquote__cite {
  display: block;
}
.blockquote__cite:before {
  content: "\2014";
}
strong {
  font-weight: 700;
  letter-spacing: 0.8px;
}
i,
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.weight-300 {
  font-weight: 300 !important;
}
.weight-500 {
  font-weight: 500 !important;
}
.weight-700 {
  font-weight: 700 !important;
}
.weight-900 {
  font-weight: 900 !important;
}
.text--blue {
  color: #006bb1 !important;
}
.text--red {
  color: #E02E3D !important;
}
.text--dark-green {
  color: #185e4d !important;
}
.text--white {
  color: #fff !important;
}
.text--dark-white {
  color: #d9d9d9 !important;
}
.text--orange {
  color: #f3b243 !important;
}
.text--med-orange {
  color: #ce5a31 !important;
}
.text--default {
  color: #302f2b !important;
}
.text--shadow {
  text-shadow: -6px 8px 0 rgba(0, 0, 0, 0.2);
}
.text--center {
  text-align: center;
}
/*

Typographic Scale

The building blocks for the site's type sizes. Almost exclusively, an element's
font size is assigned with one of these classes. If a new size is needed, a new
class is created here so it can be used and reused elsewhere.

The list of type sizes can grow or shrink, but be vigilant in keeping the
number of sizes to a minimum. A nice rule of thumb is that no two sizes can one
pixel in difference (forcing you to choose one over the other, giving you one
class where you previously had two).

````typographic-scale
<p class="canon-text">Canon Text (38px)</p>
<p class="paragon-text">Paragon Text (30px)</p>
<p class="primer-text">Primer Text (24px)</p>
<p class="tertia-text">Tertia Text (18px)</p>
<p class="normal-text">Normal Text (14px)</p>
<p class="petite-text">Petite Text (12px)</p>
````

*/
/*

Canon Text

*/
.canon-text {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 0.91666667;
}
.inch-text {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
}
/*

Paragon Text

*/
.paragon-plus-text,
.wysiwyg h1,
.wysiwyg .paragon-plus-text {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.17647059;
}
/*

Paragon Text

*/
.paragon-text,
.wysiwyg h2,
.wysiwyg .paragon-text {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.16666667;
}
/*

Primer Text

*/
.primer-text {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
}
/*

Great Text

*/
.great-text,
.wysiwyg h3,
.wysiwyg .great-text,
.wysiwyg-dark h1 span,
.wysiwyg-dark .epic-heading span {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.04166667;
}
/*

Tertia Text

*/
.tertia-text,
.wysiwyg h4,
.wysiwyg .tertia-text {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
}
/*

Normal Text

*/
.normal-text,
.wysiwyg .normal-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
/*

Petite Text

*/
[class*="petite-text"],
.castle-picker__container a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
}
.petite-text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
}
/*

Minion Text

*/
[class*="minion-text"] {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}
.minion-text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}
.freight-text {
  font-size: 48px;
  font-size: 3rem;
  line-height: 0.83333333;
}
/*

Long Modifiers

The smaller type sizes are given the `--long` modifier, allowing you to use
each type size with varying line heights.

    <p class="petite-text">I'm just a small bit of text, my `line-height`
    can be tight.</p>

    <p class="petite-text--long">I'm a long paragraph, so my `line-height`
    should be longer to enhance legibility. ... </p>

*/
.primer-text--long,
.tertia-text--long,
.normal-text--long,
.petite-text--long,
body,
.body-text,
.input-hint,
.input-desc,
[class*="input-alert"] {
  line-height: 1.5;
}
@font-face {
  font-family: "motif-icons";
  src: url("../fonts/motif-icons/motif-icons.eot");
  src: url("../fonts/motif-icons/motif-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/motif-icons/motif-icons.woff") format("woff"), url("../fonts/motif-icons/motif-icons.ttf") format("truetype"), url("../fonts/motif-icons/motif-icons.svg?#motif-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="pre-icon--"]:before,
[class*="icon--"]:before,
[class*="post-icon--"]:after,
.castle-picker__container [class*="picker--"]:before,
.castle-picker__container [class*="selected--"]:before,
.ticket-offers .offers__heading span + span:after,
.ticket-filters .custom-check:after,
[class*="modal--"] .modal__close:before,
.btn--arrow:after,
.wysiwyg .simple-button:after {
  display: inline-block;
  font-family: "motif-icons";
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lte8 [class*="pre-icon--"]:before,
.lte8 [class*="icon--"]:before,
.lte8 [class*="post-icon--"]:after {
  font-size: 1em;
}
[class*="pre-icon--"]:before {
  padding-right: 0.357em;
}
[class*="post-icon--"]:after,
.ticket-offers .offers__heading span + span:after,
.ticket-filters .custom-check:after,
.btn--arrow:after,
.wysiwyg .simple-button:after {
  padding-left: 0.357em;
}
.pre-icon--alert:before,
.icon--alert:before,
.post-icon--alert:after {
  content: "\f101";
}
.pre-icon--calendar:before,
.icon--calendar:before,
.post-icon--calendar:after {
  content: "\f102";
}
.pre-icon--castle-atlanta:before,
.icon--castle-atlanta:before,
.post-icon--castle-atlanta:after,
.castle-picker__container .picker--lawrenceville:before,
.castle-picker__container .selected--lawrenceville:before,
.ticket-month-separator .ticket__item .castle-icon--lawrenceville:before {
  content: "\f103";
}
.pre-icon--castle-baltimore:before,
.icon--castle-baltimore:before,
.post-icon--castle-baltimore:after {
  content: "\f104";
}
.pre-icon--castle-buena-park:before,
.icon--castle-buena-park:before,
.post-icon--castle-buena-park:after,
.castle-picker__container .picker--buena-park:before,
.castle-picker__container .selected--buena-park:before,
.ticket-month-separator .ticket__item .castle-icon--buena-park:before {
  content: "\f105";
}
.pre-icon--castle-chicago:before,
.icon--castle-chicago:before,
.post-icon--castle-chicago:after,
.castle-picker__container .picker--schaumburg:before,
.castle-picker__container .selected--schaumburg:before,
.ticket-month-separator .ticket__item .castle-icon--schaumburg:before {
  content: "\f106";
}
.pre-icon--castle-dallas:before,
.icon--castle-dallas:before,
.post-icon--castle-dallas:after,
.castle-picker__container .picker--dallas:before,
.castle-picker__container .selected--dallas:before,
.ticket-month-separator .ticket__item .castle-icon--dallas:before {
  content: "\f107";
}
.pre-icon--castle-hanover:before,
.icon--castle-hanover:before,
.post-icon--castle-hanover:after,
.castle-picker__container .picker--hanover:before,
.castle-picker__container .selected--hanover:before,
.ticket-month-separator .ticket__item .castle-icon--hanover:before {
  content: "\f108";
}
.pre-icon--castle-lyndhurst:before,
.icon--castle-lyndhurst:before,
.post-icon--castle-lyndhurst:after,
.castle-picker__container .picker--lyndhurst:before,
.castle-picker__container .selected--lyndhurst:before,
.ticket-month-separator .ticket__item .castle-icon--lyndhurst:before {
  content: "\f109";
}
.pre-icon--castle-myrtle-beach:before,
.icon--castle-myrtle-beach:before,
.post-icon--castle-myrtle-beach:after {
  content: "\f10a";
}
.pre-icon--castle-myrtle:before,
.icon--castle-myrtle:before,
.post-icon--castle-myrtle:after,
.castle-picker__container .picker--myrtle-beach:before,
.castle-picker__container .selected--myrtle-beach:before,
.ticket-month-separator .ticket__item .castle-icon--myrtle-beach:before {
  content: "\f10b";
}
.pre-icon--castle-orlando:before,
.icon--castle-orlando:before,
.post-icon--castle-orlando:after,
.castle-picker__container .picker--kissimmee:before,
.castle-picker__container .selected--kissimmee:before,
.ticket-month-separator .ticket__item .castle-icon--kissimmee:before {
  content: "\f10c";
}
.pre-icon--castle-scottsdale:before,
.icon--castle-scottsdale:before,
.post-icon--castle-scottsdale:after {
  content: "\f10d";
}
.pre-icon--castle-toronto:before,
.icon--castle-toronto:before,
.post-icon--castle-toronto:after,
.castle-picker__container .picker--toronto:before,
.castle-picker__container .selected--toronto:before,
.ticket-month-separator .ticket__item .castle-icon--toronto:before {
  content: "\f10e";
}
.pre-icon--check:before,
.icon--check:before,
.post-icon--check:after,
.ticket-filters .custom-check:after {
  content: "\f10f";
}
.pre-icon--circle-close:before,
.icon--circle-close:before,
.post-icon--circle-close:after,
[class*="modal--"] .modal__close:before {
  content: "\f110";
}
.pre-icon--clipboard:before,
.icon--clipboard:before,
.post-icon--clipboard:after {
  content: "\f111";
}
.pre-icon--clock:before,
.icon--clock:before,
.post-icon--clock:after {
  content: "\f112";
}
.pre-icon--copy:before,
.icon--copy:before,
.post-icon--copy:after {
  content: "\f113";
}
.pre-icon--delete:before,
.icon--delete:before,
.post-icon--delete:after {
  content: "\f114";
}
.pre-icon--facebook-sq:before,
.icon--facebook-sq:before,
.post-icon--facebook-sq:after {
  content: "\f115";
}
.pre-icon--facebook:before,
.icon--facebook:before,
.post-icon--facebook:after {
  content: "\f116";
}
.pre-icon--flickr:before,
.icon--flickr:before,
.post-icon--flickr:after {
  content: "\f117";
}
.pre-icon--google-plus:before,
.icon--google-plus:before,
.post-icon--google-plus:after {
  content: "\f118";
}
.pre-icon--home:before,
.icon--home:before,
.post-icon--home:after {
  content: "\f119";
}
.pre-icon--info:before,
.icon--info:before,
.post-icon--info:after {
  content: "\f11a";
}
.pre-icon--instagram:before,
.icon--instagram:before,
.post-icon--instagram:after {
  content: "\f11b";
}
.pre-icon--linkedin-sq:before,
.icon--linkedin-sq:before,
.post-icon--linkedin-sq:after {
  content: "\f11c";
}
.pre-icon--linkedin:before,
.icon--linkedin:before,
.post-icon--linkedin:after {
  content: "\f11d";
}
.pre-icon--list:before,
.icon--list:before,
.post-icon--list:after {
  content: "\f11e";
}
.pre-icon--location:before,
.icon--location:before,
.post-icon--location:after {
  content: "\f11f";
}
.pre-icon--mail:before,
.icon--mail:before,
.post-icon--mail:after {
  content: "\f120";
}
.pre-icon--minus:before,
.icon--minus:before,
.post-icon--minus:after {
  content: "\f121";
}
.pre-icon--nav-down-solid:before,
.icon--nav-down-solid:before,
.post-icon--nav-down-solid:after {
  content: "\f122";
}
.pre-icon--nav-down:before,
.icon--nav-down:before,
.post-icon--nav-down:after,
.ticket-offers .offers__heading span + span:after {
  content: "\f123";
}
.pre-icon--nav-left:before,
.icon--nav-left:before,
.post-icon--nav-left:after {
  content: "\f124";
}
.pre-icon--nav-right:before,
.icon--nav-right:before,
.post-icon--nav-right:after {
  content: "\f125";
}
.pre-icon--nav-up:before,
.icon--nav-up:before,
.post-icon--nav-up:after,
.is-showing-offers .ticket-offers .offers__heading span + span:after {
  content: "\f126";
}
.pre-icon--pinterest:before,
.icon--pinterest:before,
.post-icon--pinterest:after {
  content: "\f127";
}
.pre-icon--plus:before,
.icon--plus:before,
.post-icon--plus:after {
  content: "\f128";
}
.pre-icon--right-arrow:before,
.icon--right-arrow:before,
.post-icon--right-arrow:after,
.btn--arrow:after,
.wysiwyg .simple-button:after {
  content: "\f129";
}
.pre-icon--rows:before,
.icon--rows:before,
.post-icon--rows:after {
  content: "\f12a";
}
.pre-icon--rss:before,
.icon--rss:before,
.post-icon--rss:after {
  content: "\f12b";
}
.pre-icon--search:before,
.icon--search:before,
.post-icon--search:after {
  content: "\f12c";
}
.pre-icon--settings:before,
.icon--settings:before,
.post-icon--settings:after {
  content: "\f12d";
}
.pre-icon--tumblr:before,
.icon--tumblr:before,
.post-icon--tumblr:after {
  content: "\f12e";
}
.pre-icon--twitter:before,
.icon--twitter:before,
.post-icon--twitter:after {
  content: "\f12f";
}
.pre-icon--vimeo:before,
.icon--vimeo:before,
.post-icon--vimeo:after {
  content: "\f130";
}
.pre-icon--vine:before,
.icon--vine:before,
.post-icon--vine:after {
  content: "\f131";
}
.pre-icon--wordpress:before,
.icon--wordpress:before,
.post-icon--wordpress:after {
  content: "\f132";
}
.pre-icon--youtube:before,
.icon--youtube:before,
.post-icon--youtube:after {
  content: "\f133";
}
/* ==========================================================================
   MQ Base
   ========================================================================== */
/* General Desktop Picker Styles
       ========================================================================== */
.castle-picker__container a {
  /* Extends */
  color: #fff;
}
.castle-picker__container a:hover,
.castle-picker__container a:focus {
  color: #fed25a;
}
.castle-picker__container .post-icon--nav-down-solid:after {
  padding-left: 0;
}
.castle-picker__container [class*="picker--"],
.castle-picker__container [class*="selected--"] {
  position: relative;
}
.castle-picker__container [class*="picker--"]:before,
.castle-picker__container [class*="selected--"]:before {
  /* Extends */
  /* Mixins */
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}
.castle-picker__container [class*="picker--"]:before {
  margin-right: 15px;
  position: absolute;
  right: 100%;
  top: -3px;
  color: #fed25a;
}
.castle-picker__container [class*="selected--"] {
  display: inline-block;
}
.castle-picker__container [class*="selected--"]:before {
  position: relative;
  top: -3px;
  color: inherit !important;
}
.castle-picker__container .picker--buena-park:before,
.castle-picker__container .selected--buena-park:before {
  /* Extends */
}
.castle-picker__container .picker--dallas:before,
.castle-picker__container .selected--dallas:before {
  /* Extends */
}
.castle-picker__container .picker--hanover:before,
.castle-picker__container .selected--hanover:before {
  /* Extends */
}
.castle-picker__container .picker--kissimmee:before,
.castle-picker__container .selected--kissimmee:before {
  /* Extends */
}
.castle-picker__container .picker--lawrenceville:before,
.castle-picker__container .selected--lawrenceville:before {
  /* Extends */
}
.castle-picker__container .picker--lyndhurst:before,
.castle-picker__container .selected--lyndhurst:before {
  /* Extends */
}
.castle-picker__container .picker--myrtle-beach:before,
.castle-picker__container .selected--myrtle-beach:before {
  /* Extends */
}
.castle-picker__container .picker--schaumburg:before,
.castle-picker__container .selected--schaumburg:before {
  /* Extends */
}
.castle-picker__container .picker--toronto:before,
.castle-picker__container .selected--toronto:before {
  /* Extends */
}
.castle-picker__container > ul {
  /* Extends */
  width: 620px !important;
  padding: 1.875em 2.1875em !important;
  background-color: #2f2f2f;
  border: 3px solid #262626 !important;
}
.castle-picker__container > ul > ul {
  /* Vars */
  margin: 0 1.25em 0 0;
  padding-left: 4.375em;
  float: left;
  border-left: 1px solid #4c4c4c;
}
.castle-picker__container > ul > ul:first-of-type {
  padding-left: 2.5em;
  border-left: none;
}
.castle-picker__container > ul > ul + ul + ul {
  margin-right: 0;
}
.castle-picker__container > ul > ul li {
  margin-top: 1.875em;
}
.castle-picker__container > ul > ul li:first-of-type {
  margin-top: 0;
}
/* Main Navitation Specifics
       ========================================================================== */
.logo-item .castle-picker__container {
  display: inline-block;
  margin-top: 20px;
  /* Positioning */
  position: absolute;
  top: 0;
  left: 100%;
  text-align: left;
}
.logo-item .castle-picker__container > a:before {
  /* Mixins */
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
.logo-item .castle-picker__container a.minion-text {
  /* Mixins */
  font-size: 10px !important;
  font-size: 0.625rem !important;
}
/* Ticket Listing Specifics
       ========================================================================== */
.ticket__listing > h2 {
  /* Extends */
}
.ticket__listing .castle-picker__container {
  display: inline-block;
  /* Positioning */
  position: relative;
}
.ticket__listing .castle-picker__container > a {
  /* Extends */
  color: #238b72;
  letter-spacing: 0.4px;
}
/* Footer Specifics
       ========================================================================== */
.main-footer .castle-picker__container > a {
  margin-top: 1.875em;
  margin-bottom: 1.875em;
}
/* ==========================================================================
   MQ Base Only
   ========================================================================== */
/* ==========================================================================
   MQ Small Only
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  /* Main Navitation Specifics
       ========================================================================== */
  .logo-item .castle-picker__container {
    /* Mixins */
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 16px;
    font-size: 1rem;
    margin-top: 12px;
    position: absolute;
    top: 100%;
    left: 35%;
    z-index: 100;
    text-align: center;
  }
  .logo-item .castle-picker__container > ul + a {
    width: 100%;
    padding-left: 10px;
    position: absolute;
    left: 100%;
    top: 5px;
  }
  /* Ticket Listing Specifics
       ========================================================================== */
  /* Global Picker
       ========================================================================== */
  .picker-overlay {
    /* Mixins */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .picker-overlay.is-showing {
    /* Mixins */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
  }
  .global-picker.castle-picker__container {
    /* Mixins */
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
    max-width: 100%;
    position: fixed;
    top: -170%;
    left: 0;
    overflow-y: scroll;
  }
  .global-picker.castle-picker__container.is-showing {
    top: 0;
  }
  .global-picker.castle-picker__container .drop-down {
    margin-top: 0;
  }
  .global-picker.castle-picker__container ul {
    width: 100% !important;
    padding-top: 30px;
    padding-left: 2.5em;
    border: none;
    text-align: center;
  }
  .global-picker.castle-picker__container ul:first-of-type {
    padding-top: 0;
  }
}
/* ==========================================================================
   MQ Small
   ========================================================================== */
/* ==========================================================================
   MQ Medium
   ========================================================================== */
@media all {
  /* Main Navigation Specifics
       ========================================================================== */
  .logo-item .castle-picker__container {
    width: 170px;
  }
  .logo-item .castle-picker__container > ul {
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 500;
  }
  /* Ticket Listing Specifics
       ========================================================================== */
  .ticket__listing > h2,
  .ticket__listing .castle-picker__container > a {
    /* Mixins */
    font-size: 30px !important;
    font-size: 1.875rem !important;
  }
  .ticket__listing .castle-picker__container > a:before {
    /* Mixins */
    font-size: 24px !important;
    font-size: 1.5rem !important;
    top: -4px;
  }
  .ticket__listing .castle-picker__container > a {
    /* Vars */
    padding: 0.16666667em 0.43333333em;
  }
  .ticket__listing .drop-down {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 100 !important;
  }
  /* Footer Specifics
       ========================================================================== */
  .main-footer .castle-picker__container > a {
    /* Vars */
    /* Mixins */
    font-size: 18px !important;
    font-size: 1.125rem !important;
    margin-top: 1.66666667em;
    margin-bottom: 1.66666667em;
  }
  .main-footer .castle-picker__container > ul {
    /* Mixins */
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute !important;
    top: 80%;
    left: 50%;
    z-index: 300;
  }
  .picker-overlay,
  .global-picker {
    display: none;
  }
}
/* ==========================================================================
   MQ Medium Only
   ========================================================================== */
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  /* Main Navitation Specifics
       ========================================================================== */
  .logo-item .castle-picker__container {
    /* Mixins */
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 0;
    top: 100%;
    left: 50%;
  }
  /* Ticket Listing Specifics
       ========================================================================== */
  .ticket__listing .drop-down {
    left: auto !important;
    right: 0 !important;
  }
}
/* ==========================================================================
   MQ Large
   ========================================================================== */
/* ==========================================================================
   MQ Base
   ========================================================================== */
/* Ticket Listing
   ========================================================================== */
[class*="ticket__item"] {
  /* Vars */
  /* Mixins */
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  min-height: 7.1875em;
  margin-top: 1.25em;
  position: relative;
  background-color: #fff;
}
[class*="ticket__item"] :first-child {
  position: relative;
}
[class*="ticket__item"]:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2f2f2f;
  z-index: 0;
}
[class*="ticket__item"]:before,
[class*="ticket__item"] .item__date {
  width: 50px;
}
[class*="ticket__item"] .item__date,
[class*="ticket__item"] .item__tickets {
  /* Vars */
  padding: 1.125em 0.9375em;
  float: left;
}
[class*="ticket__item"] .item__date {
  color: #fff;
  text-transform: uppercase;
  min-height: inherit;
}
[class*="ticket__item"] .item__date h3 {
  /* Mixins */
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 1.8em;
  left: 50%;
}
[class*="ticket__item"] .item__date span {
  letter-spacing: 0.8px;
  font-weight: 900;
}
[class*="ticket__item"] .item__date--month {
  /* Mixins */
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /* Vars */
  width: 100%;
  display: block;
  padding-top: 0.84615385em;
  padding-bottom: 0.76923077em;
  position: absolute;
  top: 0;
  left: 50%;
  color: #fff;
  background-color: #238b72;
  text-align: center;
}
[class*="ticket__item"] .item__tickets {
  width: calc(100% - 50px);
}
[class*="ticket__item"] .item__tickets ol:first-of-type + h4 {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #d0d0d0;
}
[class*="ticket__item"] .sold-out {
  color: #8c8c8c;
}
[class*="ticket__item"].sold-out {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  opacity: 0.35;
}
[class*="ticket__item"].sold-out:after {
  /* Mixins */
  font-size: 18px;
  font-size: 1.125rem;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  transform: translate(-50%, -50%) rotate(-20deg);
  content: "Sold Out";
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  color: #262626;
}
[class*="ticket__item"] ol {
  margin-top: 0.375em;
  margin-bottom: 0;
}
[class*="ticket__item"] li {
  /* Vars */
  /* Mixins */
  padding: 0.42857143em 1.07142857em;
  font-weight: 500;
}
[class*="ticket__item"] li:before,
[class*="ticket__item"] li:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
[class*="ticket__item"] li:after {
  clear: both;
}
[class*="ticket__item"] li:hover {
  background-color: #e5f6f2;
}
[class*="ticket__item"] li a,
[class*="ticket__item"] li a:hover,
[class*="ticket__item"] li a:focus {
  color: #238b72;
}
[class*="ticket__item"] li > time {
  float: left;
}
[class*="ticket__item"] li:first-of-type {
  margin-top: 0;
}
[class*="ticket__item"] a {
  display: block;
  text-decoration: none;
}
[class*="ticket__item"] a time {
  color: #262626;
}
.has-offers .ticket__item {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.ticket__ad {
  color: #fff !important;
  background-color: #E02E3D !important;
  border-color: #ba1e28 !important;
}
.ticket__action {
  float: right;
}
.ticket__list {
  /* Extends */
}
.ticket__item--blank,
.ticket__item--split {
  /* Mixins */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  min-height: initial;
  background-color: transparent !important;
}
.ticket__item--blank:before,
.ticket__item--split:before {
  width: 0;
  height: 0;
  background-color: transparent;
}
.ticket__item--blank ol li,
.ticket__item--split ol li {
  padding: 0;
}
.ticket__item--blank ol li:hover,
.ticket__item--blank ol li:focus,
.ticket__item--split ol li:hover,
.ticket__item--split ol li:focus {
  background-color: transparent;
}
.ticket__item--split {
  /* Extends */
}
.ticket__item--split .item__top,
.ticket__item--split .item__bottom {
  /* Vars */
  /* Mixins */
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.15);
  padding: 0.9375em 1.125em;
  color: #fff;
  background-repeat: repeat;
  background-position: center;
  line-height: 1.2em;
}
.ticket__item--split .item__top {
  margin-bottom: 0.625em;
  background-color: #005f98;
}
.ticket__item--split .item__top ol {
  line-height: 1.2em;
}
.ticket__item--split .item__bottom {
  background-color: #ce2f3b;
}
/* Ticket Filters
   ========================================================================== */
.ticket-nav {
  position: relative;
  z-index: 50;
  background-color: #1a1a1a;
}
.ticket-nav__container {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.ticket-nav__month {
  /* Vars */
  /* Mixins */
  font-size: 18px;
  font-size: 1.125rem;
  min-width: 1150px;
  padding: 0 0.66666667em;
}
.ticket-nav__month > li:first-child {
  display: block;
  padding: 1.11111111em;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #242424;
  color: #fff;
}
.ticket-nav__month .month-list {
  /* Vars */
  margin-top: 0;
  padding-left: 2.94444444em;
}
.ticket-nav__month li a {
  /* Mixins */
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 0;
  padding: 1.11111111em;
  text-decoration: none;
  color: #fff;
}
.ticket-nav__month li.is-current a,
.ticket-nav__month li:hover a,
.ticket-nav__month li:focus a {
  color: #fff;
  background-color: #238b72;
}
/* Ticket Offers
   ========================================================================== */
.ticket-offers .offers__heading {
  /* Mixins */
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  width: 100%;
  padding: 10px 20px;
  /* Positioning */
  position: absolute;
  top: 83%;
  left: 0;
  z-index: 101;
  background-color: #006bb1;
  background-image: url(/resources/motif/images/patterns/diamond--blue.png);
  color: #fff;
  letter-spacing: 1px;
}
.ticket-offers .offers__heading span + span {
  margin-top: 6px;
}
.ticket-offers .offers__heading span + span:after {
  /* Extends */
  /* Mixins */
  font-size: 14px !important;
  font-size: 0.875rem !important;
}
.ticket-offers .offers__heading:hover,
.ticket-offers .offers__heading:focus {
  cursor: pointer;
}
.ticket-offers .offers__list li {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  margin-top: 40px;
  position: absolute;
  top: 80%;
  left: 0;
}
.ticket-offers .offers__list li:nth-child(2) {
  z-index: 99;
  /* Mixins */
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
  -o-transition-duration: 350ms;
  transition-duration: 350ms;
}
.ticket-offers .offers__list li:nth-child(2) .offer__body,
.ticket-offers .offers__list li:nth-child(2) .more-offers {
  background-color: #6e9eb9;
}
.ticket-offers .offers__list li:nth-child(3) {
  z-index: 98;
  /* Mixins */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition-duration: 450ms;
  -moz-transition-duration: 450ms;
  -o-transition-duration: 450ms;
  transition-duration: 450ms;
}
.ticket-offers .offers__list li:nth-child(3) .offer__body,
.ticket-offers .offers__list li:nth-child(3) .more-offers {
  background-color: #003d5f;
}
.ticket-offers .offers__list .active-offer {
  /* Mixins */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  z-index: 100;
}
.ticket-offers .offer__body {
  /* Vars */
  padding: 1.25em 1.25em 0.75em;
  background-color: #e1f0f9;
}
.ticket-offers .offer__code {
  padding: 5px 13px;
  background-color: #fff;
  border: 2px solid #005f98;
  letter-spacing: 1px;
}
.ticket-offers .more-offers {
  padding: 15px 30px;
  background-color: #c7e1f1;
  color: #005f98;
  letter-spacing: 1.5px;
}
.ticket-offers .more-offers:hover,
.ticket-offers .more-offers:focus {
  cursor: pointer;
  background-color: #9ecbe7;
}
/* Ticket Offers: States
   ========================================================================== */
.is-showing-offers .ticket__item {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.is-showing-offers .ticket-offers .offers__heading {
  top: 0;
}
.is-showing-offers .ticket-offers .offers__heading span + span:after {
  /* Extends */
}
.is-showing-offers .ticket-offers li {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  top: 0;
}
.is-showing-offers .ticket-offers li:nth-child(2) {
  /* Mixins */
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  -o-transition-delay: 100ms;
  transition-delay: 100ms;
  top: 10px;
}
.is-showing-offers .ticket-offers li:nth-child(3) {
  /* Mixins */
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  top: 20px;
}
/* Ticket Packages
   ========================================================================== */
.ticket__packages {
  cursor: pointer;
}
/* Ticket Listing
   ========================================================================== */
.ticket__listing-container {
  /* Vars */
  padding-top: 2.3125em;
  background-color: #f3f1e2;
}
.ticket__listing {
  padding-bottom: 42px;
}
.ticket__listing > h2 {
  margin-top: 0;
  display: inline-block;
}
.ticket__listing .ticket__list > li.mix {
  display: none;
}
/* Ticket Filters
   ========================================================================== */
.ticket-filters {
  /* Vars */
  padding: 0;
  position: relative;
  color: #fff;
  background: #2f2f2f url(/resources/motif/images/patterns/diamond--grey.png) repeat left center;
}
.ticket-filters:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: 100%;
  left: 0;
  background: transparent url(/resources/motif/images/patterns/triangle-frills-down--dark-grey.png) repeat-x top left;
}
.ticket-filters li,
.ticket-filters label,
.ticket-filters input {
  float: left;
}
.ticket-filters label {
  position: relative;
}
.ticket-filters label:hover {
  cursor: pointer;
}
.ticket-filters ul,
.ticket-filters .filters__heading {
  /* Vars */
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.ticket-filters ul {
  /* Mixins */
  text-align: center;
}
.ticket-filters ul:before,
.ticket-filters ul:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.ticket-filters ul:after {
  clear: both;
}
.ticket-filters ul li {
  /* Vars */
  margin-left: 1.42857143em;
}
.ticket-filters ul li:first-of-type {
  margin-left: 0.71428571em;
}
.ticket-filters ul:first-of-type {
  margin-right: 1.5625em;
  padding-right: 1.5625em;
  border-right: 1px solid #454545;
}
.ticket-filters input[type="checkbox"] {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  margin: 0;
  position: relative;
  z-index: -100;
}
.ticket-filters .custom-check:before,
.ticket-filters .custom-check:after,
.ticket-filters .custom-radio:before,
.ticket-filters .custom-radio:after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 100;
}
.ticket-filters .custom-check:before,
.ticket-filters .custom-radio:before {
  width: 14px;
  height: 14px;
  margin-right: 6px;
  right: 100%;
  background-color: #f8f8f8;
}
.ticket-filters .custom-check:hover:before,
.ticket-filters .custom-check:focus:before {
  background-color: #6ddac0;
}
.ticket-filters .custom-radio:hover:before,
.ticket-filters .custom-check:focus:before {
  background-color: #6ddac0;
}
.ticket-filters .custom-check:before {
  /* Mixins */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.ticket-filters .custom-radio:before {
  /* Mixins */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.ticket-filters .custom-check:after {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  margin-right: 5px;
  top: 0;
  left: -28px;
}
.ticket-filters .custom-radio:after {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  top: 4px;
  left: -16px;
  background-color: #fff;
}
.ticket-filters .custom-radio.active:after,
.ticket-filters .custom-check.active:after {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.ticket-filters .custom-radio.active:before,
.ticket-filters .custom-check.active:before {
  background-color: #238b72;
}
.ticket-month-separator .ticket__item {
  padding: 0.9375em 0.625em 0.9375em 4.375em;
  background: #238b72;
  color: #fff;
}
.ticket-month-separator .ticket__item [class*="castle-icon"]:before {
  position: absolute;
  left: 48px;
  right: 20px;
  text-align: right;
  opacity: .06;
}
.ticket-month-separator .ticket__item .castle-icon--buena-park:before {
  top: 13px;
  font-size: 100px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--dallas:before {
  top: 13px;
  font-size: 100px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--hanover:before {
  top: 15px;
  font-size: 100px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--kissimmee:before {
  top: 14px;
  font-size: 100px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--lawrenceville:before {
  top: 14px;
  font-size: 100px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--lyndhurst:before {
  top: 14px;
  font-size: 100px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--myrtle-beach:before {
  top: 4px;
  font-size: 105px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--schaumburg:before {
  top: 14px;
  font-size: 100px;
  /* Extends */
}
.ticket-month-separator .ticket__item .castle-icon--toronto:before {
  top: 12px;
  font-size: 100px;
  /* Extends */
}
/* ==========================================================================
   MQ Base Only
   ========================================================================== */
@media all and (max-width: 29.9375em) {
  /* Ticket Listing
      ========================================================================== */
  .ticket__listing .mix {
    width: 100%;
  }
  .ticket__listing > div > h2 {
    margin-top: 20px;
  }
  /* Ticket Packages
       ========================================================================== */
  .ticket__packages {
    position: relative;
    overflow: hidden;
  }
  .ticket__packages h2 {
    /* Mixins */
    font-size: 16px;
    font-size: 1rem;
  }
}
/* ==========================================================================
   MQ Small Only
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  .ticket__action {
    /* Mixins */
    font-weight: normal;
  }
  /* Ticket Nav
       ========================================================================== */
  .ticket-nav .wrapper {
    width: 100%;
    margin: 0;
  }
  .ticket-nav__month .month-list {
    /* Vars */
    padding-left: 4.5em;
  }
  /* Ticket Filters
       ========================================================================== */
  .ticket-filters ul:first-of-type {
    border-bottom: 1px solid #8c8c8c;
    border-right: none;
  }
  .filters__heading:after {
    content: "Tickets For: ";
    margin-left: 4px;
  }
  /* Ticket Month Separators
       ========================================================================== */
  .ticket-month-separator {
    margin-top: 40px;
  }
  /* Ticket Offers
       ========================================================================== */
  .has-offers .item__tickets {
    padding-bottom: 4.375em;
  }
  .has-offers .offers__heading {
    margin-top: -44px;
    top: 100%;
  }
  .has-offers.is-showing-offers .offers__heading {
    margin-top: 0;
  }
}
/* ==========================================================================
   MQ Small
   ========================================================================== */
@media all {
  /* Ticket Month Separators
       ========================================================================== */
  .ticket-month-separator {
    margin-top: 25px;
  }
  .ticket-month-separator .ticket__item--blank,
  .ticket-month-separator .ticket__item--split {
    min-height: initial;
  }
}
/* ==========================================================================
   MQ Medium
   ========================================================================== */
@media all {
  /* Ticket Nav Container
       ========================================================================== */
  /* Ticket Listing
      ========================================================================== */
  .ticket__listing-container {
    background-color: transparent;
  }
  .bg-fix {
    /* Mixins */
    -webkit-transform: translateZ(0);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #f3f1e2 url(/resources/motif/images/patterns/cream--bokeh.jpg) no-repeat center 20px;
    background-size: 110%;
  }
  [class*="ticket__item"] {
    /* Vars */
    min-height: 15em;
  }
  /* Ticket Filters
       ========================================================================== */
  .ticket-nav .wrapper {
    position: relative;
  }
  .ticket-filters .filters__heading,
  .ticket-filters ul {
    float: left;
  }
  .ticket-filters ul li {
    /* Vars */
    margin-left: 1.42857143em;
  }
  .ticket-filters ul li:first-of-type {
    margin-left: 0.71428571em;
  }
  .filters--v-center {
    position: relative;
    top: 8px;
  }
  .filters__heading {
    margin-right: 0.625em;
  }
  .filters__heading:after {
    content: ": ";
    margin-top: 0;
  }
  /* Ticket Nav
       ========================================================================== */
  .ticket-nav__month .month-list {
    /* Vars */
    padding-left: 4.5em;
  }
  /* Ticket Month Separators
       ========================================================================== */
  .ticket-month-separator .ticket__item {
    padding: 1.5625em 1.25em 1.5625em 4.375em;
  }
  .ticket-month-separator .ticket__item [class*="castle-icon"]:before {
    display: block;
    right: 0;
    text-align: center;
  }
  .ticket-month-separator .ticket__item .castle-icon--buena-park:before {
    top: 52px;
    font-size: 140px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--dallas:before {
    top: 49px;
    font-size: 140px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--hanover:before {
    top: 66px;
    font-size: 120px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--kissimmee:before {
    top: 53px;
    font-size: 140px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--lawrenceville:before {
    top: 47px;
    font-size: 150px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--lyndhurst:before {
    top: 49px;
    font-size: 145px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--myrtle-beach:before {
    top: 54px;
    font-size: 120px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--schaumburg:before {
    top: 52px;
    font-size: 140px;
    /* Extends */
  }
  .ticket-month-separator .ticket__item .castle-icon--toronto:before {
    top: 41px;
    font-size: 150px;
    /* Extends */
  }
  .ticket-month-separator .ticket__year {
    position: absolute;
    bottom: 25px;
    left: 70px;
  }
}
/* ==========================================================================
   MQ Large
   ========================================================================== */
@media all {
  /* Ticket Listing
       ========================================================================== */
  .bg-fix {
    background-position: center bottom;
  }
}
/* ==========================================================================
   MQ X-large
   ========================================================================== */
@media all and (min-width: 77.5em) {
  /* Ticket Nav
       ========================================================================== */
  .ticket-nav {
    width: 100%;
  }
  .ticket-nav__month .month-list {
    /* Vars */
    padding-left: 4.44444444em;
  }
}
/* ==========================================================================
   MQ Base
   ========================================================================== */
/* Header Base Styles
 ========================================================================== */
[class*="bg-header"] {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Custom Banners
   ========================================================================== */
.bg-header--purchase {
  padding-top: 7.8125em;
  background-image: url(/resources/motif/images/static-banners/purchase-tickets--small.jpg);
  background-position: center;
}
/* ==========================================================================
   MQ Base Only
   ========================================================================== */
@media all and (max-width: 29.9375em) {
  .bg-header--purchase {
    margin-top: 2.8125em;
  }
}
/* ==========================================================================
   MQ Small Only
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  .bg-header--purchase {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .bg-header--purchase h1 {
    color: #fff;
  }
}
/* ==========================================================================
   MQ Small
   ========================================================================== */
/* ==========================================================================
   MQ Medium
   ========================================================================== */
@media all {
  .bg-header--purchase h1 {
    display: none;
  }
}
/* ==========================================================================
   MQ Large
   ========================================================================== */
@media all {
  /* Custom Banners
       ========================================================================== */
  .bg-header--purchase {
    /* Vars */
    padding-top: 14.0625em;
    background-image: url(/resources/motif/images/static-banners/purchase-tickets.jpg);
  }
}
@media all {
  .auto-height {
    min-height: 26.25em;
  }
}
.auto-height {
  position: relative;
  min-height: -webkit-calc(100vh - 7.8125em);
  min-height: -moz-calc(100vh - 7.8125em);
  min-height: calc(100vh - 7.8125em);
}
.auto-height.with-header.home-video {
  min-height: -webkit-calc(100vh - 7em);
  min-height: -moz-calc(100vh - 7em);
  min-height: calc(100vh - 7em);
}
@media all and (max-width: 47.9375em) {
  .auto-height.with-header.home-video {
    min-height: -webkit-calc(90vh - 7em);
    min-height: -moz-calc(90vh - 7em);
    min-height: calc(90vh - 7em);
  }
}
.auto-height.banner__figure {
  min-height: 100%;
}
.auto-height.banner__figure.with-header.home-video {
  min-height: -webkit-calc(100% + 7em);
  min-height: -moz-calc(100% + 7em);
  min-height: calc(100% + 7em);
}
@media all and (max-width: 47.9375em) {
  .auto-height.banner__figure.with-header.home-video {
    min-height: -webkit-calc(90vh - 7em);
    min-height: -moz-calc(90vh - 7em);
    min-height: calc(90vh - 7em);
  }
}
.auto-height.big-height {
  min-height: 100vh;
}
.auto-height.small-height {
  min-height: -webkit-calc(100vh - 22.5em);
  min-height: -moz-calc(100vh - 22.5em);
  min-height: calc(100vh - 22.5em);
}
@media all {
  .auto-height.small-height {
    min-height: 500px;
    height: -webkit-calc(100vh - 22.5em);
    height: -moz-calc(100vh - 22.5em);
    height: calc(100vh - 22.5em);
    max-height: 600px;
  }
}
@media all {
  .auto-height-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
@media all and (max-width: 47.9375em) {
  .auto-height.banner__figure.in-castle-promotions {
    position: relative;
    bottom: auto;
    min-height: 15em;
  }
  .auto-height.banner__figure.in-castle-promotions picture {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: block;
  }
  .auto-height.banner__figure.in-castle-promotions .banner__image {
    position: relative;
    object-fit: none;
    height: auto;
  }
  .auto-height.banner__figure.in-castle-promotions .banner__image.horizontal,
  .auto-height.banner__figure.in-castle-promotions .banner__image.square,
  .auto-height.banner__figure.in-castle-promotions .banner__image.vertical {
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
  }
}
.banner__figure {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background-color: #1a1a1a;
}
.banner__figure:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 10;
}
.banner__figure:after {
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.77)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  height: 100%;
}
.banner__figure picture {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner__image {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}
.objectfit .banner__image:not(.in-castle-promotions),
.objectfit .castle-promotions--initialized .banner__image {
  opacity: 1;
}
.no-objectfit .banner__image {
  width: auto;
  height: auto;
}
.no-objectfit .banner__image.horizontal,
.no-objectfit .banner__image.vertical,
.no-objectfit .banner__image.square {
  opacity: 1;
}
.no-objectfit .banner__image.horizontal,
.no-objectfit .banner__image.square {
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  top: 0;
  left: 50%;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 100%;
}
.no-objectfit .banner__image.vertical {
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  top: 50%;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
}
.no-objectfit .banner__image.is-waiting {
  opacity: 0;
}
.banner__image.is-removed {
  display: none !important;
}
.banner__content {
  position: absolute;
  bottom: 11.25em;
  left: 0;
  right: 0;
  z-index: 100;
}
.banner__content.in-castle-promotions {
  padding-bottom: 3.75em;
}
@media all and (max-width: 47.9375em) {
  .banner__content.in-castle-promotions {
    position: relative;
    bottom: 0;
    padding-top: 1.25em;
  }
  .banner__content.with-longtext {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    padding-top: 25vh;
    padding-bottom: 1.875em;
  }
}
@media all {
  .auto-height.with-header.home-video {
    min-height: -webkit-calc(100vh - 7.9375em);
    min-height: -moz-calc(100vh - 7.9375em);
    min-height: calc(100vh - 7.9375em);
  }
  .auto-height.banner__figure.with-header.home-video {
    min-height: -webkit-calc(100% + 7.9375em);
    min-height: -moz-calc(100% + 7.9375em);
    min-height: calc(100% + 7.9375em);
  }
  .banner__figure:after {
    height: 50%;
  }
  .banner__title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 0.83333333;
  }
  .banner__subtitle {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.66666667;
  }
  .banner__desc {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2;
  }
  .banner__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 3.125em;
    padding-bottom: 3.125em;
  }
  .banner__content.in-castle-promotions {
    padding-bottom: 6.875em;
  }
}
@media all and (min-width: 77.5em) {
  .banner__content.in-castle-promotions {
    padding-bottom: 3.125em;
  }
}
@media all and (max-width: 47.9375em) {
  .full-width {
    width: 100% !important;
  }
}
.castle-intro .banner__content {
  padding-bottom: 0;
}
.castle-conversion {
  padding: 1.25em 0;
  background: #1377BE;
  color: #fff;
}
.castle-conversion a,
.castle-conversion a:hover,
.castle-conversion a:focus {
  color: #fff;
}
.castle-conversion a:hover,
.castle-conversion a:focus {
  text-decoration: none;
}
.castle-conversion .ada-underline-on-hover {
  text-decoration: underline;
}
.castle-conversion .ada-underline-on-hover:hover,
.castle-conversion .ada-underline-on-hover:focus {
  text-decoration: underline;
}
@media all {
  .castle-conversion {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 0;
    height: 7.75em;
  }
  .castle-conversion:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 30%;
    z-index: -1;
    content: "";
    display: block;
    background: #00416c;
  }
}
.castle-conversion__title {
  line-height: 1;
}
.castle-conversion .tight {
  line-height: 0.5;
}
.castle-conversion .tight_idME {
  line-height: 1.0;
}
@media all {
  .conversion-padding {
    padding-left: 3.25em;
  }
}
@media all {
  .conversion-padding_idME {
    padding-left: 3.25em;
    padding-top: 1.25em;
  }
}
@media all {
  .castle-conversion__location,
  .castle-conversion__price {
    position: relative;
    height: 7.75em;
  }
  .castle-conversion__location:after,
  .castle-conversion__price:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #1377BE;
    border-width: 62px 55px;
    margin-top: -62px;
  }
}
@media all {
  .castle-conversion__location {
    padding-top: 1.5625em;
    background-color: #1377BE;
    z-index: 5;
  }
}
.castle-conversion__location.castle-conversion__with-subtext {
  padding-top: 1em;
}
@media all {
  .castle-conversion__tickets {
    padding-top: 1.5625em;
  }
  .castle-conversion__tickets .btn--red {
    margin-top: 0;
  }
}
.castle-conversion__price {
  padding-top: 1.5625em;
}
@media all {
  .castle-conversion__price {
    background-color: #0e5a90;
    padding-top: 1.5625em;
    padding-left: 1.5625em;
    z-index: 2;
  }
  .castle-conversion__price:after {
    border-left-color: #0e5a90;
  }
}
@media all and (max-width: 47.9375em) {
  .in-castle-promotion {
    bottom: 0;
  }
  .castle-intr {
    min-height: auto;
  }
  .castle-intr .banner__figur {
    display: none;
  }
  .castle-intr .conversion-bar {
    min-height: auto;
  }
}
.promotion-bottom-left {
  bottom: 0;
  left: 0;
}
.promotion-top-left {
  top: 0;
  left: 0;
}
.promotion-top-right {
  top: 0;
  left: 0;
}
.promotion-top-right .inner-content {
  width: 50%;
  margin-left: auto;
}
@media all and (max-width: 47.9375em) {
  .promotion-top-right .inner-content {
    width: auto;
  }
}
.promotion-bottom-right {
  bottom: 0;
  left: 0;
}
.promotion-bottom-right .inner-content {
  width: 50%;
  margin-left: auto;
}
@media all and (max-width: 47.9375em) {
  .promotion-bottom-right .inner-content {
    width: auto;
  }
}
.banner__more-details {
  margin-top: 0.3125em !important;
}
.banner__more-details a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  color: #fff;
}
.banner__more-details a:hover {
  text-decoration: none;
  color: #fff;
}
.banner__more-details-show {
  display: none;
}
.overlay--dark {
  position: relative;
  z-index: 2;
}
.overlay--dark:after {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
}
.overlay--dark .wrapper {
  position: relative;
  z-index: 3;
}
.castle-show-selector.details .small-ticket-nav {
  padding-top: 1.25em !important;
}
.castle-show-selector .group-showtimes {
  padding-top: 1.25em;
}
.castle-show-selector .group-showtimes .group-showtimes-month-heading {
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.3125em !important;
  margin-bottom: 0.625em !important;
}
.castle-show-selector .group-showtimes .group-showtimes-month-date {
  padding-bottom: 0.3125em !important;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
}
.right-block,
.left-block {
  position: relative;
  overflow: hidden;
}
.right-block .block-image,
.left-block .block-image {
  top: 0;
  position: absolute;
  margin-top: 3.75em;
}
.right-block .block,
.left-block .block {
  width: 40%;
}
.right-block .block h1,
.left-block .block h1,
.right-block .block h2,
.left-block .block h2 {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.right-block .block-image {
  right: 45%;
}
.right-block .block {
  padding-left: 5.625em;
  margin-left: auto;
}
.left-block .block-image {
  left: 45%;
}
.left-block .block {
  padding-right: 5.625em;
}
.right-block-wrap,
.left-block-wrap {
  position: relative;
  overflow: hidden;
}
.right-block-wrap .block-image,
.left-block-wrap .block-image {
  top: 0;
  position: initial;
  padding-bottom: 20px;
}
.right-block-wrap .block,
.left-block-wrap .block {
  width: 40%;
}
.right-block-wrap .block h1,
.left-block-wrap .block h1,
.right-block-wrap .block h2,
.left-block-wrap .block h2 {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.right-block-wrap .block-image {
  right: 45%;
  float: left;
  padding-right: 40px;
}
.right-block-wrap .block {
  margin-left: auto;
  padding-left: 0;
  width: 100%;
  text-align: justify;
}
.left-block-wrap .block-image {
  left: 45%;
  float: right;
  padding-left: 40px;
}
.left-block-wrap .block {
  padding-right: 0;
  width: 100%;
  text-align: justify;
}
@media all and (max-width: 61.9375em) {
  .right-block .block-image,
  .left-block .block-image,
  .right-block-wrap .block-image,
  .left-block-wrap .block-image {
    position: relative;
    left: 0;
    height: auto;
    margin-top: 0;
    padding: 0;
  }
  .right-block .block,
  .left-block .block,
  .right-block-wrap .block,
  .left-block-wrap .block {
    width: auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .right-block .block h1,
  .left-block .block h1,
  .right-block-wrap .block h1,
  .left-block-wrap .block h1 {
    padding-top: 0.625em !important;
  }
  .right-block.top-spacing,
  .left-block.top-spacing,
  .right-block-wrap.top-spacing,
  .left-block-wrap.top-spacing {
    padding-top: 0;
  }
}
@media all and (max-width: 47.9375em) {
  .banner__figure:after {
    display: none;
  }
}
.banner--adaptive {
  position: relative;
}
.banner__figure--adaptive {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none;
}
.banner__content--adaptive {
  position: relative;
  top: 0;
  left: 0;
  padding: 4.6875em 2.1875em;
}
@media all {
  .banner__content--adaptive {
    padding: 6.25em 3.125em;
  }
}
.banner__subtitle--adaptive {
  margin: 0 auto;
  max-width: 34.375em;
}
.banner__buttons {
  margin-top: 0;
}
.banner__buttons > .banner__button {
  margin: 1.125em 0.5625em;
  margin-bottom: 0;
}
.faux-italic .copy-coupon-code {
  transform: skewX(10deg);
}
.copy-coupon-code {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.copy-coupon-code:after {
  content: "Copied!";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #2f2f2f;
  color: #fff;
  padding: 5px;
  opacity: 0.0;
  transition: opacity 4s ease 0s;
}
.copy-coupon-code:active:after {
  opacity: 1.0;
  transition: opacity 0s ease 0s;
}
/* ==========================================================================
   MQ Base
   ========================================================================== */
/* Modal Defaults
      ========================================================================== */
[class*="modal--"] {
  /* Mixins */
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 0.1875em;
  -moz-border-radius: 0.1875em;
  -o-border-radius: 0.1875em;
  border-radius: 0.1875em;
  display: none;
  width: 80%;
  min-height: 80%;
  padding: 2.5em 1.25em;
  /* Positioning */
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* Other */
  background-color: #f0f0f0;
}
[class*="modal--"].is-showing {
  display: block;
}
[class*="modal--"] .modal__close {
  /* Mixins */
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 0.05555556;
  position: absolute;
  top: 22px;
  right: 26px;
}
[class*="modal--"] .modal__close:before {
  /* Extends */
  color: #fff;
  font-weight: 500;
}
[class*="modal--"] .modal__close:hover {
  cursor: pointer;
}
.modal-container {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-container.is-showing {
  /* Mixins */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  z-index: 900;
}
/* Modal Variations
       ========================================================================== */
.modal--tickets {
  width: 92%;
  max-height: 80%;
  padding: 0;
  background-color: #e9e5d2;
}
.modal--tickets .modal__header {
  /* Vars */
  /* Mixins */
  font-size: 42px;
  font-size: 2.625rem;
  padding: 0.52380952em 0 0.33333333em 0;
  background: #E02E3D url(/resources/motif/images/patterns/diamond--light-red.png) repeat -50% -50%;
  color: #fff;
}
.modal--tickets [class*="ticket-package"] ul li {
  margin-bottom: 5px;
}
/* ==========================================================================
   MQ Base Only
   ========================================================================== */
/* ==========================================================================
   MQ Small Only
   ========================================================================== */
/* ==========================================================================
   MQ Small
   ========================================================================== */
/* ==========================================================================
   MQ Medium
   ========================================================================== */
@media all {
  [class*="modal--"] .modal__close {
    /* Mixins */
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 0.03333333;
  }
  /* Modal Versions
       ========================================================================== */
  .modal--tickets .modal__content {
    /* Vars */
    padding: 1.875em 2.375em;
  }
  .modal--tickets [class*="ticket-package"] {
    /* Vars */
    margin-top: 4.0625em;
    padding: 3.75em 2em 1.875em;
    position: relative;
    background-color: #fff;
  }
  .modal--tickets .ticket-package--small {
    /* Vars */
    width: calc(33.3333333% - 20px);
    min-height: 37.5em;
    position: relative;
    z-index: 100;
  }
  .modal--tickets .ticket-package--large {
    /* Vars */
    /* Mixins */
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    width: calc(33.3333333% + 40px);
    min-height: 41.25em;
    margin-top: 2.1875em;
    position: relative;
    z-index: 300;
  }
  .modal--tickets .package-royalty,
  .modal--tickets .package-kings,
  .modal--tickets .package-celebration {
    position: relative;
  }
  .modal--tickets .package-royalty .package-heading,
  .modal--tickets .package-kings .package-heading,
  .modal--tickets .package-celebration .package-heading {
    position: absolute;
    top: -13px;
  }
  .modal--tickets .package-royalty .package-heading,
  .modal--tickets .package-celebration .package-heading {
    width: 90%;
  }
  .modal--tickets .package-royalty .package-heading:after,
  .modal--tickets .package-celebration .package-heading:after,
  .modal--tickets .package-royalty .package-heading:before,
  .modal--tickets .package-celebration .package-heading:before {
    content: "";
    position: absolute;
  }
  .modal--tickets .package-royalty .package-heading:after,
  .modal--tickets .package-celebration .package-heading:after {
    top: 0;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
  }
  .modal--tickets .package-royalty .package-heading:before,
  .modal--tickets .package-celebration .package-heading:before {
    margin-top: -1px;
    top: 100%;
    border-bottom: 20px solid transparent;
  }
  .modal--tickets .package-royalty .package-heading {
    /* Vars */
    padding-right: 0.75em;
    left: -20px;
    background-color: #005f98;
    text-align: right;
  }
  .modal--tickets .package-royalty .package-heading:after {
    border-left: 28px solid #005f98;
    right: -27px;
  }
  .modal--tickets .package-royalty .package-heading:before {
    left: 0;
    border-right: 20px solid #00416c;
  }
  .modal--tickets .package-kings {
    /* Vars */
    padding-top: 5em;
  }
  .modal--tickets .package-kings .package-heading {
    width: 100%;
    top: 0;
    left: 0;
    background-color: #ba1e28;
    text-align: center;
  }
  .modal--tickets .package-celebration .package-heading {
    /* Vars */
    padding-left: 0.75em;
    right: -20px;
    background-color: #238b72;
    text-align: left;
  }
  .modal--tickets .package-celebration .package-heading:after {
    border-right: 28px solid #238b72;
    left: -27px;
  }
  .modal--tickets .package-celebration .package-heading:before {
    right: 0;
    border-left: 20px solid #185e4d;
  }
  .modal--tickets .package-heading {
    /* Vars */
    padding: 1em 0 0.85em 0;
    color: #fff;
  }
}
/* ==========================================================================
   MQ Large
   ========================================================================== */
@media all {
  /* Modal Versions
       ========================================================================== */
  .modal--tickets {
    width: 68%;
    max-height: 95%;
  }
}
.noscroll {
  overflow: hidden !important;
}
#editorLoader {
  position: fixed;
  z-index: 10002;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.93);
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-perspective: 1000;
  display: none;
}
#editorEdit,
#castleModal,
#regularModal {
  position: fixed;
  z-index: 10001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0);
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-perspective: 1000;
  display: none;
}
#editorEdit .edit,
#castleModal .edit,
#regularModal .edit {
  -webkit-transition: margin-top 0.5s, opacity 1s;
  transition: margin-top 0.5s, opacity 1s;
  margin-top: 1.25em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#editorEdit.visible,
#castleModal.visible,
#regularModal.visible {
  background-color: rgba(255, 255, 255, 0.33);
  display: block;
}
#regularModal.visible {
  background-color: rgba(0, 0, 0, 0.66);
}
#editorEdit.visible #edit,
#castleModal.visible .edit,
#regularModal.visible .edit {
  max-width: 1024px;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  padding: 0;
  font-size: 13px;
  box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);
  -moz-box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);
  -webkit-box-shadow: 0 3px 8px rgba(34, 25, 25, 0.4);
  position: relative;
  margin-bottom: 20px;
  margin-top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#regularModal.visible .edit {
  margin-top: 3.125em;
  width: 50%;
}
@media all and (max-width: 47.9375em) {
  #regularModal.visible .edit {
    width: 92%;
  }
}
#editorEdit.visible .edit-close,
#castleModal.visible .edit-close,
#regularModal.visible .edit-close {
  max-width: 970px;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 20px;
}
#editorEdit.visible .edit-close a,
#castleModal.visible .edit-close a,
#regularModal.visible .edit-close a {
  background-color: #006bb1;
  color: #fff;
  padding: 5px;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-decoration: none;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}
#editorEdit.visible .edit-close a:hover,
#castleModal.visible .edit-close a:hover,
#regularModal.visible .edit-close a:hover {
  background-color: #00416c;
}
#editorEdit.visible .edit-close.edit-top,
#castleModal.visible .edit-close.edit-top,
#regularModal.visible .edit-close.edit-top {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -18px;
  text-align: right;
}
#editorEdit.visible .edit-close.edit-top a,
#castleModal.visible .edit-close.edit-top a,
#regularModal.visible .edit-close.edit-top a {
  font-size: 2.33333333em;
  background: none;
}
#editorEdit.visible .edit-close.edit-top a .icon-remove-sign,
#castleModal.visible .edit-close.edit-top a .icon-remove-sign,
#regularModal.visible .edit-close.edit-top a .icon-remove-sign {
  margin-right: 0;
  color: #302f2b;
}
#editorEdit.visible .edit-close.edit-top a:hover .icon-remove-sign,
#castleModal.visible .edit-close.edit-top a:hover .icon-remove-sign,
#regularModal.visible .edit-close.edit-top a:hover .icon-remove-sign {
  color: #8c8c8c;
}
.castle-picker-padding {
  padding: 2.5em;
}
/* ==========================================================================
   MQ Base
   ========================================================================== */
[class*="red-frills"],
[class*="blue-frills"] {
  position: relative;
}
[class*="red-frills"]:after,
[class*="blue-frills"]:after {
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  background-position: left top;
  background-repeat: repeat;
  background-color: transparent;
}
.red-frills--bottom:after {
  content: "";
  top: 100%;
  margin-top: -1px;
  background-image: url(/resources/motif/images/patterns/triangle-frills-down--red.png);
}
.blue-frills--bottom:after {
  content: "";
  top: 100%;
  margin-top: -1px;
  background-image: url(/resources/motif/images/patterns/triangle-frills-down--blue.png);
}
/* ==========================================================================
   MQ Base Only
   ========================================================================== */
/* ==========================================================================
   MQ Small Only
   ========================================================================== */
/* ==========================================================================
   MQ Small
   ========================================================================== */
/* ==========================================================================
   MQ Medium
   ========================================================================== */
/* ==========================================================================
   MQ Large
   ========================================================================== */
/* ==========================================================================
   Base
   ========================================================================== */
/* Basic Sticky Styles
   ========================================================================== */
.sticky-elem {
  position: relative;
  top: 0;
  left: 0;
  z-index: 150;
}
.sticky-elem.is-sticky {
  width: 100%;
  position: fixed;
}
/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  position: relative;
  zoom: 1;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  font-size: 30px;
  font-size: 1.875rem;
  text-decoration: none;
  display: block;
  margin: -120px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  opacity: 1;
  cursor: pointer;
  color: #fff;
}
@media all {
  .flex-direction-nav a {
    font-size: 75px;
    font-size: 4.6875rem;
  }
}
@media all {
  .flex-direction-nav a {
    font-size: 150px;
    font-size: 9.375rem;
  }
}
.flex-direction-nav a:hover,
.flex-direction-nav a:focus {
  color: #fff;
}
.flex-direction-nav .flex-prev {
  left: -4.34782609%;
}
@media all and (min-width: 77.5em) {
  .flex-direction-nav .flex-prev {
    left: auto;
    right: 100%;
  }
}
.flex-direction-nav .flex-next {
  right: -4.34782609%;
  text-align: right;
}
@media all and (min-width: 77.5em) {
  .flex-direction-nav .flex-next {
    right: auto;
    left: 100%;
  }
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
  }
}
/* Reset */
.dcsns ul,
.dcsns li {
  padding: 0;
  margin: 0;
  list-style: none!important;
  background: none;
}
/* Main styles */
/* Feeds */
.dcsns {
  list-style: none outside none;
  margin: 0;
}
.dcsns-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 0 5px 0;
}
.dcsns-loading {
  background: url(../images/loading_light.gif) no-repeat 0 0;
  height: 24px;
  padding: 6px 0 0 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.stream p {
  margin: 0;
  padding: 0;
}
.stream li a {
  color: #2DB6E8;
}
.stream li {
  padding: 0;
  position: relative;
  font-size: 11px;
  background: #fff;
  border: 1px solid #D3D3D3;
  line-height: 1.35em;
}
.stream li .inner {
  padding: 10px 10px 0 10px;
  margin: 0;
  position: relative;
  line-height: 1.5em;
}
.stream li .icon {
  position: absolute;
  left: 8px;
  bottom: 5px;
  z-index: 2;
  height: 20px;
}
.stream li .clear {
  clear: both;
}
/* Content blocks */
.stream li .section-intro {
  clear: both;
  display: none;
  font-style: italic;
  padding: 8px 0 5px 35px;
  margin: 0;
  height: 19px;
  color: #fff;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
}
.stream li .section-intro a {
  text-decoration: underline;
  margin-right: 3px;
  color: #fff;
}
.stream li .section-title {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
  font-size: 12px;
  color: #f0f0f0;
}
.stream li .section-title a {
  color: #555;
}
.stream li .section-title a:hover {
  color: #2DB6E8;
}
.stream li .section-thumb {
  float: left;
  margin: 0 7px 0 0;
  max-width: 99%;
}
.stream li .section-thumb img {
  border: 1px solid #ccc;
  padding: 1px;
  background: #fff;
  max-width: 99%;
}
.stream li .section-text {
  display: block;
  margin-bottom: 3px;
}
.stream li .section-text br {
  display: block;
}
.stream li .section-user {
  clear: both;
  font-style: italic;
  margin: 0 8px 5px 0;
  display: block;
  float: left;
  padding: 5px 0 5px 15px;
  line-height: 12px;
  background: url(../images/profile.png) no-repeat 0 5px;
}
.stream li .meta {
  display: block;
  font-size: 90%;
  color: #999;
}
.stream li .meta span {
  margin: 0 8px 5px 0;
  display: block;
  float: left;
  padding: 0 0 0 15px;
  line-height: 12px;
}
.meta span.shares {
  background: url(../images/shares.png) no-repeat 0 0;
  padding-left: 20px;
}
.meta span.views {
  background: url(../images/views.png) no-repeat 0 0;
  padding-left: 18px;
}
.meta span.likes {
  background: url(../images/likes.png) no-repeat 0 0;
  padding-left: 16px;
}
.meta span.comments {
  background: url(../images/comments.png) no-repeat 0 0;
}
.meta span.users {
  background: url(../images/users.png) no-repeat 0 0;
}
.meta span.videos {
  background: url(../images/videos.png) no-repeat 0 0;
  padding-left: 16px;
}
.stream li .section-meta {
  display: block;
  margin: 0;
  padding: 0;
  clear: both;
}
.stream li .meta.item-comments {
  padding: 0 0 0 35px;
  margin: 0 0 5px 0;
  min-height: 30px;
  position: relative;
  clear: both;
  line-height: 1.3em;
}
.stream li .meta.item-comments img {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}
.stream li .meta.item-likes {
  padding: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
  line-height: 1.3em;
}
.stream li .meta.item-likes img {
  float: left;
  margin: 0 5px 5px 0;
  width: 30px;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
}
.stream li.dcsns-error {
  color: #990000;
}
.stream li .section-share {
  display: block;
  margin: 0 0 5px 0;
  padding: 4px 0 0;
  float: right;
}
.stream li .section-share a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 2px 0 0;
  background: url(../images/share.png) no-repeat 0 0;
}
.stream li .section-share a.share-twitter {
  background-position: 0 -16px;
}
.stream li .section-share a.share-reply {
  background-position: 0 -32px;
}
.stream li .section-share a.share-retweet {
  background-position: 0 -48px;
}
.stream li .section-share a.share-favorite {
  background-position: 0 -64px;
}
.stream li .section-share a.share-google {
  background-position: 0 -80px;
}
.stream li .section-share a.share-linkedin {
  background-position: 0 -96px;
}
.stream li .section-share a.share-facebook:hover {
  background-position: -16px 0;
}
.stream li .section-share a.share-twitter:hover {
  background-position: -16px -16px;
}
.stream li .section-share a.share-reply:hover {
  background-position: -16px -32px;
}
.stream li .section-share a.share-retweet:hover {
  background-position: -16px -48px;
}
.stream li .section-share a.share-favorite:hover {
  background-position: -16px -64px;
}
.stream li .section-share a.share-google:hover {
  background-position: -16px -80px;
}
.stream li .section-share a.share-linkedin:hover {
  background-position: -16px -96px;
}
.stream li.dcsns-twitter .section-share .share-facebook,
.stream li.dcsns-twitter .section-share .share-google,
.stream li.dcsns-twitter .section-share .share-linkedin,
.stream li.dcsns-twitter .section-share .share-twitter {
  display: none;
}
/* Toolbar */
.dcsns-toolbar {
  padding: 5px 80px 5px 0;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
/* Filter */
.dcsns .filter {
  padding: 0;
  margin: 0;
}
.dcsns .filter li {
  display: inline-block;
  background: none;
  padding: 0;
  margin: 0 2px 0 0;
  height: 24px;
}
.dcsns .filter li a {
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  height: 24px;
}
.dcsns .filter li img {
  margin: 0;
  height: 22px;
}
/* Controls */
.dcsns .controls {
  position: absolute;
  right: 0;
  top: 7px;
  height: 22px;
  padding: 0;
  z-index: 12;
}
.dcsns .controls li {
  display: inline;
  background: none;
}
.dcsns .controls a {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  margin: 0 0 0 2px;
  background: url(../images/controls.png) no-repeat 0 0;
}
.dcsns .controls .prev {
  background-position: -44px 0;
}
.dcsns .controls .next {
  background-position: -66px 0;
}
.dcsns .controls .play {
  background-position: 0 0;
}
.dcsns .controls .pause {
  background-position: -22px 0;
}
.dcsns .controls .prev:hover {
  background-position: -44px -22px;
}
.dcsns .controls .next:hover {
  background-position: -66px -22px;
}
.dcsns .controls .play:hover {
  background-position: 0 -22px;
}
.dcsns .controls .pause:hover {
  background-position: -22px -22px;
}
/* feeds network specific styles */
.stream li.dcsns-rss .section-intro,
.filter .f-rss a:hover {
  background-color: #FF9800;
}
.stream li.dcsns-flickr .section-intro,
.filter .f-flickr a:hover {
  background-color: #f90784;
}
.stream li.dcsns-delicious .section-intro,
.filter .f-delicious a:hover {
  background-color: #3271CB;
}
.stream li.dcsns-twitter .section-intro,
.filter .f-twitter a:hover {
  background-color: #4ec2dc;
}
.stream li.dcsns-facebook .section-intro,
.filter .f-facebook a:hover {
  background-color: #3b5998;
}
.stream li.dcsns-google .section-intro,
.filter .f-google a:hover {
  background-color: #2d2d2d;
}
.stream li.dcsns-youtube .section-intro,
.filter .f-youtube a:hover {
  background-color: #DF1F1C;
}
.stream li.dcsns-pinterest .section-intro,
.filter .f-pinterest a:hover {
  background-color: #CB2528;
}
.stream li.dcsns-lastfm .section-intro,
.filter .f-lastfm a:hover {
  background-color: #C90E12;
}
.stream li.dcsns-dribbble .section-intro,
.filter .f-dribbble a:hover {
  background-color: #F175A8;
}
.stream li.dcsns-vimeo .section-intro,
.filter .f-vimeo a:hover {
  background-color: #4EBAFF;
}
.stream li.dcsns-stumbleupon .section-intro,
.filter .f-stumbleupon a:hover {
  background-color: #EB4924;
}
.stream li.dcsns-deviantart .section-intro,
.filter .f-deviantart a:hover {
  background-color: #EB4924;
}
.stream li.dcsns-tumblr .section-intro,
.filter .f-tumblr a:hover {
  background-color: #365472;
}
.stream li.dcsns-instagram .section-intro,
.filter .f-instagram a:hover {
  background-color: #413A33;
}
/* Facebook */
.stream li.dcsns-facebook .section-text img {
  margin: 0 7px 5px 0;
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 98%;
}
.stream li.dcsns-facebook .section-text-fb a {
  display: none;
}
.stream li.dcsns-facebook .meta {
  display: block;
  clear: both;
}
.stream li.dcsns-facebook .meta.item-comments {
  padding: 0;
  min-height: auto;
}
.stream li.dcsns-facebook .meta.item-comments a {
  display: block;
  margin: 0 0 2px 0;
}
.stream li.dcsns-facebook .share-facebook {
  display: none;
}
/* twitter */
.stream li.dcsns-twitter .section-thumb {
  margin-top: 3px;
}
.stream li.dcsns-twitter .section-user {
  padding: 0;
  background: none;
}
.stream li.dcsns-twitter .section-text img {
  margin: 5px 0 0;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 99%;
}
.stream li.dcsns-twitter a {
  color: #38AEAE;
}
.stream li.dcsns-twitter .section-intro a,
.stream li.dcsns-twitter .section-intro a:hover {
  color: #fff;
}
.stream li.dcsns-twitter .section-intro span a {
  text-decoration: none;
  margin-left: 0;
}
.stream li.dcsns-twitter .section-intro span a:hover {
  text-decoration: underline;
}
.stream li.dcsns-twitter a:hover {
  color: #38AEAE;
  text-decoration: underline;
}
.stream li.dcsns-twitter .twitter-user {
  margin-bottom: 2px;
  display: block;
}
.stream li.dcsns-twitter .twitter-user a {
  color: #999;
  line-height: 1.35em;
}
.stream li.dcsns-twitter .twitter-user a:hover {
  color: #999;
  text-decoration: none;
}
.stream li.dcsns-twitter .twitter-user a strong {
  color: #444;
}
.stream li.dcsns-twitter .twitter-user a:hover strong {
  color: #38AEAE;
  text-decoration: underline;
}
/* google */
.stream li.dcsns-google .section-title {
  margin-bottom: 5px;
}
.stream li.dcsns-google .meta span.plusones {
  padding-left: 0;
}
/* vimeo */
.dcsns .stream li.dcsns-vimeo .section-title {
  display: block;
  clear: both;
}
.stream li.dcsns-vimeo .section-text {
  margin-bottom: 5px;
}
.stream li.dcsns-vimeo .section-text .meta {
  padding-top: 5px;
}
.stream li.dcsns-vimeo .logo {
  margin-bottom: 3px;
}
/** Flickr **/
.stream li.dcsns-flickr .section-thumb {
  margin: 0;
}
/* Pinterest */
.stream li.dcsns-pinterest .section-thumb {
  display: block;
}
.stream li.dcsns-pinterest .section-text {
  clear: both;
}
/* dribbble */
.stream li.dcsns-dribbble .inner img {
  margin-bottom: 5px;
}
/* lastfm */
.stream li.dcsns-lastfm .section-title {
  background: url(../images/tracks.png) no-repeat 0 0;
  padding-left: 17px;
  margin-bottom: 0;
}
/* deviantart */
.stream li.dcsns-deviantart .section-thumb {
  display: block;
  float: none;
}
.stream li.dcsns-deviantart .section-thumb img {
  max-width: 250px;
}
/* tumblr */
.stream li.dcsns-tumblr .section-text img {
  margin: 0 7px 5px 0;
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 99%;
}
.stream li.dcsns-tumblr .track {
  display: block;
  background: url(../images/tracks.png) no-repeat 0 5px;
  padding: 5px 0 0 17px;
  margin-bottom: 0;
}
/* instagram */
.stream li.dcsns-instagram .section-title {
  font-weight: normal;
  clear: both;
}
.stream li.dcsns-instagram .section-thumb img {
  margin-bottom: 10px;
}
.stream li.dcsns-instagram .section-meta {
  clear: both;
  margin-bottom: 5px;
}
.stream li.dcsns-instagram .section-meta .meta .comments,
.stream li.dcsns-instagram .section-meta .meta .likes {
  margin: 0 0 5px 0;
  padding-top: 5px;
  background-position: 0 5px;
  float: none;
  font-size: 100%;
  font-weight: bold;
}
/* Reset */
.dcsns ul,
.dcsns li {
  padding: 0;
  margin: 0;
  list-style: none!important;
  background: none;
}
/* Main styles */
/* Feeds */
.dcsns {
  color: #444;
  list-style: none outside none;
  margin: 0;
  clear: both;
}
.dcsns h1 {
  width: auto;
  position: relative;
}
.dcsns h1,
.dcsns h2,
.dcsns h3 {
  line-height: 1.35em;
}
.dcsns-content {
  position: relative;
  padding: 0;
}
.dcsns-loading {
  background: url(../images/loading_light.gif) no-repeat 0 0;
  height: 24px;
  padding: 6px 0 0 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.dcsns-toolbar .dcsns-loading {
  right: 10px;
  left: auto;
}
.stream {
  margin: 0 auto!important;
}
.stream p {
  margin: 0;
  padding: 0;
}
.stream li a {
  color: #2DB6E8;
}
.stream li {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  font-size: 11px;
  padding: 15px 0 15px 0;
  width: 224px;
  position: relative;
  margin: 0 12px 12px 0;
  line-height: 1.35em;
}
.stream li .inner {
  overflow: hidden;
  padding: 0 15px;
}
.stream li .icon {
  position: absolute;
  left: 3px;
  bottom: 0;
  z-index: 3;
  display: none;
}
.stream li .section-intro {
  padding: 7px 0;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  z-index: 2;
}
.stream li .clear {
  clear: both;
}
/* Content blocks */
.stream li .section-intro a {
  text-decoration: underline;
  color: #fff;
  margin-left: 32px;
}
.stream li .section-title {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}
.stream li .section-title a {
  color: #555;
}
.stream li .section-title a:hover {
  color: #2DB6E8;
}
.stream li .section-thumb {
  float: left;
  margin: 0 7px 0 0;
}
.stream li .section-thumb img,
.stream li .section-text img {
  display: block;
}
.stream li .section-thumb img {
  border: 1px solid #ccc;
  padding: 1px;
  background: #fff;
}
.stream li .section-text {
  display: block;
  margin-bottom: 3px;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  color: #8c8c8c;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  line-height: 1.8em;
}
.stream li .section-text br {
  display: block;
}
.stream li .section-user {
  clear: both;
  font-style: italic;
  margin: 0 8px 5px 0;
  display: block;
  float: left;
  padding: 7px 0 0 15px;
  line-height: 12px;
  background: url(../images/profile.png) no-repeat 0 7px;
}
.stream li .meta {
  display: block;
  font-size: 90%;
  color: #999;
}
.stream li .meta span {
  margin: 0 8px 5px 0;
  display: block;
  float: left;
  padding: 0 0 0 15px;
  line-height: 12px;
}
.meta span.shares {
  background: url(../images/shares.png) no-repeat 0 0;
  padding-left: 20px;
}
.meta span.views {
  background: url(../images/views.png) no-repeat 0 0;
  padding-left: 18px;
}
.meta span.likes {
  background: url(../images/likes.png) no-repeat 0 0;
  padding-left: 16px;
}
.meta span.comments {
  background: url(../images/comments.png) no-repeat 0 0;
}
.meta span.users {
  background: url(../images/users.png) no-repeat 0 0;
}
.meta span.videos {
  background: url(../images/videos.png) no-repeat 0 0;
  padding-left: 16px;
}
.stream li .section-meta {
  display: block;
  margin: 0;
  padding: 0;
  clear: both;
}
.stream li .meta.item-comments {
  padding: 0 0 0 35px;
  margin: 0 0 5px 0;
  min-height: 30px;
  position: relative;
  clear: both;
  line-height: 1.3em;
}
.stream li .meta.item-comments img {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
}
.stream li .meta.item-likes {
  padding: 0;
  width: 100%;
  overflow: hidden;
  clear: both;
  line-height: 1.3em;
}
.stream li .meta.item-likes img {
  float: left;
  margin: 0 5px 5px 0;
  width: 30px;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
}
.stream li.dcsns-error {
  color: #990000;
}
.stream li .section-share {
  display: none;
  margin: 0 0 5px 0;
  padding: 4px 0 0;
  float: right;
}
.stream li .section-share a {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 2px 0 0;
  background: url(../images/share.png) no-repeat 0 0;
}
.stream li .section-share a.share-twitter {
  background-position: 0 -16px;
}
.stream li .section-share a.share-reply {
  background-position: 0 -32px;
}
.stream li .section-share a.share-retweet {
  background-position: 0 -48px;
}
.stream li .section-share a.share-favorite {
  background-position: 0 -64px;
}
.stream li .section-share a.share-google {
  background-position: 0 -80px;
}
.stream li .section-share a.share-linkedin {
  background-position: 0 -96px;
}
.stream li .section-share a.share-facebook:hover {
  background-position: -16px 0;
}
.stream li .section-share a.share-twitter:hover {
  background-position: -16px -16px;
}
.stream li .section-share a.share-reply:hover {
  background-position: -16px -32px;
}
.stream li .section-share a.share-retweet:hover {
  background-position: -16px -48px;
}
.stream li .section-share a.share-favorite:hover {
  background-position: -16px -64px;
}
.stream li .section-share a.share-google:hover {
  background-position: -16px -80px;
}
.stream li .section-share a.share-linkedin:hover {
  background-position: -16px -96px;
}
.stream li.dcsns-twitter .section-share .share-facebook,
.stream li.dcsns-twitter .section-share .share-google,
.stream li.dcsns-twitter .section-share .share-linkedin,
.stream li.dcsns-twitter .section-share .share-twitter {
  display: none;
}
/* Toolbar */
.dcsns-toolbar {
  padding: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
/* Filter */
#wall {
  padding-top: 15px;
}
#wall .dcsns-toolbar {
  margin-bottom: 25px;
}
#dcsns-filter.dc-center {
  float: left;
  padding-left: 50%;
  display: none;
  margin: 0;
}
.dcsns-toolbar .filter {
  padding: 0;
  margin: 0 0 15px 0;
}
.dcsns-toolbar .filter li {
  display: inline;
  background: none;
  padding: 0;
  margin: 0;
}
.dcsns-toolbar .filter .link-all {
  color: #fff;
  height: 21px;
  padding: 7px 7px 4px 7px;
  text-shadow: 0 0 1px #555;
  font-weight: bold;
}
.dcsns-toolbar .filter li a {
  padding: 4px 3px 0 3px;
  margin: 0 1px 1px 0;
  display: block;
  float: left;
  background: #777;
  height: 28px;
}
.dcsns-toolbar .filter li img {
  margin: 0;
  height: 24px;
  width: 25px;
}
/* Controls */
.dcsns .controls {
  position: absolute;
  right: 0;
  top: 7px;
  height: 22px;
  padding: 0;
  z-index: 12;
}
.dcsns .controls li {
  display: inline;
  background: none;
}
.dcsns .controls a {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  margin: 0 0 0 2px;
  background: url(../images/controls.png) no-repeat 0 0;
}
.dcsns .controls .prev {
  background-position: -44px 0;
}
.dcsns .controls .next {
  background-position: -66px 0;
}
.dcsns .controls .play {
  background-position: 0 0;
}
.dcsns .controls .pause {
  background-position: -22px 0;
}
.dcsns .controls .prev:hover {
  background-position: -44px -22px;
}
.dcsns .controls .next:hover {
  background-position: -66px -22px;
}
.dcsns .controls .play:hover {
  background-position: 0 -22px;
}
.dcsns .controls .pause:hover {
  background-position: -22px -22px;
}
/* feeds network specific styles */
.stream li.dcsns-rss .section-intro,
.filter .f-rss a:hover,
.filter .f-rss a.iso-active {
  background-color: #FF9800;
}
.stream li.dcsns-flickr .section-intro,
.filter .f-flickr a:hover,
.filter .f-flickr a.iso-active {
  background-color: #f90784;
}
.stream li.dcsns-delicious .section-intro,
.filter .f-delicious a:hover,
.filter .f-delicious a.iso-active {
  background-color: #3271CB;
}
.stream li.dcsns-twitter .section-intro,
.filter .f-twitter a:hover,
.filter .f-twitter a.iso-active {
  background-color: #4ec2dc;
}
.stream li.dcsns-facebook .section-intro,
.filter .f-facebook a:hover,
.filter .f-facebook a.iso-active {
  background-color: #3b5998;
}
.stream li.dcsns-google .section-intro,
.filter .f-google a:hover,
.filter .f-google a.iso-active {
  background-color: #2d2d2d;
}
.stream li.dcsns-youtube .section-intro,
.filter .f-youtube a:hover,
.filter .f-youtube a.iso-active {
  background-color: #DF1F1C;
}
.stream li.dcsns-pinterest .section-intro,
.filter .f-pinterest a:hover,
.filter .f-pinterest a.iso-active {
  background-color: #CB2528;
}
.stream li.dcsns-lastfm .section-intro,
.filter .f-lastfm a:hover,
.filter .f-lastfm a.iso-active {
  background-color: #C90E12;
}
.stream li.dcsns-dribbble .section-intro,
.filter .f-dribbble a:hover,
.filter .f-dribbble a.iso-active {
  background-color: #F175A8;
}
.stream li.dcsns-vimeo .section-intro,
.filter .f-vimeo a:hover,
.filter .f-vimeo a.iso-active {
  background-color: #4EBAFF;
}
.stream li.dcsns-stumbleupon .section-intro,
.filter .f-stumbleupon a:hover,
.filter .f-stumbleupon a.iso-active {
  background-color: #EB4924;
}
.stream li.dcsns-deviantart .section-intro,
.filter .f-deviantart a:hover,
.filter .f-deviantart a.iso-active {
  background-color: #EB4924;
}
.stream li.dcsns-tumblr .section-intro,
.filter .f-tumblr a:hover,
.filter .f-tumblr a.iso-active {
  background-color: #365472;
}
.stream li.dcsns-instagram .section-intro,
.filter .f-instagram a:hover,
.filter .f-instagram a.iso-active {
  background-color: #413A33;
}
.stream li.dcsns-vine .section-intro,
.filter .f-vine a:hover,
.filter .f-vine a.iso-active {
  background-color: #00BF8F;
}
/* Facebook */
.stream li.dcsns-facebook .section-thumb img {
  max-width: 192px;
  margin-bottom: 5px;
}
.stream li.dcsns-facebook .section-thumb img,
.stream li.dcsns-facebook .section-text img {
  display: block;
}
.stream li.dcsns-facebook .section-text img {
  margin: 5px 7px 5px 0;
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 192px;
}
.stream li.dcsns-facebook .section-text a {
  margin-right: 4px;
  color: #444;
}
.stream li.dcsns-facebook .section-text-fb a {
  display: none;
}
.stream li.dcsns-facebook .section-intro a {
  margin-left: 25px;
}
.stream li.dcsns-facebook .meta {
  display: block;
  clear: both;
}
.stream li.dcsns-facebook .meta.item-comments {
  padding: 0;
  min-height: auto;
}
.stream li.dcsns-facebook .meta.item-comments a {
  display: block;
  margin: 0 0 2px 0;
}
.stream li.dcsns-facebook .share-facebook {
  display: none;
}
/* twitter */
.stream li.dcsns-twitter .section-thumb {
  margin-top: 3px;
}
.stream li.dcsns-twitter .section-thumb img {
  width: 26px;
  height: 26px;
  display: block;
}
.stream li.dcsns-twitter .section-user {
  padding: 0;
  background: none;
}
.stream li.dcsns-twitter .section-text img {
  margin: 5px 0 0;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 192px;
}
.stream li.dcsns-twitter a {
  color: #8c8c8c;
}
.stream li.dcsns-twitter .section-intro a,
.stream li.dcsns-twitter .section-intro a:hover {
  color: #fff;
}
.stream li.dcsns-twitter .section-intro span a {
  text-decoration: none;
  margin-left: 0;
}
.stream li.dcsns-twitter .section-intro span a:hover {
  text-decoration: underline;
}
.stream li.dcsns-twitter a:hover {
  color: #006bb1;
  text-decoration: underline;
}
.stream li.dcsns-twitter .twitter-user {
  margin-bottom: 20px;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  padding-top: 5px;
}
.stream li.dcsns-twitter .twitter-user a {
  color: #8c8c8c;
  text-decoration: none;
  line-height: 1.35em;
  font-size: 9px;
  font-size: 0.5625rem;
}
.stream li.dcsns-twitter .twitter-user a:hover {
  text-decoration: none;
}
.stream li.dcsns-twitter .twitter-user a strong {
  color: #2f2f2f;
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  display: block;
}
.stream li.dcsns-twitter .twitter-user a:hover strong {
  text-decoration: none;
}
/* google */
.stream li.dcsns-google .section-title {
  margin-bottom: 5px;
}
.dcsns .stream li.dcsns-google .section-thumb img {
  max-width: 192px;
}
.stream li.dcsns-google .meta span.plusones {
  padding-left: 0;
}
/* rss */
.stream li.dcsns-rss .section-thumb img {
  max-width: 192px;
}
.stream li.dcsns-rss .section-text img {
  background: #fff;
  max-width: 192px;
}
/* stumbleupon */
.dcsns .stream li.dcsns-stumbleupon .section-title {
  display: block;
  clear: both;
}
.dcsns .stream li.dcsns-stumbleupon .section-thumb img {
  max-width: 192px;
}
/* youtube */
.stream li.dcsns-youtube .section-thumb img {
  max-width: 192px;
}
/* vimeo */
.stream li.dcsns-vimeo .section-thumb img {
  max-width: 192px;
}
.dcsns .stream li.dcsns-vimeo .section-title {
  display: block;
  clear: both;
}
.stream li.dcsns-vimeo .section-text {
  margin-bottom: 5px;
}
.stream li.dcsns-vimeo .section-text .meta {
  padding-top: 5px;
}
.stream li.dcsns-vimeo .logo {
  margin-bottom: 3px;
}
/* Flickr */
.stream li.dcsns-flickr .section-thumb {
  margin: 0;
}
.stream li.dcsns-flickr .section-thumb img {
  max-width: 192px;
}
/* Pinterest */
.stream li.dcsns-pinterest .section-thumb {
  display: block;
}
.stream li.dcsns-pinterest .section-text {
  clear: both;
}
.stream li.dcsns-pinterest .section-thumb img {
  width: 190px;
}
/* dribbble */
.stream li.dcsns-dribbble .inner img {
  margin-bottom: 5px;
  max-width: 192px;
}
/* lastfm */
.stream li.dcsns-lastfm .section-title {
  background: url(../images/tracks.png) no-repeat 0 0;
  padding-left: 17px;
  margin-bottom: 0;
}
/* deviantart */
.stream li.dcsns-deviantart .section-thumb {
  display: block;
  float: none;
}
.stream li.dcsns-deviantart .section-thumb img {
  max-width: 192px;
}
/* tumblr */
.stream li.dcsns-tumblr .section-text img {
  margin: 0 7px 5px 0;
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 192px;
}
.stream li.dcsns-tumblr .track {
  display: block;
  background: url(../images/tracks.png) no-repeat 0 5px;
  padding: 5px 0 0 17px;
  margin-bottom: 0;
}
/* instagram */
.stream li.dcsns-instagram {
  padding-bottom: 40px;
}
.stream li.dcsns-instagram .section-title {
  font-weight: normal;
  clear: both;
}
.stream li.dcsns-instagram .section-thumb img {
  margin: 0 7px 5px 0;
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 192px;
}
.stream li.dcsns-instagram .meta {
  clear: both;
}
.stream li.dcsns-instagram .section-meta .meta .comments,
.stream li.dcsns-instagram .section-meta .meta .likes {
  margin: 0 0 5px 0;
  padding-top: 5px;
  background-position: 0 5px;
  float: none;
  font-size: 100%;
  font-weight: bold;
}
/* vine */
.stream li.dcsns-vine {
  padding-bottom: 40px;
}
.stream li.dcsns-vine .section-title {
  font-weight: normal;
  clear: both;
}
.stream li.dcsns-vine .section-thumb img {
  margin: 0 7px 5px 0;
  float: left;
  border: 1px solid #ddd;
  padding: 1px;
  background: #fff;
  max-width: 192px;
}
.stream li.dcsns-vine .meta {
  clear: both;
}
.stream li.dcsns-vine .section-meta .meta .comments,
.stream li.dcsns-vine .section-meta .meta .likes {
  margin: 0 0 5px 0;
  padding-top: 5px;
  background-position: 0 5px;
  float: none;
  font-size: 100%;
  font-weight: bold;
}
/* Foursquare */
.stream li.dcsns-foursquare .section-thumb img {
  max-width: 192px;
  margin-bottom: 5px;
  display: block;
}
/*isotope */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.knights .knight {
  padding-left: 0;
  padding-right: 0;
  min-height: 34.375em;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.knights .knight .knight-details {
  margin-top: 1.25em !important;
  margin-right: 1.25em !important;
  margin-bottom: 1.25em !important;
  margin-left: 1.25em !important;
  background-color: rgba(255, 255, 255, 0.85);
  position: absolute;
  top: 25%;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 1.25em !important;
  padding-right: 1.25em !important;
  padding-bottom: 1.25em !important;
  padding-top: 0 !important;
  display: none;
}
.knights .knight .knight-details .knight-flag-container {
  text-align: center;
}
.knights .knight .knight-details .knight-flag {
  width: 65%;
}
.knights .knight .knight-details h4 {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.04166667;
  margin-top: 1.25em !important;
}
.knights .knight .knight-details .knight-info {
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  margin-top: 0.3125em !important;
}
.knights .knight .knight-details .knight-social iframe {
  height: 225px !important;
}
.knights .knight--black-white {
  background-image: url("https://mtimes.imgix.net/images/tmp/knights-black-white.jpg?q=40&auto=format&fit=crop&w=250&h=625");
}
@media all {
  .knights .knight--black-white {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-black-white.jpg?q=40&auto=format&fit=crop&w=350&h=625");
  }
}
@media all {
  .knights .knight--black-white {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-black-white.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
@media all {
  .knights .knight--black-white {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-black-white.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
.knights .knight--green {
  background-image: url("https://mtimes.imgix.net/images/tmp/knights-green.jpg?q=40&auto=format&fit=crop&w=250&h=625");
}
@media all {
  .knights .knight--green {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-green.jpg?q=40&auto=format&fit=crop&w=350&h=625");
  }
}
@media all {
  .knights .knight--green {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-green.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
@media all {
  .knights .knight--green {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-green.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
.knights .knight--yellow {
  background-image: url("https://mtimes.imgix.net/images/tmp/knights-yellow.jpg?q=40&auto=format&fit=crop&w=250&h=625");
}
@media all {
  .knights .knight--yellow {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-yellow.jpg?q=40&auto=format&fit=crop&w=350&h=625");
  }
}
@media all {
  .knights .knight--yellow {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-yellow.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
@media all {
  .knights .knight--yellow {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-yellow.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
.knights .knight--red {
  background-image: url("https://mtimes.imgix.net/images/tmp/knights-red.jpg?q=40&auto=format&fit=crop&w=250&h=625");
}
@media all {
  .knights .knight--red {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-red.jpg?q=40&auto=format&fit=crop&w=350&h=625");
  }
}
@media all {
  .knights .knight--red {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-red.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
@media all {
  .knights .knight--red {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-red.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
.knights .knight--red-yellow {
  background-image: url("https://mtimes.imgix.net/images/tmp/knights-red-yellow.jpg?q=40&auto=format&fit=crop&w=250&h=625");
}
@media all {
  .knights .knight--red-yellow {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-red-yellow.jpg?q=40&auto=format&fit=crop&w=350&h=625");
  }
}
@media all {
  .knights .knight--red-yellow {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-red-yellow.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
@media all {
  .knights .knight--red-yellow {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-red-yellow.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
.knights .knight--blue {
  background-image: url("https://mtimes.imgix.net/images/tmp/knights-blue.jpg?q=40&auto=format&fit=crop&w=250&h=625");
}
@media all {
  .knights .knight--blue {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-blue.jpg?q=40&auto=format&fit=crop&w=350&h=625");
  }
}
@media all {
  .knights .knight--blue {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-blue.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
@media all {
  .knights .knight--blue {
    background-image: url("https://mtimes.imgix.net/images/tmp/knights-blue.jpg?q=40&auto=format&fit=crop&w=300&h=625");
  }
}
.knights .knights-badge {
  position: absolute;
  margin-right: auto;
  background-color: #E02E3D;
  padding: 1.25em 1.5625em;
  bottom: -3.125em;
  text-align: center;
  color: #fff;
  width: 13.75em;
  left: 50%;
  margin-left: -6.875em;
  z-index: 101;
}
.knights .knights-badge:after {
  border-width: 20px 6.875em;
  border-style: solid;
  border-color: #E02E3D #E02E3D transparent #E02E3D;
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
}
.quote {
  padding: 6.25em 0;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.quote .wrapper {
  padding-left: 7.8125em;
  padding-right: 7.8125em;
}
@media all and (max-width: 47.9375em) {
  .quote .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.quote .quote-text {
  line-height: 1.666em;
}
.steel .steel-item {
  color: #fff;
  padding-top: 6.25em;
  z-index: 10;
}
@media all and (max-width: 47.9375em) {
  .steel .steel-item {
    padding-top: 3.125em;
  }
}
.steel .steel-item__title {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  /* Display & Box Model */
  margin-top: 0.55555556em;
}
@media all {
  .steel .steel-item__title {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 1.2;
    /* Display & Box Model */
    margin-top: 0.3em;
  }
}
@media all {
  .steel .steel-item__title {
    margin-top: 0;
  }
}
.dinner {
  background-image: url(/resources/motif/images/tmp/banner-dinner.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  color: #fff;
  padding: 6.25em 0;
}
.dinner .slides {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
}
.dinner .slides h5 {
  text-transform: uppercase;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.04166667;
  margin-top: 0.625em !important;
  margin-bottom: 0.3125em !important;
}
.dinner .slides img {
  display: block;
  margin: 2.85714286em 0;
}
.celebration .celebration-banner {
  background: url("https://mtimes.imgix.net/images/tmp/banner-celebrate-family.jpg?q=40&auto=format&fit=crop&w=575&h=575") center top no-repeat;
  background-size: cover;
}
@media all {
  .celebration .celebration-banner {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-celebrate-family.jpg?q=40&auto=format&fit=crop&w=1000&h=650");
  }
}
@media all {
  .celebration .celebration-banner {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-celebrate-family.jpg?q=40&auto=format&fit=crop&w=1200&h=700");
  }
}
@media all and (min-width: 77.5em) {
  .celebration .celebration-banner {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-celebrate-family.jpg?q=50&auto=format&fit=crop&w=1500&h=700");
  }
}
.celebration .celebration-selection {
  margin: 2.5em 0;
  background-color: rgba(255, 255, 255, 0.65);
  padding: 2.5em 1.875em;
}
@media all {
  .celebration .celebration-selection {
    margin: 6.25em 0;
  }
}
.celebration .celebration-selection h3 {
  margin-top: 0 !important;
  margin-bottom: 0.3125em !important;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
}
@media all {
  .celebration .celebration-selection h3 {
    margin-bottom: 0 !important;
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 0.91666667;
  }
}
.celebration .celebration-selection h4 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
}
.celebration .celebration-selection .celebration-selection-options {
  padding-top: 2.77777778em;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
}
.celebration .celebration-selection .celebration-selection-cta {
  padding-top: 1.875em;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.celebration .celebration-selection .celebration-selection-cta .small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  text-transform: uppercase;
}
.list--icon {
  position: relative;
  background: transparent no-repeat left top;
}
.list--icon,
.list--icon.list--unstyled {
  padding-left: 3.125em;
}
.list--icon-tickets {
  background-image: url("https://mtimes.imgix.net/images/tmp/icon-tickets.png?q=40&auto=format&w=33&h=24");
}
.list--icon-flag {
  background-image: url("https://mtimes.imgix.net/images/tmp/icon-flag.png?q=40&auto=format&w=26&h=33");
}
.list--icon-sword {
  background-image: url("https://mtimes.imgix.net/images/tmp/icon-sword.png?q=40&auto=format&w=20&h=52");
}
.green-overlay {
  position: relative;
}
.green-overlay:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1c735d;
  background: -moz-radial-gradient(center, ellipse cover, #2cb390 0, #1c735d 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0, #2cb390), color-stop(100%, #1c735d));
  background: -webkit-radial-gradient(center, ellipse cover, #2cb390 0, #1c735d 100%);
  background: -o-radial-gradient(center, ellipse cover, #2cb390 0, #1c735d 100%);
  background: -ms-radial-gradient(center, ellipse cover, #2cb390 0, #1c735d 100%);
  background: radial-gradient(ellipse at center, #2cb390 0, #1c735d 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  opacity: 0.95;
}
.green-overlay .content {
  z-index: 2;
  position: relative;
}
.alt-dinner {
  position: relative;
}
.alt-dinner .gl-thirds {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.alt-dinner .dinner-section {
  min-height: 500px;
  background-position: top center;
  background-size: cover;
  color: #fff;
  position: relative;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
@media all and (max-width: 61.9375em) {
  .alt-dinner .dinner-section {
    display: block;
  }
}
.alt-dinner .dinner-section .content {
  position: absolute;
  bottom: 0;
  color: #fff;
  z-index: 2;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  padding: 1.78571429em;
}
.alt-dinner .dinner-section .content h5 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.04166667;
  padding-bottom: 0.3125em !important;
}
.alt-dinner .dinner-section .content .findOutMore {
  display: none;
}
.alt-dinner .dinner-section .content .info {
  padding-top: 6px;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
.alt-dinner .dinner-section:hover .content .info {
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  max-height: 500px;
}
@media all and (max-width: 61.9375em) {
  .alt-dinner .dinner-section .content .findOutMore {
    display: inline-block;
  }
  .alt-dinner .dinner-section .content .info {
    max-height: 0;
    margin-bottom: 15px;
  }
}
.alt-dinner .dinner-section:after {
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.97) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.97)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.97) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.97) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.97) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.97) 100%);
  /* Positioning */
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  /* Display & Box Model */
  content: "";
  height: 65%;
  z-index: 1;
}
.alt-dinner .alt-info {
  display: none;
}
@media all and (max-width: 61.9375em) {
  .alt-dinner .alt-info {
    padding: 20px;
    color: #fff;
    font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42857143;
  }
}
.dinner-section {
  overflow: hidden;
}
.dinner-section--food {
  background-image: url("https://mtimes.imgix.net/images/tmp/dinner-food.jpg?q=40&auto=format&fit=crop&w=500&h=500");
}
@media all {
  .dinner-section--food {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-food.jpg?q=40&auto=format&fit=crop&w=800&h=500");
  }
}
@media all {
  .dinner-section--food {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-food.jpg?q=40&auto=format&fit=crop&w=1000&h=500");
  }
}
@media all {
  .dinner-section--food {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-food.jpg?q=40&auto=format&fit=crop&w=600&h=600");
  }
}
.dinner-section--libations {
  background-image: url("https://mtimes.imgix.net/images/tmp/dinner-libations.jpg?q=40&auto=format&fit=crop&w=500&h=500");
}
@media all {
  .dinner-section--libations {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-libations.jpg?q=40&auto=format&fit=crop&w=800&h=500");
  }
}
@media all {
  .dinner-section--libations {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-libations.jpg?q=40&auto=format&fit=crop&w=1000&h=500");
  }
}
@media all {
  .dinner-section--libations {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-libations.jpg?q=40&auto=format&fit=crop&w=600&h=600");
  }
}
.dinner-section--veg {
  background-image: url("https://mtimes.imgix.net/images/tmp/dinner-veg.jpg?q=40&auto=format&fit=crop&w=500&h=500");
}
@media all {
  .dinner-section--veg {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-veg.jpg?q=40&auto=format&fit=crop&w=800&h=500");
  }
}
@media all {
  .dinner-section--veg {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-veg.jpg?q=40&auto=format&fit=crop&w=1000&h=500");
  }
}
@media all {
  .dinner-section--veg {
    background-image: url("https://mtimes.imgix.net/images/tmp/dinner-veg.jpg?q=40&auto=format&fit=crop&w=600&h=600");
  }
}
.dinner-section .dinner-section__image {
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  z-index: 1;
  display: block;
  opacity: 0;
}
.dinner-section .dinner-section__image.horizontal,
.dinner-section .dinner-section__image.vertical,
.dinner-section .dinner-section__image.square {
  opacity: 1;
}
.dinner-section .dinner-section__image.horizontal,
.dinner-section .dinner-section__image.square {
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  top: 0;
  left: 50%;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 100%;
}
.dinner-section .dinner-section__image.vertical {
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  top: 50%;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
}
.dinner-section .dinner-section__image.is-waiting {
  opacity: 0;
}
.castle-conversion__info {
  display: inline-block;
  font-style: italic;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
}
.alt-dinner .dinner-section--tall {
  height: 710px;
}
@media all and (max-width: 29.9375em) {
  .alt-dinner .dinner-section--tall {
    height: 800px;
  }
}
@media all and (max-width: 47.9375em) {
  .alt-dinner .dinner-section--tall {
    width: 80%;
  }
}
@media all {
  .alt-dinner .dinner-section--tall {
    height: 610px;
  }
}
@media all {
  .alt-dinner .dinner-section--tall {
    height: 710px;
  }
}
@media screen and (min-width: 1340px) {
  .alt-dinner .dinner-section--tall {
    height: 610px;
  }
}
@media all {
  .alt-dinner .gl-quarters .dinner-section--tall {
    height: 710px;
    width: 50%;
  }
}
@media screen and (min-width: 1340px) {
  .alt-dinner .gl-quarters .dinner-section--tall {
    height: 710px;
  }
}
@media screen and (min-width: 1400px) {
  .alt-dinner .gl-quarters .dinner-section--tall {
    width: 25%;
  }
}
.alt-dinner .gm-halves .dinner-section--tall {
  display: inline-block;
}
@media all {
  .alt-dinner .gm-halves .dinner-section--tall {
    height: 710px;
  }
}
@media all {
  .alt-dinner .gm-halves .dinner-section--tall {
    height: 610px;
  }
}
@media screen and (min-width: 1400px) {
  .alt-dinner .gm-halves .dinner-section--tall {
    height: 710px;
  }
}
.alt-dinner .dinner-section__content {
  position: absolute;
  top: 120px;
  right: 30px;
  bottom: 50px;
  left: 30px;
  background: rgba(255, 255, 255, 0.85);
  z-index: 2;
  padding: 30px;
}
@media all and (max-width: 29.9375em) {
  .alt-dinner .dinner-section__content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.alt-dinner .dinner-section__corporate-bg:before {
  content: "";
  position: absolute;
  top: -60px;
  width: 145px;
  height: 145px;
  left: 50%;
  transform: translateX(-50%);
}
.alt-dinner .dinner-section__corporate-bg-0:before {
  background: url("/resources/motif/images/corporate/swords-corporate.svg");
}
.alt-dinner .dinner-section__corporate-bg-1:before {
  background: url("/resources/motif/images/corporate/crown-corporate.svg");
}
.alt-dinner .dinner-section__corporate-bg-2:before {
  background: url("/resources/motif/images/corporate/knight-corporate.svg");
}
.alt-dinner .dinner-section__corporate-bg-3:before {
  background: url("/resources/motif/images/corporate/castle-corporate.svg");
}
.alt-dinner .dinner-section__title {
  color: #000;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
}
.alt-dinner .dinner-section__text {
  color: #000;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  margin-top: 0;
}
.alt-dinner .dinner-section--no-bg:after {
  content: none;
}
.knights--container-blue {
  background: #017ed0;
}
.knights__text-wrapper {
  width: 92%;
  margin: 0 auto;
  max-width: 995px;
  padding: 70px 0 83px;
}
@media all {
  .knights__text-wrapper {
    width: 80%;
  }
}
.knights__text-wrapper--empty {
  padding: 0;
  height: 70px;
}
.knights__text {
  color: #fff;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-align: center;
  line-height: 31px;
}
.location-promotion {
  padding-bottom: 4.6875em;
}
.location-promotion li {
  margin-top: 3.125em;
}
.location-promotion__castle-icon {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.16666667;
}
.location-promotion__castle-name {
  margin-top: 0.3125em !important;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.04166667;
}
.location-promotion__castle-founded {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  display: inline-block;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
}
.location-promotion__castle-address {
  margin-top: 1.25em !important;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}
.location-promotion__castle-phone {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  margin-top: 0.625em !important;
}
.basic {
  padding: 4.6875em 0;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  background-color: #e6e6e6;
}
.basic-details {
  padding-top: 3.125em;
}
.basic-empty {
  background-color: transparent !important;
}
.simple-tickets {
  padding: 0 0 4.6875em;
}
.simple-tickets .small-ticket-nav {
  padding-top: 3.75em;
}
.careers-background {
  background: transparent no-repeat center top;
  background-size: cover;
}
.purchase-banner {
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
}
@media all and (max-width: 47.9375em) {
  .purchase-banner {
    padding: 1.25em 0;
  }
}
.purchase-banner .show-details {
  display: table;
  width: 100%;
  height: 250px;
}
.purchase-banner .show-details .show-pic {
  width: 30%;
  display: table-cell;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
  height: 250px;
  width: 31.2%;
}
.purchase-banner .show-details .show-pic img {
  height: 100%;
}
.purchase-banner .show-details .show-info {
  width: 70%;
  display: table-cell;
  vertical-align: middle;
  padding: 0.9375em 1.25em;
  position: relative;
}
.purchase-banner .show-details .show-info .show-copy {
  padding-left: 32%;
}
@media all {
  .purchase-banner .show-details .show-info {
    padding: 0.9375em 2.8125em;
  }
}
.purchase-banner .show-details .show-info .knights-badge {
  position: absolute;
  margin-right: auto;
  background-color: #006bb1;
  padding: 1.25em 1.5625em;
  text-align: center;
  color: #fff;
  width: 13.75em;
  right: 0;
  top: 0;
  margin-left: -6.875em;
  z-index: 115;
}
.purchase-banner .show-details .show-info .knights-badge:after {
  border-width: 20px 6.875em;
  border-style: solid;
  border-color: #006bb1 #006bb1 transparent #006bb1;
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
}
.purchase-banner .show-details .show-info h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
  font-family: "DSariMedium", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  margin-top: 0 !important;
}
.purchase-banner .show-details .show-info h3 {
  margin-top: 0 !important;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
}
.purchase-banner .show-details .show-info .prices {
  display: inline-block;
  padding-right: 1.25em;
}
.purchase-banner .show-details .show-info .seating-options {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  line-height: 2.14285714;
  color: #b2b2b2;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.purchase-banner .show-details .show-info .seating-options a {
  color: #E02E3D;
}
.purchase-banner .show-details .show-info .seating-options a:hover {
  color: #ba1e28;
}
.purchase-banner .show-details .show-info .disclaimer {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  padding-top: 1.66666667em;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  color: #66645b;
}
@media all {
  .purchase-banner .show-details .show-info .disclaimer {
    padding-top: 2.5em;
  }
}
@media all and (max-width: 47.9375em) {
  .purchase-banner .show-details .show-info {
    padding: 1.25em 1.25em;
    width: 100%;
  }
  .purchase-banner .show-details .show-info h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.04166667;
  }
  .purchase-banner .show-details .show-info .seating-options {
    float: none;
    padding-left: 0 !important;
    margin-left: 0 !important;
    border-left: 0;
  }
}
.purchase-banner .show-details .promo-blue {
  background-color: rgba(0, 107, 177, 0.8);
  color: #fff;
}
@media all and (max-width: 61.9375em) {
  .purchase-banner .show-details .show-info {
    width: 100%;
  }
  .purchase-banner .show-details .show-info .show-copy {
    padding-left: 0;
  }
}
@media all and (max-width: 47.9375em) {
  .purchase-banner {
    padding: 1.875em;
    background-color: transparent;
  }
  .purchase-banner .show-info {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
.promo-banner {
  display: none;
}
@media all and (max-width: 47.9375em) {
  .promo-banner {
    display: block;
  }
}
.ticket-results {
  position: relative;
  padding: 3.125em 0;
}
.ticket-results:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.15);
  content: " ";
  z-index: -1;
}
.ticket-results--month {
  height: 11.11111111em;
  background-color: #f3b243;
  color: #fff;
  padding: 1.11111111em;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
  text-transform: uppercase;
}
.ticket-results--item {
  display: table;
  width: 100%;
  margin-bottom: 1.25em;
}
.ticket-results--item-date {
  display: table-cell;
  background-color: #e6e6e6;
  width: 25%;
  text-align: center;
  padding: 1.25em 0;
  vertical-align: middle;
}
.ticket-results--item-date span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
  text-transform: uppercase;
  color: #8c8c8c;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.ticket-results--item-date span.day {
  font-size: 48px;
  font-size: 3rem;
  line-height: 0.83333333;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.ticket-results--item-times {
  display: table-cell;
  width: 75%;
  vertical-align: middle;
  background-color: #fff;
  padding: 0 1.25em;
}
.ticket-results--item-times .castle-list li {
  text-align: center;
  color: #8c8c8c;
}
.ticket-results--item-times .show-type--educational {
  background-color: #d6d6d6;
}
.ticket-results--sold-out {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #E02E3D;
}
@media all and (max-width: 47.9375em) {
  .ticket-results {
    padding-top: 0.625em !important;
  }
  .ticket-results .wrapper {
    width: 100%;
  }
  .ticket-results .ticket-results--item {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #d6d6d6;
  }
  .ticket-results .ticket-results--month {
    height: auto;
  }
}
@media all and (max-width: 47.9375em) {
  .ticket-filter .cap-width-l {
    width: 9.375em;
  }
  .ticket-filter .input-castle input {
    margin-left: 0 !important;
  }
}
@media all {
  .ticket-filter__input-wrapper {
    display: inline-block;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.filter-by {
  margin-top: 0.3125em;
}
@media all and (max-width: 47.9375em) {
  .filter-by {
    text-align: left !important;
    margin-top: 0 !important;
  }
}
.filter-by .filter-by-label {
  display: inline-block;
  position: relative;
  top: -0.35714286em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  padding-right: 0.71428571em;
}
@media all and (max-width: 47.9375em) {
  .filter-by .media-object__figure {
    float: left;
    margin-right: 0.625em;
  }
}
.filter-by .media-object--checkbox {
  margin-top: 0.625em;
}
.filter-by .media-object__desc {
  padding-top: 4px;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.filter-by .filter-by-specials {
  margin-left: 0.625em;
  padding-left: 0.625em;
  border-left: 1px solid #ea717b;
}
@media all and (max-width: 47.9375em) {
  .purchase-tickets-filter .input-castle:after {
    display: none;
  }
}
.purchase-tickets-filter .castle-picker {
  margin-left: 0;
}
.banner_container.banner_tickets {
  /* Other */
  background: transparent url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=20&auto=format&fit=crop&w=400&h=800") no-repeat center top;
  background-size: cover;
}
@media all {
  .banner_container.banner_tickets {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=60&auto=format&fit=crop&w=1000&h=1000");
    padding-top: 0;
  }
}
@media all {
  .banner_container.banner_tickets {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=60&auto=format&fit=crop&w=1300&h=1000");
  }
}
@media all and (min-width: 77.5em) {
  .banner_container.banner_tickets {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=60&auto=format&fit=crop&w=1500&h=1000");
  }
}
.content-highlights:before,
.content-highlights:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.content-highlights:after {
  clear: both;
}
.content-highlights__item {
  position: relative;
  float: left;
  height: 15.625em;
  overflow: hidden;
  background: #febd0e;
  text-align: center;
}
@media all {
  .content-highlights__item {
    height: 25em;
  }
}
.content-highlights__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: 10;
}
.content-highlights__item:hover {
  cursor: pointer;
}
.content-highlights__item--secondary {
  height: 9.375em;
}
@media all {
  .content-highlights__item--secondary {
    height: 12.5em;
  }
}
.content-highlights__figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
}
.content-highlights__image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  transition: all 0.2s ease-out;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}
.content-highlights__image.square,
.content-highlights__image.vertical {
  width: 101%;
}
.content-highlights__image.horizontal {
  height: 101%;
}
.content-highlights__item:hover .content-highlights__image {
  opacity: 0.6;
}
.content-highlights__title {
  position: absolute;
  top: 50%;
  left: 0;
  margin: 0;
  width: 100%;
  padding: 1.125em;
  transform: translateY(-50%);
  color: #fff;
  z-index: 100;
}
.badge {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  margin-bottom: -6.875em;
  width: 13.75em;
  background-color: #E02E3D;
  padding: 1.25em 1.5625em;
  text-align: center;
  color: #fff;
  transform: translateY(-25%) translateY(-10px);
}
@media all {
  .badge {
    transform: translateY(-50%) translateY(-10px);
  }
}
.badge:after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  border-width: 1.25em 6.875em;
  border-style: solid;
  border-color: #E02E3D #E02E3D transparent #E02E3D;
}
.badge a {
  text-decoration: none;
  color: inherit;
}
.badge + div {
  padding-top: 8.4375em;
}
@media all {
  .badge + div {
    padding-top: 6.25em;
  }
}
.badge + .content-highlights {
  padding: 0px;
  position: relative;
  z-index: 0;
}
.details {
  background: url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=20&auto=format&fit=crop&w=400&h=800") center top no-repeat;
  background-size: cover;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  color: #fff;
}
@media all {
  .details {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=60&auto=format&fit=crop&w=1000&h=1000");
  }
}
@media all {
  .details {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=60&auto=format&fit=crop&w=1300&h=800");
  }
}
@media all and (min-width: 77.5em) {
  .details {
    background-image: url("https://mtimes.imgix.net/images/tmp/banner-tickets.jpg?q=60&auto=format&fit=crop&w=1500&h=800");
  }
}
.details .small-ticket-nav {
  padding-top: 5.625em;
}
.details .small-ticket-nav input[type="text"] {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
}
.details .small-ticket-nav__button,
.details .small-ticket-nav__input,
.details .small-ticket-nav__label {
  margin-top: 0.5em;
  vertical-align: middle;
}
.details__head {
  padding-bottom: 90px;
}
.details-lists {
  padding: 1.875em 0 3.75em;
  background: #1a1a1a;
  background: rgba(26, 26, 26, 0.3);
}
.details__section {
  margin-top: 1.875em;
  color: #bdbdbd;
}
.details__section__title {
  color: #fff;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.details__list {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}
.general-content {
  overflow: hidden;
  background: #e6e6e6;
}
.general-content__wrapper {
  margin: 0 auto;
  max-width: 52.5em;
  padding: 1.25em;
}
@media all {
  .general-content__wrapper {
    padding: 4.375em;
  }
}
@media all {
  .general-content blockquote {
    margin-right: -4.375em;
  }
}
@media all {
  .education__ctas {
    display: table;
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
@media all {
  .education__ctas .education__cta {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
}
.education__ctas .education__cta:nth-child(1) {
  background-color: #006bb1;
}
.education__ctas .education__cta:nth-child(2) {
  background-color: #00416c;
}
.sur-nav {
  padding-top: 1.25em;
  padding-bottom: 2.5em;
  background: #e6e6e6;
}
.sur-nav:before,
.sur-nav:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.sur-nav:after {
  clear: both;
}
.sur-nav__item {
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.sur-nav__item-text {
  display: inline-block;
  color: #00416c;
}
.sur-nav__item--prev {
  float: left;
}
.sur-nav__item--next {
  float: right;
}
.sur-nav__icon--left {
  float: left;
}
.sur-nav__icon--right {
  float: right;
}
.sur-nav__title {
  display: block;
  font-size: 24px;
}
.sur-nav__item:hover .sur-nav__title {
  color: #db900e;
}
.notification .notification-close {
  display: inline-block;
  position: absolute;
  font-size: 1.875em;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media all and (max-width: 47.9375em) {
  .notification .notification-close {
    right: -16px;
    top: -16px;
  }
}
@media all {
  .tg-blue-row {
    display: flex;
  }
}
@media all {
  .tg-blue-row .blue-row-left,
  .tg-blue-row .blue-row-right {
    align-items: stretch;
  }
}
.idMedropbt {
  background-color: #C03B2D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.idMedropdown {
  position: relative;
  display: inline-block;
}
.idMedropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.idMedropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.idMedropdown-content a:hover {
  background-color: #178BE9;
}
.idMedropdown:hover .idMedropdown-content {
  display: block;
}
.idMedropdown:hover .idMedropbt {
  background-color: #C03B2D;
}
/*

Interactive Elements

*/
/*

Buttons

Default interactive button styles. This `.btn` class can be applied to `<a>`, 
`<button>`, or `<input>` elements. Button color and style classes can be combined 
with size classes, much like the type modules.

````buttons
<a class="btn" href="#">Default</a>
<a class="btn--primary" href="#">Primary</a>
<a class="btn--danger" href="#">Danger</a>
````

*/
.btn,
[class*="btn"] {
  width: auto;
  height: auto;
  margin: 0;
  line-height: normal;
  text-decoration: none;
  position: relative;
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  overflow: visible;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  background: #006bb1;
  color: #fff !important;
  text-align: center;
  padding: 0.625em 1.125em;
  margin-top: 1.25em;
}
p > .btn,
p > [class*="btn"] {
  margin-top: 0;
}
.btn:hover,
[class*="btn"]:hover,
.btn:focus,
[class*="btn"]:focus,
.btn.is-current,
[class*="btn"].is-current {
  background: #00416c;
}
button.btn,
button[class*="btn"] {
  border: none;
}
input[class*="btn"] {
  border: 0;
}
/*

````tiny-buttons
<a class="btn--tiny" href="#">Tiny Button</a>
<a class="btn--tiny btn--primary" href="#">Tiny Button Primary</a>
<a class="btn--tiny btn--danger" href="#">Tiny Button Danger</a>
````

*/
/*

````small-buttons
<a class="btn--small" href="#">Small Button</a>
<a class="btn--small btn--primary" href="#">Small Button Primary</a>
<a class="btn--small btn--danger" href="#">Small Button Danger</a>
````

*/
/*

````large-buttons
<a class="btn--large" href="#">Large Button</a>
<a class="btn--large btn--primary" href="#">Large Button Primary</a>
<a class="btn--large btn--danger" href="#">Large Button Danger</a>
````

*/
.btn--small {
  /* Vars */
  font-size: 14px;
  font-size: 0.875rem;
  padding: 1.14285714em 2.14285714em;
}
.btn--large {
  font-size: 20px;
  font-size: 1.25rem;
}
.btn--full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn--primary {
  background-color: #fed25a;
  font-weight: 900 !important;
  font-style: italic !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.btn--primary:hover,
.btn--primary:focus {
  background-color: #fec427;
}
.btn--orange {
  background-color: #f3b243;
}
.btn--orange:hover,
.btn--orange:focus {
  background-color: #db900e;
}
.btn--white {
  background-color: #e6e6e6;
}
.btn--white:hover,
.btn--white:focus {
  background-color: #fff;
}
.btn--hollow {
  background-color: transparent;
  border: 3px solid #fff;
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.btn--hollow:hover,
.btn--hollow:focus {
  background-color: transparent;
  border-color: #d6d6d6;
}
.btn--hollow-dark {
  background-color: transparent;
  border: 3px solid #8c8c8c;
  text-transform: uppercase;
  color: #1a1a1a !important;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.btn--hollow-dark:hover,
.btn--hollow-dark:focus {
  background-color: transparent;
  border-color: #1a1a1a;
}
.btn--tiny {
  /* Vars */
  /* Mixins */
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0.91666667em 1.33333333em;
}
.btn--red {
  background-color: #E02E3D;
}
.btn--red:hover,
.btn--red:focus {
  background-color: #ce2f3b;
}
.btn--dark {
  background-color: #2f2f2f;
}
.btn--dark:hover,
.btn--dark:focus {
  background-color: #1a1a1a;
}
.btn--blue {
  background-color: #00416c;
}
.btn--blue:hover,
.btn--blue:focus {
  background-color: #003252;
}
.btn--shadow {
  /* Mixins */
  -webkit-box-shadow: -6px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -6px 8px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: -6px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: -6px 8px 0 rgba(0, 0, 0, 0.2);
}
.btn--arrow:after {
  /* Extends */
  /* Mixins */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-left: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  color: #006bb1;
}
.btn--arrow.btn--orange:after {
  color: #f3b243;
}
/*

Link Styles

Very basic stuff. The primary link color can be altered in the `_config.less` 
file. Hover, focus, and current states are accounted for.

*/
a,
.link,
.list--x--pgs a[href],
.wysiwyg .simple-button {
  color: #006bb1;
}
a:hover,
.link:hover,
a:focus,
.link:focus,
a.is-current,
.link.is-current,
.list--x--pgs a[href]:hover,
.list--x--pgs a[href]:focus,
.list--x--pgs a[href].is-current {
  color: #00416c;
}
/*

Unlink

Basic class to remove some link styling.

@TODO: Put in `_presentational.less` file?

*/
.unlink,
.castle-picker__container a,
.wysiwyg-dark [class*="callout-text"] > aside a,
.wysiwyg-dark [class*="callout-text"] > .callout-content a {
  text-decoration: none;
}
.link--certificates {
  max-width: 235px;
  margin: 15px auto;
}
.ada-underline-on-hover {
  text-decoration: underline;
}
.ada-underline-on-hover:hover,
.ada-underline-on-hover:focus {
  text-decoration: underline;
}
[class*="banner-link"] {
  display: block;
  position: relative;
  z-index: 100;
  line-height: 1.2em;
  font-style: italic;
}
[class*="banner-link"] a {
  display: inherit;
  padding: 14px;
  background-color: #E02E3D;
  color: #fff !important;
}
[class*="banner-link"] a:hover,
[class*="banner-link"] a:focus {
  background-color: #ba1e28;
}
.video-link {
  position: relative;
  padding-left: 34px;
}
.video-link:before,
.video-link:after {
  content: "";
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
}
.video-link:before {
  left: 13px;
  top: 14px;
  border: solid transparent;
  border-width: 4px 7px;
  border-left-color: currentColor;
}
.video-link:after {
  -webkit-border-radius: 1000em;
  -moz-border-radius: 1000em;
  -o-border-radius: 1000em;
  border-radius: 1000em;
  left: 7px;
  top: 9px;
  width: 17px;
  height: 17px;
  border: 1px solid currentColor;
}
.banner-link--bottom-frills:before,
.banner-link--bottom-frills:after {
  content: "";
  position: absolute;
}
.banner-link--bottom-frills:before {
  top: 0;
  right: 100%;
  border-left: 1.25em solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 1.25em solid #830427;
}
.banner-link--bottom-frills:after {
  width: 100%;
  height: 4px;
  top: 100%;
  left: 0;
  background: transparent url(/resources/motif/images/patterns/triangle-frills-down--red.png) repeat-x left top;
}
/* Link Colors
   ========================================================================== */
.link--yellow {
  color: #fed25a !important;
}
.link--yellow:hover,
.link--yellow:focus {
  color: #fed25a !important;
}
.link--med-blue {
  color: #005f98 !important;
}
.link--med-blue:hover,
.link--med-blue:focus {
  color: #006bb1 !important;
}
.link--white {
  color: #fff !important;
}
.link--white:hover,
.link--white:focus {
  color: #d9d9d9 !important;
}
.link--no-hover {
  color: #fff;
}
.link--no-hover:hover,
.link--no-hover:focus {
  color: #fff !important;
}
@media all and (max-width: 47.9375em) {
  .link--certificates {
    max-width: 185px;
  }
  .link--certificates a {
    /* Mixins */
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px;
  }
}
/* ==========================================================================
   Medium Only
   ========================================================================== */
@media all and (max-width: 61.9375em) {
  /* Banner Links
       ========================================================================== */
  .banner-link--no-frills.base-to-tablet:before,
  .banner-link--no-frills.base-to-tablet:after {
    height: 0;
    width: 0;
    border: none;
    background-image: none;
    background-color: transparent;
  }
}
/* ==========================================================================
   MQ Large
   ========================================================================== */
@media all {
  /* Banner Links
       ========================================================================== */
  [class*="banner-link"] {
    z-index: 200;
  }
  .link--certificates {
    max-width: 145px;
    margin: 0;
    top: 47px;
    right: 0;
    float: right;
  }
}
/*

Forms

*/
/*

Basic Form Elements

Inputs and textareas are set to `width: 100%` to adapt to the width of their
wrapper. (Great for grids.) Select boxes are set to the width of their content,
maxing out at `100%`.

Almost all the form elements in Motif are best used inside a `label`.

    <label>
        Text Field
        <input type="text" name="text" required>
    </label>

*/
input,
textarea,
select {
  width: 100%;
  font-size: 1em;
  padding: 0.5625em 0.625em;
  border: 1px solid #8c8c8c;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  color: #302f2b;
}
input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus,
input:active,
textarea:active,
select:active,
input.is-current,
textarea.is-current,
select.is-current {
  z-index: 1;
}
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 5px #51cbee;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #51cbee;
}
input[type="checkbox"],
input[type="radio"] {
  width: auto;
}
.lte7 input[type="checkbox"],
.lte7 input[type="radio"] {
  width: 13px;
}
textarea {
  height: 5em;
}
select {
  width: auto;
  max-width: 100%;
  font-size: 0.8125em;
}
form button[type="submit"],
form input[type="submit"] {
  border: none;
  color: #fff;
  background-color: #E02E3D;
  text-transform: uppercase;
}
form button[type="submit"]:focus,
form input[type="submit"]:focus,
form button[type="submit"]:hover,
form input[type="submit"]:hover {
  background-color: #ba1e28;
}
form button[type="submit"].minion-text,
form input[type="submit"].minion-text {
  /* Vars */
  padding: 1em 1.5em;
}
/*

Input Label Elements

Child form elements of the `.input-label` class are given a little bit of
spacing to separate them from the label text. (See also `.input-label` in the
form `_type.less` file.)

````input-label-elements
<label class="input-label">
    Text Field
    <input type="text" name="text" placeholder="Placeholder text" required>
</label>
<label class="input-label">
    Textarea
    <textarea placeholder="Placeholder text"></textarea>
</label>
<label class="input-label">
    Select
    <select>
        <option>Placeholder text</option>
    </select>
</label>
````

*/
.input-label input,
.input-label select,
.input-label textarea {
  margin-top: 0.625em;
  margin-bottom: 0.625em;
}
/*

Input Widths

While you are encouraged to use the responsive grid system in conjunction with
your form styles, sometimes it's useful to have form field widths that are
simply consistent across viewports. These are those.

    <label class="input-label">
        Text Field
        <input class="input--xs" type="text" name="text" required>
    </label>

*/
.input--eighth {
  width: 12.5%;
}
.input--quarter {
  width: 25%;
}
.input--half {
  width: 50%;
}
.input--xxxs {
  max-width: 1.875em;
}
.input--xxs {
  max-width: 3.125em;
}
.input--xs {
  max-width: 6.25em;
}
.input--s {
  max-width: 10.9375em;
}
.input--m {
  max-width: 15.625em;
}
.input--l {
  max-width: 21.875em;
}
/*

Form Modules

````attached-label-before
<label class="attached-label">
    <small class="label">$</small>
    <input type="num" id="attached-label-before" required>
</label>
````

````attached-label-after
<label class="attached-label">
    <input type="text" id="attached-label-after" required>
    <small class="label">.com</small>
</label>
````

````attached-label-before-and-after
<label class="attached-label">
    <small class="label">www.</small>
    <input type="text" id="attached-label" placeholder="domain" required>
    <small class="label">.com</small>
</label>
````

````attached-label-submit
<form class="attached-label">
    <label class="is-hidden" for="attached-label-submit">Search</label>
    <input type="search" id="attached-label-submit" required>
    <div>
        <button type="submit" class="btn--primary icon--search">
            <b class="is-hidden">Submit</b>
        </button>
    </div>
</form>
````

*/
.attached-label {
  display: table;
  overflow: hidden;
}
.attached-label > * {
  margin-top: 0;
  display: table-cell;
  vertical-align: middle;
}
.attached-label > * > :first-child {
  margin-top: 0;
}
.attached-label [class*="btn"] {
  display: block;
  width: 100%;
}
.attached-label input {
  border-right: none;
}
.input-calendar,
.input-castle,
.input-castle-footer,
.input-clock {
  vertical-align: middle;
}
.input-calendar:after,
.input-castle:after,
.input-castle-footer:after,
.input-clock:after {
  color: #E02E3D;
  display: inline-block;
  font-family: "motif-icons";
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0.1875em;
  margin-left: -1.6875em;
  position: absolute;
  top: 0.375em;
  right: 0.8125em;
}
.input-calendar {
  position: relative;
}
.input-calendar:after {
  content: "\f102";
}
.input-clock {
  position: relative;
}
.input-clock:after {
  content: "\f112";
}
.input-castle,
.input-castle-footer {
  position: relative;
}
.input-castle:after,
.input-castle-footer:after {
  content: "\f11f";
}
.castle-picker {
  position: absolute;
  margin-left: 0.3125em;
  background-color: rgba(255, 255, 255, 0.95);
  color: #302f2b;
  padding: 1.25em;
  width: 18.75em;
  border: 1px solid #8c8c8c;
  margin-top: 1.25em;
  left: -1000000px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: margin-top 0.5s, opacity 0.5s;
  transition: margin-top 0.5s, opacity 0.5s;
}
@media all {
  .castle-picker {
    width: 25em;
  }
}
@media all and (max-width: 47.9375em) {
  .castle-picker {
    width: 100%;
  }
}
[data-exclude-castle*="Scottsdale"] .castle-list button.castle-choice[data-castlename="Scottsdale"] {
  display: none;
}
@media all and (max-width: 47.9375em) {
  .picker__table {
    max-height: 12.5em;
    overflow-y: scroll;
  }
}
.castle-list {
  display: block;
  padding-left: 0;
  list-style: none outside none;
  margin-top: 0.625em !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.castle-list li {
  margin-top: 0.3125em !important;
  padding-left: 0.3125em !important;
  padding-right: 0.3125em !important;
}
@media all and (max-width: 47.9375em) {
  .castle-list li {
    display: block !important;
    text-align: left !important;
    /*
            &.wrapper-for-scottsdale {
                display:none !important;
            }
            */
  }
}
.castle-list li.performance-time-slot {
  text-align: center;
}
.castle-list li a,
.castle-list li .castle-choice {
  display: block;
  background-color: #302f2b;
  color: #fff;
  padding: 0.625em;
  text-decoration: none;
  border: none;
  width: 100%;
  text-align: left;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.castle-list li a:hover,
.castle-list li .castle-choice:hover {
  color: #fff;
  background-color: #006bb1;
}
.castle-list li a:before,
.castle-list li .castle-choice:before {
  padding-right: 1em;
}
.castle-list li .sold-out {
  color: #8c8c8c;
  /* Mixins *
            .opacity(0.35);

            &:after {

                /* Mixins *
                .size-for-font(@primer-text-size);
                .origin(50%);
                transform: translate(-50%, -50%) rotate(-20deg);

                content: "Sold Out";
                height: auto;
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 100;
                color: @grey;
            }
            */
}
#castleModal .castle-list li a,
#castleModal .castle-list li .castle-choice {
  padding: 1.25em;
}
.input-castle-footer.is-active .castle-picker,
.input-castle.is-active .castle-picker,
.input-clock.is-active .castle-picker {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  margin-top: 0;
  left: 0;
  z-index: 1000;
}
.mt--pick-time li {
  display: inline-block;
}
.mt--pick-time li .showtime {
  background-color: #302f2b;
  color: #fff;
  display: inline-block;
  padding: 0.55555556em 0.55555556em 0.38888889em;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  cursor: pointer;
  margin-bottom: 0.55555556em;
}
.mt--pick-time li .showtime:hover {
  background-color: #006bb1;
}
.mt--pick-time li .show-type--educational,
.mt--pick-time li .show-category--privat,
.mt--pick-time li .show-type--summer {
  background-color: #8c8c8c;
}
.mt--pick-time li .show-type--summer-exempt {
  background-color: #302f2b;
}
.mt--pick-time li .show-soldout {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: solid;
  border-width: 2px;
  background-color: #FFF;
  color: #8c8c8c;
  text-decoration: none;
  cursor: not-allowed;
}
.mt--pick-time li .show-soldout,
.mt--pick-time li .show-soldout:hover {
  background-color: #FFF;
}
.inline.input-castle-footer {
  width: 100%;
  margin-left: 0 !important;
  display: block;
}
.inline.input-castle-footer input {
  width: 100%;
  margin-left: 0 !important;
}
.regular-form label {
  display: block;
  margin-bottom: 1.25em !important;
}
.regular-form .inline-input {
  display: inline-block;
}
.wufoo {
  width: 100%;
  border: none;
}
/*

Input Label

The `.input-label` class should be added to form labels that want a little 
extra styling for the label text.

(You may need to do some fancy things with hidden or altered labels, which is
why these styles aren't added to the `label` element by default.)

    <label class="input-label">
        Text Field
        <input type="text" name="text" required>
    </label>

There are also input descriptions, which go directly underneath the label text,
and input hints that typically go underneath the input field.

    <label class="input-label">
        Text Field
        
        <small class="input-desc">
            This is a small description of the field.
        </small>
        
        <input type="text" name="text" required>
        
        <strong class="input-hint">
            This is an important hint.
        </strong>
    </label>

*/
.input-label {
  padding-top: 1.25em;
}
.input-hint {
  color: #8c8c8c;
  margin-top: 0.3125em;
}
.input-desc {
  margin-top: 0em;
}
/*

Fieldset

A simple class to add to fieldsets that want a little more spacing.

*/
.fieldset {
  margin-top: 1.25em;
  padding-bottom: 1.25em;
}
/*

Checkbox List

Lists of radio or checkbox inputs should typically be just that: lists. In 
Motif, you're encouraged to mark up your input lists as semantically as 
possible, meaning a fieldset, with a legend, and a list of inputs:

    <fieldset>
        <legend>
            <b class="input-label">This is a question for a radio list?</b>
        </legend>

        <ul class="checkbox-list">
            <li>
                <label class="media-object">
                    <input class="media-object__figure"
                     type="radio"
                     name="radioList"
                     value="Yes">

                    <b class="media-object__desc">
                        Yes
                    </b>
                </label>
            </li>
            <li>
                <label class="media-object">
                    <input class="media-object__figure"
                     type="radio"
                     name="radioList"
                     value="No">

                    <b class="media-object__desc">
                        No
                    </b>
                </label>
            </li>
        </ul>
    </fieldset>

*/
.checkbox-list {
  margin-top: 0.625em;
}
legend + .checkbox-list {
  margin-top: 0em;
}
legend .input-label {
  padding-bottom: 0.3125em;
}
legend + .input-desc {
  /* Positioning */
  position: relative;
  top: -0.3125em;
}
.castle-verify__warning:not(.is-active) {
  display: none;
}
.castle-verify.castle-verify--invalid {
  border-color: #E02E3D;
  box-shadow: 0 0 0.1875em 0.125em #E02E3D;
}
/*

Form Validation

*/
/*

Input States

A couple of classes added to inputs (typically by a JS Validation plugin) that
alter the child elements to convey states of success and error.

    <label class="input-label is-erroneous">
        Text Field
        <input type="text" name="text" required>
    </label>

*/
.is-successful input,
.is-successful textarea,
.is-successful select {
  border-color: #238b72;
}
.is-erroneous input,
.is-erroneous textarea,
.is-erroneous select {
  border-color: #E02E3D;
}
/*

Form Messaging

Within labels, there are input alerts that apply to individual fields.

    <label class="input-label is-erroneous">
        Text Field
        <input type="text" name="text" required>
        <strong class="input-alert--error">
            This field is required.
        </strong>
    </label>

*/
[class*="input-alert"] {
  /* Display & Box Model */
  display: inline-block;
  /* Pretty */
  color: #00416c;
}
.input-alert--warning {
  color: #febd0e;
}
.input-alert--error {
  color: #E02E3D;
}
.input-alert--success {
  color: #238b72;
}
.consent {
  display: inline;
}
.consent-label {
  display: inline;
}
.pdf-select-grade,
#submit-pdf-form {
  background-color: #006bb1;
}
.pdf-select-grade:focus,
#submit-pdf-form:focus,
.pdf-select-grade:hover,
#submit-pdf-form:hover {
  background-color: #00416c;
}
.castle-select-box {
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.5625em 0.625em;
  border-radius: 0;
}
.pdf-select-grade {
  display: none;
}
.pdf-select-grade:checked + label {
  background-color: #006bb1;
}
.pdf-select-grade + label {
  background-color: #1a1a1a;
  color: #fff;
  width: 100%;
}
.pdf-select-grade + label:hover {
  background-color: #006bb1;
}
/*

Responsive Grid

The default responsive grid in Motif is built with a few rules in mind:

1. Each row of columns must be wrapped in a row element
2. There's no need to specify if a column is first or last

With that in mind, there is a basic syntax to learn for what classes to use.
Our breakpoints are classified as:

- Base
- Small
- Medium
- Large
- Extra Large

Our default responsive grid system only uses 3 grids to cover all of our bases:

- `grid, small` covers Base and Small viewports, but cuts off at Medium
- `grid, medium` covers only Medium
- `grid, large` starts at Large and covers Extra Large as well (there is no max
cutoff value for `grid, large`)

Understanding that, the syntax should be easy to understand. In these examples,
we will talk about `grid, small`:

- **Rows**: `.gs-row` (Grid, Small, Row)
- **Columns**: `.gcs` (Grid, Column, Small)
- **Column Width**: `.gs-half` (Grid, Small, Half-Width)

    <div class="gs-row">
        <div class="gcs gs-half">...</div>
        <div class="gcs gs-half">...</div>
    </div>

However, to be slightly more succinct, you can use the condensed column syntax:

- **Columns (Condensed)**: `.gcs-half` (Grid, Column, Small, Half-Width)

    <div class="gs-row">
        <div class="gcs-half">...</div>
        <div class="gcs-half">...</div>
    </div>

In brief, the way the grid works is that `.gcs` floats the element to the left
(by default), and adds padding to both the left and the right. `-half` gives
it a width of `50%`. The combined padding of the two columns bumped up against 
each other form the full "gutter". The `.gs-row` then clears the floats and has
a *negative* margin on both the left and the right that pops the columns out to
the sides the exact width of their paddings, meaning the column content lines 
up with the site boundaries on the left and right without the need to specify 
"first" or "last" column classes.

To use this responsively, then, you just add the classes by breakpoint:

    <div class="gs-row gm-row gl-row">
        <div class="gcs-half gcm-third gcl-quarter">
            ...
        </div>
        <div class="gcs-half gcm-two-thirds gcl-three-quarters">
            ...
        </div>
    </div>

By default, the column breakdown of each grid breakpoint:

- `grid, small`: 4 columns
- `grid, medium`: 9 columns
- `grid, large`: 12 columns

For the larger grids, the classes follow the numbers closely...

    - `.gcl-10of12
    - `.gcm-4of9`

...in just about every combination (based on their total column number), but 
all of the grids also have a few "fuzzy" shortcuts as well:

    - `half`
    - `third`
    - `quarter`
    - `three-quarters`
    - `two-thirds`

*/
.g-halves,
.g-thirds,
.g-quarters {
  margin-left: -0.75em;
  margin-right: -0.75em;
  /* Pretty */
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}
.g-halves:before,
.g-thirds:before,
.g-quarters:before,
.g-halves:after,
.g-thirds:after,
.g-quarters:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.g-halves:after,
.g-thirds:after,
.g-quarters:after {
  clear: both;
}
ul.g-halves,
ul.g-thirds,
ul.g-quarters {
  padding-left: 0;
  list-style: none outside none;
}
.g-halves > *,
.g-thirds > *,
.g-quarters > * {
  display: inline;
  float: left;
  padding-left: 0.75em;
  padding-right: 0.75em;
  /* Display & Box Model */
  display: inline-block;
  /* Positioning */
  float: none;
  /* Pretty */
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}
.g-halves > * {
  width: 50%;
}
.g-thirds > * {
  width: 33.33333%;
}
.g-quarters > * {
  width: 25%;
}
.opera-only :-o-prefocus,
.g-thirds {
  word-spacing: -0.43em;
}
/**
 * Mobile Grid
 */
@media all and (max-width: 29.9375em) {
  [class*="gb-row"],
  .gb-quarters,
  .gb-thirds,
  .gb-halves {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  [class*="gb-row"]:before,
  [class*="gb-row"]:after,
  .gb-quarters:before,
  .gb-quarters:after,
  .gb-thirds:before,
  .gb-thirds:after,
  .gb-halves:before,
  .gb-halves:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gb-row"]:after,
  .gb-quarters:after,
  .gb-thirds:after,
  .gb-halves:after {
    clear: both;
  }
  ul[class*="gb-row"],
  ul.gb-quarters,
  ul.gb-thirds,
  ul.gb-halves {
    padding-left: 0;
    list-style: none outside none;
  }
  .gb-row--rtl > [class*="gcb"] {
    float: right;
  }
  .gb-row--ltr > [class*="gcb"] {
    float: left;
  }
  [class*="gcb"],
  .gb-quarters > *,
  .gb-thirds > *,
  .gb-halves > * {
    display: inline;
    float: left;
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .gb-1of5,
  .gcb-1of5 {
    width: 20%;
  }
  .gb-quarter,
  .gcb-quarter,
  .gb-quarters > * {
    width: 25%;
  }
  .gb-third,
  .gcb-third,
  .gb-thirds > * {
    width: 33.33333%;
  }
  .gb-half,
  .gcb-half,
  .gb-halves > * {
    width: 50%;
  }
  .gb-two-thirds,
  .gcb-two-thirds {
    width: 66.66667%;
  }
  .gb-three-quarters,
  .gcb-three-quarters {
    width: 75%;
  }
  .gb-4of5,
  .gcb-4of5 {
    width: 80%;
  }
  .gb-full,
  .gcb-full {
    width: 100%;
  }
  .gb-row--flex,
  .gb-quarters,
  .gb-thirds,
  .gb-halves {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gb-row--flex > [class*="gcb"],
  .gb-quarters > *,
  .gb-thirds > *,
  .gb-halves > * {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .opera-only :-o-prefocus,
  .gb-row--flex,
  .gb-quarters,
  .gb-thirds,
  .gb-halves {
    word-spacing: -0.43em;
  }
}
/**
 * Mobile Grid
 */
@media all and (min-width: 30em) and (max-width: 47.9375em) {
  [class*="gs-row"],
  .gs-quarters,
  .gs-thirds,
  .gs-halves {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  [class*="gs-row"]:before,
  [class*="gs-row"]:after,
  .gs-quarters:before,
  .gs-quarters:after,
  .gs-thirds:before,
  .gs-thirds:after,
  .gs-halves:before,
  .gs-halves:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gs-row"]:after,
  .gs-quarters:after,
  .gs-thirds:after,
  .gs-halves:after {
    clear: both;
  }
  ul[class*="gs-row"],
  ul.gs-quarters,
  ul.gs-thirds,
  ul.gs-halves {
    padding-left: 0;
    list-style: none outside none;
  }
  .gs-row--rtl > [class*="gcs"] {
    float: right;
  }
  .gs-row--ltr > [class*="gcs"] {
    float: left;
  }
  [class*="gcs"],
  .gs-quarters > *,
  .gs-thirds > *,
  .gs-halves > * {
    display: inline;
    float: left;
    padding-left: 0.75em;
    padding-right: 0.75em;
  }
  .gs-quarter,
  .gcs-quarter,
  .gs-quarters > * {
    width: 25%;
  }
  .gs-third,
  .gcs-third,
  .gs-thirds > * {
    width: 33.33333%;
  }
  .gs-half,
  .gcs-half,
  .gs-halves > * {
    width: 50%;
  }
  .gs-two-thirds,
  .gcs-two-thirds {
    width: 66.66667%;
  }
  .gs-three-quarters,
  .gcs-three-quarters {
    width: 75%;
  }
  .gs-full,
  .gcs-full {
    width: 100%;
  }
  .gs-row--flex,
  .gs-quarters,
  .gs-thirds,
  .gs-halves {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gs-row--flex > [class*="gcs"],
  .gs-quarters > *,
  .gs-thirds > *,
  .gs-halves > * {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .opera-only :-o-prefocus,
  .gs-row--flex,
  .gs-quarters,
  .gs-thirds,
  .gs-halves {
    word-spacing: -0.43em;
  }
}
/**
 * Tablet Grid
 */
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  [class*="gm-row"],
  .gm-quarters,
  .gm-thirds,
  .gm-halves {
    margin-left: -1em;
    margin-right: -1em;
  }
  [class*="gm-row"]:before,
  [class*="gm-row"]:after,
  .gm-quarters:before,
  .gm-quarters:after,
  .gm-thirds:before,
  .gm-thirds:after,
  .gm-halves:before,
  .gm-halves:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gm-row"]:after,
  .gm-quarters:after,
  .gm-thirds:after,
  .gm-halves:after {
    clear: both;
  }
  ul[class*="gm-row"],
  ul.gm-quarters,
  ul.gm-thirds,
  ul.gm-halves {
    padding-left: 0;
    list-style: none outside none;
  }
  .gm-row--rtl > [class*="gcm"] {
    float: right;
  }
  .gm-row--ltr > [class*="gcm"] {
    float: left;
  }
  [class*="gcm"],
  .gm-quarters > *,
  .gm-thirds > *,
  .gm-halves > * {
    display: inline;
    float: left;
    padding-left: 1em;
    padding-right: 1em;
  }
  .gm-quarter,
  .gcm-quarter,
  [class*="m-2of8"],
  .gm-quarters > * {
    width: 25%;
  }
  .gm-third,
  .gcm-third,
  [class*="m-3of9"],
  [class*="m-2of6"],
  .gm-thirds > * {
    width: 33.33333%;
  }
  .gm-half,
  .gcm-half,
  [class*="m-4of8"],
  [class*="m-3of6"],
  .gm-halves > * {
    width: 50%;
  }
  .gm-two-thirds,
  .gcm-two-thirds,
  [class*="m-6of9"],
  [class*="m-4of6"] {
    width: 66.66667%;
  }
  .gm-three-quarters,
  .gcm-three-quarters,
  [class*="m-6of8"] {
    width: 75%;
  }
  .gm-full,
  .gcm-full {
    width: 100%;
  }
  [class*="m-8of9"] {
    width: 88.88889%;
  }
  [class*="m-7of9"] {
    width: 77.77778%;
  }
  [class*="m-5of9"] {
    width: 55.55556%;
  }
  [class*="m-4of9"] {
    width: 44.44444%;
  }
  [class*="m-2of9"] {
    width: 22.22222%;
  }
  [class*="m-1of9"] {
    width: 11.11111%;
  }
  [class*="m-7of8"] {
    width: 87.5%;
  }
  [class*="m-5of8"] {
    width: 62.5%;
  }
  [class*="m-3of8"] {
    width: 37.5%;
  }
  [class*="m-1of8"] {
    width: 12.5%;
  }
  [class*="m-6of7"] {
    width: 85.71429%;
  }
  [class*="m-5of7"] {
    width: 71.42857%;
  }
  [class*="m-4of7"] {
    width: 57.14286%;
  }
  [class*="m-3of7"] {
    width: 42.85714%;
  }
  [class*="m-2of7"] {
    width: 28.57143%;
  }
  [class*="m-1of7"] {
    width: 14.28571%;
  }
  [class*="m-5of6"] {
    width: 83.33333%;
  }
  [class*="m-1of6"] {
    width: 16.66667%;
  }
  [class*="m-4of5"] {
    width: 80%;
  }
  [class*="m-3of5"] {
    width: 60%;
  }
  [class*="m-2of5"] {
    width: 40%;
  }
  [class*="m-1of5"] {
    width: 20%;
  }
  .gm-row--flex,
  .gm-quarters,
  .gm-thirds,
  .gm-halves {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gm-row--flex > [class*="gcm"],
  .gm-quarters > *,
  .gm-thirds > *,
  .gm-halves > * {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .opera-only :-o-prefocus,
  .gm-row--flex,
  .gm-quarters,
  .gm-thirds,
  .gm-halves {
    word-spacing: -0.43em;
  }
}
/**
 * Desktop Grid
 */
/*

````desktop-grid
<div class="gl-quarters">
    <div>
        <div class="block">Quarter</div>
    </div>
    <div>
        <div class="block">Quarter</div>
    </div>
    <div>
        <div class="block">Quarter</div>
    </div>
    <div>
        <div class="block">Quarter</div>
    </div>
</div>
<div class="gl-thirds">
    <div>
        <div class="block">Third</div>
    </div>
    <div>
        <div class="block">Third</div>
    </div>
    <div>
        <div class="block">Third</div>
    </div>
</div>
<div class="gl-halves">
    <div>
        <div class="block">Half</div>
    </div>
    <div>
        <div class="block">Half</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-two-thirds">
        <div class="block">Two Thirds</div>
    </div>
    <div class="gcl-third">
        <div class="block">Third</div>
    </div>
</div>
<div class="gl-row">
    <div class="gcl-three-quarters">
        <div class="block">Three Quarters</div>
    </div>
    <div class="gcl-quarter">
        <div class="block">Quarter</div>
    </div>
</div>
````

*/
@media all {
  [class*="gl-row"],
  .gl-quarters,
  .gl-thirds,
  .gl-halves {
    margin-left: -1.125em;
    margin-right: -1.125em;
  }
  [class*="gl-row"]:before,
  [class*="gl-row"]:after,
  .gl-quarters:before,
  .gl-quarters:after,
  .gl-thirds:before,
  .gl-thirds:after,
  .gl-halves:before,
  .gl-halves:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gl-row"]:after,
  .gl-quarters:after,
  .gl-thirds:after,
  .gl-halves:after {
    clear: both;
  }
  ul[class*="gl-row"],
  ul.gl-quarters,
  ul.gl-thirds,
  ul.gl-halves {
    padding-left: 0;
    list-style: none outside none;
  }
  .gl-row--rtl > [class*="gcl"] {
    float: right;
  }
  .gl-row--ltr > [class*="gcl"] {
    float: left;
  }
  [class*="gcl"],
  .gl-quarters > *,
  .gl-thirds > *,
  .gl-halves > * {
    display: inline;
    float: left;
    padding-left: 1.125em;
    padding-right: 1.125em;
  }
  .gl-quarter,
  .gcl-quarter,
  [class*="l-3of12"],
  [class*="l-2of8"],
  .gl-quarters > * {
    width: 25%;
  }
  .gl-third,
  .gcl-third,
  [class*="l-4of12"],
  [class*="l-3of9"],
  [class*="l-2of6"],
  .gl-thirds > * {
    width: 33.33333%;
  }
  .gl-half,
  .gcl-half,
  [class*="l-6of12"],
  [class*="l-5of10"],
  [class*="l-4of8"],
  [class*="l-3of6"],
  .gl-halves > * {
    width: 50%;
  }
  .gl-two-thirds,
  .gcl-two-thirds,
  [class*="l-8of12"],
  [class*="l-6of9"],
  [class*="l-4of6"] {
    width: 66.66667%;
  }
  .gl-three-quarters,
  .gcl-three-quarters,
  [class*="l-9of12"],
  [class*="l-6of8"] {
    width: 75%;
  }
  .gl-full,
  .gcl-full {
    width: 100%;
  }
  [class*="l-11of12"] {
    width: 91.66667%;
  }
  [class*="l-10of12"] {
    width: 83.33333%;
  }
  [class*="l-7of12"] {
    width: 58.33333%;
  }
  [class*="l-5of12"] {
    width: 41.66667%;
  }
  [class*="l-2of12"] {
    width: 16.66667%;
  }
  [class*="l-1of12"] {
    width: 8.33333%;
  }
  [class*="l-10of11"] {
    width: 90.90909%;
  }
  [class*="l-9of11"] {
    width: 81.81818%;
  }
  [class*="l-8of11"] {
    width: 72.72727%;
  }
  [class*="l-7of11"] {
    width: 63.63636%;
  }
  [class*="l-6of11"] {
    width: 54.54545%;
  }
  [class*="l-5of11"] {
    width: 45.45455%;
  }
  [class*="l-4of11"] {
    width: 36.36364%;
  }
  [class*="l-3of11"] {
    width: 27.27273%;
  }
  [class*="l-2of11"] {
    width: 18.18182%;
  }
  [class*="l-1of11"] {
    width: 9.09091%;
  }
  [class*="l-9of10"] {
    width: 90%;
  }
  [class*="l-8of10"] {
    width: 80%;
  }
  [class*="l-7of10"] {
    width: 70%;
  }
  [class*="l-6of10"] {
    width: 60%;
  }
  [class*="l-4of10"] {
    width: 40%;
  }
  [class*="l-3of10"] {
    width: 30%;
  }
  [class*="l-2of10"] {
    width: 20%;
  }
  [class*="l-1of10"] {
    width: 10%;
  }
  [class*="l-8of9"] {
    width: 88.88889%;
  }
  [class*="l-7of9"] {
    width: 77.77778%;
  }
  [class*="l-5of9"] {
    width: 55.55556%;
  }
  [class*="l-4of9"] {
    width: 44.44444%;
  }
  [class*="l-2of9"] {
    width: 22.22222%;
  }
  [class*="l-1of9"] {
    width: 11.11111%;
  }
  [class*="l-7of8"] {
    width: 87.5%;
  }
  [class*="l-5of8"] {
    width: 62.5%;
  }
  [class*="l-3of8"] {
    width: 37.5%;
  }
  [class*="l-1of8"] {
    width: 12.5%;
  }
  [class*="l-6of7"] {
    width: 85.71429%;
  }
  [class*="l-5of7"] {
    width: 71.42857%;
  }
  [class*="l-4of7"] {
    width: 57.14286%;
  }
  [class*="l-3of7"] {
    width: 42.85714%;
  }
  [class*="l-2of7"] {
    width: 28.57143%;
  }
  [class*="l-1of7"] {
    width: 14.28571%;
  }
  [class*="l-5of6"] {
    width: 83.33333%;
  }
  [class*="l-1of6"] {
    width: 16.66667%;
  }
  [class*="l-4of5"] {
    width: 80%;
  }
  [class*="l-3of5"] {
    width: 60%;
  }
  [class*="l-2of5"] {
    width: 40%;
  }
  [class*="l-1of5"] {
    width: 20%;
  }
  /*

Media Grid

The Media Grid allows you to place a grid of photos or videos (catalog or 
retail products, etc.) without floating them, alleviating the need to concern 
yourself with clearing the floats with rows should an object extend further 
than another. Also, because they are not floating, it allows you to align 
the entire group center, making sure any "orphaned" grid entries are centered.

The syntax is simply the same as the regular responsive grid system, except
the row class has a `--flex` modifier.

````media-grid
<ul class="gs-halves gm-thirds gl-quarters">
    <li>
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li>
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li>
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li>
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li>
        <figure class="figure">
            <img src="http://placehold.it/400">
            <figcaption>Alderaan is peaceful. We have no weapons.</figcaption>
        </figure>
    </li>
    <li>
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
    <li>
        <figure class="figure">
            <img src="http://placehold.it/400">
        </figure>
    </li>
</ul>
````

*/
  .gl-row--flex,
  .gl-quarters,
  .gl-thirds,
  .gl-halves {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gl-row--flex > [class*="gcl"],
  .gl-quarters > *,
  .gl-thirds > *,
  .gl-halves > * {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .opera-only :-o-prefocus,
  .gl-row--flex,
  .gl-quarters,
  .gl-thirds,
  .gl-halves {
    word-spacing: -0.43em;
  }
}
@media all and (max-width: 47.9375em) {
  /*

    Off-Canvas Trigger (Small Screens Only)

    The Off-Canvas Trigger is a simple way of pushing a column of content
    off-canvas and sliding it on upon trigger. In this case, the `is-active` 
    class is placed on the `.off-canvas` wrapping element so that it can 
    adjust both child elements.

    @TODO: Adjust for IE9?
    @TODO: Show better example w/ Reveal plugin

        <div class="off-canvas">
            <div class="canvas__primary">
                ...
            </div>
            <div class="canvas__secondary">
                ...
            </div>
        </div>

    */
  .js .off-canvas {
    overflow: hidden;
    position: relative;
  }
  .js .off-canvas.is-active .canvas__primary {
    -webkit-transform: translate3d(-20%, 0, 0);
    -moz-transform: translate3d(-20%, 0, 0);
    -o-transform: translate3d(-20%, 0, 0);
    -ms-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }
  .js .off-canvas.is-active .canvas__secondary {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    -o-transform: translate3d(80%, 0, 0);
    -ms-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0);
  }
  .js .off-canvas.is-active .canvas__primary,
  .js .off-canvas.was-active .canvas__primary,
  .js .off-canvas.is-active .canvas__secondary,
  .js .off-canvas.was-active .canvas__secondary {
    -webkit-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .js .canvas__primary,
  .js .canvas__secondary {
    width: 100%;
  }
  .js .canvas__primary {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    /* Display & Box Model */
    margin-right: -100%;
    /* Positioning */
    float: right;
    z-index: 1;
  }
  .js .canvas__secondary {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    /* Display & Box Model */
    margin-left: -100%;
    /* Positioning */
    float: left;
    z-index: 2;
  }
}
/* ==========================================================================
   MQ Base
   ========================================================================== */
/* Skip Content Link - ADA Compliant
      ========================================================================== */
#skipMainContentLink:not(:focus) {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  overflow: hidden;
}
#skipMainContentLink:focus,
#skipMainContentLink {
  font-size: 0.875em;
  line-height: 0.875em;
  position: absolute;
  top: 25px;
  left: 20px;
  display: inline-block;
  text-decoration: underline;
  z-index: 200;
  color: #fff;
}
#skipMainContentLink:focus:hover,
#skipMainContentLink:hover {
  color: #0059bc;
}
/* Logo
       ========================================================================== */
.logo-item {
  width: 100%;
}
/* Main Header
       ========================================================================== */
.main-header {
  position: relative;
  z-index: 150;
  background-color: #2f2f2f;
}
.is-active .main-header > header {
  width: 80%;
  margin: 0;
  float: right;
}
.is-home.main-header {
  background-color: rgba(26, 26, 26, 0.66);
}
/* Main Nav
       ========================================================================== */
.main-nav__listing {
  text-align: center;
}
.main-nav__listing a {
  color: #fff;
}
.main-nav__listing a:hover,
.main-nav__listing a:focus {
  color: #fee7a6;
}
.main-nav__listing > li {
  display: block;
}
.main-nav__listing > li a {
  display: inherit;
}
@media all and (max-width: 47.9375em) {
  .main-nav__listing li.castle-link {
    display: block;
    margin-bottom: 1.875em;
    background-color: rgba(255, 255, 255, 0.4);
  }
}
.main-nav__link {
  /* Mixins */
  font-size: 16px;
  font-size: 1rem;
}
.main-nav__link.get-tickets {
  background-color: #f3b243;
  color: #1a1a1a;
}
.main-nav__link.get-tickets:hover,
.main-nav__link.get-tickets:focus {
  color: #1a1a1a;
}
/* ==========================================================================
   MQ Base Only
   ========================================================================== */
/* ==========================================================================
   MQ Base & Small Only
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  /* Logo
       ========================================================================== */
  .logo-item {
    position: relative;
    text-align: center;
  }
  .logo-item .canvas-trigger {
    /* Mixins */
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    position: absolute;
    top: 50%;
    left: 25px;
  }
  .logo {
    display: block;
    max-width: 45%;
    margin: 0.625em auto 0;
    padding-bottom: 0.625em;
  }
  /* Main Nav Listing Links
       ========================================================================== */
  .main-nav__listing {
    background-color: rgba(255, 255, 255, 0.2);
    margin-top: 0 !important;
    /* Vars */
    text-align: center;
    position: relative;
    padding-bottom: 0.3125em;
    padding-top: 0.1875em;
  }
  .main-nav__listing li {
    display: inline-block;
    text-align: center;
  }
  .main-nav__listing li a {
    font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
    /* Vars */
    margin: 0;
    padding: 0.54166667em 0.83333333em;
  }
  .main-nav__listing [data-reveal="hidden-search"] {
    display: none;
  }
  .main-nav__listing #hidden-search {
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    clip: auto;
  }
  body:hover .main-nav__listing #hidden-search a,
  body:hover .main-nav__listing #hidden-search input,
  body:hover .main-nav__listing #hidden-search button {
    display: inline-block;
  }
  .lte7 body:hover .main-nav__listing #hidden-search a,
  .lte7 body:hover .main-nav__listing #hidden-search input,
  .lte7 body:hover .main-nav__listing #hidden-search button {
    display: inline;
    zoom: 1;
  }
  /* Main Navigation Search
       ========================================================================== */
  .main-nav__search {
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
    border: none !important;
  }
  .main-nav__search form {
    position: relative !important;
    padding: 0.9375em 0.625em !important;
  }
  .eyebrow-search {
    width: 100% !important;
    position: absolute !important;
    top: 100%;
    left: 0;
    z-index: 150;
  }
  .get-tickets--duplicate {
    max-width: 63px;
    height: 100%;
    padding-top: 3.7%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    background-color: #f3b243;
    line-height: 1.2em;
  }
  .get-tickets--duplicate,
  .get-tickets--duplicate:hover,
  .get-tickets--duplicate:focus {
    color: #1a1a1a;
  }
}
/* ==========================================================================
   MQ Small
   ========================================================================== */
/* ==========================================================================
   MQ Medium
   ========================================================================== */
@media all {
  /* Eyebrow
       ========================================================================== */
  .eyebrow-search {
    /* Mixins */
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 65% !important;
    position: absolute !important;
    top: 50%;
    right: 3.125em;
  }
  /* Main Header
       ========================================================================== */
  .main-header {
    padding: 7px 0;
  }
  /* Main Nav
       ========================================================================== */
  .main-nav__listing {
    margin: 0;
    text-align: right;
  }
  .main-nav__listing > li {
    display: inline-block;
  }
  .main-nav__listing > li a {
    /* Mixins */
    font-size: 16px;
    font-size: 1rem;
    /* Vars */
    display: inherit;
    padding: 1.25em 0.9375em;
  }
  .main-nav__listing > li:first-of-type a {
    padding-left: 0;
  }
  #main-nav-list {
    position: relative;
  }
  /* Mobil Navigation Button
       ========================================================================== */
  [data-reveal="main-nav"] {
    display: none;
  }
  /* Logo
       ========================================================================== */
  .logo-item {
    width: 220px;
    position: absolute;
    top: 0.1875em;
    left: 0;
    z-index: 150;
  }
  .logo {
    display: block !important;
    max-width: 100%;
    margin-right: 5px;
  }
}
/* ==========================================================================
   MQ Medium Only
   ========================================================================== */
/* ==========================================================================
   MQ Large
   ========================================================================== */
/* ==========================================================================
   MQ X-Large
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  .nav-bar--menu {
    width: 100% !important;
  }
}
/* ==========================================================================
   MQ Base
   ========================================================================== */
/* Secondary Navigation Initial Styles
       ========================================================================== */
.secondary-nav {
  /* Vars */
  padding: 0;
  position: relative;
  color: #fff;
  background-color: #4c4c4c;
  z-index: 102;
}
.secondary-nav ul {
  display: inline-block;
}
.secondary-nav ul li {
  display: inline-block;
}
.secondary-nav ul li a,
.secondary-nav ul li .castle-choice {
  color: #fff;
  font-size: 0.8125em;
}
.secondary-nav ul li a:hover,
.secondary-nav ul li .castle-choice:hover,
.secondary-nav ul li a:focus,
.secondary-nav ul li .castle-choice:focus {
  color: #fff;
}
.is-home .secondary-nav {
  background-color: rgba(140, 140, 140, 0.25);
}
.is-home .secondary-nav.js-no-autoplay {
  background-color: #4c4c4c;
}
.side-nav {
  /* Mixins */
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  margin-top: 10px;
  position: absolute;
  left: 0;
  z-index: 300;
}
.side-nav li {
  position: relative;
  margin-bottom: 0.3125em;
}
.side-nav li:before {
  content: "";
  width: 0.9375em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 107, 177, 0.8);
}
.side-nav li a {
  /* Vars */
  /* Mixins */
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
  min-width: 16.5625em;
  padding: 0.625em 0.9375em 0.625em 1.875em;
  background-color: rgba(214, 214, 214, 0.9);
  color: #fff;
}
.side-nav ul li:nth-child(2) a {
  transition-delay: 25ms;
}
.side-nav ul li:nth-child(3) a {
  transition-delay: 50ms;
}
.side-nav ul li:nth-child(4) a {
  transition-delay: 75ms;
}
.side-nav ul li:nth-child(5) a {
  transition-delay: 100ms;
}
.side-nav ul li:nth-child(6) a {
  transition-delay: 125ms;
}
.side-nav ul li:nth-child(7) a {
  transition-delay: 150ms;
}
.side-nav ul li:nth-child(8) a {
  transition-delay: 150ms;
}
.side-nav__recovery a {
  background-color: rgba(26, 26, 26, 0.9) !important;
}
.side-nav__recovery:before {
  width: 0 !important;
  background-color: transparent !important;
}
.side-nav a.item--is-active {
  color: #262626;
  background-color: #fff !important;
}
.js .side-nav:hover li a,
.js .side-nav:focus li a {
  /* Mixins */
  -webkit-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
.side-nav li a:hover,
.side-nav li a:focus {
  background-color: #fff;
  color: #262626;
}
.js .side-nav.is-pushed {
  /* Mixins */
  -webkit-transform: translateY(89px);
  -moz-transform: translateY(89px);
  -o-transform: translateY(89px);
  -ms-transform: translateY(89px);
  transform: translateY(89px);
}
.js .side-nav.is-collapsed li a {
  /* Mixins */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.js .side-nav.is-collapsed .side-nav__recovery a {
  /* Mixins */
  -webkit-transform: translateX(-94.3%);
  -moz-transform: translateX(-94.3%);
  -o-transform: translateX(-94.3%);
  -ms-transform: translateX(-94.3%);
  transform: translateX(-94.3%);
}
.small-ticket-nav {
  color: #fff;
  padding-top: 0.375em;
}
.small-ticket-nav input[type="text"],
.small-ticket-nav textarea,
.small-ticket-nav select {
  font-size: 14px;
  font-size: 0.875rem;
}
.small-ticket-nav .btn {
  border: 0;
}
.small-ticket-nav .cap-width {
  width: 8.57142857em;
}
.small-ticket-nav .cap-width-l {
  width: 12.85714286em;
}
.promotions-link {
  letter-spacing: .13em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  font-size: 11px;
  font-size: 0.6875rem;
}
.promotions-link:hover {
  color: #fed25a;
}
/* ==========================================================================
   MQ Base Only
   ========================================================================== */
/* ==========================================================================
   MQ Small Only
   ========================================================================== */
/* ==========================================================================
   MQ Small
   ========================================================================== */
/* ==========================================================================
   MQ Medium
   ========================================================================== */
/* ==========================================================================
   MQ Medium Only
   ========================================================================== */
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .promotions-link {
    /* Positioning */
    position: absolute;
    top: 100%;
    right: 0;
    /* Display & Box Model */
    padding: 1.90909091em 0 1.36363636em;
  }
}
/* ==========================================================================
   MQ Large
   ========================================================================== */
/* ==========================================================================
   MQ Base
   ========================================================================== */
.footer-container {
  position: relative;
  float: left;
  width: 100%;
  margin-top: -1.25em;
  padding-top: 1.25em;
  overflow-y: hidden;
}
.main-footer {
  margin-top: 0;
  background-color: #1a1a1a;
  color: #fff;
  position: relative;
}
.main-footer:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 100;
  background: transparent url(/resources/motif/images/patterns/frills--dark-grey.png) repeat-x left top;
}
.main-footer a {
  font-weight: 300;
  color: #fff;
}
.main-footer a[class*="btn"] {
  color: #262626;
}
.tripadvisor-widget {
  display: inline-block;
}
/* Footer Sections
   ========================================================================== */
[class*="footer__section"] {
  padding-top: 3.125em;
}
[class*="footer__section"] ul {
  /* Vars */
  margin-top: 0.9375em;
}
/* Copyright
   ========================================================================== */
.footer__copyright {
  /* Vars */
  padding-top: 1.125em;
  padding-bottom: 1em;
  color: #fff;
  background-color: #302f2b;
}
.footer__copyright a {
  color: #fff;
}
.footer__copyright a:hover,
.footer__copyright a:focus {
  color: #fed25a;
}
.footer__copyright ul {
  /* Mixins */
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.3;
}
.fx {
  width: 100%;
}
/* Footer Banner
   ========================================================================== */
.footer-banner--bottom {
  display: none;
}
/* ==========================================================================
   MQ Small Only
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  /* Footer Sections
       ========================================================================== */
  [class*="footer__section"] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  [class*="footer__section"] * {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  /* Social Links
       ========================================================================== */
  .social-links {
    text-align: center;
  }
}
/* ==========================================================================
   MQ Small
   ========================================================================== */
/* ==========================================================================
   MQ Medium
   ========================================================================== */
@media all {
  /* Footer Sections
       ========================================================================== */
  .footer__section--left {
    padding-right: 5em;
  }
  .footer__section--right {
    padding-left: 2.5em;
  }
  /* Footer Banners
       ========================================================================== */
  .footer__banner {
    padding-top: 1.875em;
    padding-bottom: 0.625em;
    top: -20px;
    left: 0;
    z-index: 100;
    background-color: #302f2b;
  }
  .footer__banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #121212;
  }
  .footer__banner:after {
    /* Mixins */
    -webkit-box-shadow: -20px 0 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -20px 0 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: -20px 0 0 rgba(0, 0, 0, 0.3);
    box-shadow: -20px 0 0 rgba(0, 0, 0, 0.3);
    content: "";
    width: 20px;
    height: 94.5%;
    position: absolute;
    top: 20px;
    left: 0;
  }
  .footer__banner .footer-banner--bottom {
    width: 106.1%;
    /* Display & Box Model */
    display: block;
    width: calc(100% + 20px);
    max-width: 130%;
    /* Positioning */
    position: absolute;
    top: 100%;
    left: -20px;
    right: 0;
  }
}
/* ==========================================================================
   MQ Large
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  .footer__banner {
    padding-top: 1.875em;
  }
}
@media all and (max-width: 47.9375em) {
  .footer__section--right {
    background-color: #2f2f2f;
    width: 100%;
    margin-top: 2.5em;
    padding: 1.875em 1.25em 1.25em;
  }
}
/*

Tables

*/
/*

Default Tables

Simple, clean default styles. Just mark it up like a normal table.

Undoes table to more of a definition list on smaller viewports.

See: http://codepen.io/aarongustafson/pen/ucJGv

````tables
<table>
    <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">First Name</th>
            <th scope="col">Last Name</th>
            <th scope="col">Language</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td data-th="#">1</td>
            <td data-th="First Name">Some</td>
            <td data-th="Last Name">One</td>
            <td data-th="Language">English</td>
        </tr>
        <tr>
            <td data-th="#">2</td>
            <td data-th="First Name">Joe</td>
            <td data-th="Last Name">Sixpack</td>
            <td data-th="Language">English</td>
        </tr>
        <tr>
            <td data-th="#">3</td>
            <td data-th="First Name">Stu</td>
            <td data-th="Last Name">Dent</td>
            <td data-th="Language">Code</td>
        </tr>
    </tbody>
</table>
````

*/
table {
  width: 100%;
  max-width: 100%;
}
th,
td {
  padding: 0.625em 0.5625em;
  text-align: left;
}
th {
  padding-top: 0.625em;
}
@media all and (max-width: 47.9375em) {
  table {
    display: block;
    width: 100%;
  }
  tbody,
  tr,
  th,
  td {
    border: 0;
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
  }
  thead {
    display: none;
    visibility: hidden;
  }
  tr {
    margin-top: 1.25em;
  }
  td[data-th]:before {
    content: attr(data-th) ":\00A0";
    display: inline-block;
    font-weight: bold;
  }
  td:empty {
    display: none;
  }
}
@media all {
  th,
  td {
    padding: 0.625em 1.125em;
  }
}
/*

Panel

Used to provide messaging to the user, whether it be direct or through calls to 
action. The panel typically indicates a visual separation and implied 
sub-grouping of its content.

```panels
<div class="panel">
    <h3>This is a Panel</h3>
    <p>This is a <a href="#">feedback message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="panel">
    <p>This is a feedback panel with no heading.</p>
</div>
````

*/
.panel,
[class*="panel-"],
[class*="-panel"] {
  margin-top: 1.25em;
  padding: 1.25em;
  background-color: #fafafa;
}
.panel > :first-child,
[class*="panel-"] > :first-child,
[class*="-panel"] > :first-child {
  margin-top: 0;
}
.panel h1,
[class*="panel-"] h1,
[class*="-panel"] h1,
.panel h2,
[class*="panel-"] h2,
[class*="-panel"] h2,
.panel h3,
[class*="panel-"] h3,
[class*="-panel"] h3,
.panel h4,
[class*="panel-"] h4,
[class*="-panel"] h4,
.panel h5,
[class*="panel-"] h5,
[class*="-panel"] h5,
.panel h6,
[class*="panel-"] h6,
[class*="-panel"] h6 {
  color: inherit;
}
[class*="panel--thin"] {
  padding: 0.625em;
}
[class*="panel--bare"] {
  padding: 0;
}
/*

Alert Panel

This variation of the standard `.panel` is used specifically for delivering 
direct messages to the user, whether they be informative, complimentary, 
or preventative.

````info-alert-panels
<div class="alert-panel--info">
    <h3>This is a Panel</h3>
    <p>This is an <a href="#">alert message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="alert-panel--info">
    <p>This is an alert panel with no heading.</p>
</div>
````

*/
/*

````error-alert-panels
<div class="alert-panel--error">
    <h3>This is a Panel</h3>
    <p>This is an <a href="#">alert message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="alert-panel--error">
    <p>This is an alert panel with no heading.</p>
</div>
````

*/
/*

````success-alert-panels
<div class="alert-panel--success">
    <h3>This is a Panel</h3>
    <p>This is an <a href="#">alert message</a> for the user.</p>
    <p><a href="#" class="btn">User Action</a></p>
</div>
<div class="alert-panel--success">
    <p>This is an alert panel with no heading.</p>
</div>
````

*/
[class*="alert-panel"] {
  color: #fff;
}
.alert-panel {
  background: #00416c;
}
.alert-panel--error {
  background: #E02E3D;
}
.alert-panel--success {
  background: #238b72;
}
/*

WYSIWYG

Though we keep our styles as flexible and modular as possible, there may be
times, as when using a WYSIWYG editor, when some styles need to be baked in.
Here, we specify a `.wysiwyg` class that wraps around that content, and
hardcode some of those styles

    <div class="wysiwyg">
        [WYSIWYG Content]
    </div>

*/
/* ==========================================================================
   Base Text Styles
   ========================================================================== */
.wysiwyg:before,
.wysiwyg:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.wysiwyg:after {
  clear: both;
}
/* Heading Styles
   ========================================================================== */
/**
     * Weights & Styles
     */
.wysiwyg h1 {
  font-weight: 900;
}
.wysiwyg h2,
.wysiwyg h3 {
  font-weight: 700;
}
/**
     * Sizes & Line Heights
     */
.wysiwyg h1,
.wysiwyg .paragon-plus-text {
  /* Extends */
  /* Other */
  line-height: 1.5em;
}
.wysiwyg h2,
.wysiwyg .paragon-text {
  /* Extends */
  /* Other */
  line-height: 1.375em;
}
.wysiwyg h3,
.wysiwyg .great-text {
  /* Extends */
  /* Other */
  line-height: 1.29em;
}
.wysiwyg h4,
.wysiwyg .tertia-text {
  /* Extends */
  /* Other */
  line-height: 1.19em;
}
.wysiwyg .normal-text {
  /* Extends */
  /* Other */
  line-height: 1.72em;
}
/* Links & Button Styles
   ========================================================================== */
.wysiwyg a,
.wysiwyg .link,
.wysiwyg .list--x--pgs a[href] {
  color: #E02E3D;
}
.wysiwyg .ada-underline-on-hover {
  text-decoration: underline;
}
.wysiwyg .ada-underline-on-hover:hover,
.wysiwyg .ada-underline-on-hoverfocus {
  text-decoration: underline;
}
.wysiwyg .simple-button {
  /* Extends */
  /* Display & Box Model */
  display: inline-block;
  margin-top: 15px;
}
.wysiwyg .simple-button:after {
  /* Extends */
}
/* Paragraphs
   ========================================================================== */
.wysiwyg p,
.wysiwyg .body-copy {
  /* Vars */
  /* Display & Box Model */
  margin-top: 0.6875em;
  /* Other */
  font-weight: 300;
  line-height: 1.6875em;
}
.wysiwyg strong {
  font-family: "DSariMedium", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  letter-spacing: 0.8px;
}
/* ==========================================================================
   Elements
   Description: UL, OL, Tables, Panels, etc.
   ========================================================================== */
/**
     * Unordered Lists
     */
.wysiwyg .unordered {
  /* Extends */
}
.wysiwyg .unordered li {
  /* Extends */
  /* Display & Box Model */
  margin-top: 12px;
  padding-left: 38px;
}
.wysiwyg .unordered li:before {
  /* Display & Box Model */
  content: "";
  width: 6px;
  height: 6px;
  /* Positioning */
  margin-top: -3px;
  position: absolute;
  top: 50%;
  left: 23px;
  /* Other */
  background-color: #006bb1;
  border-radius: 50%;
}
/**
     * Orderd Lists
     */
/**
     * Images
     */
.wysiwyg img {
  padding: 0;
}
.wysiwyg figure {
  position: relative;
}
.wysiwyg figcaption {
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  margin-top: -0.71428571em;
  padding: 1.07142857em 1.42857143em;
  color: #fff;
  background-color: #2f2f2f;
}
@media all {
  .wysiwyg .img--left {
    float: left;
    margin-left: -4%;
    padding: 1.25em;
    padding-left: 0;
  }
}
@media all {
  .wysiwyg .img--right {
    float: right;
    margin-right: -4%;
    padding: 1.25em;
    padding-right: 0;
  }
}
@media all {
  .wysiwyg .img--center {
    clear: both;
    text-align: center;
  }
}
.wysiwyg .figure {
  width: 75%;
}
.wysiwyg .figure img {
  width: 100%;
}
.wysiwyg .figure [class*="fig-caption"] {
  /* Mixins */
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  /* Display & Box Model */
  display: block;
  margin-top: 0;
  padding: 15px;
  /* Other */
  background-color: #1a1a1a;
  color: #fff;
}
.wysiwyg .figure--medium,
.wysiwyg .figure--small {
  /* Display & Box Model */
  margin-top: 10px;
  margin-left: 20px;
  /* Positioning */
  float: right;
}
.wysiwyg .figure--medium {
  /* Display & Box Model */
  width: 50%;
}
.wysiwyg .figure--small {
  /* Display & Box Model */
  width: 35%;
}
/* ==========================================================================
   Reactionary Styles
   Description: When different elements interact with each other
   ========================================================================== */
/* Headings
   ========================================================================== */
.wysiwyg h1:first-child,
.wysiwyg h2:first-child {
  margin-top: 0;
}
.wysiwyg h3 + h4 {
  margin-top: 0;
}
.wysiwyg p + h2 {
  /* Vars */
  margin-top: 1.55555556em;
}
/* Paragraphs
   ========================================================================== */
.wysiwyg p:first-child {
  margin-top: 0;
}
.wysiwyg h4 + p {
  margin-top: 11px;
}
/* Lists
   ========================================================================== */
.wysiwyg p + ul,
.wysiwyg p + ol {
  margin-top: 10px;
}
.wysiwyg blockquote {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #fff;
  border-left: solid 4px #afa376;
}
.wysiwyg blockquote h3 {
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.66666667;
  color: #1a547b;
}
.wysiwyg blockquote p {
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  font-style: italic;
}
@media all {
  .wysiwyg blockquote {
    float: right;
    clear: right;
    margin-left: 1.25em;
    margin-right: -4%;
    width: 35%;
  }
}
@media all {
  .wysiwyg blockquote.blockquote--left {
    float: left;
    clear: left;
    margin-right: 1.25em;
    margin-left: -4%;
    width: 35%;
  }
}
@media all {
  .wysiwyg blockquote.blockquote--right {
    float: right;
    clear: right;
    margin-left: 1.25em;
    margin-right: -4%;
    width: 35%;
  }
}
.wysiwyg-dark {
  background: #000 url(/resources/motif/images/decor/wysiwyg-bg--blue.jpg) repeat-y left top;
  background-size: 100% auto;
}
/* ==========================================================================
   Wrappers
   ========================================================================== */
/**
 * Fixes hero banner overlaying content
 */
.wysiwyg__container {
  padding-top: 133px;
}
.hero--banner + .wysiwyg__container {
  margin-top: 420px;
  position: relative;
  z-index: 1;
}
.wysiwyg-wrapper {
  /* Vars */
  /* Display & Box Model */
  width: 80%;
  max-width: 68.75em;
  margin-left: auto;
  margin-right: auto;
}
/**
 * Side-by-side image and text container: Base Styles
 */
.wysiwyg [class*="figure-overlay"] {
  /* Extends */
  margin: 140px auto;
  /* Positioning */
  position: relative;
}
.wysiwyg [class*="figure-overlay"] img {
  /* Display & Box Model */
  width: 68%;
}
.wysiwyg [class*="figure-overlay"] .content {
  /* Mixins */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* Display & Box Model */
  width: 40%;
  padding: 50px 45px;
  /* Positioning */
  position: absolute;
  top: 50%;
  /* Other */
  background-color: rgba(0, 0, 0, 0.8);
}
/**
 * Side-by-side image and text container: Variations
 */
.wysiwyg .figure-overlay-ltr img {
  float: right;
}
.wysiwyg .figure-overlay-ltr .content {
  left: 0;
}
.wysiwyg .figure-overlay-rtl img {
  float: left;
}
.wysiwyg .figure-overlay-rtl .content {
  right: 0;
}
@media all {
  .wysiwyg .basic-content {
    /* Vars */
    /* Display & Box Model */
    width: 47.72727273%;
    max-width: 32.8125em;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ==========================================================================
   Base Text Styles
   ========================================================================== */
/* Heading Styles
   ========================================================================== */
/**
     * Weights & Styles
     */
.wysiwyg-dark h1,
.wysiwyg-dark .epic-heading {
  /* Extends */
  /* Other */
  text-align: center;
}
/**
     * Sizes & Line Heights
     */
.wysiwyg-dark h1 {
  /* Mixins */
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 0.61111111;
  /* Other */
  text-transform: capitalize;
}
.wysiwyg-dark h1 span,
.wysiwyg-dark .epic-heading span {
  /* Extends */
}
/**
     * Colors
     */
.wysiwyg-dark h1,
.wysiwyg-dark h2,
.wysiwyg-dark h3,
.wysiwyg-dark h4 {
  color: #fff;
}
/**
     * Epic Heading Variations
     */
.wysiwyg-dark .epic-heading {
  /* Mixins */
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
  /* Other */
  text-transform: capitalize;
}
/* Links & Buttons Styles
   ========================================================================== */
.wysiwyg-dark a,
.wysiwyg-dark .link,
.wysiwyg-dark .list--x--pgs a[href] {
  color: #fed25a;
}
/* Paragraphs
   ========================================================================== */
.wysiwyg-dark p {
  color: #fff;
}
.wysiwyg-dark h1 + p,
.wysiwyg-dark h1 + [class*="callout-text"] > p:first-of-type {
  /* Vars */
  /* Display & Box Model */
  margin-top: 3.125em;
  margin-bottom: 5.3125em;
  /* Other */
  text-align: center;
}
/* ==========================================================================
   Elements
   Description: UL, OL, Tables, Panels, etc.
   ========================================================================== */
/* Unorderd Lists
   ========================================================================== */
.wysiwyg-dark ul li:before,
.wysiwyg-dark .unorderd li:before {
  background-color: #fed25a;
}
/* Callout Text Styles
   ========================================================================== */
/**
     * Callout General
     */
.wysiwyg-dark [class*="callout-text"] {
  position: relative;
}
.wysiwyg-dark [class*="callout-text"] > aside,
.wysiwyg-dark [class*="callout-text"] > .callout-content {
  /* Display & Box Model */
  width: 36%;
  max-width: 200px;
  /* Positioning */
  position: absolute;
  top: 0;
}
.wysiwyg-dark .callout-text--left > aside,
.wysiwyg-dark .callout-text--left > .callout-content {
  margin-right: 20%;
  right: 100%;
}
.wysiwyg-dark .callout-text--right > aside,
.wysiwyg-dark .callout-text--right > .callout-content {
  margin-left: 20%;
  left: 100%;
}
/**
     * Callout Inner Content
     */
.wysiwyg-dark [class*="callout-text"] h3,
.wysiwyg-dark [class*="callout-text"] h4,
.wysiwyg-dark [class*="callout-text"] h5,
.wysiwyg-dark [class*="callout-text"] .heading {
  /* Display & Box Model */
  margin-top: 5px;
  /* Other */
  font-weight: 700;
}
.wysiwyg-dark [class*="callout-text"] > aside p,
.wysiwyg-dark [class*="callout-text"] > .callout-content p {
  /* Display & Box Model */
  margin-top: 5px;
  /* Other */
  line-height: 20px;
}
.wysiwyg-dark [class*="callout-text"] > aside a,
.wysiwyg-dark [class*="callout-text"] > .callout-content a {
  /* Extends */
}
/* Figure Overlay Center
       ========================================================================== */
[class*="figure-center-overlay"] {
  /* Display & Box Model */
  margin-top: 56px;
  margin-bottom: 250px;
  /* Positioning */
  position: relative;
}
[class*="figure-center-overlay"] img {
  /* Display & Box Model */
  display: block;
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
}
[class*="figure-center-overlay"] .content {
  /* Mixins */
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  /* Display & Box Model */
  width: 60%;
  max-width: 600px;
  padding: 50px 45px;
  /* Positioning */
  position: absolute;
  left: 50%;
  top: 85%;
  /* Other */
  background-color: rgba(0, 0, 0, 0.8);
}
/* ==========================================================================
   Banners & Backgrounds
   ========================================================================== */
/* Hero Banner
   ========================================================================== */
.wysiwyg-dark .hero--banner {
  /* Display & Box Model */
  width: 100%;
  height: 100%;
  /* Positioning */
  position: absolute;
  top: 0;
  left: 0;
  /* Other */
  background-color: #000;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
}
.wysiwyg-dark .hero--banner:after {
  /* Mixins */
  background: #000;
  background: -moz-linear-gradient(top, transparent 0, #000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, #000));
  background: -webkit-linear-gradient(top, transparent 0, #000 100%);
  background: -o-linear-gradient(top, transparent 0, #000 100%);
  background: -ms-linear-gradient(top, transparent 0, #000 100%);
  background: linear-gradient(to bottom, transparent 0, #000 100%);
  /* Display & Box Model */
  content: "";
  width: inherit;
  height: 300px;
  /* Positioning */
  position: inherit;
  left: inherit;
  bottom: 0;
}
/* ==========================================================================
   Reactionary Styles
   Description: When different elements interact with each other
   ========================================================================== */
/* 3 Column Layout
   ========================================================================== */
.wysiwyg-dark .gl-thirds > div h3 {
  /* Display & Box Model */
  margin-top: 5px;
}
.wysiwyg-dark .gl-thirds > div h4 {
  /* Display & Box Model */
  margin-bottom: 35px;
  /* Positioning */
  position: relative;
}
.wysiwyg-dark .gl-thirds > div h4:after {
  /* Display & Box Model */
  content: "";
  width: 45px;
  height: 1px;
  /* Positioning */
  position: absolute;
  bottom: -18px;
  left: 0;
  /* Other */
  background-color: #fed25a;
}
/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #006bb1;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaa;
}
.picker__day--outfocus {
  color: #ddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #006bb1;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #006bb1;
  color: #fff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #fff;
  background: #fff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #006bb1;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #e20;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #ddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaa;
}
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%;
  position: absolute;
  color: #302f2b;
  width: 21.875em;
}
/**
 * The holder is the base of the picker.
 */
.picker__holder {
  display: none;
  position: absolute;
  z-index: 500;
  background: rgba(255, 255, 255, 0.95);
  margin-left: 0.3125em;
  border: 1px solid #8c8c8c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: margin-top 0.5s, opacity 0.5s;
  transition: margin-top 0.5s, opacity 0.5s;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  margin-top: 1.25em;
  left: -10000000px;
}
.picker__holder .picker__footer {
  display: none;
}
.picker__holder .picker__table td {
  text-align: center;
}
.picker__holder .picker__list li[role=presentation] {
  display: none;
}
/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  padding: 1px;
}
.picker__wrap {
  margin: -1px;
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  margin-top: 0;
  left: 0;
}
.picker--time .picker__holder {
  padding: 1.25em;
}
.picker--time .picker__box {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.picker--time .picker__list {
  padding-left: 0 !important;
}
/* Birthday Banner */
.birthday-modal-container {
  position: relative;
}
.birthday-fellowship-banner,
.mobile-fellowship-banner {
  background-color: #006bb1;
  color: #fff;
  text-align: center;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .birthday-fellowship-banner,
  .mobile-fellowship-banner {
    text-align: left;
  }
}
@media all {
  .birthday-fellowship-banner,
  .mobile-fellowship-banner {
    text-align: left;
  }
}
.birthday-fellowship-banner .sitewide-notice-close,
.mobile-fellowship-banner .sitewide-notice-close {
  display: inline-block;
  position: absolute;
  font-size: 1.875em;
  color: #000;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .birthday-banner {
    text-align: center;
  }
}
@media all {
  .birthday-banner {
    text-align: center;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .birthday-banner__content {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
  }
}
@media all {
  .birthday-banner__content {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
  }
}
.birthday-fellowship-message-content {
  float: none;
  clear: right;
  padding: 0.625em 0.625em 0 0.625em;
}
@media all and (max-width: 47.9375em) {
  .birthday-fellowship-message-content {
    margin: 0 auto;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .birthday-fellowship-message-content {
    float: left;
  }
}
@media all {
  .birthday-fellowship-message-content {
    float: left;
    padding-bottom: 0.625em;
  }
}
.birthday-fellowship-message-content,
.mobile-fellowship-message-content {
  font-size: 1em;
}
.birthday-fellowship-message-content div:nth-child(2n),
.mobile-fellowship-message-content div:nth-child(2n) {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.birthday-banner__line-one {
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
.birthday-banner__line-two {
  text-transform: uppercase;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
.birthday-banner__new-line {
  float: left;
}
@media all and (max-width: 47.9375em) {
  .birthday-banner__new-line {
    display: block;
    width: 100%;
  }
}
.birthday-banner__anchor {
  margin-top: 0.625em;
  margin-bottom: 1.25em;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .birthday-banner__anchor {
    margin-top: 1.25em;
    margin-left: 0.625em;
  }
}
@media all {
  .birthday-banner__anchor {
    margin-top: 1.25em;
    margin-left: 0.625em;
  }
}
.birthday-banner__close {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
/* Birthday Modal */
.birthday-modal-background {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
}
.birthday-modal-background.is-showing {
  display: block;
}
.birthday-fellowship-modal {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 0.1875em;
  -moz-border-radius: 0.1875em;
  -o-border-radius: 0.1875em;
  border-radius: 0.1875em;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  background: #006bb1;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
}
@media all {
  .birthday-fellowship-modal {
    width: 80%;
    height: auto;
  }
}
@media all {
  .birthday-fellowship-modal {
    width: 80%;
    height: auto;
  }
}
.birthday-fellowship-content {
  position: relative;
  color: white;
  overflow-y: auto;
  height: 100%;
  padding-left: 1.25em;
  padding-right: 1.25em;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .birthday-fellowship-content {
    height: 500px;
  }
}
@media all {
  .birthday-fellowship-content {
    height: 500px;
    padding-left: 1.875em;
    padding-right: 1.875em;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .birthday-modal__container {
    max-width: 600px;
    margin: 0 auto;
    display: block;
  }
}
@media all {
  .birthday-modal__container--spaced {
    margin-top: 2.875em;
  }
}
.birthday-modal__form .picker {
  position: relative;
  width: 100%;
}
.birthday-modal__form .picker__holder {
  width: 100%;
  position: relative;
  margin-left: 0;
}
.birthday-modal__form input {
  padding: 6px 10px;
  font-size: 0.875em;
}
.modal-notice-close {
  display: inline-block;
  position: absolute;
  font-size: 1.875em;
  right: 0;
  top: 0;
  cursor: pointer;
}
.birthday-fellowship__close {
  font-size: 1.875em !important;
  position: absolute;
  top: 8px;
  right: 16px;
  color: #fff;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  display: inline-block;
  cursor: pointer;
}
.birthday-fellowship__close:hover {
  cursor: pointer;
}
.birthday-modal__image {
  min-height: 500px;
  height: 100%;
  background-image: url(https://mtimes.imgix.net/0F7A2667.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}
.birthday-modal__title {
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}
@media all {
  .birthday-modal__title {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.birthday-modal__title--increased {
  padding-top: 1.375em;
}
@media all {
  .birthday-modal__title--increased {
    font-size: 27px;
    font-size: 1.6875rem;
    padding-top: 0;
  }
}
.birthday-modal__description {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0.71428571em;
  line-height: 1.42857143;
  text-transform: none;
}
.birthday-modal__castle-picker {
  position: relative;
  margin-left: 0;
  width: 100%;
}
.birthday-modal__castle-picker a,
.birthday-modal__castle-picker .castle-list {
  font-size: 0.875em;
}
.birthday-fellowship__button {
  padding: 0.625em 1.125em;
}
html,
body {
  -webkit-overflow-scrolling: touch !important;
  height: 100% !important;
}
body {
  overflow: auto !important;
}
.blackfriday-modal {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 0.1875em;
  -moz-border-radius: 0.1875em;
  -o-border-radius: 0.1875em;
  border-radius: 0.1875em;
  color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  background: #F6B235;
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
  max-height: 100%;
  width: 90%;
  overflow-y: auto;
}
@media all and (min-width: 30em) and (max-width: 47.9375em) {
  .blackfriday-modal {
    width: 75%;
  }
}
@media all {
  .blackfriday-modal {
    width: 50%;
    height: auto;
  }
}
@media all {
  .blackfriday-modal {
    width: 95%;
    height: 36.25em;
  }
}
@media all and (min-width: 77.5em) {
  .blackfriday-modal {
    height: 34.375em;
  }
}
.blackfriday__button {
  font-weight: bold;
  box-shadow: -0.625em 0.625em 0 0 rgba(0, 0, 0, 0.1);
  font-style: normal;
}
form button.blackfriday__button {
  background-color: #006bb1;
  font-style: italic;
  font-size: 0.875em;
  font-weight: 300;
}
form button.blackfriday__button:focus,
form button.blackfriday__button:hover {
  background-color: #003d65;
}
.blackfriday__close {
  font-size: 1.875em;
  position: absolute;
  top: 0.5em;
  right: 1em;
  color: #000;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  display: inline-block;
  cursor: pointer;
}
.blackfriday__close:hover {
  cursor: pointer;
}
.blackfriday-modal__image {
  display: none;
  height: 100%;
  background-image: url(/resources/motif/images/tmp/mt_dark_knight.jpeg);
  /*background-image: url(/resources/motif/images/tmp/spring_break2018_preview.jpeg);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media all {
  .blackfriday-modal__image {
    display: block;
  }
}
.blackfriday-content {
  color: #000;
  font-weight: bold;
  position: relative;
  overflow-y: auto;
  height: 100%;
  text-transform: capitalize;
}
@media all {
  .blackfriday-content {
    max-height: 100%;
  }
}
.blackfriday-modal-background {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
.blackfriday-modal-background.is-showing {
  display: block;
}
.spaced-terms {
  float: right;
  width: 88%;
}
@media all {
  .spaced-terms {
    width: 92%;
  }
}
input[name="blackfriday[fname]"],
input[name="blackfriday[lname]"],
input[name="blackfriday[castle]"],
input[name="blackfriday[email]"] {
  border: none;
}
.valentine-modal {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 0.1875em;
  -moz-border-radius: 0.1875em;
  -o-border-radius: 0.1875em;
  border-radius: 0.1875em;
  color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  background: rgba(224, 46, 61, 0.85);
  -webkit-overflow-scrolling: touch;
  width: 90%;
  max-height: 100%;
  overflow-y: auto;
}
@media all and (min-width: 30em) and (max-width: 47.9375em) {
  .valentine-modal {
    width: 75%;
  }
}
@media all {
  .valentine-modal {
    width: 50%;
    height: auto;
  }
}
@media all {
  .valentine-modal {
    width: 85%;
    height: 37.5em;
  }
}
@media all and (min-width: 77.5em) {
  .valentine-modal {
    height: 34.375em;
  }
}
@media all and (min-width: 93.75em) {
  .valentine-modal {
    width: 65%;
    height: 35.625em;
  }
}
.valentine__close {
  font-size: 1.875em;
  position: absolute;
  top: 0;
  right: 0.3125em;
  color: #d9d9d9;
  opacity: 0.5;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  cursor: pointer;
}
.valentine__close:hover {
  cursor: pointer;
}
.valentine-modal__image {
  display: none;
  height: 100%;
  background-image: url(/resources/motif/images/tmp/MT_-7844_small.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}
@media all {
  .valentine-modal__image {
    display: block;
  }
}
.valentine-content {
  color: white;
  position: relative;
  height: 100%;
  overflow-y: auto;
}
@media all {
  .valentine-content {
    max-height: 100%;
  }
}
.valentine-info-container {
  padding: 0 25px;
}
.valentine-modal-container {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 170;
}
.valentine-title {
  text-align: center;
  font-family: "DSariBold", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  margin-top: 1.25em;
  font-size: 20px;
  font-size: 1.25rem;
}
@media all {
  .valentine-title {
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.25925926em;
  }
}
.valentine-discount {
  margin: 5px 0 13px;
  font-size: 14px;
}
.retail-value {
  font-style: italic;
  color: #d9d9d9;
}
.included-items {
  text-align: center;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  line-height: 1.42857143;
}
.included-items__title {
  margin-top: 0.875em;
  font-size: 0.6875em;
  color: #d9d9d9;
}
.included-items__list {
  list-style-type: disc;
  padding: 0;
  text-align: left;
  width: 12.9375em;
  margin: 0.4375em auto 0.4375em;
}
.included-items__extra-info {
  margin-top: 0;
  font-style: italic;
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  line-height: 1.8em;
  color: #d9d9d9;
  font-size: 10px;
  font-size: 0.625rem;
}
.included-item {
  font-style: italic;
  font-family: "DSari", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 0.8125em;
  line-height: 1.625em;
}
.indent-line {
  height: 0.0625em;
  width: 15.1875em;
  background: #000;
  margin: 0.9375em auto 0.625em;
}
@media all {
  .indent-line {
    width: 100%;
  }
}
.coupon-copy {
  text-align: center;
  font-style: italic;
  text-transform: lowercase;
  font-size: 0.625em;
}
.coupon-code {
  margin: 0 10%;
  width: 80%;
  text-align: center;
  font-size: 1.25em;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  border: 0.0625em #fff dashed;
}
@media all {
  .coupon-code {
    margin: 0 auto;
  }
}
@media all and (min-width: 30em) and (max-width: 47.9375em) {
  .coupon-code {
    width: 15.125em;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .coupon-code {
    width: 14.8125em;
  }
}
@media all {
  .coupon-code {
    width: 99%;
  }
}
.coupon-code .copy-coupon-code {
  display: block;
  padding: 0.4375em 0 0.3125em;
}
.coupon-code .copy-coupon-code:hover {
  background: rgba(255, 255, 255, 0.1);
  color: white;
}
.coupon-code .copy-coupon-code .pre-icon--copy {
  float: right;
}
.castle-container {
  margin-top: 0;
}
@media all and (max-width: 47.9375em) {
  .castle-container {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media all and (min-width: 30em) and (max-width: 47.9375em) {
  .castle-container {
    width: 20.5625em;
    margin-left: auto;
    margin-right: auto;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .castle-container {
    width: 20.5625em;
    margin-left: auto;
    margin-right: auto;
  }
}
.castle-picker--valentine {
  display: none;
}
.buy-button-container {
  text-align: center;
  margin: 0.9375em 0;
}
button[type="submit"].buy-button {
  background: #fff;
  color: #E02E3D;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: -0.3125em 0.4375em 0.3125em 0 rgba(0, 0, 0, 0.2);
  box-shadow: -0.3125em 0.4375em 0.3125em 0 rgba(0, 0, 0, 0.2);
}
button[type="submit"].buy-button:hover,
button[type="submit"].buy-button:focus {
  background: #fff;
  color: #E02E3D;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .sitewide-modal__container {
    max-width: 600px;
    margin: 0 auto;
    display: block;
  }
}
@media all {
  .sitewide-modal__container--spaced {
    margin-top: 2.875em;
  }
}
.sitewide-modal__form .picker {
  position: relative;
  width: 100%;
}
.sitewide-modal__form .picker__holder {
  width: 100%;
  position: relative;
  margin-left: 0;
}
.sitewide-modal__form input {
  padding: 6px 10px;
  font-size: 0.875em;
}
.modal-notice-close {
  display: inline-block;
  position: absolute;
  font-size: 1.875em;
  right: 0;
  top: 0;
  cursor: pointer;
}
.sitewide-fellowship__close {
  font-size: 1.875em !important;
  position: absolute;
  top: 8px;
  right: 16px;
  color: #fff;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  display: inline-block;
  cursor: pointer;
}
.sitewide-fellowship__close:hover {
  cursor: pointer;
}
.sitewide-modal__image {
  min-height: 500px;
  height: 100%;
  background-image: url(https://mtimes.imgix.net/0F7A2667.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}
.sitewide-modal__title {
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
}
@media all {
  .sitewide-modal__title {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.sitewide-modal__title--increased {
  padding-top: 1.375em;
}
@media all {
  .sitewide-modal__title--increased {
    font-size: 27px;
    font-size: 1.6875rem;
    padding-top: 0;
  }
}
.sitewide-modal__description {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0.71428571em;
  line-height: 1.42857143;
  text-transform: none;
}
.sitewide-modal__castle-picker {
  position: relative;
  margin-left: 0;
  width: 100%;
}
.sitewide-modal__castle-picker a,
.sitewide-modal__castle-picker .castle-list {
  font-size: 0.875em;
}
.sitewide-fellowship__button {
  padding: 0.625em 1.125em;
}
.sitewide-modal {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 0.1875em;
  -moz-border-radius: 0.1875em;
  -o-border-radius: 0.1875em;
  border-radius: 0.1875em;
  color: white;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  background: #F6B235;
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
  max-height: 100%;
  width: 90%;
  overflow-y: auto;
}
@media all and (min-width: 30em) and (max-width: 47.9375em) {
  .sitewide-modal {
    width: 75%;
  }
}
@media all {
  .sitewide-modal {
    width: 50%;
    height: auto;
  }
}
@media all {
  .sitewide-modal {
    width: 95%;
    height: 36.25em;
  }
}
@media all and (min-width: 77.5em) {
  .sitewide-modal {
    height: 34.375em;
  }
}
.sitewide__button {
  font-weight: bold;
  box-shadow: -0.625em 0.625em 0 0 rgba(0, 0, 0, 0.1);
  font-style: normal;
}
form button.sitewide__button {
  background-color: #006bb1;
  font-style: italic;
  font-size: 0.875em;
  font-weight: 300;
}
form button.sitewide__button:focus,
form button.sitewide__button:hover {
  background-color: #003d65;
}
.sitewide__close {
  font-size: 1.875em;
  position: absolute;
  top: 0.5em;
  right: 1em;
  color: #000;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  display: inline-block;
  cursor: pointer;
}
.sitewide__close:hover {
  cursor: pointer;
}
.sitewide-modal__image {
  display: none;
  height: 100%;
  background-image: url(/resources/motif/images/tmp/mt_dark_knight.jpeg);
  /*background-image: url(/resources/motif/images/tmp/spring_break2018_preview.jpeg);*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media all {
  .sitewide-modal__image {
    display: block;
  }
}
.sitewide-content {
  color: #000;
  font-weight: bold;
  position: relative;
  overflow-y: auto;
  height: 100%;
  text-transform: capitalize;
}
@media all {
  .sitewide-content {
    max-height: 100%;
  }
}
.sitewide-modal-background {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
.sitewide-modal-background.is-showing {
  display: block;
}
.spaced-terms {
  float: right;
  width: 88%;
}
@media all {
  .spaced-terms {
    width: 92%;
  }
}
input[name="sitewide[fname]"],
input[name="sitewide[lname]"],
input[name="sitewide[castle]"],
input[name="sitewide[email]"] {
  border: none;
}
/**
 * Responsive Breakpoints
 */
/**
 * Base
 */
body {
  background-color: #1a1a1a;
}
.overflow-hidden {
  overflow: hidden;
}
/* ==========================================================================
     Nav Bar
     ========================================================================== */
.nav-bar__list {
  background: #8c8c8c !important;
}
.nav-bar__list li {
  text-align: center;
}
.nav-bar__list a {
  color: #fff;
}
.nav-bar__list a:hover {
  color: #fff;
  background: #006bb1;
}
/* ==========================================================================
     Interior Content
     ========================================================================== */
.basic-interior__content {
  /* Positioning */
  position: relative;
  z-index: 100;
  /* Display & Box Model */
  padding: 3.125em 0;
}
.basic-interior__content:before {
  /* Positioning */
  position: absolute;
  bottom: 100%;
  left: 0;
  /* Display & Box Model */
  content: "";
  width: 100%;
  height: 21.875em;
  /* Other */
  background: url(/resources/motif/images/fake-slant.png) no-repeat left bottom;
  background-size: contain;
}
.basic-interior__content .content-heading {
  margin-bottom: 35px;
}
.basic-interior__content .content-heading p {
  text-align: center;
}
.basic-interior__content .content-heading img {
  display: none;
}
.basic-interior__content p {
  text-align: justify;
}
/* ==========================================================================
     Rising Target
     ========================================================================== */
.js .riseup__target {
  display: none;
}
.js .riseup__target.is-rising {
  display: block;
}
/* ==========================================================================
     Banners
     ========================================================================== */
/* Video Banner
     ========================================================================== */
.video_container:after {
  background: rgba(0, 0, 0, 0.77);
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.77)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  /* Positioning */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Display & Box Model */
  content: "";
}
.remove-volume-cursor {
  cursor: default;
}
.video_container,
.banner_container {
  /* Positioning */
  position: absolute;
  bottom: 0;
  /* Display & Box Model */
  width: 100%;
  min-height: 100%;
  min-height: -webkit-calc(100% + 7em);
  min-height: -moz-calc(100% + 7em);
  min-height: calc(100% + 7em);
  overflow: hidden;
  z-index: -1;
}
@media all {
  .video_container,
  .banner_container {
    min-height: -webkit-calc(100% + 7.9375em);
    min-height: -moz-calc(100% + 7.9375em);
    min-height: calc(100% + 7.9375em);
  }
}
.banner_image--small,
.video_poster--small {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -100;
  /* Display & Box Model */
  width: auto !important;
  max-width: none;
  height: 100%;
}
video {
  display: block;
}
video.show_video {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  /* Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* Display & Box Model */
  width: auto;
  height: auto;
  min-width: 100vw;
  min-height: 100%;
  /* Other */
  background-color: #000;
  opacity: 0;
}
video.show_video.active_video {
  opacity: 1;
}
.banner_container {
  /* Positioning */
  /* Display & Box Model */
  overflow: hidden;
  /* Other */
  background: transparent no-repeat center top;
  background-size: cover;
}
.banner_container:after {
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.77)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.77) 100%);
  /* Positioning */
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  /* Display & Box Model */
  content: "";
  height: 50%;
}
.banner_container img {
  display: block;
  width: 100%;
}
.banner_container--overlay-large:after {
  height: 75%;
}
/* Fixed Banner
   ========================================================================== */
.banner_fixed {
  position: fixed;
  z-index: -1;
}
@media all {
  .castle-banner {
    position: absolute;
    top: 1.875em;
    right: 0;
    left: 0;
  }
}
@media all {
  .castle-banner {
    top: 7.9375em;
  }
  .castle-banner .auto-height-container {
    bottom: 4.6875em;
  }
}
@media all {
  .right-margin {
    margin-right: 18.75em;
    padding-right: 1.25em !important;
  }
}
.to-front {
  z-index: 100;
}
.castle-details__left-card {
  margin-top: 1.25em !important;
  padding: 1.875em;
  width: 18.75em;
  position: absolute !important;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.castle-details__left-card h1 {
  margin-top: 0 !important;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
}
.castle-details__right .castle-details__right-shadowed {
  -webkit-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  -o-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
}
.castle-details__right .castle-details__right-card {
  margin-top: 1.25em !important;
  padding: 1.875em;
}
.castle-details__right .castle-details__right-card h1 {
  margin-top: 0 !important;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
}
.castle-details__right .sticky-wrapper.hey .castle-details__right-card {
  margin-top: 0 !important;
}
.castle-details__right .castle-details__right-faq {
  padding: 0.625em 1.875em 1.25em;
  color: #8c8c8c;
  background-color: #fff;
}
@media all {
  .castle-details__right {
    width: 18.75em;
    position: absolute;
    z-index: 101;
    right: 0;
  }
  .castle-details__right .castle-details__right-shadowed {
    margin-right: 0 !important;
    margin-left: auto;
    -webkit-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
    -o-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  }
  .castle-details__right .castle-details__right-card {
    margin-top: 1.25em !important;
    padding: 1.875em;
  }
  .castle-details__right .castle-details__right-card h1 {
    margin-top: 0 !important;
    font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1;
  }
  .castle-details__right .sticky-wrapper.hey .castle-details__right-card {
    margin-top: 0 !important;
  }
  .castle-details__right .castle-details__right-faq {
    padding: 0.625em 1.875em 1.25em;
    color: #8c8c8c;
    background-color: #fff;
  }
}
.castle-details__right-about a {
  text-decoration: none;
}
.castle-details__right-about .knights-badge {
  width: 232px;
  bottom: auto;
  top: 0;
  left: auto;
  margin-left: 34px;
  margin-top: 1.875em;
  display: block;
}
@media all and (max-width: 47.9375em) {
  .castle-details__right-about {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
  }
  .castle-details__right-about .knights-badge {
    position: relative;
    top: auto;
    margin: 0 auto;
  }
}
.castle-details {
  padding-top: 11.875em;
  padding-bottom: 6.25em;
}
@media all and (max-width: 47.9375em) {
  .castle-details {
    padding-top: 3.125em;
  }
}
.spaced li {
  margin-bottom: 0.625em !important;
}
.line-height--large {
  line-height: 2;
}
.left-border {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.TA_selfserveprop .widSSP {
  width: 100% !important;
}
@media all {
  .TA_selfserveprop .widSSP {
    width: 300px !important;
  }
}
.TA_selfserveprop .widSSP .widSSPData {
  padding: 2.5em !important;
}
.castle-promotions {
  position: relative;
}
.castle-promotions .slides li {
  position: inherit !important;
}
.castle-promotions .flex-direction-nav .flex-next {
  right: 0;
}
@media all {
  .castle-promotions .flex-direction-nav .flex-next {
    right: 300px;
  }
}
@media all and (min-width: 77.5em) {
  .castle-promotions .flex-direction-nav .flex-next {
    right: 0;
    left: auto;
  }
}
.castle-promotions .flex-direction-nav .flex-prev {
  left: 0;
}
.castle-promotions .flex-direction-nav a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.castle-promotions .flex-direction-nav a {
  bottom: 0;
  top: auto;
  margin: 0;
}
@media all {
  .castle-promotions .flex-direction-nav a {
    font-size: 65px;
    font-size: 4.0625rem;
  }
}
@media all and (min-width: 77.5em) {
  .castle-promotions .flex-direction-nav a {
    font-size: 150px;
    font-size: 9.375rem;
    bottom: -75px;
  }
}
@media all {
  .castle-promotions .flex-direction-nav {
    width: 92%;
    position: relative;
    margin-left: 2%;
  }
}
@media all and (min-width: 77.5em) {
  .castle-promotions .flex-direction-nav {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 50%;
    left: 0;
    right: 0;
  }
}
.castle-disclaimer {
  color: #a6a6a6;
}
@media all {
  .banner-highlights {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.banner-highlights .highlight {
  background-color: rgba(255, 255, 255, 0.35);
  padding: 1.875em 2.1875em 2.1875em;
  margin-bottom: -65px;
}
.banner-highlights .highlight h3 {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  margin-top: 0 !important;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.04166667;
}
.banner-highlights .highlight .sub-point {
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  padding-top: 1.25em !important;
}
.banner-highlights .highlight.is-active {
  background-color: rgba(0, 107, 177, 0.75);
  margin-bottom: 0;
  padding: 3.125em 2.1875em 2.1875em;
}
.banner-highlights .highlight.is-active h3 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
}
.banner-highlights .highlight.is-active .sub-point {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
}
.banner-highlights .banner-item {
  overflow: hidden;
}
.banner-highlights .container-1,
.banner-highlights .container-2,
.banner-highlights .container-3 {
  position: absolute;
  bottom: 0;
}
@media all and (max-width: 47.9375em) {
  .banner-highlights .container-1,
  .banner-highlights .container-2,
  .banner-highlights .container-3 {
    position: initial;
  }
}
.banner-highlights .container-1 {
  left: 0;
}
.banner-highlights .container-2 {
  left: 33.333333%;
}
.banner-highlights .container-3 {
  right: 0;
}
@media screen and (max-device-width: 800px) {
  video.show_video {
    display: none;
  }
}
.about_show_container {
  display: block;
  min-height: 80vh;
  height: auto;
  min-width: 100%;
  position: relative;
}
.about_show_container .show_card_container {
  position: absolute;
  bottom: -25px;
  height: 350px;
  overflow-y: hidden;
}
.about_show_container .show_card_container .show_card_column {
  padding-top: 200px;
  overflow-y: hidden;
  -webkit-transition: padding-top 0.25s ease-in-out;
  -moz-transition: padding-top 0.25s ease-in-out;
  -o-transition: padding-top 0.25s ease-in-out;
  transition: padding-top 0.25s ease-in-out;
}
.about_show_container .show_card_container .show_card_column .show_card {
  height: 1000px;
  vertical-align: bottom;
  border-top: 0.3125em solid rgba(243, 178, 67, 0.5);
  background-color: rgba(38, 38, 38, 0.5);
}
.about_show_container .show_card_container .show_card_column .show_card h2 {
  color: #fefefe;
}
.about_show_container .show_card_container .show_card_column .show_card div {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.about_show_container .show_card_container .show_card_column:hover {
  padding-top: 0;
}
.about_show_container .show_card_container .show_card_column:hover .show_card div {
  opacity: 1;
}
.scallop {
  position: relative;
  background-color: #fff;
}
.scallop:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: 100%;
  left: 0;
  background: transparent url(/resources/motif/images/patterns/triangle-frills-down--white.png) repeat-x top left;
  z-index: 0;
}
.scallop--red {
  background-color: #E02E3D;
  color: #fff;
}
.scallop--red:after {
  background: transparent url(/resources/motif/images/patterns/triangle-frills-down--red.png) repeat-x top left;
}
.scallop--blue {
  background-color: #006bb1;
  color: #fff;
}
.scallop--blue:after {
  background: transparent url(/resources/motif/images/patterns/triangle-frills-down--blue.png) repeat-x top left;
}
.sticky-item,
.sticky-item--large,
.sticky-item--large-stop {
  z-index: 110;
}
.front-row-badge {
  -webkit-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  -o-box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 3px 21px -3px rgba(0, 0, 0, 0.9);
  /* Positioning */
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 10;
  /* Display & Box Model */
  width: 100%;
  padding: 1.75em 1.5em;
  /* Other */
  color: #fff;
  background-color: #E02E3D;
  text-decoration: none;
}
@media all {
  .front-row-badge {
    /* Positioning */
    top: 0;
    /* Display & Box Model */
    width: 22%;
  }
}
a.front-row-badge:hover {
  color: #fff;
  background-color: #ce2f3b;
}
/* ==========================================================================
   About
   ========================================================================== */
@media all and (max-width: 47.9375em) {
  .about__header__banner.banner__content {
    padding-bottom: 10.9375em;
  }
}
@media all and (max-width: 47.9375em) {
  .about__nav__location {
    top: auto;
    bottom: 100%;
    width: 100%;
    margin-bottom: 1.66666667em;
  }
  .sticky-wrapper.hey .about__nav__location {
    display: none;
  }
}
.piped--right {
  border-right: 1px solid #d6d6d6;
}
.piped--left {
  border-left: 1px solid #d6d6d6;
}
body {
  color: #302f2b;
}
.social-stream {
  width: 5000px;
  padding: 2.5em 0 6.25em 4%;
}
.social-stream-wrapper {
  /* Display & Box Model */
  width: 100%;
  padding-top: 4.8125em;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: -3.75em;
  /* Other */
  background: transparent url("https://mtimes.imgix.net/images/tmp/home-social-background.jpg?q=20&auto=format&fit=crop&w=400&h=800") no-repeat center top;
  background-size: cover;
}
@media all {
  .social-stream-wrapper {
    background-image: url("https://mtimes.imgix.net/images/tmp/home-social-background.jpg?q=60&auto=format&fit=crop&w=1000&h=1000");
    padding-top: 0;
  }
}
@media all {
  .social-stream-wrapper {
    background-image: url("https://mtimes.imgix.net/images/tmp/home-social-background.jpg?q=60&auto=format&fit=crop&w=1300&h=1000");
  }
}
@media all and (min-width: 77.5em) {
  .social-stream-wrapper {
    background-image: url("https://mtimes.imgix.net/images/tmp/home-social-background.jpg?q=60&auto=format&fit=crop&w=1500&h=1000");
  }
}
.fixed-height-nav {
  max-height: 49px;
  min-height: 49px;
}
.inline {
  width: auto;
  display: inline-block;
}
.red-background {
  background-color: #E02E3D;
  color: #fff;
}
.green-background {
  background-color: #238b72;
  color: #fff;
}
.blue-background {
  background-color: #1377BE;
  color: #fff;
}
.lightblue-background {
  background-color: #006bb1;
  color: #fff;
}
.darkblue-background {
  background-color: #00416c;
  color: #fff;
}
.white-background {
  background-color: #fff;
}
.shadow-top {
  -webkit-box-shadow: inset 0px 22px 19px -16px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: inset 0px 22px 19px -16px rgba(0, 0, 0, 0.53);
  -o-box-shadow: inset 0px 22px 19px -16px rgba(0, 0, 0, 0.53);
  box-shadow: inset 0px 22px 19px -16px rgba(0, 0, 0, 0.53);
}
.shadow {
  -webkit-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.45);
  -o-box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 30px 4px rgba(0, 0, 0, 0.45);
}
.shadow--bottom {
  -webkit-box-shadow: 0px 20px 20px 4px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 20px 20px 4px rgba(0, 0, 0, 0.45);
  -o-box-shadow: 0px 20px 20px 4px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 20px 20px 4px rgba(0, 0, 0, 0.45);
}
.parallax .parallax-window {
  background: transparent;
  min-height: -webkit-calc(100vh);
  min-height: -moz-calc(100vh);
  min-height: calc(100vh);
}
@media all and (max-width: 47.9375em) {
  .parallax .parallax-window {
    min-height: -webkit-calc(50vh);
    min-height: -moz-calc(50vh);
    min-height: calc(50vh);
  }
}
select.red-dropdown {
  -webkit-appearance: none;
  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
  -moz-appearance: none;
  /*REMOVES DEFAULT FIREFOX STYLE*/
  border: 0 !important;
  /*REMOVES BORDER*/
  background-color: #E02E3D;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
  font-family: "DSariLight", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
  padding: 0.71428571em;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.faux-italic {
  display: inline-block;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
}
.tracked {
  letter-spacing: .13em;
}
@media all and (max-width: 47.9375em) {
  /* Applied to the wrapper */
  .overflow__list {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  /* Applied to each child element */
  .overflow__item {
    display: inline-block !important;
    white-space: normal;
    vertical-align: top;
    position: relative;
  }
}
@media all {
  /* How to undo this */
  .overflow__list {
    overflow: visible;
    white-space: normal;
  }
  .overflow__item {
    /* Nothing, unless you want it to become
     display block or something */
  }
}
.rule--bottom {
  border-bottom: 1px solid #c9c9c9;
}
.rule--top {
  border-top: 1px solid #c9c9c9;
}
.is-modal {
  display: none;
}
.special-events {
  padding: 3.125em 0;
  font-family: "DSariThin", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.special-events .event-link,
.special-events .event-title {
  text-decoration: none;
  color: #1a1a1a;
}
.special-events .event {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background-color: #fff;
}
.special-events .event:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.special-events .event-content {
  color: #8c8c8c;
}
.inline-ticket-nav .castle-picker .castle-list {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
}
.inline-ticket-nav .picker__holder {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
@media all and (max-width: 47.9375em) {
  .inline-ticket-nav .picker {
    width: 100% !important;
  }
}
.inline-ticket-nav .picker .picker__holder {
  width: 100%;
}
/* #top .castle-list-for-purchase {
    .wrapper-for-scottsdale {
        display:none;
    }
} */
@media all and (max-width: 47.9375em) {
  .block-mobile {
    display: block;
    width: 100% !important;
  }
}
#castle-picker--main {
  text-align: left;
  margin-left: 0 !important;
  margin-top: -1.25em;
}
#castle-picker--main:after {
  content: "";
}
#castle-picker--main li a,
#castle-picker--main li .castle-choice {
  display: block;
  padding: 0.71428571em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.42857143;
}
#wuf-adv {
  display: none !important;
}
.wufoo-form-container {
  margin-top: 4.375em;
}
.ticket-purchase .ticket-filter__input-wrapper {
  padding-right: 1.75em !important;
}
@media all and (max-width: 47.9375em) {
  .ticket-purchase .castle-picker {
    width: 21.875em;
  }
}
.ticket-purchase .castle-picker .castle-list {
  font-size: 14px;
  font-size: 0.875rem;
}
.ticket-purchase .picker__holder {
  left: -12.5em;
  width: 21.875em;
}
.social-reviews {
  width: 16.875em;
  padding-bottom: 2.5em;
}
@media all {
  .social-reviews {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.top-spacing {
  padding-top: 4.6875em;
}
.bottom-spacing {
  padding-bottom: 4.6875em;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sound-off {
  cursor: url(/resources/motif/images/tmp/mt-sound-on.png), auto;
}
.sound-on {
  cursor: url(/resources/motif/images/tmp/mt-sound-off.png), auto;
}
.sound-file {
  position: absolute;
  top: 7.8125em;
  right: 0.625em;
  z-index: 2;
}
.banner__content.home-mobile-banner {
  bottom: 1.875em;
  left: 0;
  right: 0;
}
#wufooForm .add-bottom {
  margin-bottom: 4.375em;
}
#wufooForm .wufoo-form-container {
  margin-top: 0 !important;
}
.sub-nav-mobile-icon {
  display: none;
}
@media all {
  .sub-nav-mobile.expand__target {
    max-height: none;
    overflow: auto;
  }
}
@media all and (max-width: 47.9375em) {
  .sub-nav-mobile-icon {
    display: block;
    color: #302f2b;
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 0.3125em !important;
  }
  .sub-nav-mobile li {
    display: block !important;
  }
  .picker__table tbody {
    display: table;
    width: 100%;
  }
  .picker__table tr {
    display: table-row;
  }
  .picker__table td {
    display: table-cell;
  }
}
.calendar-click {
  background-color: transparent;
  width: 1.875em;
  height: 2.1875em;
  position: absolute;
  top: 0;
  right: 0.3125em;
  z-index: 10;
}
.inline-ticket-nav .input-castle-footer .castle-picker .castle-list {
  font-size: 12px;
  font-size: 0.75rem;
}
.ccpaCookieBanner__container {
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 20px 0;
  z-index: 101;
}
.ccpaCookieBanner__row {
  text-align: center;
}
@media all {
  .ccpaCookieBanner__row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }
}
.ccpaCookieBanner__messaging {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 0;
  text-align: left;
}
.ccpaCookieBanner__button {
  margin-top: 1.25em;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: auto;
}
@media all {
  .ccpaCookieBanner__button {
    margin-top: 0;
  }
}
/**
 * Base & Small Only
 */
/**
 * Small
 */
/**
 * Medium Only
 */
/**
 * Medium
 */
@media all {
  body {
    background-color: #fff;
  }
  .nav-bar__list {
    background: none !important;
  }
  .nav-bar__list li {
    text-align: center;
  }
  .nav-bar__list a {
    color: #006bb1;
  }
  .nav-bar__list a:hover {
    background: #006bb1;
    color: #fff;
  }
}
/**
 * Large
 */
/**
 * Extra Large
 */
/**
 * Print
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  html {
    font: 12pt/1.5em Georgia, "Times New Roman", Times, serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 0.5em;
    margin-top: 1em;
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
  }
  li h1,
  li h2,
  li h3,
  li h4,
  li h5,
  li h6 {
    margin-top: 0;
  }
  h1 {
    font-size: 24pt;
  }
  h2 {
    font-size: 21pt;
  }
  h3 {
    font-size: 18pt;
  }
  h4 {
    font-size: 16pt;
  }
  h5 {
    font-size: 14pt;
  }
  h6 {
    font-size: 12pt;
  }
  blockquote,
  p,
  ul,
  ol,
  dl,
  figure,
  img {
    margin-bottom: 1em;
  }
  figure img {
    margin-bottom: 0;
  }
  ul,
  ol,
  dd {
    margin-left: 3em;
  }
  pre,
  blockquote {
    border-left: 0.5em solid #999;
    padding-left: 1.5em;
    page-break-inside: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  figcaption {
    text-transform: uppercase;
    font-size: 10pt;
  }
  strong {
    font-weight: bold;
  }
  em {
    font-style: italic;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  form,
  video,
  nav {
    display: none !important;
  }
  @page {
    margin: 2cm;
  }
}
/**
 * Prototype Styles
 * REMOVE WHEN BEGINNING PRODUCTION
 */
html,
body {
  min-width: 62em;
}
.wrapper {
  width: 92%;
  max-width: 68.75em;
  margin-left: auto;
  margin-right: auto;
}
/*# sourceMappingURL=motif-fixed.css.map */