/*

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.75rem;
  margin-right: -0.75rem;
  /* 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;
}
.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.75rem;
  padding-right: 0.75rem;
  /* 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: 47.9375em) {
  [class*="gs-row"],
  .gs-quarters,
  .gs-thirds,
  .gs-halves {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  [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;
  }
  [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.75rem;
    padding-right: 0.75rem;
  }
  .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: -1rem;
    margin-right: -1rem;
  }
  [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;
  }
  [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: 1rem;
    padding-right: 1rem;
  }
  .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 and (min-width: 62em) {
  [class*="gl-row"],
  .gl-quarters,
  .gl-thirds,
  .gl-halves {
    margin-left: -1.125rem;
    margin-right: -1.125rem;
  }
  [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;
  }
  [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.125rem;
    padding-right: 1.125rem;
  }
  .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;
  }
}
html {
  box-sizing: border-box;
  display: bock!important;
  float: none!important;
  padding: 0!important;
}
html,
body,
table td {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body a {
  color: #006194;
}
.header-one {
  color: #000000 !important;
  font: 24px/28px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
.header-two {
  color: #000000 !important;
  font: 21px/30px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
.body-copy {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.body-copy-bold {
  color: #000000 !important;
  font: 16px/24px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
a.body-copy-bold {
  color: #48a9cc !important;
}
.body-copy-italic {
  color: #000000 !important;
  font: 16px/24px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-style: italic;
}
.body-copy-small {
  color: #000000 !important;
  font: 14px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.body-copy-tiny {
  color: #000000 !important;
  font: 12px/15px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-c {
  color: #000000 !important;
  font: 16px/24px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-e {
  color: #000000 !important;
  font: 14px/25px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
.text-style-f {
  color: #000000 !important;
  font: 14px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-g {
  color: #000000 !important;
  font: 14px/18px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-i {
  color: #007dc3 !important;
  font: 13px/17px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-j {
  color: #000000 !important;
  font: 13px/20px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-m {
  color: #007dc3 !important;
  font: 14px/18px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-p {
  color: #000000 !important;
  font: 18px/32px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-q {
  color: #FFFFFF !important;
  font: 14px/25px 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.header-three {
  color: #000000 !important;
  font: 18px/32px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
.text-style-s {
  color: #000000 !important;
  font: 14px/20px 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-t {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.text-style-u {
  color: #48a9cc !important;
  font: 14px/20px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.leadin {
  color: #000000 !important;
  font: 21px/30px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
body {
  color: #000;
  font: 13px/18px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  background: #fff;
  width: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.wrapper {
  width: 92%;
  max-width: 71.875rem;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.contribute {
  width: auto;
}
h1,
.tabDivTitle {
  color: #000000 !important;
  font: 24px/28px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  padding-bottom: 10px !important;
}
h2 {
  color: #000000 !important;
  font: 21px/30px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  padding-bottom: 10px !important;
}
h3 {
  color: #000000 !important;
  font: 18px/32px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  padding-bottom: 10px !important;
}
table,
table td,
table th {
  color: #000000 !important;
  background-color: transparent !important;
  display: block;
}
.medium.c3 p.large.c1 {
  color: red !important;
}
.header-image {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.gift-form .header-image {
  width: 750px;
}
.main-wrapper {
  width: 1050px !important;
  margin: 0 auto !important;
}
#header {
  background: #000000 !important;
  height: auto !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.top-section {
  width: 100%;
  background: #16c1f3;
  color: #fff;
  height: 80px;
  padding-top: 15px;
}
.top-section .logo {
  margin-bottom: 0 !important;
}
.huge {
  color: #000000 !important;
  margin: 0 0 20px !important;
  font: 24px/28px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.tnew-templogin-text {
  margin: 0 0 20px !important;
}
.medium {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
#tnew-site-cell-wrapper {
  padding-top: 20px !important;
}
.tn-login-promo-container {
  width: 100%;
  display: block;
}
.btnStyle,
.primaryButton,
a.c1 {
  display: inline-block;
  cursor: pointer !important;
  text-align: center !important;
  text-decoration: none !important;
  height: auto !important;
  font: 14px/25px 'Cold War', Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.005em;
  width: auto;
  margin: 0;
  text-align: center;
  position: relative;
  -webkit-appearance: none;
  -webkit-background-clip: padding;
      -moz-background-clip: padding;
          background-clip: padding-box;
  outline: 0;
  overflow: visible;
  vertical-align: middle;
  background: #158744 !important;
  color: #FFF !important;
  padding: 8px 2.5rem;
  margin-top: 1.875rem;
  border-radius: 0;
  text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
  border: 3px solid #158744;
  padding-right: 2.8125rem;
}
.btnStyle:hover,
.primaryButton:hover,
a.c1:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #002639 !important;
  border-color:#002639 !important;
}
.btnStyle[value="Return to Event Listing"] {
  font-size: 14px !important;
}
.register,
.login-widget-login,
#ucLoginWidget_lnk_needAccount {
  display: inline-block;
  cursor: pointer !important;
  border: 0 !important;
  background: #158744 !important;
  text-align: center !important;
  text-decoration: none !important;
  padding: 5px 20px !important;
  height: auto !important;
  margin: 0 0 17px !important;
  /* font: 18px/30px 'Cold War', Arial, Helvetica, sans-serif !important; */
  font: 14px/25px 'Cold War', Arial, Helvetica, sans-serif !important;
  color: #fff !important;
}
.register:hover,
.login-widget-login:hover,
#ucLoginWidget_lnk_needAccount:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #002639 !important;
}
#lbtn_promo {
  display: inline-block;
  padding: 0 20px!important;
  margin: 0;
  background-color: #158744 !important;
  color: #FFF !important;
  font: 14px/25px 'Cold War', Arial, Helvetica, sans-serif !important;
  border-radius: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  margin-bottom: 17px !important;
  max-width: 200px;
  display: inline-block !important;
  clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
}
#lbtn_promo:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #002639 !important;
}
.btnStyleInactive {
  border: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  height: auto !important;
  font: 18px/30px 'Cold War', Arial, Helvetica, sans-serif !important;
  background-color: #dddddd !important;
  color: #6e6d6d !important;
  cursor: not-allowed !important;

  display: inline-block;
  font: 14px/32px 'Cold War', Arial, Helvetica, sans-serif !important;
  letter-spacing: 0.005em;
  width: auto;
  margin: 0;
  text-align: center;
  position: relative;
  -webkit-appearance: none;
  -webkit-background-clip: padding;
      -moz-background-clip: padding;
          background-clip: padding-box;
  outline: 0;
  overflow: visible;
  vertical-align: middle;
  padding: 8px 2.5rem;
  margin-top: 1.875rem;
  border-radius: 0;
  text-transform: uppercase;
  white-space: nowrap;
  clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
  padding-right: 2.8125rem;
}

.btnStyleInactive:hover {
  color: #6e6d6d !important;
  background-color: #dddddd !important;
}
.secondaryButton,
#ucLoginWidget_lnk_viewCart {
  cursor: pointer !important;
  border: 0 !important;
  background: #158744 !important;
  text-align: center !important;
  text-decoration: none !important;
  padding: 5px 20px !important;
  height: auto !important;
  margin: 0 0 17px !important;
  font: 14px/25px 'Cold War', Arial, Helvetica, sans-serif !important;
  color: #FFF !important;
  display: inline-block;
  clip-path: polygon(0 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
}
.secondaryButton:hover,
#ucLoginWidget_lnk_viewCart:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #002639 !important;
}
.smallButton {
  display: inline-block;
  cursor: pointer !important;
  border: 0 !important;
  background: #158744 !important;
  text-align: center !important;
  text-decoration: none !important;
  padding: 5px 20px !important;
  height: auto !important;
  margin: 0 0 17px !important;
  /* font: 18px/30px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important; */
  font: 14px/25px 'Cold War', Arial, Helvetica, sans-serif !important;
  color: #FFF !important;
}
.smallButton:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
.smallButton:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
#tabs-tnew-login-container .secondaryButton {
  float: right;
}
.tn-table-form__btn-submit-wrapper .btnStyle {
  margin-bottom: 0 !important;
}
#ucLoginWidget_lnk_continueShopping {
  display: block;
}
#ucLoginWidget_lnk_login,
#ucTNEWPromo_spanEnterPromo {
  display: inline-block;
}
#ucLoginWidget_lnk_continueShopping,
.tertiaryButton {
  display: inline-block;
  padding: 0 20px!important;
  margin: 0;
  background-color: #158744 !important;
  color: #FFF !important;
  font: 14px/25px 'Cold War', Arial, Helvetica, sans-serif !important;
  border-radius: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  margin-bottom: 17px !important;
  max-width: 200px;
}
#ucLoginWidget_lnk_continueShopping:hover,
.tertiaryButton:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #002639 !important;
}
.cart-box {
  width: auto !important;
}
.cart-link {
  background: url('/resources/nv/images/ico-cart.gif') 50% 100% no-repeat !important;
}
.cart-wrapper #ucLoginWidget_lnk_viewCart {
  display: none;
}
.tnew-cart-message {
  background-color: #FFD204;
  padding: 1.25rem;
  border-radius: 3px;
  text-align: center;
  border: 0 !important;
  color: #000000 !important;
}
.tnew-cart-message:before,
.tnew-cart-message:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.tnew-cart-message:after {
  clear: both;
}
.tnew-cart-message p {
  color: #000000 !important;
}
.tnew-cart-message img {
  float: left;
}
#cartTable > tbody > tr > td,
.tn-cart > table > tbody > tr > td {
  padding: 0 !important;
}
#cartTable table {
  width: 100% !important;
  min-width:320px;
}
tr.tn-cart-table__perf-line-item {
  background-color: transparent !important;
  border-bottom: 1px solid #000 !important;
}
tr.tn-cart-table__perf-line-item > td {
  color: #000000 !important;
  font: 18px/32px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
tr.tn-cart-table__perf-line-item > td:first-child {
  color: #000000 !important;
  font: 14px/25px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
.tn-cart__header {
  background-color: transparent !important;
  color: #000000 !important;
  font: 16px/30px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  border-bottom: 1px solid #000;
}
.items-wrapper tr {
  background-color: transparent !important;
}
.item-descriptions td {
  color: #000;
  font: 12px/15px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: normal !important;
  text-decoration: none !important;
}
.subtotal-wrapper {
  border-top: 1px dotted #000 !important;
  border-bottom: 0 !important;
}
.subtotal-wrapper td {
  padding-top: 20px;
}
.cart-totals {
  color: #000000 !important;
  font: 14px/18px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.cart-totals:nth-of-type(2) {
  padding-right: 0 !important;
}
.form-title {
  padding-bottom: 10px;
  color: #000000 !important;
  font-weight: 400 !important;
  font: 24px/28px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.form-description {
  color: #000000 !important;
  font-weight: 400 !important;
  font: 16px/22px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.form-section-header {
  background: none !important;
  color: #000000 !important;
  font: 16px/30px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  text-transform: uppercase !important;
  padding-left: 0px !important;
}
.form-table {
  width: 100%;
  display: block;
}
.form-legend {
  color: #000000 !important;
  font-weight: 400 !important;
  font: 12px/15px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.form-label {
  width: 140px;
  text-transform: uppercase;
  padding-right: 20px !important;
  color: #000000 !important;
  font-weight: 400 !important;
  font: 12px/15px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.form-inline-label {
  color: #000000;
  font: 14px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  padding: 15px;
}
.form-link {
  color: #48a9cc !important;
  display: block;
  font: 13px/18px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.registration-form .column-one {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.registration-form .column-one .form-table td:first-child {
  min-width: 170px;
}
.registration-form .column-two {
  width: 50%;
  display: inline-block;
  border-left: 1px solid #000000;
  box-sizing: border-box;
  padding-left: 15px;
  vertical-align: top;
}
.registration-form .column-two .form-description {
  margin-bottom: 20px;
}
.registration-form .column-two p {
  margin-bottom: 20px;
  font: 14px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000000;
}
.registration-form .column-two .tnew-register-interest-container table,
.tnew-interests-container,
.interests-form .tnew-interests-control-container table {
  width: 100%;
}
.registration-form .column-two .tnew-register-interest-container tr td,
.interests-form .tnew-interests-control-container tr td {
  display: block;
  font: 14px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.registration-form .column-two .tnew-register-interest-container tr td b,
.interests-form .tnew-interests-control-container tr td b {
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000000;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.registration-form .column-two .tnew-register-interest-container tr:not(:first-child) td b,
.interests-form .tnew-interests-control-container tr:not(:first-child) td b {
  border-top: 3px dotted #000000;
  padding-top: 30px;
}
.registration-form .column-two .tnew-register-interest-container input[type="checkbox"],
.interests-form .tnew-interests-control-container input[type="checkbox"] {
  margin-left: 15px;
}
.registration-form #button-container {
  margin-top: 40px;
}
.short-registration-form .column-one {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.short-registration-form .column-two {
  width: 50%;
  display: inline-block;
  border-left: 1px solid #000000;
  box-sizing: border-box;
  padding-left: 15px;
  vertical-align: top;
}
.short-registration-form .form-label {
  width: 82px !important;
}
.short-registration-form .column-two .form-description {
  margin-bottom: 20px;
}
.short-registration-form .column-two p {
  margin-bottom: 20px;
  font: 14px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000000;
}
.short-registration-form .column-two > table {
  width: 100%;
}
.short-registration-form .column-two > table tr td {
  display: block;
  font: 14px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.short-registration-form .column-two > table tr td b {
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000000;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.short-registration-form .column-two > table tr:not(:first-child) td b {
  border-top: 3px dotted #000000;
  padding-top: 30px;
}
.short-registration-form .column-two > table input[type="checkbox"] {
  margin-left: 15px;
}
.short-registration-form .tnew-shortreg-button-container {
  margin-top: 20px;
}
.tnew-templogin-field-container td {
  padding-bottom: 20px;
}
.tnew-login-control-login-label-container,
.tnew-login-control-password-label-container,
.tnew-email-control-label-container,
.tnew-password-control-verify-field-label-container,
.tnew-phone-control-label-container,
.tnew-register-promo-label-container {
  width: auto !important;
  white-space: nowrap;
}
.form-field {
  width: 250px !important;
  height: 26px !important;
  margin-top: 6px;
  margin-bottom: 6px;
  color: #666666 !important;
  font-weight: 400 !important;
  font: 12px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  padding: 4px;
}
.form-inline-field {
  height: 26px !important;
  color: #666666 !important;
  font-weight: 400 !important;
  font: 12px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  padding: 4px;
}
select.form-field {
  width: 250px !important;
  height: 26px !important;
}
select.txtBox {
  height: 26px !important;
}
.register-interest-container {
  margin: 10px 0 0 0px;
}
.form-button-container {
  text-align: left;
  padding-left: 4px;
  margin-left: 0 !important;
}
h2.section-header {
  background-color: #bbbbbb;
  color: #000;
  padding: 15px 10px;
  color: #000000 !important;
  font: 24px/28px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
.ptrn-colors__list {
  list-style: none outside none;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px -10px 0;
}
.ptrn-colors__list-item {
  width: 50%;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
@media all and (min-width: 30em) {
  .ptrn-colors__list-item {
    width: 33.33333%;
  }
}
@media all and (min-width: 62em) {
  .ptrn-colors__list-item {
    width: 25%;
  }
}
.ptrn-color {
  margin-top: 10px;
  padding: 2px 2px 0;
  border: 1px solid #ccc;
}
.ptrn-color__swatch:before {
  content: "";
  display: block;
  padding-top: 50%;
}
.ptrn-color__label {
  font-size: 10px;
  display: -ms-flexbox;
  display: flex;
  padding: 0 7px;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.body-copy-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
      justify-content: stretch;
  -ms-flex-align: start;
      align-items: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.body-copy-segment {
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -ms-flex-direction: column;
      flex-direction: column;
}
#main ul li,
#main ul li a {
  height: auto !important;
}
.tab {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  font-weight: bold !important;
}
.ui-tabs .ui-tabs-nav li a {
  color: #007dc3 !important;
  font: 14px/18px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  display: block !important;
}
.order-countdown {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  margin-bottom: 10px;
}
input#tb_promo {
  width: auto !important;
  height: 26px !important;
  color: #666666 !important;
  font-weight: 400 !important;
  font: 12px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.bBottom {
  border-bottom: 1px solid #000000 !important;
  padding-bottom: 10px;
}
.js-forgot-password {
  color: #48a9cc !important;
  display: block;
}
.login-register {
  border-top: 1px solid #000!important;
  padding-top: 10px;
  margin-top: 10px;
}
.login-register .btnStyle {
  display: inline-block;
}
.login-register-header {
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  margin-bottom: 10px !important;
}
.login-register-message {
  color: #000!important;
  font: 12px/15px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  margin-bottom: 10px !important;
  text-transform: uppercase;
}
.tnew-login-required-container {
  display: none;
}
.tnew-login-control-login-field-container b.TNEW_required,
.tnew-login-control-password-field-container b.TNEW_required {
  display: none;
}
.tnew-login-text {
  font-size: 14px !important;
}
.submit-button-wrapper {
  text-align: left !important;
}
.login-form .opt-in-button {
  float: left !important;
  margin-top: 30px!important;
}
.login-form .tn-account-nav__wrapper,
.registration-form .tn-account-nav__wrapper,
.forgot-password-form .tn-account-nav__wrapper,
.short-registration-form .tn-account-nav__wrapper {
  display: none !important;
}
.tn-table-form__btn-submit-wrapper {
  width: auto !important;
  display: block;
  margin-left: 20px;
  text-align: center;
}
.tnew-email-control-field-container .TNEW_required,
.tnew-forgot-required-container {
  display: none;
}
.forgot-password-form .tn-table-form__btn-submit-wrapper {
  margin-left: 0 !important;
  margin-top: 20px !important;
  text-align: left !important;
}
.tnew-paymentplan-scheduled-payment-date {
  visibility: hidden;
}
#ucLoginWidget_spanEnterLogin {
  display: inline-block;
  font-size: 14px !important;
}
#ucLoginWidget_spanEnterLogin #ucLoginWidget_lnk_login,
#ucLoginWidget_spanEnterLogin .continue-shopping,
a#lbtn_promo,
#ucLoginWidget_lnk_needAccount,
#ucLoginWidget_lnk_continueShopping,
#ucLoginWidget_lnk_viewCart {
  margin-left: 10px !important;
}
input#tb_promo {
  margin-left: 20px !important;
}
#ucLoginWidget_lnk_editAccount,
#ucLoginWidget_lnk_logout {
  display: inline-block;
  cursor: pointer !important;
  border: 0 !important;
  background: #158744 !important;
  text-align: center !important;
  text-decoration: none !important;
  padding: 5px 20px !important;
  height: auto !important;
  margin: 0 0 17px !important;
  /* font: 18px/30px 'Cold War', Arial, Helvetica, sans-serif !important; */
  font: 14px/25px 'Cold War', Arial, Helvetica, sans-serif !important;
  background-color: #158744 !important;
  color: #FFF !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
}
#ucLoginWidget_lnk_editAccount:hover,
#ucLoginWidget_lnk_logout:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #002639 !important;
}
.continue-shopping {
  display: none;
  text-align: right !important;
}
#ucLoginWidget_lnk_continueShopping {
  margin: 0;
  display: inline-block !important;
}
.tnew-login-control-promo-label-container,
.tnew-login-control-promo-field-container {
  display: none;
}
.tn-account-nav__list-item:not(.ui-state-active) {
  display: inline-block;
  padding: 0 20px!important;
  margin: 0;
  background-color: #ddd !important;
  color: #007dc3 !important;
  font: 14px/25px 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif !important;
  border-radius: 14px !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  margin-bottom: 17px !important;
  max-width: 200px;
  max-width: none;
}
.tn-account-nav__list-item:not(.ui-state-active):hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
.tn-account-nav__list-item:not(.ui-state-active):hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
.tnew-selectseating-content-container img {
  width: 100%;
}
.tnew-selectseating-container-right-column,
.tnew-auxreserve-container-right-column {
  display: block !important;
  border-right: 1px solid #000;
  float: left !important;
  width: 66% !important;
  padding-left: 0 !important;
}
.tnew-selectseating-container-left-column,
.tnew-auxreserve-container-left-column {
  display: block !important;
  float: right !important;
  /*width: 33% !important;*/
  padding: 0 !important;
}
.tnew-selectseating-continueshop-button {
  color: #48a9cc !important;
  font: 12px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
  padding: 0 !important;
  margin: 0 !important;
}
.tnew-selectseating-continueshop-button:hover {
  background-color: transparent !important;
  color: #59A8C5 !important;
  text-decoration: underline !important;
}
.tnew-selectseating-date,
.tnew-auxreserve-date {
  color: #000!important;
  font-weight: 400!important;
  font: 16px/22px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.tnew-selectseating-facility,
.tnew-auxreserve-facility {
  color: #000!important;
  font-weight: 400!important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.tnew-selectseating-jumpto-text-title-container,
.tnew-selectseating-form-zone-message {
  color: #000!important;
  font: 14px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.tnew-selectseating-form-zone-message {
  color: #000 !important;
  font: 16px/22px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.tnew-selectseating-prodcontent-container,
.tnew-auxreserve-prodcontent-container,
.tnew-auxreserve-form-pricetype-label {
  font: 16px/22px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.tnew-selectseating-form-pricetype-label,
.tn-select-seating__zones label {
  color: #000 !important;
  font: 24px/28px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.tnew-selectseating-jumpto-title-container {
  color: #000!important;
  font-weight: 400!important;
  font: 16px/22px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  margin-top: 10px !important;
}
.tn-select-seating__special-request label {
  font: 14px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000000;
}
.tnew-auxreserve-form-custom-fieldset label,
.tnew-auxreserve-form-wheelseats-checkbox label {
  color: #000!important;
  font-weight: 400!important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.tnew-auxreserve-form-custom-fieldset > ol > li > label {
  font: 16px/22px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
#mainContent_PartnerTripASL > tbody > tr > td,
#mainContent_PartnerTripAudio > tbody > tr > td,
#mainContent_PartnerTripTransit > tbody > tr > td,
#mainContent_PartnerTripWkshp > tbody > tr > td {
  display: block;
}
#mainContent_PartnerTripASL > tbody > tr > td > input,
#mainContent_PartnerTripAudio > tbody > tr > td > input,
#mainContent_PartnerTripTransit > tbody > tr > td > input,
#mainContent_PartnerTripWkshp > tbody > tr > td > input {
  display: inline-block;
}
#mainContent_PartnerTripASL > tbody > tr > td > label,
#mainContent_PartnerTripAudio > tbody > tr > td > label,
#mainContent_PartnerTripTransit > tbody > tr > td > label,
#mainContent_PartnerTripWkshp > tbody > tr > td > label {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
}
.cart-wrapper .cart-message-placement {
  background-color: #ffd204 !important;
  border-radius: 3px !important;
}
.cart-wrapper .cart-message-placement .tnew-cart-message {
  border: none !important;
}
.cart-wrapper .cart-message-placement img {
  display: none !important;
}
.cart-wrapper .cart-message-placement h2,
.cart-wrapper .cart-message-placement h3 {
  font: 18px/24px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  color: #000000 !important;
  text-align: center !important;
}
.cart-wrapper .cart-message-placement h4,
.cart-wrapper .cart-message-placement p {
  font: 14px/21px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000000 !important;
  text-align: center !important;
}
.cart-wrapper .errDiv {
  max-width: none !important;
}
.steps {
  border-bottom: 1px solid #000000;
  display: inline-block !important;
}
.steps li {
  border: none !important;
  color: #000000 !important;
  font: 14px/26px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif;
  padding-right: 5px !important;
  padding: 5px;
  margin-right: 15px;
  display: inline-block !important;
  float: left !important;
}
.steps .TNEW_step_active {
  background-color: #ffd204;
  font: 14px/26px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.steps-message {
  color: red !important;
  font: 16px/30px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.shipping-form #mainContent_ucTNEWOrderNotes_tb_order_note {
  width: 80% !important;
  height: 150px !important;
}
.shipping-form .form-label {
  width: 86px;
}
.shipping-form .form-legend {
  display: inline-block;
  margin-bottom: 20px;
}
.shipping-form .give-section {
  width: 100%;
  border-radius: 3px;
  background: #e0e0e0;
  padding: 25px 75px;
  box-sizing: border-box;
}
.shipping-form .give-section .TNEW_subheader_bar {
  text-align: center;
}
.cart-form .items-wrapper > tbody > tr:first-child > td,
.payment-form .items-wrapper > tbody > tr:first-child > td,
.receipt-form .items-wrapper > tbody > tr:first-child > td {
  font-weight: bold !important;
}
.cart-form .items-wrapper tr:first-child > td,
.cart-form .items-wrapper tr.item-descriptions > td,
.cart-form .items-wrapper tr.item-descriptions > td td,
.payment-form .items-wrapper tr:first-child > td,
.payment-form .items-wrapper tr.item-descriptions > td,
.payment-form .items-wrapper tr.item-descriptions > td td,
.receipt-form .items-wrapper tr:first-child > td,
.receipt-form .items-wrapper tr.item-descriptions > td,
.receipt-form .items-wrapper tr.item-descriptions > td td {
  font-size: 16px !important;
  line-height: 20px !important;
}
.payment-form .gift-certificate-box .form-section-header {
  text-align: center;
}
.payment-form .gift-certificate-box {
  border-radius: 3px;
  width: 100% !important;
}
.payment-form .gift-certificate-redemption-text {
  margin-top: 20px;
  margin-bottom: 20px;
}
.payment-form .gift-certificate-box .secondaryButton {
  background: #1fb25a !important;
  color: #000 !important;
  margin-bottom: 5px !important;
  margin-left: 20px !important;
}
.TNEW_page_block table {
  width: 100% !important;
}
.payment-form .TNEW_payment_block select.txtBox {
  height: 28px !important;
}
.payment-form .TNEW_payment_block .txtBox {
  height: 26px !important;
  margin-top: 6px;
  margin-bottom: 6px;
  color: #666666 !important;
  font-weight: 400 !important;
  font: 12px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  padding: 4px;
}
.payment-form .TNEW_payment_block label b.TNEW_error_required {
  color: #000000 !important;
}
.payment-form .TNEW_payment_block label.TNEW_error_required {
  color: #000000 !important;
}
.tnew-paymentplan-payment-plan-selector-eligibleitems-text,
.tnew-paymentplan-payment-plan-selector-eligibleitems,
.tnew-paymentplan-payment-plan-description-text {
  padding-bottom: 10px;
}
.receipt-form #mainContent_receipt_block {
  margin-bottom: 20px;
}
.receipt-form #mainContent_receipt_block p > b {
  width: 150px;
  display: inline-block;
  font: 12px/16px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif;
}
.receipt-form #mainContent_receipt_block p {
  font: 12px/16px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif;
}
.receipt-form .bottom-section h3 {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 20px;
}
.receipt-form .bottom-section p > b {
  width: auto !important;
  margin-top: 10px;
}
.receipt-form .bottom-section p {
  margin-bottom: 15px;
}
.select-seating .continue-shopping {
  display: none;
}
.select-seating #mainContent_rbl_zoneList td label .seat-type {
  display: inline-block;
  width: 250px !important;
}
.select-seating .tn-select-seating__min-qty-message {
  color: red !important;
}
.select-seating .tnew-selectseating-prodcontent-container a {
  color: #006194;
}
.errDiv {
  width: 100%;
  max-width: 750px;
  font-size: 16px !important;
}
.errDiv p {
  color: #F15E48;
}
.tnew-selectseating-title:before,
.tnew-selectseating-title:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.tnew-selectseating-title:after {
  clear: both;
}
.tnew-selectseating-title:before,
.tnew-selectseating-title:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.tnew-selectseating-title:after {
  clear: both;
}
.tnew-interests-label-category-title a,
.tnew-cart-message a,
.tnew-interests-text a,
p a {
  color: #006194 !important;
}
.tnew-interests-label-category-title a:hover,
.tnew-cart-message a:hover,
.tnew-interests-text a:hover,
p a:hover,
.tnew-interests-label-category-title a:focus,
.tnew-cart-message a:focus,
.tnew-interests-text a:focus,
p a:focus {
  text-decoration: underline !important;
}
.tnew-eventlisting-prod-link,
.purchaseSmall {
  color: #006194 !important;
}
.tnew-eventlisting-prod-link:hover,
.purchaseSmall:hover,
.tnew-eventlisting-prod-link:focus,
.purchaseSmall:focus {
  text-decoration: underline !important;
}
.contribute-form h1,
.contribute-form div.huge.c1 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  padding-bottom: 0 !important;
}
.contribute-form a {
  color: #006194;
}
.contribute-form .huge.c1 {
  margin-bottom: 0 !important;
}
.contribute-form .medium.c3 p {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
  max-width: 750px;
}
.contribute-form .mainContent b {
  vertical-align: middle;
  display: block;
  max-width: 750px;
  margin: 20px 0 0;
  text-align: center;
  color: #000000 !important;
  font: 21px/30px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.contribute-form .donate-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.contribute-form .mainContent_txt_amount-wrapper {
  border: 2px solid #666;
  outline: 3px solid #ccc;
  display: inline-block;
  margin: 0 18px 0 0 !important;
  padding: 0 10px 0 31px !important;
  width: 280px !important;
  vertical-align: middle;
  position: relative;
}
.contribute-form .mainContent_txt_amount-wrapper:before,
.contribute-form .mainContent_txt_amount-wrapper:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.contribute-form .mainContent_txt_amount-wrapper:after {
  clear: both;
}
.contribute-form .mainContent_txt_amount-wrapper:before,
.contribute-form .mainContent_txt_amount-wrapper:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.contribute-form .mainContent_txt_amount-wrapper:after {
  clear: both;
}
.contribute-form .dollar-amount:before {
  content: "$";
  display: block;
  position: absolute;
  top: 10px;
  left: 11px;
  color: #000000 !important;
  font: 24px/28px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
.contribute-form #mainContent_txt_amount {
  float: left;
  color: #000;
  padding: 1px 0 !important;
  width: 235px !important;
  border: 0 !important;
  background: none;
  height: 69px !important;
  font: 57px/59px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.contribute-form .contribute-submit-button {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0px !important;
}
.contribute-form .column-wrapper {
  background-color: #e1e1e1;
  border-radius: 3px;
  display: inline-block;
  max-width: 750px;
  padding: 0 20px 10px;
  margin: 25px 0 20px;
}
.contribute-form .contribution-col {
  display: inline-block;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 2%;
  width: 50%;
}
.contribute-form .header-image {
  max-width: 750px;
}
.charity-navigator {
  text-align: center;
}
.charity-navigator a {
  color: #006194;
}
.select-seating .header-text {
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.syos-form #mainContent_lnk_changePerf {
  position: relative;
  left: 83px;
}
.syos-form #seat-legend > div.legend {
  background: none;
  width: auto !important;
}
.syos-form #seat-legend > div.legend svg {
  width: 100%;
}
.syos-form a {
  color: #006194;
}
.syos-form .syos_facility_desc,
.syos-form .eventdate .date,
.syos-form .eventdate option {
  font-family: 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif;
}
.reserve-form .header-text {
  text-transform: capitalize;
  font: 24px/28px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.reveal-groups-wrapper {
  background-color: #e1e1e1;
  border-radius: 3px;
  display: inline-block;
  width: 750px;
  padding: 20px 20px 0;
  margin: 20px 0;
}
.reveal-group {
  margin-bottom: 1.25rem;
}
.reveal-group:before,
.reveal-group:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.reveal-group:after {
  clear: both;
}
.reveal-group:before,
.reveal-group:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.reveal-group:after {
  clear: both;
}
.group-header {
  display: inline-block;
  color: #000000 !important;
  font: 16px/24px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.group-button {
  display: inline-block;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  color: #007dc3 !important;
  font: 14px/18px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.group-button:after {
  content: "\25bc";
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
}
.group-button.is-revealed:after {
  content: "\25b2";
}
.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;
}
.reveal__target.focusable:active,
.reveal__target.focusable:focus {
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  position: static;
}
body:hover .reveal__target a,
body:hover .reveal__target input,
body:hover .reveal__target button {
  display: none;
}
.reveal__target.is-revealed {
  width: auto;
  height: auto;
  margin: 0;
  position: relative;
  clip: auto;
  margin-top: 0.625rem;
  /* Pretty */
  overflow: visible;
}
body:hover .reveal__target.is-revealed a,
body:hover .reveal__target.is-revealed input,
body:hover .reveal__target.is-revealed button {
  display: inline-block;
}
.lte7 body:hover .reveal__target.is-revealed a,
.lte7 body:hover .reveal__target.is-revealed input,
.lte7 body:hover .reveal__target.is-revealed button {
  display: inline;
  zoom: 1;
}
.group-list {
  margin-left: 20px;
  padding-left: 20px;
  list-style: disc !important;
  color: #000000 !important;
  font: 18px/32px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
}
.group-list li {
  list-style: disc !important;
}
.contribute p {
  margin-bottom: 20px;
}
.contained-content {
  max-width: 750px;
}
.community {
  margin-left: 0;
  margin-bottom: 20px;
  max-width: 750px;
}
.community p.button-link-wrapper {
  text-align: center;
}
.community a.button-link {
  cursor: pointer !important;
  border: 0 !important;
  background: #1fb25a !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #000 !important;
  padding: 5px 20px !important;
  height: auto !important;
  margin: 0 0 17px !important;
  font: 18px/30px 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  background-color: #000 !important;
  color: #FFF !important;
  display: inline-block;
}
.community a.button-link:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
.community a.button-link:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
.community a.button-link:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
.community a.button-link:hover {
  color: #fff !important;
  cursor: pointer !important;
  background: #000 !important;
}
.community .gm-row {
  border-style: dashed;
  border-width: 1px 0 0 0;
  border-color: #000000;
  padding-top: 25px;
  max-width: 750px;
}
.community .gcm-half:first-child {
  border-style: dashed;
  border-width: 0 1px 0 0;
  border-color: #000000;
}
.community .gcm-half img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
hr {
  background-color: transparent !important;
  border-style: dashed;
  border-width: 1px 0 0 0;
  border-color: #000000;
  max-width: 750px;
  margin-left: 0;
}
.charity-navigator {
  max-width: 750px;
  margin-left: 0;
}
.charity-navigator p {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  margin-bottom: 10px;
}
.gift-form #tnew-site-cell-wrapper div.first-text {
  display: block;
  float: left;
}
.gift-form .gift-cert {
  padding-left: 0;
}
.gift-form #mainContent_Address {
  width: 400px;
  margin-left: 0;
}
.gift-form .donate-wrapper {
  display: inline;
}
.gift-form .donate-wrapper .amount-wrapper {
  display: inline;
}
.gift-form .gift-cert > ol > li > label {
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 20px;
}
.gift-form .medium.c3 p {
  color: #000000 !important;
  font: 16px/22px 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
  max-width: 750px;
}
.reserve-form .tnew-auxreserve-prodcontent-container > img {
  width: 100%;
}
.SiteSearchForm input[type='text'] {
  height: auto !important;
}
.gift-form .mainContent_txt_amount-wrapper {
  display: inline-block;
}
.gs-row,
.gm-row,
.gl-row {
  padding-top: 25px;
}
.gs-row img,
.gm-row img,
.gl-row img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
/* ********************* styles from Jan 10, 2019 ********************** */
h1,
h2,
h3,
h4 {
  font-family: 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
}
.tnew-psdetail-title {
  text-transform: uppercase;
  margin: 0 0 20px !important;
  font-family: 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  padding-top: 10px;
  font-size: 28px !important;
  margin: 10px 0 !important;
}
#production-season-detail-text p {
  font-family: 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
  color: #000 !important;
  margin-top: 15px;
  margin-bottom: 15px;
}
p.prod-details {
  background-color: #e0e0e0;
  padding: 20px;
}
.tnew-eventlisting-prod-season-title-container > a {
  font-size: 24px;
  font-family: 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif !important;
}
.tnew-eventlisting-text p {
  color: #000 !important;
  font-family: 'Avenir LT W01 55 Roman', Arial, Helvetica, sans-serif !important;
}
.tnew-eventlisting-prod-text-container h2 {
  font-family: 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif !important;
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}
.td.tnew-psdetail-container-right-column {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.tnew-psdetail-perflist-select {
  margin-top: 0 !important;
}
/*# sourceMappingURL=../../build/css/maps/tnew.css.map */