/* ---------------------------------------------------------------------
 Modern Styles
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
RESET CSS (thanks Eric Meyer)
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

:focus {
  outline: 0; }

html {
  overflow-y: scroll;
  /* Always show a vertical scrollbar, even when there is no scrolling */ }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* ---------------------------------------------------------------------
 HTML5 Element Reset
------------------------------------------------------------------------ */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

audio, canvas, video, progress, picture {
  display: inline-block; }

template {
  display: none; }

/* ---------------------------------------------------------------------
 Form Reset Styles
------------------------------------------------------------------------ */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none; }

input[type="search"] {
  -webkit-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*-----------------------------------------------
 Helper Classes (not attached to objects)
-------------------------------------------------*/
.isFixed {
  position: fixed;
  overflow: hidden; }

.isOpaque {
  opacity: 0; }

.isMobileOnly {
  display: block; }

.isDesktopOnly {
  display: none; }

.isHidden {
  display: none; }

html {
  height: 100%;
  box-sizing: border-box;
  font-size: 12px; }

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

body {
  background-size: cover;
  /* proportionally stretch bg image to fill screen */
  height: 100%;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  line-height: 1.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  border-radius: 0; }

button {
  -webkit-appearance: none;
  /* for Chrome and Safari */
  -moz-appearance: none;
  /* For Firefox */
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0; }

input,
input[type=text],
input[type=search],
input[type=password],
textarea {
  box-sizing: border-box; }

input[type=checkbox] {
  -webkit-appearance: checkbox; }

input[type=radio] {
  -webkit-appearance: radio; }

button {
  cursor: pointer; }

sup {
  /* em so the font-size is relative to it's parent */
  font-size: 0.9em; }

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

/* ---------------------------------------------------------------------
 Landmarks: Banner
------------------------------------------------------------------------ */
.banner {
  padding-top: 28px;
  padding-bottom: 28px;
  background-color: #d9e126;
  background-image: url("../media/images/backgrounds/billions-and-billions-mobile.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.banner-block_branding {
  width: 100%;
  text-align: center; }

.banner-block-customBlock_D {
  display: none; }

/* ---------------------------------------------------------------------
 Landmarks: Footer
------------------------------------------------------------------------ */
.footer {
  position: relative;
  padding: 30px 20px 80px; }

.footer-block {
  padding: 10px 0 10px 0; }
  .footer-block:before, .footer-block:after {
    content: " ";
    display: table; }
  .footer-block:after {
    clear: both; }

.footer-block-displayOnMobileOnly {
  display: block; }

.footer-block_customA {
  margin-bottom: 20px; }

.footer-block_customB {
  margin-bottom: 30px; }

/* ---------------------------------------------------------------------
 Modules: Layout: Blocks

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

Blocks provide a grid of successive objects that don't have explicit rows to separate them. The main blocks object can be extended to output 
items at varying widths. For example,`blocks_2up`, `blocks_4up` are extensions that generate 50% and 25% width blocks respectively. Custom blocks 
are also used elsewhere in the site.

```html_example
    <ul class="blocks blocks_3up">
        <li>
            <span class="demo-block"></span>
        </li>
        <li>
            <span class="demo-block"></span>
        </li>
        <li>
            <span class="demo-block"></span>
        </li>
        <li>
            <span class="demo-block"></span>
        </li>
        <li>
            <span class="demo-block"></span>
        </li>
    </ul>
```

*/
.blocks {
  margin: -20px 0 0 -20px;
  padding: 0;
  font-size: 0;
  letter-spacing: 0;
  line-height: 0;
  list-style-type: none;
  word-spacing: 0; }

.blocks > * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 20px 0 0 20px;
  position: relative;
  font-size: 10px;
  font-size: 0.8333333333rem;
  line-height: 1.5;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top; }

.blocks_verytight {
  margin: -5px 0 0 -5px; }

.blocks_verytight > * {
  padding: 5px 0 0 5px; }

.blocks_2up > * {
  width: 100%; }

.blocks_3up > * {
  width: 100%; }

.blocks_4up > * {
  width: 100%; }

.blocks_5up > * {
  width: 100%; }

.blocks_center {
  text-align: center; }

.blocks_4up-3up-2up > * > img,
.blocks_4up-3up-1up > * > img,
.blocks_2up-1up > * > img {
  max-width: 100%;
  height: auto; }

.blocks_4up-2up > * {
  width: 50%; }

.blocks_4up-3up-2up > * {
  width: 50%; }

.blocks_2up-1up > * {
  width: 100%; }

.blocks_4up-3up-1up > *,
.blocks_3up-2up-1up > *,
.blocks_3up-1up > * {
  width: 100%; }

.blocks_3up-2up > * {
  width: 50%; }

.blocks_collapseOnSmall > * {
  width: 100%; }

.blocks-block_noVerticalPadding {
  padding-top: 0;
  padding-bottom: 0; }

/* ---------------------------------------------------------------------
 Modules: Layout: Content Block

/*doc
---
title: Content Block
name: contentBlock
category: layout
---

```html_example
<div class="tier">
    <div class="contentBlock">
        CONTENT
    </div>
</div>
```

*/
.contentBlock {
  position: relative; }
  .contentBlock:before, .contentBlock:after {
    content: " ";
    display: table; }
  .contentBlock:after {
    clear: both; }

.contentBlock_flush {
  padding-bottom: 0; }

.contentBlock-hd {
  padding: 20px 10px 20px 10px;
  text-align: center; }

.contentBlock-hd_hideSmall {
  display: none; }

.contentBlock-hd-blurb {
  display: none; }

.contentBlock-md_underline {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 4px solid #e1e1e1; }

.contentBlock-hd,
.contentBlock-bd {
  padding-left: 20px;
  padding-right: 20px;
  transition: padding 0.2s; }

.contentBlock-bd {
  padding-bottom: 40px; }

.contentBlock-bd_tight {
  padding-bottom: 25px; }

.contentBlock-bd_flush {
  padding-bottom: 0; }

.contentBlock-bd_underline {
  padding-bottom: 40px;
  border-bottom: 4px solid #e1e1e1; }

.contentBlock-bdSm_unconstrained {
  padding-left: 0;
  padding-right: 0; }

.contentBlock_expander .contentBlock-bd {
  max-height: 0;
  padding-bottom: 5px;
  overflow: hidden;
  visibility: hidden;
  transition: 0.2s; }

.contentBlock_expander.isActive .contentBlock-bd {
  max-height: 5000px;
  padding-top: 20px;
  padding-bottom: 20px;
  visibility: visible;
  transition: 0.2s; }

.contentBlock_expander-control {
  position: relative;
  z-index: 2;
  background: #e1e1e1; }

.contentBlock_expander-control:after {
  display: block;
  height: 10.8px;
  width: 12.6px;
  margin-right: -115px;
  background: url("../media/icon-src/arrowDown.svg") no-repeat;
  position: absolute;
  right: 50%;
  top: 23px;
  content: ""; }

.contentBlock_expander-control.isActive:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.contentBlock-ft {
  padding: 0 0 20px 0; }

/* ---------------------------------------------------------------------
 Modules: Layout: Grid

/*doc
---
title: Grid
name: grid
category: layout
---

The grid for Adler's site is a 12-column grid with a base 20px gutter. The grid is
percentage based, and is therefore inherently fluid, which is demonstrated by the
inclusion of grid objects below in small, sample containers.

```html_example
    <div class="grid">
        <div class="grid-col grid-col_12of12">
            <div class="demo-block">12</div>
        </div>
    </div><!-- end .grid -->

    <div class="grid">
        <div class="grid-col grid-col_1of12">
            <div class="demo-block">1</div>
        </div>
        <div class="grid-col grid-col_11of12">
            <div class="demo-block">11</div>
        </div>
    </div><!-- end .grid -->

    <div class="grid">
        <div class="grid-col grid-col_2of12">
            <div class="demo-block">2</div>
        </div>
        <div class="grid-col grid-col_10of12">
            <div class="demo-block">10</div>
        </div>
    </div><!-- end .grid -->

    <div class="grid">
        <div class="grid-col grid-col_3of12">
            <div class="demo-block">3</div>
        </div>
        <div class="grid-col grid-col_9of12">
            <div class="demo-block">9</div>
        </div>
    </div><!-- end .grid -->

    <div class="grid">
        <div class="grid-col grid-col_4of12">
            <div class="demo-block">4</div>
        </div>
        <div class="grid-col grid-col_8of12">
            <div class="demo-block">8</div>
        </div>
    </div><!-- end .grid -->

    <div class="grid">
        <div class="grid-col grid-col_5of12">
            <div class="demo-block">5</div>
        </div>
        <div class="grid-col grid-col_7of12">
            <div class="demo-block">7</div>
        </div>
    </div><!-- end .grid -->

    <div class="grid">
        <div class="grid-col grid-col_6of12">
            <div class="demo-block">6</div>
        </div>
        <div class="grid-col grid-col_6of12">
            <div class="demo-block">6</div>
        </div>
    </div><!-- end .grid -->
```

*/
.grid {
  overflow: hidden; }
  .grid:before, .grid:after {
    content: " ";
    display: table; }
  .grid:after {
    clear: both; }

.grid {
  margin-left: -20px; }

.grid_verytight {
  margin-left: -5px; }

.grid_verytight .grid-col {
  padding-left: 5px;
  margin-bottom: 5px; }

.grid-col {
  margin-bottom: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  vertical-align: top;
  float: left; }

.grid-col_flat {
  margin-bottom: 0; }

.grid-col_1of12 {
  width: 8.3333333333%; }

.mix-grid-col_prefix1of12 {
  margin-left: 8.3333333333%; }

.mix-grid-col_suffix1of12 {
  margin-right: 8.3333333333%; }

.grid-col_2of12 {
  width: 16.6666666667%; }

.mix-grid-col_prefix2of12 {
  margin-left: 16.6666666667%; }

.mix-grid-col_suffix2of12 {
  margin-right: 16.6666666667%; }

.grid-col_3of12 {
  width: 25%; }

.mix-grid-col_prefix3of12 {
  margin-left: 25%; }

.mix-grid-col_suffix3of12 {
  margin-right: 25%; }

.grid-col_4of12 {
  width: 33.3333333333%; }

.mix-grid-col_prefix4of12 {
  margin-left: 33.3333333333%; }

.mix-grid-col_suffix4of12 {
  margin-right: 33.3333333333%; }

.grid-col_5of12 {
  width: 41.6666666667%; }

.mix-grid-col_prefix5of12 {
  margin-left: 41.6666666667%; }

.mix-grid-col_suffix5of12 {
  margin-right: 41.6666666667%; }

.grid-col_6of12 {
  width: 50%; }

.mix-grid-col_prefix6of12 {
  margin-left: 50%; }

.mix-grid-col_suffix6of12 {
  margin-right: 50%; }

.grid-col_7of12 {
  width: 58.3333333333%; }

.mix-grid-col_prefix7of12 {
  margin-left: 58.3333333333%; }

.mix-grid-col_suffix7of12 {
  margin-right: 58.3333333333%; }

.grid-col_8of12 {
  width: 66.6666666667%; }

.mix-grid-col_prefix8of12 {
  margin-left: 66.6666666667%; }

.mix-grid-col_suffix8of12 {
  margin-right: 66.6666666667%; }

.grid-col_9of12 {
  width: 75%; }

.mix-grid-col_prefix9of12 {
  margin-left: 75%; }

.mix-grid-col_suffix9of12 {
  margin-right: 75%; }

.grid-col_10of12 {
  width: 83.3333333333%; }

.mix-grid-col_prefix10of12 {
  margin-left: 83.3333333333%; }

.mix-grid-col_suffix10of12 {
  margin-right: 83.3333333333%; }

.grid-col_11of12 {
  width: 91.6666666667%; }

.mix-grid-col_prefix11of12 {
  margin-left: 91.6666666667%; }

.mix-grid-col_suffix11of12 {
  margin-right: 91.6666666667%; }

.grid-col_12of12 {
  width: 100%; }

.mix-grid-col_prefix12of12 {
  margin-left: 100%; }

.mix-grid-col_suffix12of12 {
  margin-right: 100%; }

/*----------------------------------------------------------------------------
 Modules: Layout: Split

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

```html_example
    <ul class="split">
        <li>
            <div class="tickGroup tickGroup_radio">
                <input class="tickGroup-input" type="radio" name="test" value="option1" />
                <label class="tickGroup-label">Myself</label>
            </div>
        </li>
        <li>
            <div class="tickGroup tickGroup_radio">
                <input class="tickGroup-input" type="radio" name="test" value="option2" />
                <label class="tickGroup-label">Someone Else</label>
            </div>
        </li>
    </ul><!-- end .split -->
```

```html_example
    <ul class="split split_collapseOnSmall mix-split-60-40">
        <li>
            <label class="label label_isHidden">email</label>
            <span class="input input_customSelect">
                <select>
                    <option>One</option>
                    <option>Two</option>
                    <option>Three</option>
                </select>
            </span>
        </li>
        <li>
            <label class="label label_isHidden">email</label>
            <span class="input input_customSelect">
                <select>
                    <option>One</option>
                    <option>Two</option>
                    <option>Three</option>
                </select>
            </span>
        </li>
    </ul><!-- end .split -->
```

*/
.split {
  position: relative;
  padding: 0 0;
  font-size: 0; }

.split > * {
  font-size: 10px;
  font-size: 0.8333333333rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  max-width: 50%;
  padding: 0 0; }

.split_tight {
  padding: 0; }

.split_alignTop > * {
  vertical-align: top; }

.split_alignMiddle > * {
  vertical-align: middle; }

.mix-split-50-50 > * {
  max-width: none;
  width: 50%; }

.mix-split-60-40 > * {
  max-width: none;
  width: 40%; }

.mix-split-60-40 > *:first-child {
  width: 60%; }

.mix-split-70-30 > *:first-child {
  width: 70%; }

.mix-split-70-30 > * {
  max-width: none;
  width: 30%; }

.mix-split-40-60 > * {
  max-width: none;
  width: 60%; }

.mix-split-40-60 > *:first-child {
  width: 40%; }

.mix-split-40-30-30 > * {
  max-width: none;
  width: 30%; }

.mix-split-40-30-30 > *:first-child {
  width: 40%; }

.split_collapseOnSmall > *,
.split_collapseOnSmall > *:first-child {
  max-width: none;
  width: 100%; }

.split_collapseOnSmall > * + * {
  padding-top: 0; }

.split_alignTop.split_collapseOnSmall > * + * {
  padding-top: 0; }

.split-left {
  text-align: left; }

.split-right {
  text-align: right; }

.affiliateListing {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 14px;
  font-size: 1.1666666667rem;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif; }

/*----------------------------------------------------------------------------
 Modules: Object: Icons

/*doc
---
title: Icons
name: icon
category: objects
---

```html_example
    <a href="." class="branding branding_ir branding_banner" title="Go to the home page"><i class="icon icon_adlerLogo icon_adlerLogo_banner"></i>Adler Planetarium</a>
    <a href="" class="branding branding_ir branding_footer"><i class="icon icon_adlerLogo icon_adlerLogo_footer" data-grunticon-embed></i>Adler Planetarium</a>
```
*/
.branding_ir,
.branding_ir > a {
  border: 0;
  background-color: transparent;
  overflow: hidden;
  font-size: 0; }
  .branding_ir:before,
  .branding_ir > a:before {
    content: " ";
    display: block;
    width: 0; }

/* ---------------------------------------------------------------------
 Modules: Object: Button

/*doc
---
title: Button
name: btn
category: objects 
---

The button object is meant to provide a consistent button style throughout the site. The button classes can be applied to any common interaction element, such as anchors, button elements, and inputs.

```html_example
    <span class="btn">I'm a button</span>
    <a href="#" class="btn">Me too</a>
    <input type="submit" class="btn" value="So am I" />
    <button class="btn">Same here</button>
```

## Extensions

Icon                                                                   | Base with Extensions
---------------------------------------------------------------------- | ----------------------
<span class="btn btn_secondary">Button</span>                          | `btn btn_secondary`
<span class="btn btn_tertiary">Button</span>                           | `btn btn_tertiary`
<span class="btn btn_transparent">Button</span>                        | `btn btn_transparent` 
<span class="btn btn_directional btn_directional_next">Next</span>     | `btn btn_directional btn_directional_prev`
<span class="btn btn_directional btn_directional_prev">Previous</span> | `btn btn_directional btn_directional_next`

## Mixins

Icon                                                                                  | Base with Mixins
------------------------------------------------------------------------------------- | ----------------------
<span class="btn mix-btn_darkText">Button</span>                                      | `btn mix-btn_darkText`
<span class="btn btn_transparent mix-btn_transparent_darkHover">Button</span>         | `btn btn_transparent mix-btn_transparent_darkHover`
<p style="width:200px"><span class="btn mix-btn_stretch">Button</span></p>            | `btn mix-btn_stretch`
<span class="btn mix-btn_tall">Button</span>                                          | `btn mix-btn_tall`

*/
.btn {
  min-height: 40px;
  line-height: 1.231;
  padding: 12px 40px 10px 40px;
  margin: 0;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #000000;
  background-color: #d9e126;
  cursor: pointer;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.1666666667rem;
  text-align: center;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s, color 0.25s, border 0.25s;
  -moz-transition: background-color 0.25s, color 0.25s, border 0.25s;
  -ms-transition: background-color 0.25s, color 0.25s, border 0.25s;
  -o-transition: background-color 0.25s, color 0.25s, border 0.25s;
  transition: background-color 0.25s, color 0.25s, border 0.25s; }

.btn:hover,
.btn:focus {
  color: #000000;
  background-color: #e1e1e1; }

.btn:disabled {
  cursor: default; }

.btn + .btn {
  margin-left: 16px; }

.btn_themeLight {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #e1e1e1; }

.btn_medium {
  background: #959595; }

.btn_dark {
  color: #fff;
  background-color: #000000; }

.btn_thin {
  min-height: 8px;
  line-height: 1.231;
  padding: 7px 25px 7px 25px;
  font-size: 14px;
  font-size: 1.1666666667rem;
  text-transform: capitalize; }

.btn_full {
  width: 100%; }

.btn_constrained {
  width: 100%;
  max-width: 492px; }

.btn_large {
  padding: 14px 40px 12px 40px;
  font-size: 22px;
  font-size: 1.8333333333rem; }

.btn_fullMobile {
  margin-top: 20px;
  width: 100%; }

.btn_fullMobile + .btn_fullMobile {
  margin-left: 0; }

/*----------------------------------------------------------------------------
 Modules: Object: Card

/*doc
---
title: Card
name: card
category: objects 
---

Card object to add a encapsulate content in to a frame

```html_example
    <div class="card">
        card content
    </div>
``` 

*/
.card {
  padding: 10px;
  border: 1px solid #e1e1e1; }

/* ----------------------------------------------------------------------------
Modules: Objects: Carousel
---------------------------------------------------------------------------- */
.carousel {
  position: relative; }

.carousel-viewport {
  position: relative;
  overflow: hidden; }

.carousel-actuator {
  display: block;
  font-size: 0;
  height: 100%;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.carousel-actuator > * {
  display: inline-block;
  height: 100%;
  white-space: normal;
  width: 100%;
  vertical-align: top; }

.carousel-actions {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
  height: 90px; }

.carousel-actions-inner {
  padding: 0 30px;
  position: relative; }

.carousel-actions-inner-arrowControl {
  position: absolute;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -ms-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }

.carousel-actions-inner-arrowControl:hover {
  opacity: 0.75; }

.carousel-actions-inner-arrowControl_prev {
  left: 0; }

.carousel-actions-inner-arrowControl_next {
  right: 0; }

/*----------------------------------------------------------------------------
 Modules: Object: Content Info

/*doc
---
title: Content Info
name: contentinfo
category: objects 
---

Tier containers provide encapsulation of objects, in addition to control over background styles that stretch to fit the browsers full width.

```html_example
    <div class="contentinfo" role="contentinfo">
        &copy; 2015 Spacely's Sprockets Corporation. All Rights Reserved.
    </div>
``` 

*/
.contentinfo {
  display: block;
  clear: both;
  text-align: right;
  color: #535353;
  font-size: 10px;
  font-size: 0.8333333333rem;
  text-transform: uppercase;
  font-weight: 900; }

.contentinfo_footer {
  width: 100%;
  margin-top: 20px;
  padding-top: 40px;
  position: relative;
  text-align: center; }

.contentinfo_footer:before {
  display: block;
  width: 111px;
  border-top: 1px solid #000000;
  margin-left: -55.5px;
  position: absolute;
  top: 0;
  left: 50%;
  content: ""; }

/* ---------------------------------------------------------------------
 Modules: Objects: Hours

/*doc
---
title: Hours
name: hours
category: Objects
---

Small object to account for unique layout properties that could not be handled by other objects.

```html_example
    <div class="contentComponent contentComponent_constrained">
        <div class="contentComponent-hd">
            <h3 class="hdg hdg_3">Your Heading</h3>
        </div>
        <div class="contentComponent-bd">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
        </div>
    </div>
```

*/
.contentComponent_centered {
  text-align: center;
  margin: auto; }

.contentComponent-hd {
  padding: 0 0 20px 0; }

.contentComponent-ft {
  padding-top: 20px; }

.featureCard {
  padding: 20px; }

.featureCard_themeDark {
  background-color: #e1e1e1; }

.featureCard-bd {
  padding: 0 0 20px 0; }

.featureCard-bd-txt {
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.6666666667rem; }

.featureGraphic-content {
  display: none; }

/*----------------------------------------------------------------------------
 Modules: Object: Icons

/*doc
---
title: Icons
name: icon
category: objects
---

***

Icon                                                               | Base with Extensions
------------------------------------------------------------------ | -----------------
<i class="icon icon_facebook"></i>                                 | `icon icon_facebook`
<i class="icon icon_twitter"></i>                                  | `icon icon_twitter`
<i class="icon icon_youtube"></i>                                  | `icon icon_youtube`
<i class="icon icon_instagram"></i>                                | `icon icon_instagram`

*/
.icon {
  display: inline-block;
  background-position: center center;
  background-color: transparent;
  vertical-align: middle;
  background-size: contain; }

.icon_adlerLogo_banner {
  height: 53px;
  width: 132px; }

.icon_adlerLogo_footer {
  height: 71px;
  width: 174px; }

.icon_close {
  height: 24px;
  width: 24px; }

.icon_facebook {
  height: 35px;
  width: 35px; }

.icon_googlePlus {
  height: 35px;
  width: 35px; }

.icon_hamburger {
  height: 32px;
  width: 32px; }

.icon_instagram {
  height: 35px;
  width: 35px; }

.icon_pinterest {
  height: 35px;
  width: 35px; }

.icon_twitter {
  height: 35px;
  width: 35px; }

.icon_search {
  height: 24px;
  width: 24px; }

.icon_search_mobile {
  background-size: 24px; }

.icon_transitBus {
  height: 64px;
  width: 64px; }

.icon_transitTrain {
  height: 64px;
  width: 64px; }

.icon_transitCta {
  height: 48px;
  width: 48px; }

.icon_transitMetra {
  height: 28px;
  width: 102px; }

.icon_transitRta {
  height: 56px;
  width: 56px; }

.icon_ir {
  border: 0;
  background-color: transparent;
  overflow: hidden;
  font-size: 0; }
  .icon_ir:before {
    content: " ";
    display: block;
    width: 0; }

.icon_displayOnDesktopOnly {
  display: none; }

.icon_rect {
  width: 30px;
  height: 90px; }

.icon_carouselControl {
  background: url(../media/images/carouselBtn.png) top center no-repeat;
  font-size: 0; }

.icon_carouselControl_prev {
  background-position: 0 0; }

.icon_carouselControl_next {
  background-position: -30px 0; }

.icon_displayOnMobileAndTabletOnly {
  display: inline-block; }

/* ---------------------------------------------------------------------
 Modules: Object: Image
--------------------------------------------------------------------- */
.img {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.img_full {
  width: 100%; }

.img_centered {
  margin: auto; }

.img_x50 {
  width: 50%; }

.img_paddedLeft {
  padding-left: 20px; }

.img_max {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto; }

.img-wrap {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  font-size: 0; }

.imgCaption-ft {
  padding-top: 10px; }

.imgCaption-ft > * {
  font-size: 11px;
  font-size: 0.9166666667rem;
  color: #030303; }

/*----------------------------------------------------------------------------
 Modules: Object: Heading

/*doc
---
title: Heading Object
name: hdg
category: objects
---

Provides base styling for headings, extensions for customization, mix- for one-off exceptions to customization

```html_example
    <h2 class="hdg hdg_2">A Prominent Concept</h2>
```

*/
.hdg {
  display: block;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  line-height: 1; }

.hdg_1 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.5rem;
  text-transform: uppercase; }

.hdg_2 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.5rem;
  text-transform: uppercase; }

.hdg_3 {
  font-weight: 700;
  font-size: 17px;
  font-size: 1.4166666667rem;
  text-transform: uppercase; }

.hdg_4 {
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 1.1666666667rem; }

.hdg_5 {
  font-weight: 700;
  font-size: 13px;
  font-size: 1.0833333333rem; }

.hdg_6 {
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-weight: 700;
  font-size: 12px;
  font-size: 1rem; }

.hdg_card {
  margin-top: -3px;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.6666666667rem;
  text-transform: uppercase; }

.hdg_subhead {
  padding: 8px 0 3px 0;
  font-size: 14px;
  font-size: 1.1666666667rem;
  font-weight: 600;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif; }

.hdg_subhead-attr {
  display: inline-block;
  margin-right: 10px; }

.hdg_subhead-attr:last-child {
  margin-right: 0; }

.hdg_subhead-attr_unavailable {
  color: #e1e1e1;
  text-decoration: line-through; }

/*----------------------------------------------------------------------------
 Modules: Object: Hero

/*doc
---
title: Hero
name: hero
category: objects 
---

Tier containers provide encapsulation of objects, in addition to control over background styles that stretch to fit the browsers full width.

```html_example
    <div class="hero hero_home">
        HEROIC CONTENT
    </div>
``` 

*/
.hero {
  margin-bottom: 5px; }
  .hero:before, .hero:after {
    content: " ";
    display: table; }
  .hero:after {
    clear: both; }

.hero-link {
  display: block;
  width: 100%;
  color: #000000;
  text-decoration: none; }

.hero-graphic {
  width: 100%;
  background-size: cover;
  vertical-align: bottom; }

.hero-plaque {
  padding: 40px;
  margin-top: 5px;
  background-color: #d9e126; }

.hero-plaque-hd {
  padding: 0 0 10px 0;
  font-size: 14px;
  font-size: 1.1666666667rem;
  text-transform: uppercase;
  letter-spacing: 0.09em; }

.hero-plaque-bd {
  font-size: 22px;
  font-size: 1.8333333333rem;
  text-transform: uppercase;
  letter-spacing: 0.09em; }

/* ---------------------------------------------------------------------
 Modules: Objects: Hours

/*doc
---
title: Hours
name: hours
category: Objects
---

Small object to account for unique layout properties that could not be handled by other objects.

```html_example
    <div class="hours">
        <div class="hours-block">
            <span class="hours-block-txt">Monday - Friday</span>
            <span class="hours-block-txt">9:30am - 4:00pm</span>
        </div>
        <div class="hours-block">
            <span class="hours-block-txt">Saturday - Sunday</span>
            <span class="hours-block-txt">9:30am - 4:30pm</span>
        </div>
    </div>
```

*/
.hours-block-txt {
  display: block;
  font-size: 20px;
  font-size: 1.6666666667rem;
  font-weight: 700;
  text-align: center; }

.link {
  color: #000000;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  -webkit-transition: background-color 0.2s, color 0.2s;
  -moz-transition: background-color 0.2s, color 0.2s;
  -ms-transition: background-color 0.2s, color 0.2s;
  -o-transition: background-color 0.2s, color 0.2s;
  transition: background-color 0.2s, color 0.2s;
  font-size: 14px;
  font-size: 1.1666666667rem;
  text-decoration: none; }

.link:hover,
.link:active {
  color: #cf3943; }

.link_ir {
  border: 0;
  background-color: transparent;
  overflow: hidden;
  font-size: 0; }
  .link_ir:before {
    content: " ";
    display: block;
    width: 0; }

.link_block {
  border: 5px solid #f2f2f3;
  display: block; }

.link_block:hover {
  margin: 0;
  border: 5px solid #d9e126;
  color: #d9e126; }

.link_more:after {
  content: " \25B8"; }

.link_more + .link_more {
  margin-left: 20px; }

.mix-link_colorAlt {
  color: #d9e126; }

.mix-link_colorAlt:hover {
  color: #000000; }

.mix-link_colorRev {
  color: #cf3943; }

.mix-link_colorRev:hover {
  color: #000000; }

.mix-link_underline {
  text-decoration: underline; }

.mix-link_uppercase {
  text-transform: uppercase; }

.mix-link_bold {
  font-weight: 700; }

.fontTest_size_1_1 {
  font-size: 11px;
  font-size: 0.9166666667rem; }

.fontTest_size_1_2 {
  font-size: 12px;
  font-size: 1rem; }

.fontTest_size_1_3 {
  font-size: 13px;
  font-size: 1.0833333333rem; }

.fontTest_size_1_4 {
  font-size: 14px;
  font-size: 1.1666666667rem; }

.fontTest_size_1_5 {
  font-size: 15px;
  font-size: 1.25rem; }

.fontTest_size_1_6 {
  font-size: 16px;
  font-size: 1.3333333333rem; }

.fontTest_size_1_7 {
  font-size: 17px;
  font-size: 1.4166666667rem; }

.fontTest_size_1_8 {
  font-size: 18px;
  font-size: 1.5rem; }

/*----------------------------------------------------------------------------
 Modules: Object: Media

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

The media object handles the layout of an image to the left, with descriptive content to the right.

```html_example
    <div class="media">
        <div class="media-element">
            <img src="http://placehold.it/100x100.png&text=image" alt="" class="img" />
        </div>
        <div class="media-bd">
            <p>Bacon ipsum dolor amet beef ribs t-bone landjaeger drumstick pork belly doner picanha sausage. Jowl landjaeger hamburger, short loin ground round ham drumstick flank shank salami tongue pig turkey. Shankle strip steak porchetta, corned beef pork chop leberkas boudin beef kevin ground round. Strip steak corned beef ham hock ribeye. Chuck fatback ribeye brisket t-bone. Sirloin sausage ground round, chuck turkey drumstick pig kevin bresaola salami hamburger turducken.</p>
        </div>
    </div>
```

*/
.media {
  display: block;
  overflow: hidden; }
  .media:before, .media:after {
    content: " ";
    display: table; }
  .media:after {
    clear: both; }

.media_spacedTight {
  padding: 0 0 10px 0; }

.media_transit {
  margin: 20px 0 20px 0;
  text-align: center; }

.media-element {
  padding-bottom: 20px; }

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

.media-hd {
  padding: 0 0 20px 0; }

.media-hd_spacedTight {
  padding: 0 0 10px 0; }

.media-bd {
  padding: 0 0 20px 0;
  overflow: hidden; }

.media-bd_spacedTight {
  padding: 0 0 10px 0; }

.media-bd_spacedZero {
  padding: 0; }

.media_stacked > .media-element {
  width: 100%;
  float: none;
  padding-right: 0px; }

.media_stacked > .media-content {
  width: 100%; }

.media_group + .media_group {
  padding-top: 30px; }

/*-----------------------------------------------
Primary Navigation (Base)
-------------------------------------------------*/
.navGlobal {
  display: none; }

/*----------------------------------------------------------------------------
 Modules: Object: navMeta

/*doc
---
title: Meta Navigation
name: navMeta
category: objects 
---

The txt or text object is used to control the styling of text elements. Examples of this below:

```html_example
    <ul class="navMeta-list">
        <li class="navMeta-item"><a href="">Terms of Use</a></li>
        <li class="navMeta-item"><a href="">Privacy Policy</a></li>
        <li class="navMeta-item"><a href="">Careers</a></li>
        <li class="navMeta-item"><a href="">FAQ</a></li>
        <li class="navMeta-item"><a href="">Newsroom</a></li>
        <li class="navMeta-item"><a href="">Contact Us</a></li>
    </ul>
``` 

*/
.navMeta_banner {
  /* navMeta collapses on mobile */
  display: none; }

.navMeta-list-item {
  padding: 0 0 8px 0; }

.navMeta-list-item:last-child {
  padding: 0 0 0 0; }

.navMeta-list-item > a {
  color: #060707;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none; }

.navMeta-list-item > a:hover {
  color: #d9e126; }

.navMeta-list-item-txt {
  font-size: 12px;
  font-size: 1rem;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  font-weight: 400; }

.navMeta-list-item-hdg {
  font-size: 14px;
  font-size: 1.1666666667rem;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  font-weight: 700;
  text-transform: uppercase; }

.navMeta_footer {
  text-align: center; }

.navMeta_footer .navMeta-list + .navMeta-list {
  padding-top: 15px; }

.navMeta_footer .navMeta-list-item-txt {
  letter-spacing: normal; }

.navMeta_footer > .navMeta-list > .navMeta-list-item > a:hover {
  color: #cf3943; }

/*----------------------------------------------------------------------------
 Modules: Object: navMobile

/*doc
---
title: Mobile Navigation
name: navMobile
category: modules
---

Tier containers provide encapsulation of objects, in addition to control over background styles that stretch to fit the browsers full width.

```html_example
    <ul class="navMobile">
        <li class="navMobile-list-item"><a href="">An Item</a></li>
        <li class="navMobile-list-item"><a href="">Another Item</a></li>
    </ul>
```

*/
.navMobile {
  display: block;
  margin-left: -100%;
  position: fixed;
  z-index: 14;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 0 20px 0 20px;
  transition: .2s; }

.navMobile.isActive {
  margin-left: 0;
  box-shadow: 0 0 0 100000px rgba(149, 149, 149, 0.9) inset, 0 0 0 100000px rgba(149, 149, 149, 0.9);
  transition: .2s; }

.navMobile-close {
  display: block;
  height: 31px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  fill: #fff;
  cursor: default; }

.navMobile-close > .icon_close {
  position: absolute;
  top: 3px;
  right: 0;
  border-radius: 12px;
  fill: #fff; }

.navMobile-list {
  min-height: 330px;
  max-width: 600px;
  margin: 0 auto;
  background: #d9e126 url("../media/images/backgrounds/navMobile.svg") no-repeat -20px -30px; }

.navMobile-list-item {
  border-bottom: 1px solid #000000;
  position: relative;
  background: url("") right center; }

.navMobile-list-item[data-mobile-menu-role="expander"]:after {
  display: block;
  height: 10.8px;
  width: 12.6px;
  background: url("../media/icon-src/arrowDown.svg") no-repeat;
  position: absolute;
  right: 23px;
  top: 16px;
  content: "";
  cursor: pointer;
  transition: transform .05s; }

.navMobile-list-item.isActive[data-mobile-menu-role="expander"]:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.navMobile-list-item > a {
  padding: 10px 23px 10px 23px;
  display: block;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  font-size: 18px;
  font-size: 1.5rem;
  color: #000000;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none; }

.navMobile-list-sublist {
  max-height: 0;
  overflow: hidden;
  position: relative;
  top: -5px; }

.navMobile-list-sublist.isActive {
  max-height: 220px;
  transition: max-height 0.2s; }

.navMobile-list-sublist-item:last-child {
  margin-bottom: 5px; }

.navMobile-list-sublist-item > a {
  padding: 2px 23px 3px 23px;
  display: block;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  font-size: 13px;
  font-size: 1.0833333333rem;
  color: #000000;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  text-decoration: none; }

/*-----------------------------------------------
 Mobile Navigation Toggle Button (Base)
-------------------------------------------------*/
.navMobileToggle {
  position: absolute;
  top: 19px;
  left: 19px;
  margin: 0;
  padding: 0;
  cursor: pointer; }

/*----------------------------------------------------------------------------
 Modules: Object: navSocial

/*doc
---
title: navSocial Object
name: navSocial
category: modules 
---

navSocial is used to provide styling to lists of social items, that need unique attributes, that precludes them from other list-based usages such as hList.

```html_example
    <div class="navSocial navSocial_footer">
        <ul class="navSocial-list">
            <li class="navSocial-list-item">
                <a href="#" class="link link_ir"><i class="icon icon_facebook"></i>Facebook</a>
            </li>
            <li class="navSocial-list-item">
                <a href="#" class="link link_ir"><i class="icon icon_googlePlus"></i>Google+</a>
            </li>
            <li class="navSocial-list-item">
                <a href="#" class="link link_ir"><i class="icon icon_instagram"></i>Instagram</a>
            </li>
            <li class="navSocial-list-item">
                <a href="#" class="link link_ir"><i class="icon icon_pinterest"></i>Pinterest</a>
            </li>
            <li class="navSocial-list-item">
                <a href="#" class="link link_ir"><i class="icon icon_twitter"></i>Twitter</a>
            </li>
        </ul>
    </div>
``` 

*/
.navSocial-list {
  font-size: 0; }

.navSocial-list-item {
  display: inline-block;
  font-size: 12px;
  font-size: 1rem;
  vertical-align: middle; }

.navSocial-list > .navSocial-list-item + .navSocial-list-item {
  margin-left: 10px; }

.navSocial_banner {
  display: none; }

.navSocial_footer {
  margin-top: 20px;
  margin-bottom: 30px;
  margin: 0 auto;
  text-align: center; }

/*----------------------------------------------------------------------------
 Modules: Object: newsletterWidget

/*doc
---
title: Newsletter Widget
name: newsletterWidget
category: objects 
---

Controls the layout, spacing, and some font styling for the Newsletter Widget in the footer. Example of this below:

```html_example
    <div class="newsletterWidget">
        <div class="newsletterWidget-hd">
            <h3 class="hdg hdg_5">Email Blast</h3>
        </div>
        <div class="newsletterWidget-bd">
            <span class="newsletterWidget-bd-txt">Sign up to receive the latest news.</span>
        </div>
        <div class="newsletterWidget-form">
            <form>
                <div class="newsletterWidget-form-item newsletterWidget-form-item_customA">
                    <input type="email" name="email" class="newsletterWidget-form-textInput" placeholder="Email Address" />
                </div>
                <div class="newsletterWidget-form-item newsletterWidget-form-item_customB">
                    <input type="submit" value="Submit" class="btn btn_dark btn_thin btn_full" />
                </div>
            </form>
        </div>
    </div>
``` 

*/
.newsletterWidget-hd {
  padding-bottom: 5px; }

.newsletterWidget-bd {
  padding-bottom: 10px; }

.newsletterWidget-form {
  position: relative; }

.newsletterWidget-form-item {
  float: left; }

.newsletterWidget-form-item_customA {
  width: 100%;
  padding-right: 98px; }

.newsletterWidget-form-item_customB {
  width: 99px;
  position: absolute;
  top: 0;
  right: 0; }

.newsletterWidget-hd-txt {
  font-size: 14px;
  font-size: 1.1666666667rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em; }

.newsletterWidget-bd {
  font-size: 13px;
  font-size: 1.0833333333rem;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif; }

.newsletterWidget-form-textInput {
  width: 100%;
  height: 31px;
  padding: 5px 10px 5px 10px;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  font-size: 1.1666666667rem;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  text-transform: capitalize; }

/*----------------------------------------------------------------------------
 Modules: Object: Pricing Table

/*doc
---
title: Pricing Table
name: pricingTable
category: objects
---

The media object handles the layout of an image to the left, with descriptive content to the right.

```html_example
    <table class="pricingTable">
        <thead>
            <tr>
                <th class="pricingTable-hdg pricingTable-hdg_name">Ticket Name</th>
                <th class="pricingTable-hdg">Adult</th>
                <th class="pricingTable-hdg">Child</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="pricingTable-description">
                    Rio omniam audaeca teculloribus estis acest, que commolo rendis sin non estiur sus estrum everum quam, veliqui suntiate repel eturess
                </td>
                <td class="pricingTable-price">$12</td>
                <td class="pricingTable-price">$12</td>
            </tr>
        </tbody>
    </table>
```

*/
.pricingTable {
  width: 100%;
  border-bottom: 2px solid #d9e126; }

.pricingTable-hdg {
  padding: 20px 0 20px 0;
  line-height: 1;
  font-size: 18px;
  font-size: 1.5rem;
  font-weight: 700;
  vertical-align: top;
  text-align: center; }

.pricingTable-hdg_name {
  width: 68%;
  padding: 20px 20px 15px 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 1.6666666667rem;
  text-align: left; }

.pricingTable-description {
  padding: 0 0 20px 0;
  font-size: 14px;
  font-size: 1.1666666667rem;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  text-align: left;
  vertical-align: top;
  word-break: break-word; }

.pricingTable-description a,
.pricingTable-description a:link {
  color: #cf3943;
  text-decoration: none;
  -webkit-transition: background-color 0.25s, color 0.25s;
  -moz-transition: background-color 0.25s, color 0.25s;
  -ms-transition: background-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, color 0.25s;
  transition: background-color 0.25s, color 0.25s; }

.pricingTable-description a:focus,
.pricingTable-description a:hover {
  color: #000000; }

.pricingTable-price {
  padding: 0 0 20px 0;
  line-height: 1;
  display: block;
  vertical-align: middle;
  text-align: center;
  font-size: 35px;
  font-size: 2.9166666667rem;
  color: #d9e126;
  font-weight: 700; }

.pricingTable-price a {
  color: #d9e126;
  text-decoration: none; }

.pricingTable-price a:hover {
  text-decoration: underline; }

.pricingTable-priceMeta {
  display: block;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.5rem;
  text-transform: uppercase; }

.pricingTable-subTable_hideOnSmall {
  display: none; }

.pricingTable-hdg_hideSmall {
  display: none; }

.pricingTable-price_hideSmall {
  display: none; }

.pricingTable-hdg_small {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left; }

.pricingTable-price_small {
  margin-bottom: 22px;
  padding: 0;
  text-align: left; }

.pricingTable-price_small + .pricingTable-hdg_small {
  margin-left: 15px; }

.pricingTable-small {
  width: 100%;
  display: table;
  margin-right: -20px; }

.pricingTable-small-bd {
  width: 100%;
  padding-bottom: 20px; }

.pricingTable-small-bd > table {
  width: 100%; }

.mix-pricingTable-justifyLeft {
  text-align: left; }

.mix-pricingTable-justifyCenter {
  text-align: center; }

.mix-pricingTable-justifyRight {
  text-align: right; }

.search {
  display: none; }

.searchMobile {
  max-width: 600px;
  padding: 14px 23px 11px;
  margin: 0 auto;
  border-bottom: 1px solid #000000;
  background: #d9e126 url("../media/images/backgrounds/navMobile.svg") no-repeat -255px -15px;
  position: relative; }

.searchMobile-form-label {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.searchMobile-form-textInput {
  height: 28px;
  padding: 0 38px 0 12px;
  width: 100%;
  border: none;
  border-radius: 8px;
  background: #fff; }

.searchMobile-form-btn {
  height: 26px;
  width: 26px;
  position: absolute;
  top: 15px;
  right: 28px;
  cursor: pointer; }

.searchResults {
  padding-top: 20px; }

.searchResults-result-hd {
  padding-bottom: 10px; }

.searchResults-result-bd {
  padding-bottom: 20px; }

.searchResults-result + .searchResults-result {
  border-top: 2px solid #e1e1e1;
  padding-top: 20px; }

/* ----------------------------------------------------------------------------
Modules: Objects: Skippy
---------------------------------------------------------------------------- */
.skippy {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: absolute;
  clip: rect(0 0 0 0);
  overflow: hidden; }

.skippy:focus {
  clip: auto;
  display: block;
  height: auto;
  width: auto;
  margin: 0;
  padding: 10px;
  position: fixed;
  top: 20px;
  left: 20px;
  overflow: auto;
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff; }

.sponsorWidget {
  margin: 0 auto;
  display: table;
  vertical-align: middle; }

.sponsorWidget-message {
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.5rem; }

.sponsorWidget-logo {
  width: 230px;
  padding-left: 20px;
  margin-left: 10px;
  display: table-cell;
  vertical-align: middle; }

/*----------------------------------------------------------------------------
 Modules: Object: Tier

/*doc
---
title: Tier Object
name: tier
category: objects
---

Tier containers provide encapsulation of objects, in addition to control over background styles that stretch to fit the browsers full width.

```html_example
    <div class="tier tier_bgLightest">

    </div>
```

*/
.tier {
  position: relative; }

/* This is gonna be gross, I know, don't judge. */
body .goog-te-ftab-float {
  top: auto;
  bottom: 0px; }

body .goog-te-ftab-link .goog-te-ftab-float {
  border-bottom: none;
  border-top: 1px solid #888; }

/*----------------------------------------------------------------------------
 Modules: Object: Text

/*doc
---
title: Text Object
name: txt
category: objects
---

The txt or text object is used to control the styling of text elements. Examples of this below:

```html_example
    <p class="txt mix-txt_colorDark">
       Some amazing information goes here.
    </p>
```

*/
.txt > a {
  color: #d9e126; }

.txt > a:hover {
  color: #000000; }

/*
 SASS Variable Configuration

 * Configure the variables to create the user styles you desire
========================================================================== */
/*
 Clearfix

 * Always clear unknown content as it may contain a float
========================================================================== */
.userContent:before,
.userContent:after {
  content: " ";
  display: table; }

.userContent:after {
  clear: both; }

/*
 Baseline

 1. Set the container to inherit basic styles from it's parent
 2. Make sure long words line break appropriately
 3. Remove excess margin from the first and last child and use !important to override inheritance from ancestors
========================================================================== */
.userContent {
  color: inherit;
  /* 1 */
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  /* 1 */
  font-weight: normal;
  line-height: 1.3;
  -ms-word-wrap: break-word;
  /* 2 */
  word-wrap: break-word;
  /* 2 */ }

.userContent > * {
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 1.1666666667rem;
  color: #030303; }

.userContent_typeSmall > * {
  font-size: 12px;
  font-size: 1rem; }

.userContent_typeLarge > * {
  font-size: 16px;
  font-size: 1.3333333333rem; }

.userContent > *:first-child {
  margin-bottom: 20px !important;
  /* 3 */ }

.userContent > *:last-child {
  margin-bottom: 0 !important;
  /* 3 */ }

.userContent_themeReverse * {
  color: #ffffff; }

.userContent_verytightHdg h1:not(:last-child),
.userContent_verytightHdg h2:not(:last-child),
.userContent_verytightHdg h3:not(:last-child),
.userContent_verytightHdg h4:not(:last-child),
.userContent_verytightHdg h5:not(:last-child),
.userContent_verytightHdg h6:not(:last-child) {
  margin-bottom: 5px !important; }

.userContent_tightHdg h1:not(:last-child),
.userContent_tightHdg h2:not(:last-child),
.userContent_tightHdg h3:not(:last-child),
.userContent_tightHdg h4:not(:last-child),
.userContent_tightHdg h5:not(:last-child),
.userContent_tightHdg h6:not(:last-child) {
  margin-bottom: 10px !important; }

/*
 Embedded Content & Media

 * All media set to max-width 100% to prevent it from overflowing the container
 1. !important to override inheritance from ancestors
 2. If a piece of media does not have a container, add margin below it to keep the flow intact
========================================================================== */
.userContent img,
.userContent iframe,
.userContent embed,
.userContent object,
.userContent video,
.userContent audio,
.userContent canvas,
.userContent picture {
  max-width: 100% !important;
  /* 1 */ }

/* 2 */
.userContent > img,
.userContent > iframe,
.userContent > embed,
.userContent > object,
.userContent > video,
.userContent > audio,
.userContent > canvas,
.userContent > picture {
  display: inline-block;
  margin-bottom: 20px; }

/*
 Anchors
========================================================================== */
.userContent a,
.userContent a:link {
  color: #cf3943;
  text-decoration: none;
  -webkit-transition: background-color 0.25s, color 0.25s;
  -moz-transition: background-color 0.25s, color 0.25s;
  -ms-transition: background-color 0.25s, color 0.25s;
  -o-transition: background-color 0.25s, color 0.25s;
  transition: background-color 0.25s, color 0.25s; }

.userContent a:focus,
.userContent a:hover {
  color: #000000; }

.userContent_linkUpper a,
.userContent_linkUpper a:link {
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap; }

.userContent_linkUpper a:hover,
.userContent_linkUpper a:focus {
  color: #cf3943; }

/*
 Paragraphs
========================================================================== */
.userContent p {
  margin-bottom: 20px; }

/*
 Headings

 1. Take advantage of margin collapsing to create greater space above a heading
 2. Reduce line-height as headings are much larger than body copy
 3. Headings should stay the same color as intended and not inherit link styles and use !important to override inheritance from ancestors
========================================================================== */
.userContent h1,
.userContent h2,
.userContent h3,
.userContent h4,
.userContent h5,
.userContent h6 {
  margin-bottom: 20px;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  /* 2 */ }

.userContent h1 {
  font-weight: 700;
  font-size: 2.25rem; }

.userContent h2 {
  font-weight: 700;
  font-size: 18px;
  font-size: 1.5rem;
  text-transform: uppercase; }

.userContent h3 {
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 17px;
  font-size: 1.4166666667rem; }

.userContent h4 {
  font-weight: 700;
  font-size: 15px;
  font-size: 1.25rem; }

.userContent h5 {
  font-weight: 700;
  font-size: 14px;
  font-size: 1.1666666667rem; }

.userContent h6 {
  font-weight: 700;
  font-size: 13px;
  font-size: 1.0833333333rem; }

.userContent h1 a,
.userContent h2 a,
.userContent h3 a,
.userContent h4 a,
.userContent h5 a,
.userContent h6 a {
  color: inherit !important;
  /* 3 */ }

/*
 Blockquote

 1. Push content away from the horizontal rule more than the normal spacing
 2. Border inherits color from text color
 3. Remove bottom margin from last item inside a blockquote
========================================================================== */
.userContent blockquote {
  box-sizing: border-box;
  margin-bottom: 30px;
  /* 1 */
  border-left: 5px solid;
  /* 2 */
  padding: 1rem 2rem;
  font-family: inherit;
  font-size: 1.3125rem;
  font-style: italic; }

.userContent blockquote > *:last-child {
  margin-bottom: 0;
  /* 3 */ }

/*
 Address

 1. Mimic browser default text style - italics
========================================================================== */
.userContent address {
  margin-bottom: 20px;
  font-style: italic;
  /* 1 */ }

/*
 Horizontal Rule

 1. Push content away from the horizontal rule than the normal spacing
 2. Set an explicit 1px height for the horizontal rule
 3. Remove borders for maximum browser support
 4. Set the color of the horizontal rule as both color and background-color for maximum browser support
 5. Reduce font-size and line-height to keep height from exceeeding 1px
========================================================================== */
.userContent hr {
  margin-bottom: 20px;
  /* 1 */
  height: 2px;
  /* 2 */
  border: none;
  /* 3 */
  background: #959595;
  /* 4 */
  color: #e1e1e1;
  /* 4 */
  line-height: 2px;
  /* 5 */
  font-size: 2px;
  /* 5 */ }

/*
 Inline Text

 * Mimics browsers as close as possible while maintaining cross browser consistency
 * Includes some invalid legacy elements as they may be added by older WYSIWYG editors
========================================================================== */
.userContent strong,
.userContent b {
  font-weight: bold; }

.userContent em,
.userContent i {
  font-style: italic; }

.userContent del,
.userContent strike,
.userContent s {
  text-decoration: line-through; }

.userContent u,
.userContent ins {
  text-decoration: underline; }

.userContent sup {
  vertical-align: super;
  font-size: smaller; }

.userContent sub {
  vertical-align: sub;
  font-size: smaller; }

.userContent big {
  font-size: larger; }

.userContent small {
  font-size: smaller; }

.userContent abbr,
.userContent acronym {
  border-bottom: 1px dotted; }

.userContent cite,
.userContent dfn {
  font-style: italic; }

.userContent q {
  font-style: italic; }

.userContent q::before {
  content: open-quote; }

.userContent q::after {
  content: close-quote; }

.userContent q:lang(en) {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

.userContent bdo,
.userContent bdi {
  direction: rtl; }

.userContent blink {
  text-decoration: blink; }

/*
 Lists
 1. Indent lists and leave room for the list item mark
 2. Nested lists have no bottom margin
 3. Second level nested lists
 4. Third level nested lists
========================================================================== */
.userContent ul,
.userContent ol,
.userContent dl {
  margin-bottom: 20px; }

.userContent ul {
  list-style-type: disc; }

.userContent ol {
  list-style-type: decimal; }

.userContent dt {
  font-weight: bold; }

.userContent li,
.userContent dd {
  margin-left: 20px;
  /* 1 */ }

/* 2 */
.userContent ul ul,
.userContent ul ol,
.userContent ul dl,
.userContent ol ul,
.userContent ol ol,
.userContent ol dl,
.userContent dl ul,
.userContent dl ol,
.userContent dl dl {
  margin-bottom: 0; }

/* 3 */
.userContent ol ul,
.userContent ul ul {
  list-style-type: circle; }

/* 4 */
.userContent ol ol ul,
.userContent ol ul ul,
.userContent ul ol ul,
.userContent ul ul ul {
  list-style-type: square; }

/*
 Tables
 1. Table should never overflow their parent container and will always use 100% of the container and use !important to override inheritance from ancestors
 2. Push content away from the horizontal rule more than the normal spacing
========================================================================== */
.userContent table {
  width: 100% !important;
  /* 1 */
  margin-bottom: 20px;
  /* 2 */
  border-spacing: 0;
  border-collapse: collapse; }

.userContent caption {
  font-size: smaller;
  padding: 10px 12px;
  text-align: center; }

.userContent tr {
  vertical-align: middle; }

.userContent tbody {
  vertical-align: middle; }

.userContent thead {
  vertical-align: middle; }

.userContent tfoot {
  vertical-align: middle; }

.userContent td {
  vertical-align: inherit;
  text-align: left;
  padding: 4px 12px;
  border: 1px solid #666666; }

.userContent th {
  vertical-align: inherit;
  text-align: left;
  font-weight: bold;
  padding: 8px 12px;
  border: 1px solid #666666;
  background-color: transparent; }

/*
 Computer Output

 1. Push content away from the horizontal rule more than the normal spacing
 2. `code` styles get reset when `code` is nested inside `pre`
========================================================================== */
.userContent pre {
  margin-bottom: 20px;
  /* 1 */
  padding: 2rem;
  border: 1px solid #aaaaaa;
  background-color: #f8f8f8;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  border-radius: 2px;
  white-space: pre-wrap;
  word-break: break-all; }

.userContent code {
  display: inline-block;
  padding: 2px 6px;
  border: 1px solid #aaaaaa;
  background-color: #f8f8f8;
  color: #dd1144;
  font-size: 14px;
  border-radius: 2px; }

.userContent pre code {
  display: block;
  padding: 0;
  /* 2 */
  background-color: transparent;
  /* 2 */
  border: none;
  /* 2 */
  font-size: inherit;
  /* 2 */
  color: inherit;
  /* 2 */
  border-radius: 0;
  /* 2 */ }

.userContent code,
.userContent samp,
.userContent tt,
.userContent kbd,
.userContent var {
  font-family: "Lucida Console", Monaco, monospace; }

.userContent var {
  font-style: italic; }

/*
 WordPress-Specific Classes

 * Provide alignment functionality as required by WordPress WYSIWYG editor
========================================================================== */
.userContent .alignleft {
  float: left;
  margin-right: 40px; }

.userContent .alignright {
  float: right;
  margin-left: 40px; }

.userContent .aligncenter {
  display: block;
  margin: 0 auto; }

/*----------------------------------------------------------------------------
 Modules: Repeaters: Horizontal List

/*doc
---
title: Horizontal List
name: hList
category: repeaters 
---

The horizontal list object handles the spacing and alignment of list items displayed in a horizontal format.

```html_example
    <ul class="hList">
        <li><img src="http://fpoimg.com/50x50" /></li>
        <li><img src="http://fpoimg.com/50x50" /></li>
        <li><img src="http://fpoimg.com/50x50" /></li>
        <li><img src="http://fpoimg.com/50x50" /></li>
    </ul>
``` 

*/
.hList {
  font-size: 0; }

.hList > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  font-size: 0.8333333333rem; }

.hList > * + * {
  margin-left: 10px; }

.hList_flush > * + * {
  margin-left: 0; }

/*----------------------------------------------------------------------------
 Modules: Repeaters: Vertical List

/*doc
---
title: Vertical List
name: vList
category: repeaters
---

The vertical list object handles spacing between list items displayed in a vertical format.

```html_example
    <ul class="vList">
        <li>Item One</li>
        <li>Item Two</li>
        <li>Item Three</li>
    </ul>
```

*/
.vList > * + * {
  margin-top: 5px; }

.vList_loose > * + * {
  margin-top: 18px;
  padding-top: 18px; }

.vList_delimiterLine > * + * {
  border-top: 1px solid #000000; }

.vList_delimiterLine_light > * + * {
  border-top: 1px solid #ffffff; }

/* 
*  Separating out sections of the calendar plugin styling to keep more organized since 
*  we all know how hairy overriding 3rd party plugin CSS can get.
*/
.wpfc-calendar-wrapper {
  overflow: hidden; }

.fc-button {
  min-height: 40px;
  padding: 13px 10px;
  line-height: 1.231 !important;
  margin: 0;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #000000;
  background-color: #d9e126;
  cursor: pointer;
  font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
  text-transform: uppercase;
  font-size: 14px !important;
  text-align: center;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-transition: background-color 0.25s, color 0.25s, border 0.25s;
  -moz-transition: background-color 0.25s, color 0.25s, border 0.25s;
  -ms-transition: background-color 0.25s, color 0.25s, border 0.25s;
  -o-transition: background-color 0.25s, color 0.25s, border 0.25s;
  transition: background-color 0.25s, color 0.25s, border 0.25s;
  z-index: 10; }

.fc-button.ui-state-active {
  background: #959595 !important; }

.fc-today-button {
  background-color: #ffffff;
  border: 1px solid #959595; }

.fc-button + .fc-button {
  margin-left: 2px; }

.fc-button:hover,
.fc-button:focus {
  color: #000000 !important;
  background-color: #e1e1e1 !important; }

.fc-header-center {
  position: absolute;
  width: 100%;
  top: -42px; }

#wpfc-calendar-wrapper .fc-header-title h2 {
  font-size: 18px !important; }

.fc-header-right {
  padding-right: 31px !important; }

.fc-header-left {
  position: absolute;
  width: 100%; }

.fc-header-left .fc-button {
  position: absolute; }

.fc-button-prev,
.fc-button-next {
  position: relative;
  width: 30px;
  z-index: 10; }

.fc-button-prev {
  left: 0; }

.fc-button-next {
  right: 0; }

.fc-button-today {
  left: 31px;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  z-index: 10; }

.fc-button-prev:before,
.fc-button-next:before {
  display: block;
  width: 12px;
  height: 12px;
  color: #000000;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.fc-button-prev:before {
  content: '<'; }

.fc-button-next:before {
  content: '>'; }

.fc-border-separate {
  table-layout: fixed; }

.fc-border-separate td,
.fc-border-separate th {
  border: 1px solid #e1e1e1;
  border-right: none; }

.fc-border-separate td:last-child,
.fc-border-separate th:last-child {
  border-right: 1px solid #e1e1e1; }

.fc-day-header {
  padding: 8px 12px !important;
  color: #535353; }

.fc-grid .fc-day-number,
.fc-grid .fc-week-number span {
  padding: 8px !important;
  color: #959595; }

.fc-day-grid-event.fc-day-grid-event {
  background-color: #ffffff !important;
  border-color: #e1e1e1 !important; }

.fc-event-time {
  float: right;
  color: #cf3943 !important; }

.fc-view-month .fc-event-time,
.fc-view-basicWeek .fc-event-time {
  display: none; }

.fc-day-grid-event .fc-title {
  color: #cf3943; }

.fc-day.ui-state-highlight {
  background: #f2f2f3; }

.fc-event {
  background: #ffffff !important;
  border: 1px solid #e1e1e1 !important;
  color: #cf3943 !important; }

#wpfc-calendar-wrapper .fc-event-title,
.fc-event-time {
  font-size: 14px !important;
  font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif; }

.fc-event-inner {
  padding: 4px; }

@media only screen and (min-width: 480px) {
  /* ---------------------------------------------------------------------
 Landscape Mobile View - 480px+
------------------------------------------------------------------------ */
  /* ----------------------------------------------------------------------------
 Modules: Layout: blocks (Mobile)
---------------------------------------------------------------------------- */
  .blocks_2up > * {
    width: 50%; }
  /* ----------------------------------------------------------------------------
 Modules: Layout: contentBlock (Mobile)
---------------------------------------------------------------------------- */
  .contentBlock_narrow {
    max-width: 655px;
    margin: 0 auto; }
  /*
@for $i from 1 through $COLUMN_COUNT {

    .grid-col_0of12 {
        width: ($i / $COLUMN_COUNT * 100%);
    }

    .mix-grid-col_prefix0of12 {
        margin-left: ($i / $COLUMN_COUNT * 100%);
    }

    .mix-grid-col_suffix0of12 {
        margin-right: ($i / $COLUMN_COUNT * 100%);
    }

}
*/
  /* ----------------------------------------------------------------------------
 Modules: Layout: Split (Mobile)
---------------------------------------------------------------------------- */
  .mix-split-50-50 > * {
    max-width: none;
    width: 50%; }
  .mix-split-50-50 > *:first-child {
    width: 50%; }
  .mix-split-60-40 > * {
    max-width: none;
    width: 40%; }
  .mix-split-60-40 > *:first-child {
    width: 60%; }
  .mix-split-40-60 > * {
    max-width: none;
    width: 60%; }
  .mix-split-40-60 > *:first-child {
    width: 40%; }
  .mix-split-40-30-30 > * {
    max-width: none;
    width: 30%; }
  .mix-split-40-30-30 > *:first-child {
    width: 40%; }
  .split_delimiter:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    border-left: 1px solid #ffffff; }
  .icon_iconNav {
    width: 78px;
    height: 78px; } }

@media only screen and (min-width: 768px) {
  /* ---------------------------------------------------------------------
 Tablet View - 768px+
------------------------------------------------------------------------ */
  /* ----------------------------------------------------------------------------
 Landmarks: Banner: banner (Tablet+)
---------------------------------------------------------------------------- */
  .banner {
    padding-top: 24px;
    padding-bottom: 24px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-image: url("../media/images/backgrounds/billions-and-billions.svg"); }
  .banner-block:before, .banner-block:after {
    content: " ";
    display: table; }
  .banner-block:after {
    clear: both; }
  .banner-block_navigation {
    position: absolute;
    right: 0;
    width: 67.857142857143%;
    padding-right: 2.678571428571%; }
  .banner-block-customBlock {
    display: none; }
  .banner-block-customBlock_B {
    display: block;
    width: 40%;
    float: right;
    text-align: right; }
  /* ---------------------------------------------------------------------
 Landmarks: Footer: footer (Tablet+)
------------------------------------------------------------------------ */
  .footer {
    padding: 0 0 30px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .footer-block {
    padding: 10px 0 10px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center; }
  .footer-block_customA {
    display: none; }
  .footer-block_customB {
    width: 33.035714285714%;
    padding-left: 4.468718967229%;
    padding-right: 2.053571428571%;
    margin-bottom: 0;
    -ms-order: 3;
    -webkit-order: 3;
    order: 3; }
  .footer-block_customC {
    width: 42.857142857143%;
    padding: 12px 2.968719% 0 4.468718967229%;
    border-right: 1px solid #e1e1e1;
    -ms-order: 2;
    -webkit-order: 2;
    order: 2; }
  .footer-block_customD {
    width: 24.107142857143%;
    padding-left: 2.053571428571%;
    padding-right: 4.468718967229%;
    border-right: 1px solid #e1e1e1;
    -ms-order: 1;
    -webkit-order: 1;
    order: 1; }
  /* ----------------------------------------------------------------------------
 Modules: Layout: blocks (Tablet+)
---------------------------------------------------------------------------- */
  .blocks {
    margin: -20px 0 0 -20px; }
  .blocks > * {
    padding: 20px 0 0 20px; }
  .blocks_veryloose > * {
    padding: 40px 0 0 40px; }
  .blocks_megaloose {
    margin: -20px 0 0 -60px; }
  .blocks_megaloose > * {
    padding: 20px 0 0 60px; }
  .blocksMd_default {
    margin: -20px 0 0 -20px; }
  .blocksMd_default > * {
    padding: 20px 0 0 20px; }
  .blocks_3up > * {
    width: 33.333333333%; }
  .blocks_4up > * {
    width: 25%; }
  .blocks_5up > * {
    width: 20%; }
  .blocks_4up-2up > * {
    width: 25%; }
  .blocks_2up-1up > * {
    width: 50%; }
  /* ----------------------------------------------------------------------------
 Modules: Layout: contentBlock (Tablet+)
---------------------------------------------------------------------------- */
  .contentBlock:last-child {
    padding-bottom: 50px; }
  .contentBlock_flush,
  .contentBlock_flush:last-child {
    padding-bottom: 0; }
  .contentBlock-hd {
    padding-top: 25px;
    padding-bottom: 30px;
    position: relative;
    text-align: left; }
  .contentBlock-hd_hideSmall {
    display: block; }
  .contentBlock-hd_underline {
    margin-bottom: 20px;
    border-bottom: 4px solid #e1e1e1; }
  .contentBlock-hd_overline {
    border-top: 4px solid #e1e1e1; }
  .contentBlock-hd_tight {
    padding-bottom: 10px; }
  .contentBlock-hd_loose {
    margin-bottom: 30px; }
  .contentBlock-hd-blurb {
    display: block;
    position: absolute;
    top: 27px;
    left: 200px;
    font-size: 20px;
    font-size: 1.6666666667rem; }
  .contentBlock_expander .contentBlock-bd {
    max-height: none;
    visibility: visible; }
  .contentBlock_expander-control:after {
    display: none; }
  .contentBlock_expander.isActive .contentBlock-bd {
    padding-top: 0; }
  .contentBlock_expander-control {
    background: #ffffff; }
  .contentBlock-md {
    padding: 0 0 20px 0; }
  .contentBlock-md_underline {
    padding: 0 0 20px 0;
    margin-bottom: 40px; }
  .contentBlock_expander .contentBlock-bd,
  .contentBlock_expander.isActive .contentBlock-bd {
    padding-bottom: 40px; }
  .contentBlock-bd_overline {
    padding-top: 25px;
    border-top: 4px solid #e1e1e1; }
  .contentBlock-hd,
  .contentBlock-bd {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%; }
  .contentBlock-bd_constrained {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%; }
  .contentBlock-bd_constrainNarrow {
    padding-left: 10.7142857143%;
    padding-right: 10.7142857143%; }
  .contentBlock-bd_flush {
    padding-bottom: 0; }
  .contentBlock_narrow {
    max-width: 655px;
    margin: 0 auto; }
  .gridMd_default {
    margin-left: -20px; }
  .gridMd_default .grid-col {
    padding-left: 20px;
    margin-bottom: 20px; }
  .grid_loose {
    margin-left: -30px; }
  .grid_loose .grid-col {
    padding-left: 30px; }
  .grid-colMd_9of12 {
    width: 75%; }
  .grid-colMd_6of12 {
    width: 50%; }
  .grid-colMd_3of12 {
    width: 25%; }
  .btn_fullMobile {
    margin-top: 0;
    width: auto; }
  .btn_fullMobile + .btn_fullMobile {
    margin-left: 16px; }
  /*-----------------------------------------------
 Content Info (Tablet)
-------------------------------------------------*/
  .contentinfo {
    float: right;
    clear: none;
    display: inline-block; }
  .contentinfo_footer {
    margin-top: 0;
    padding-top: 0;
    text-align: left; }
  .contentinfo_footer:before {
    display: none; }
  /* ----------------------------------------------------------------------------
 Modules: Objects: Heading (Tablet+)
---------------------------------------------------------------------------- */
  .hdg_1 {
    font-size: 30px;
    font-size: 2.5rem; }
  .hdg_2 {
    font-size: 25px;
    font-size: 2.0833333333rem; }
  .hdg_3 {
    font-size: 20px;
    font-size: 1.6666666667rem; }
  .hdg_4 {
    font-size: 18px;
    font-size: 1.5rem; }
  .hdg_5 {
    font-size: 14px;
    font-size: 1.1666666667rem; }
  /* ----------------------------------------------------------------------------
 Modules: Objects: hero (Tablet+)
---------------------------------------------------------------------------- */
  .hero_home {
    margin-bottom: 0; }
  .hero_internal {
    position: relative; }
  .hero-plaque {
    width: 350px;
    height: 220px;
    margin-top: 0;
    position: absolute;
    top: 20px;
    left: 2.6785714286%; }
  /* ----------------------------------------------------------------------------
 Modules: Objects: hours (Tablet+)
---------------------------------------------------------------------------- */
  .hours:before, .hours:after {
    content: " ";
    display: table; }
  .hours:after {
    clear: both; }
  .hours-block {
    width: 212px;
    float: left; }
  .hours-block-txt {
    font-size: 20px;
    font-size: 1.6666666667rem;
    text-align: left; }
  /* ----------------------------------------------------------------------------
 Modules: Objects: icon (Tablet+)
---------------------------------------------------------------------------- */
  .icon_adlerLogo_banner {
    height: 77px;
    width: 191px; }
  .icon_adlerLogo_footer {
    width: 100%; }
  .icon_search {
    height: 26px;
    width: 26px; }
  .icon_displayOnDesktopOnly {
    display: inline-block; }
  .icon_displayOnMobileAndTabletOnly {
    display: none; }
  .imgCaption {
    width: 400px;
    margin-right: 20px;
    float: left; }
  /*----------------------------------------------------------------------------
 Modules: Object: Image Telescope

/*doc
---
title: Image Telescope
name: media
category: objects
---

Image Telescope is an object to zoom on images when hovering.

```html_example
    <div class="imgTelescope">
        <a href="#">
            <img src="http://placehold.it/100x100.png&text=image" alt="" class="img" />
        </a>
    </div>
```

*/
  .imgTelescope {
    overflow: hidden; }
  .imgTelescope img {
    width: 100%;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease; }
  .imgTelescope img:hover {
    -webkit-transform: scale(1.08) rotate(-0.5deg);
    -moz-transform: scale(1.08) rotate(-0.5deg);
    -ms-transform: scale(1.08) rotate(-0.5deg);
    -o-transform: scale(1.08) rotate(-0.5deg);
    transform: scale(1.08) rotate(-0.5deg);
    -webkit-transition: transform 0.25s ease;
    -moz-transition: transform 0.25s ease;
    -ms-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease; }
  .media_flag {
    display: flex;
    align-items: center; }
  .media_transit {
    text-align: left; }
  .media-element {
    width: 27.232142857143%;
    padding-right: 40px;
    padding-bottom: 0;
    float: left; }
  .media-element_spacedZero {
    padding-right: 0;
    padding-bottom: 0; }
  .media-content {
    width: 72.76785714285701%;
    padding-right: 20px;
    float: left; }
  .media-content_spacedZero {
    padding-bottom: 0; }
  .media-hd {
    padding: 0 0 20px 0; }
  .media-hd_spacedTight {
    padding: 0 0 10px 0; }
  .media-bd {
    padding: 0 0 20px 0; }
  .media-bd_spacedTight {
    padding: 0 0 10px 0; }
  .media-bd_spacedZero {
    padding: 0; }
  .media_flip > .media-element {
    padding-left: 40px;
    padding-right: 0;
    float: right; }
  .media_stacked > .media-element {
    padding-right: 0px;
    padding-bottom: 20px; }
  .media_group + .media_group {
    margin-top: 0; }
  .navMeta-list-item {
    padding: 0 0 4px 0; }
  .navMeta-list-item:last-child {
    padding: 0 0 0 0; }
  .navMeta-list-item-txt {
    font-size: 12px;
    font-size: 1rem; }
  .navMeta_footer {
    width: 100%;
    font-size: 0;
    /* inline-block fix */
    text-align: left;
    /* override mobile center-align: center */ }
  .navMeta_footer .navMeta-list {
    width: 33.3333333333%;
    display: inline-block;
    vertical-align: top; }
  .navMeta_footer .navMeta-list + .navMeta-list {
    padding: 0 0 0 8px; }
  .navMeta_banner {
    /* navMeta appears on tablet+ */
    display: block; }
  .navMeta_banner > .navMeta-list {
    /* disable inline-block on tablet+ */
    padding: 0 0 0 0;
    display: block; }
  /* Contextually Select navMeta_banner to allow sharing of higher-level styling */
  .navMeta_banner > .navMeta-list > .navMeta-list-item {
    display: inline-block; }
  .navMeta_banner > .navMeta-list > .navMeta-list-item a {
    color: #060707;
    -webkit-transition: color 0.2s, border 0.2s;
    -moz-transition: color 0.2s, border 0.2s;
    -ms-transition: color 0.2s, border 0.2s;
    -o-transition: color 0.2s, border 0.2s;
    transition: color 0.2s, border 0.2s;
    text-decoration: none;
    border-bottom: 0px solid #060707; }
  .navMeta_banner > .navMeta-list > .navMeta-list-item a:hover {
    color: #060707;
    border-bottom: 3px solid #060707; }
  .navMeta_banner > .navMeta-list > .navMeta-list-item + .navMeta-list-item {
    margin-left: 2.068965517241%; }
  /*-----------------------------------------------
Mobile Navigation (Tablet)
-------------------------------------------------*/
  /*-----------------------------------------------
 Social Navigation (Tablet+)
-------------------------------------------------*/
  .navSocial-list > .navSocial-list-item + .navSocial-list-item {
    margin-left: 3px; }
  .navSocial_banner {
    display: block; }
  /* Do not use > after .navSocial_banner or .navSocial_footer; there is an inner div
used for WordPress templating but ignored for styling. */
  .navSocial_banner .navSocial-list > .navSocial-list-item .icon_facebook,
  .navSocial_banner .navSocial-list > .navSocial-list-item .icon_googlePlus,
  .navSocial_banner .navSocial-list > .navSocial-list-item .icon_instagram,
  .navSocial_banner .navSocial-list > .navSocial-list-item .icon_pinterest,
  .navSocial_banner .navSocial-list > .navSocial-list-item .icon_twitter,
  .navSocial_banner .navSocial-list > .navSocial-list-item .icon_youtube {
    height: 25px;
    width: 25px; }
  .pricingTable-subTable {
    width: 100%;
    padding-bottom: 20px; }
  .pricingTable-subTable_hideOnSmall {
    display: table; }
  .pricingTable-hdg_hideSmall {
    display: table-cell; }
  .pricingTable-price_hideSmall {
    display: table-cell; }
  .pricingTable-small {
    display: none; }
  .pricingTable-pricing {
    padding-bottom: 20px; }
  /* 
*  Separating out sections of the calendar plugin styling to keep more organized since 
*  we all know how hairy overriding 3rd party plugin CSS can get.
*/
  .fc-header-center {
    top: 0; }
  #wpfc-calendar-wrapper .fc-header-title h2 {
    font-size: 24px !important; } }

@media only screen and (min-width: 1120px) {
  /* ---------------------------------------------------------------------
 Desktop View - 900px+
------------------------------------------------------------------------ */
  .banner-block_branding {
    width: 32.142857142857%;
    padding-left: 2.678571428571%;
    padding-right: 12.5%;
    text-align: left; }
  .banner-block_navigation {
    position: static; }
  .banner-block-customBlock {
    display: block; }
  .banner-block-customBlock_A {
    width: 78.252054794521%;
    float: left;
    position: relative;
    top: 7px; }
  .banner-block-customBlock_B {
    width: 21.747945205479%; }
  .banner-block-customBlock_C {
    width: 95.890410958904%;
    float: left;
    margin-top: 28px; }
  .banner-block-customBlock_D {
    width: 4.109589041096%;
    float: right;
    text-align: right;
    margin-top: 28px;
    margin-bottom: -5px; }
  /* ----------------------------------------------------------------------------
 Modules: Layout: contentBlock (Desktop)
---------------------------------------------------------------------------- */
  .contentBlock {
    max-width: 1120px;
    margin: 0 auto 0 auto; }
  .contentBlock-hd,
  .contentBlock-bd {
    padding-left: 0;
    padding-right: 0; }
  .contentBlock-bd_constrained {
    padding-left: 2.6785714286%;
    padding-right: 2.6785714286%; }
  .contentBlock-bd_constrainNarrow {
    padding-left: 10.7142857143%;
    padding-right: 10.7142857143%; }
  .contentBlock_narrow {
    max-width: 655px;
    margin: 0 auto 0 auto; }
  /*-----------------------------------------------
 Content Info (Desktop)
-------------------------------------------------*/
  .contentinfo {
    float: right; }
  .contentComponent_constrained {
    padding-left: 5.357142857143%;
    padding-right: 5.357142857143%; }
  .featureGraphic {
    position: relative;
    overflow: hidden; }
  .featureGraphic:hover .featureGraphic-content,
  .featureGraphic:focus .featureGraphic-content,
  .featureGraphic:active .featureGraphic-content {
    visibility: visible;
    opacity: 1; }
  .featureGraphic-content {
    display: block;
    height: 100%;
    width: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    color: #000000;
    background: #d9e126;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s; }
  .featureGraphic-content-hd {
    margin-bottom: 10px; }
  .featureGraphic-content-hd-txt {
    font-size: 20px;
    font-size: 1.6666666667rem;
    text-transform: uppercase;
    letter-spacing: 0.09em; }
  .featureGraphic-content-info {
    margin-bottom: 10px;
    font-size: 0; }
  .featureGraphic-content-info-item {
    display: inline-block;
    margin-right: 20px;
    font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-size: 1.6666666667rem;
    font-weight: 600; }
  .featureGraphic-content-info-item:last-child {
    margin-right: 0; }
  .featureGraphic-content-bd {
    max-height: 67.5px;
    overflow: hidden;
    margin-bottom: 10px; }
  .featureGraphic-content-bd-txt {
    font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-size: 1.5rem; }
  .featureGraphic-content-ft-txt {
    font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-size: 1.1666666667rem;
    font-weight: 700;
    text-transform: uppercase; }
  /* ----------------------------------------------------------------------------
 Modules: Objects: Heading (Desktop)
---------------------------------------------------------------------------- */
  .hdg_1 {
    font-size: 36px;
    font-size: 3rem; }
  .hdg_2 {
    font-size: 25px;
    font-size: 2.0833333333rem; }
  .hdg_3 {
    font-size: 24px;
    font-size: 2rem; }
  /* ----------------------------------------------------------------------------
 Modules: Objects: hero (Tablet+)
---------------------------------------------------------------------------- */
  .hero-plaque {
    height: 205px;
    top: 65px;
    left: 65px; }
  /* ----------------------------------------------------------------------------
 Modules: Objects: icon (Desktop)
---------------------------------------------------------------------------- */
  .icon_adlerLogo_footer {
    width: 174px; }
  .icon_displayOnDesktopOnly {
    display: inline-block; }
  .icon_displayOnMobileAndTabletOnly {
    display: none; }
  .navGlobal {
    width: 100%;
    display: block; }
  .navGlobal-list-item {
    display: inline-block; }
  .navGlobal-list-item:hover {
    padding-bottom: 23px;
    margin-bottom: -23px; }
  .navGlobal-list-item + .navGlobal-list-item {
    margin-left: 6.571428571429%; }
  .navGlobal-list-item > a {
    color: #060707;
    -webkit-transition: color 0.2s, border 0.2s;
    -moz-transition: color 0.2s, border 0.2s;
    -ms-transition: color 0.2s, border 0.2s;
    -o-transition: color 0.2s, border 0.2s;
    transition: color 0.2s, border 0.2s;
    text-decoration: none;
    border-bottom: 0px solid #060707; }
  .navGlobal-list-item > a:hover {
    border-bottom: 4px solid #060707; }
  .navGlobal-list-item-txt {
    font-size: 18px;
    font-size: 1.5rem;
    font-family: "brandon-grotesque", "Brandon Grotesque", "Arial Black", Gadget, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em; }
  .navGlobal-ribbon {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: left;
    -webkit-justify-content: left;
    justify-content: left;
    width: 1120px;
    padding: 40px 30px 40px 160px;
    border-top: 3px solid #fff;
    margin-top: 25px;
    position: absolute;
    z-index: 10;
    left: 0;
    background: #d9e126;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    transition: 0.4s 0.2s ease; }
  .navGlobal-list-item:hover .navGlobal-ribbon,
  .navGlobal-list-item:focus .navGlobal-ribbon,
  .navGlobal-ribbon:hover,
  .navGlobal-ribbon:focus {
    z-index: 12;
    visibility: visible;
    opacity: 1; }
  .navGlobal-ribbon-list {
    width: 185px;
    margin: 0 0 0 23px;
    -ms-flex-grow: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0; }
  .navGlobal-ribbon-list-item > a {
    color: #000000;
    text-decoration: none; }
  .navGlobal-ribbon-list-item > a:hover:after {
    margin-left: .2em;
    margin-bottom: 2px;
    position: absolute;
    font-size: 16px;
    font-size: 1.3333333333rem;
    line-height: 1.25;
    content: "\00bb"; }
  .navGlobal-ribbon-list-item-hdg {
    display: block;
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    white-space: nowrap; }
  .navGlobal-ribbon-list-item + .navGlobal-ribbon-list-item {
    margin-top: 8px; }
  .navGlobal-ribbon-list-item-txt {
    font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-size: 1.3333333333rem;
    line-height: 1.25;
    font-weight: 700;
    letter-spacing: 0.09em; }
  /*-----------------------------------------------
Mobile Navigation (Tablet)
-------------------------------------------------*/
  .navMobile {
    display: none; }
  /*-----------------------------------------------
 Mobile Navigation Toggle Button (Dekstop)
-------------------------------------------------*/
  .navMobileToggle {
    display: none; }
  .search {
    display: block;
    height: 63px;
    width: 100%;
    border-top: 3px solid #ffffff;
    position: absolute;
    z-index: 9;
    top: 125px;
    left: 0;
    background: #d9e126;
    overflow: hidden;
    transition: opacity 0.4s, visibility 0.4s;
    visibility: hidden;
    opacity: 0; }
  .search.isActive {
    visibility: visible;
    opacity: 1; }
  .search-form {
    width: 100%;
    padding: 0 5px 0 5px;
    position: absolute;
    bottom: 0;
    left: 0; }
  .search-form-label {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    position: absolute;
    clip: rect(0 0 0 0);
    overflow: hidden; }
  .search-form-textInput {
    height: 50px;
    width: 100%;
    padding: 16.5px 23.6607% 16.5px 0;
    border: 0;
    margin: 5px 0 5px 0;
    background: #fff;
    font-size: 16px;
    font-size: 1.3333333333rem;
    font-family: "museo-sans", "Avenir Next", "Avenir Neue", "Avenir", Arial, Helvetica, sans-serif;
    text-align: center; }
  .search-form-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 50px;
    width: 23.6607%;
    border: 0;
    color: #ffffff;
    background: #000000;
    font-size: 16px;
    font-size: 1.3333333333rem; } }