@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
/**
 * Motif v3.3.0
 * A responsive front-end framework to tell *your* story
 * http://getmotif.com
 */
/**
 * Global Stylesheet
 * The site's main (and perhaps only) stylesheet. All supporting stylesheet 
 * files are imported into and compiled from here.
 */
/**
 * Normalize
 * Using the Normalize.css (http://necolas.github.io/normalize.css/) with only minor modification.
 */
/*

HTML5 Display Definitions

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

The majority will be displayed `block`.

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

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

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

Audio

From Normalize.css:

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

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

Type

*/
/*

HTML Font Size Adjust

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

*/
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}
html,
button,
input,
select,
textarea {
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
abbr[title] {
  border: none;
}
i,
cite,
address {
  font-style: normal;
}
dfn {
  font-style: italic;
}
b {
  font-weight: normal;
}
strong {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
menu,
ul,
ol,
dl,
table,
figure {
  /* Display & Box Model */
  margin: 1.42857143em 0 0 0;
  /* Other */
  font-size: 1em;
  line-height: 1.6;
}
menu,
ol,
ul {
  padding-left: 2.5em;
  padding-left: 1.07142857em;
}
li {
  margin-bottom: 0.35714286em;
  list-style: none;
  position: relative;
}
li:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  width: 5px;
  height: 5px;
  background: #08215a;
  position: absolute;
  left: -17px;
  top: 8px;
}
li ul,
li ol {
  margin-top: 1.0714285714285714em;
  margin-bottom: 1.0714285714285714em;
}
dd {
  margin-left: 2.5em;
}
blockquote {
  padding: 1.25em 2.5em;
}
blockquote footer {
  margin-top: 1.42857143em;
}
blockquote cite {
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
}
blockquote cite:first-letter {
  font-size: 16px;
  font-size: 1rem;
  color: #cf333c;
}
blockquote cite:before {
  content: "\2014";
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
small {
  font-size: 1em;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
a:focus,
a:active,
a:hover {
  outline: 0;
}
img {
  max-width: 100%;
  border: 0;
}
.lte7 img {
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
.ie11pd {
  flex-shrink: 0 !important;
}
form {
  margin: 0;
}
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
legend {
  width: 100%;
  border: 0;
  padding: 0;
  display: block;
  white-space: normal;
}
.lte7 legend {
  margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  display: block;
}
button .lte7,
input .lte7,
select .lte7,
textarea .lte7 {
  vertical-align: middle;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  display: inline-block;
  cursor: pointer;
}
button .lte7,
html input[type="button"] .lte7,
input[type="reset"] .lte7,
input[type="submit"] .lte7 {
  overflow: visible;
  display: inline;
  zoom: 1;
}
button,
input {
  line-height: normal;
}
button[disabled],
input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 3px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  vertical-align: top;
}
input[type="checkbox"] .lte7,
input[type="radio"] .lte7 {
  width: 13px;
  height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-spacing: 0;
}
/* 

Spacing Helpers

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

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

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

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

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

Text Align

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

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

Floats

Next, we have classes for floating elements.

*/
.float--left {
  float: left;
}
.float--center {
  margin-left: auto;
  margin-right: auto;
}
.float--right {
  float: right;
}
.float--none {
  float: none;
}
.clear {
  clear: both;
}
.clear-after:after {
  content: "";
  display: block;
  clear: both;
}
/*

"New Line"

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

*/
.new-line,
.media-object,
.media-object > *,
.media-object > :first-child img,
.media-object__figure img,
.media-object__desc,
.figure > a,
[class*="figure--"] > a,
.figure img,
[class*="figure--"] img,
[class*="ratio"]:before,
.card-featured-event-link--vertical .card-featured__date .month,
.card-featured__date .month,
.card-featured-event-link--vertical .card-featured__date .year,
.card-featured__date .year,
.card-featured-event-link--vertical .card-featured__date .year,
.card-featured__date .year,
.input-label,
.input-hint,
.input-desc,
.author-info .author-name,
.author-info .author-title,
.author-info .author-org {
  display: block;
}
.group,
.breadcrumb,
.media-object--checkbox,
.media-object,
.author-info {
  /* Mixins */
  clear: both;
}
.group:before,
.group:after,
.media-object--checkbox:before,
.media-object--checkbox:after,
.media-object:before,
.author-info:before,
.media-object:after,
.author-info:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.group:after,
.media-object--checkbox:after,
.media-object:after,
.author-info:after {
  clear: both;
}
/*

"Is Hidden"

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

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

"Isn't Hidden"

Undoes `.is-hidden`.

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

"Relative Container"

Exactly what it sounds like.

*/
.relative-container,
[class*="ratio"],
.js .expand__target,
.js .fade__target,
[class*="input-alert"],
.js .canvas__primary,
.js .canvas__secondary {
  position: relative;
}
/*

Horizontal List

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

*/
[class*="list--x"] li,
.tabs nav > ul li {
  display: inline;
}
[class*="list--x"] li:before,
.tabs nav > ul li:before {
  display: none;
}
[class*="list--x"] a,
.tabs nav > ul a {
  display: inline-block;
}
/*

Horizontal List (Forceful)

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

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

Link List

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

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

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

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

Pagination

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

*/
.list--x--pgs a {
  padding: 0 0.625em;
  font-style: normal;
  color: #36333d;
  /*        &[href] {
            &:extend( .link all );
        }*/
}
.list--x--pgs a:hover,
.list--x--pgs a:focus {
  color: #9d2125;
}
.list--x--pgs a.active {
  color: #cf333c;
}
/*

Breadcrumb

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

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

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

Button List

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

*/
[class*="button-list--x"] {
  margin-top: 0;
  overflow: hidden;
}
[class*="button-list--x"] li,
[class*="button-list--x"] a {
  display: block;
}
[class*="button-list--x"] li {
  float: left;
}
.related-item__list {
  padding: 0 1.42857143em;
}
.related-item__list > .related-item__article,
.related-item__list > .related-item__event,
.related-item__list > .related-item__vet {
  margin-top: 60px;
}
.related-item__list > .related-item__article:after,
.related-item__list > .related-item__event:after,
.related-item__list > .related-item__vet:after {
  content: "";
  position: absolute;
  top: -36px;
  left: -2px;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
}
.related-item__list > .related-item__article:after {
  content: "Related Articles";
}
.related-item__list > .related-item__event:after {
  content: "Upcoming Dates";
}
.related-item__list > .related-item__vet:after {
  content: "Go Back";
}
.related-item__list > .related-item__article ~ .related-item__article,
.related-item__list > .related-item__event ~ .related-item__event {
  margin-top: 1.42857143em;
}
.related-item__list > .related-item__article ~ .related-item__article:after,
.related-item__list > .related-item__event ~ .related-item__event:after {
  display: none;
}
.related-item__article,
.related-item__event {
  position: relative;
}
.related-item__event {
  position: relative;
}
.related-item__article {
  position: relative;
  color: #ffffff;
}
/*

Media Object

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

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

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


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

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

Figures

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

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

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

*/
.figure,
[class*="figure--"] {
  margin-top: 1.4285714285714286em;
}
@media all and (min-width: 30em) {
  [class*="figure--"] {
    margin-top: 0;
    max-width: 50%;
  }
  .figure--left,
  .figure--right {
    padding-bottom: 0.71428571em;
  }
  .figure--left {
    float: left;
    padding-right: 2.57142857em;
  }
  .figure--right {
    float: right;
    padding-left: 2.57142857em;
  }
}
/*

Ratios

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

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

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

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

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

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

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

Wrapper

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

*/
.wrapper,
.wrapped-info-bar .info-bar--eow {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 77.5em) {
  .wrapper,
  .wrapped-info-bar .info-bar--eow {
    width: 80%;
    max-width: 89.28571429em;
  }
}
/*

Animated Revealing/Hiding Block Modules

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

*/
.js {
  /*

    Reveal Target

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

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

    */
  /*

    Expand Target

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

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

    */
  /*

    Fade Target

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

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

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

Main Nav Module

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

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

*/
@media all and (min-width: 48em) {
  .js .menu__list {
    max-height: 999px;
  }
  .menu__title {
    display: none;
  }
}
/*

Tabs

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

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

*/
.js .tabs > nav + *,
.js .tabs__section {
  position: relative;
  overflow: hidden;
}
.js .tabs > nav + * > *,
.js .tab {
  display: none;
}
.js .tabs > nav + * > *.is-current,
.js .tab.is-current {
  display: block;
}
.gallery--wrapper {
  display: block;
  overflow-y: scroll;
}
[class*="gallery--x"]:after {
  content: "";
  display: block;
  clear: both;
}
[class*="gallery--x"] li {
  display: block;
  float: left;
  width: 100%;
  padding: 0.5rem;
  padding-left: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0.71428571em;
  max-width: 350px;
}
[class*="gallery--x"] li:before {
  display: none;
}
[class*="gallery--x"] li span.gallery-item--wrapper {
  display: block;
  position: relative;
  border: 10px solid #ffffff;
  padding-top: 63%;
  background: #36333d;
}
[class*="gallery--x"] li span.gallery-item--wrapper:hover img {
  opacity: 1;
}
[class*="gallery--x"] li span.gallery-item--wrapper:hover figcaption {
  transform: translateX(0px);
  opacity: 1;
}
[class*="gallery--x"] li .img--wrapper {
  overflow: hidden;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 80;
  left: 0;
  width: 100%;
}
[class*="gallery--x"] li img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
  opacity: .7;
  display: block;
  transform: translateZ(0);
}
[class*="gallery--x"] li figcaption {
  font-size: 12px;
  font-size: 0.75rem;
  background: #36333d;
  background: rgba(54, 51, 61, 0.65);
  color: #ffffff;
  padding: 0.83333333em 1.25em;
  position: absolute;
  bottom: 0;
  top: inherit;
  left: 0;
  width: 100%;
  height: 45px;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: lighter;
  z-index: 100;
  transform: translateY(0);
  margin-left: 0;
  opacity: 1;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
}
[class*="gallery--x"] li figcaption:after {
  background: #36333d;
  background: -moz-linear-gradient(top, transparent 0, #36333d 80%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(80%, #36333d));
  background: -webkit-linear-gradient(top, transparent 0, #36333d 80%);
  background: -o-linear-gradient(top, transparent 0, #36333d 80%);
  background: -ms-linear-gradient(top, transparent 0, #36333d 80%);
  background: linear-gradient(to bottom, transparent 0, #36333d 80%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
}
[class*="gallery--x"] li:first-child {
  width: 100%;
  max-width: 350px;
}
[class*="gallery--x"] li:first-child:last-child {
  width: 100%;
}
[class*="gallery--x"] li img {
  display: block;
}
.wysiwyg .gallery--x li {
  padding-left: 0;
  margin-bottom: 0;
}
.card-event {
  background-color: #ffffff;
  padding: 0.71428571em;
}
.card-event img {
  width: 100%;
  display: block;
}
.card-event-details {
  padding: 1.07142857em 0.35714286em 0.71428571em 0.35714286em;
}
.card-event .social-links-list {
  padding-top: 1.42857143em;
}
.card-event .social-links-list a {
  padding: 2px;
  overflow: hidden;
}
.card-event .social-links-list a.icon--facebook {
  background: #a69e94;
}
.card-event .social-links-list a.icon--facebook:before {
  font-size: 40px;
  font-size: 2.5rem;
  margin-top: -8px;
  margin-left: -4px;
}
.card-event .social-links-list a.icon--twitter:before {
  font-size: 40px;
  font-size: 2.5rem;
  background: #a69e94;
}
.card-event .social-links-list a.icon--ical:before {
  font-size: 40px;
  font-size: 2.5rem;
  background: #a69e94;
}
.card-event .social-links-list a:hover {
  color: #9d2125;
}
.card-event .social-links-list [class*="pre-icon--"]:before,
.card-event .social-links-list [class*="icon--"]:before,
.card-event .social-links-list [class*="post-icon--"]:after {
  font-size: 1.3em;
}
.card-event-heading {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  background-color: transparent;
}
.card-event-heading .card__title {
  font-style: italic;
  text-transform: none;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-weight: bold;
  margin-bottom: .8em;
}
.card-event-heading .card__title:after {
  height: 2px;
  width: 130px;
  background-color: #cf333c;
  bottom: -15px;
}
.event-wrapper {
  margin-left: 0.71428571em;
  margin-right: 0.71428571em;
}
.clearfix {
  clear: both;
}
.post-caption {
  font-size: 0.71428571em;
  background: #36333d;
  color: #c9c4be;
  padding: 2em 1.8em;
  font-style: italic;
}
/*

Font Declarations

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

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

*/
@font-face {
  font-family: "Lato Light";
  src: url("/resources/fonts/lato/LatoLatinLight-Regular.eot");
  src: url("/resources/fonts/lato/LatoLatinLight-Regular.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/lato/LatoLatinLight-Regular.woff") format('woff'), url("/resources/fonts/lato/LatoLatinLight-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato Regular";
  src: url("/resources/fonts/lato/LatoLatin-Regular.eot");
  src: url("/resources/fonts/lato/LatoLatin-Regular.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/lato/LatoLatin-Regular.woff") format('woff'), url("/resources/fonts/lato/LatoLatin-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato Bold";
  src: url("/resources/fonts/lato/LatoLatin-Bold.eot");
  src: url("/resources/fonts/lato/LatoLatin-Bold.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/lato/LatoLatin-Bold.woff") format('woff'), url("/resources/fonts/lato/LatoLatin-Bold.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lato Black";
  src: url("/resources/fonts/lato/LatoLatinBlack-Regular.eot");
  src: url("/resources/fonts/lato/LatoLatinBlack-Regular.eot?#iefix") format('embedded-opentype'), url("/resources/fonts/lato/LatoLatinBlack-Regular.woff") format('woff'), url("/resources/fonts/lato/LatoLatinBlack-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*

Font Classes

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

*/
.sans-serif--regular,
.sans-serif--bold,
.sans-serif--italic,
.sans-serif--bold-italic,
.sans-serif--light,
.tertiary-heading,
body,
.body-text,
.card__date,
.horizontal-card__intro,
.card__intro,
.card-featured-event-link--vertical .card-featured__date,
.card-featured__date,
.card-featured__intro-copy,
.sidenav__secondary li a,
.program-card--copy-background .title,
.program-card--copy-wrapper .title,
.input-hint,
.input-desc,
[class*="input-alert"],
.author-info .author-name {
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.sans-serif--regular,
.tertiary-heading,
body,
.body-text,
.card__date,
.horizontal-card__intro,
.card__intro,
.card-featured-event-link--vertical .card-featured__date,
.card-featured__date,
.card-featured__intro-copy,
.sidenav__secondary li a,
.program-card--copy-background .title,
.program-card--copy-wrapper .title,
.input-hint,
.input-desc,
[class*="input-alert"],
.author-info .author-name {
  font-weight: 400;
  font-style: normal;
}
.sans-serif--bold {
  font-weight: 700;
  font-style: normal;
}
.sans-serif--italic {
  font-weight: 400;
  font-style: italic;
}
.sans-serif--bold-italic {
  font-weight: 700;
  font-style: italic;
}
.sans-serif--light {
  font-weight: lighter;
}
.serif--regular,
.serif--bold,
.serif--light,
.serif--italic,
.serif--bold-italic,
.serif--small-caps,
.serif--small-caps,
.serif---regular-uppercase,
.primary-heading,
.alt-heading,
.footer-nav--list-title,
.card-featured-event-link--vertical .card-featured__date .alpha,
.card-featured__date .alpha,
.card-featured-event-link--vertical .card-featured__date .numeric,
.card-featured__date .numeric,
.card-featured__title,
.card-featured__title,
.card__sub-title,
.card-featured__sub-title {
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
.serif--regular,
.serif--small-caps,
.serif---regular-uppercase,
.primary-heading,
.footer-nav--list-title,
.card-featured-event-link--vertical .card-featured__date .alpha,
.card-featured__date .alpha,
.card-featured-event-link--vertical .card-featured__date .numeric,
.card-featured__date .numeric,
.card-featured__title,
.card__sub-title,
.card-featured__sub-title {
  font-weight: 400;
  font-style: normal;
}
.serif--bold {
  font-weight: 700;
  font-style: normal;
}
.serif--light {
  font-weight: lighter;
  font-style: normal;
}
.serif--italic,
.alt-heading,
.card-featured__title {
  font-weight: 400;
  font-style: italic;
}
.serif--bold-italic {
  font-weight: 700;
  font-style: italic;
}
.serif--small-caps {
  font-variant: small-caps;
  text-transform: capitalize;
}
.serif---regular-uppercase {
  text-transform: uppercase;
}
.serif--surveyor {
  font-family: "Surveyor Display A", "Surveyor Display B", serif;
}
.serif--surveyor-italic {
  font-family: "Surveyor Display A", "Surveyor Display B", serif;
  font-style: italic;
  letter-spacing: .6px;
}
/*

Heading Styles

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

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

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

*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.75em;
}
/*

Secondary Heading

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

*/
.primary-heading,
.card-featured__title,
.card__sub-title,
.card-featured__sub-title {
  text-transform: uppercase;
  /*.size-for-font(24);*/
  color: #696b73;
}
.primary-heading a {
  font-style: normal;
}
.secondary-heading,
.wysiwyg h3 {
  /*.size-for-font(18);*/
  color: #08215a;
  font-weight: bold;
}
.tertiary-heading,
.program-card--copy-background .title,
.program-card--copy-wrapper .title,
.author-info .author-name {
  color: #2b7fde;
  text-transform: uppercase;
  font-weight: bold;
}
.alt-heading {
  color: #696b73;
  text-transform: uppercase;
}
/*

Body Text

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

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

*/
body,
.body-text,
.input-hint,
.input-desc,
[class*="input-alert"] {
  line-height: 1.6;
}
/*

Unstyled List

A basic stripping of list styles.

*/
.list--unstyled,
[class*="list--x"],
[class*="gallery--x"],
.sidenav ul,
.tabs nav > ul {
  padding-left: 0;
  list-style: none outside none;
}
.list--unstyled > li:before {
  display: none;
}
/*

Blockquote

A basic blockquote.

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

*/
.blockquote {
  padding-left: 1.28571429em;
}
.blockquote blockquote {
  padding: 0;
}
.blockquote__cite {
  display: block;
}
.blockquote__cite:before {
  content: "\2014";
}
/*

Icon size Modifiers

 */
.icon--xl {
  font-size: 70px;
  font-size: 4.375rem;
}
.icon--center:before,
.icon--center:after {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/*

Typographic Scale

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

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

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

*/
/*

Canon Text

*/
.canon-text,
.wysiwyg h1,
.wysiwyg .canon-text {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.18421053;
}
/*

Paragon Text

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

Primer Text

*/
[class*="primer-text"] {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
}
/*

Super Primer Text

*/
.super-primer-text {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.15384615;
}
/*

Great Text

*/
[class*="great-text"] {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}
/*

Tertia Text

*/
[class*="tertia-text"] {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333333;
}
/*

Driver Text

*/
[class*="driver-text"] {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
}
/*

Normal Text

*/
[class*="normal-text"],
body,
.body-text,
.input-hint,
.input-desc,
[class*="input-alert"] {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.07142857;
}
/*

Small Text

*/
[class*="small-text"] {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}
/*

Petite Text

*/
[class*="petite-text"],
.figure figcaption,
.figcaption {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
}
/*

Minion Text

*/
[class*="minion-text"] {
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 1.25;
}
/*

Long Modifiers

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

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

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

*/
.primer-text--long,
.tertia-text--long,
.normal-text--long,
.petite-text--long,
body,
.body-text,
.input-hint,
.input-desc,
[class*="input-alert"] {
  line-height: 1.6;
}
@font-face {
  font-family: "motif-icons";
  src: url("../fonts/motif-icons/motif-icons.eot");
  src: url("../fonts/motif-icons/motif-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/motif-icons/motif-icons.woff") format("woff"), url("../fonts/motif-icons/motif-icons.ttf") format("truetype"), url("../fonts/motif-icons/motif-icons.svg?#motif-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*="pre-icon--"]:before,
[class*="icon--"]:before,
[class*="post-icon--"]:after {
  display: inline-block;
  font-family: "motif-icons";
  font-size: 2.1em;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lte8 [class*="pre-icon--"]:before,
.lte8 [class*="icon--"]:before,
.lte8 [class*="post-icon--"]:after {
  font-size: 1;
}
[class*="pre-icon--"]:before {
  padding-right: 0.357em;
}
[class*="post-icon--"]:after {
  padding-left: 0.357em;
}
.pre-icon--arrow-circle:before,
.icon--arrow-circle:before,
.post-icon--arrow-circle:after {
  content: "\f101";
}
.pre-icon--arrow-sharp--left:before,
.icon--arrow-sharp--left:before,
.post-icon--arrow-sharp--left:after {
  content: "\f102";
}
.pre-icon--arrow-sharp--right:before,
.icon--arrow-sharp--right:before,
.post-icon--arrow-sharp--right:after {
  content: "\f103";
}
.pre-icon--arrow-stemmed--right:before,
.icon--arrow-stemmed--right:before,
.post-icon--arrow-stemmed--right:after {
  content: "\f104";
}
.pre-icon--arrow-thin--left:before,
.icon--arrow-thin--left:before,
.post-icon--arrow-thin--left:after,
.flex-prev:after {
  content: "\f105";
}
.pre-icon--arrow-thin--right:before,
.icon--arrow-thin--right:before,
.post-icon--arrow-thin--right:after,
.flex-next:after {
  content: "\f106";
}
.pre-icon--arrow-up:before,
.icon--arrow-up:before,
.post-icon--arrow-up:after {
  content: "\f107";
}
.pre-icon--arrows-verticle:before,
.icon--arrows-verticle:before,
.post-icon--arrows-verticle:after {
  content: "\f108";
}
.pre-icon--article:before,
.icon--article:before,
.post-icon--article:after,
.wysiwyg ul.feature-list li.pre-icon--article:before,
.wysiwyg ul.feature-list li.icon--article:before {
  content: "\f109";
}
.pre-icon--book:before,
.icon--book:before,
.post-icon--book:after,
.wysiwyg ul.feature-list li.pre-icon--book:before,
.wysiwyg ul.feature-list li.icon--book:before {
  content: "\f10a";
}
.pre-icon--brain:before,
.icon--brain:before,
.post-icon--brain:after,
.wysiwyg ul.feature-list li.pre-icon--brain:before,
.wysiwyg ul.feature-list li.icon--brain:before {
  content: "\f10b";
}
.pre-icon--calendar:before,
.icon--calendar:before,
.post-icon--calendar:after {
  content: "\f10c";
}
.pre-icon--catalyst-doc:before,
.icon--catalyst-doc:before,
.post-icon--catalyst-doc:after {
  content: "\f10d";
}
.pre-icon--center:before,
.icon--center:before,
.post-icon--center:after {
  content: "\f10e";
}
.pre-icon--check:before,
.icon--check:before,
.post-icon--check:after,
.wysiwyg ul.feature-list li.pre-icon--check:before,
.wysiwyg ul.feature-list li.icon--check:before {
  content: "\f10f";
}
.pre-icon--circle-small:before,
.icon--circle-small:before,
.post-icon--circle-small:after,
.wysiwyg ul.feature-list li:before {
  content: "\f110";
}
.pre-icon--circle:before,
.icon--circle:before,
.post-icon--circle:after,
.wysiwyg ul.feature-list li.pre-icon--circle:before,
.wysiwyg ul.feature-list li.icon--circle:before {
  content: "\f111";
}
.pre-icon--clock:before,
.icon--clock:before,
.post-icon--clock:after,
.wysiwyg ul.feature-list li.pre-icon--clock:before,
.wysiwyg ul.feature-list li.icon--clock:before {
  content: "\f112";
}
.pre-icon--close-simple:before,
.icon--close-simple:before,
.post-icon--close-simple:after {
  content: "\f113";
}
.pre-icon--close:before,
.icon--close:before,
.post-icon--close:after {
  content: "\f114";
}
.pre-icon--credit:before,
.icon--credit:before,
.post-icon--credit:after,
.wysiwyg ul.feature-list li.pre-icon--credit:before,
.wysiwyg ul.feature-list li.icon--credit:before {
  content: "\f115";
}
.pre-icon--cursor:before,
.icon--cursor:before,
.post-icon--cursor:after {
  content: "\f116";
}
.pre-icon--diagram:before,
.icon--diagram:before,
.post-icon--diagram:after,
.wysiwyg ul.feature-list li.pre-icon--diagram:before,
.wysiwyg ul.feature-list li.icon--diagram:before {
  content: "\f117";
}
.pre-icon--dialogue:before,
.icon--dialogue:before,
.post-icon--dialogue:after,
.wysiwyg ul.feature-list li.pre-icon--dialogue:before,
.wysiwyg ul.feature-list li.icon--dialogue:before {
  content: "\f118";
}
.pre-icon--document:before,
.icon--document:before,
.post-icon--document:after {
  content: "\f119";
}
.pre-icon--domestic:before,
.icon--domestic:before,
.post-icon--domestic:after {
  content: "\f11a";
}
.pre-icon--essay:before,
.icon--essay:before,
.post-icon--essay:after,
.wysiwyg ul.feature-list li.pre-icon--essay:before,
.wysiwyg ul.feature-list li.icon--essay:before {
  content: "\f11b";
}
.pre-icon--eye:before,
.icon--eye:before,
.post-icon--eye:after,
.wysiwyg ul.feature-list li.pre-icon--eye:before,
.wysiwyg ul.feature-list li.icon--eye:before {
  content: "\f11c";
}
.pre-icon--facebook:before,
.icon--facebook:before,
.post-icon--facebook:after {
  content: "\f11d";
}
.pre-icon--filter:before,
.icon--filter:before,
.post-icon--filter:after,
.wysiwyg ul.feature-list li.pre-icon--filter:before,
.wysiwyg ul.feature-list li.icon--filter:before {
  content: "\f11e";
}
.pre-icon--flickr:before,
.icon--flickr:before,
.post-icon--flickr:after {
  content: "\f11f";
}
.pre-icon--glasses:before,
.icon--glasses:before,
.post-icon--glasses:after {
  content: "\f120";
}
.pre-icon--global:before,
.icon--global:before,
.post-icon--global:after {
  content: "\f121";
}
.pre-icon--globe:before,
.icon--globe:before,
.post-icon--globe:after,
.wysiwyg ul.feature-list li.pre-icon--globe:before,
.wysiwyg ul.feature-list li.icon--globe:before {
  content: "\f122";
}
.pre-icon--google-plus:before,
.icon--google-plus:before,
.post-icon--google-plus:after {
  content: "\f123";
}
.pre-icon--headline:before,
.icon--headline:before,
.post-icon--headline:after,
.wysiwyg ul.feature-list li.pre-icon--headline:before,
.wysiwyg ul.feature-list li.icon--headline:before {
  content: "\f124";
}
.pre-icon--heart-fill:before,
.icon--heart-fill:before,
.post-icon--heart-fill:after {
  content: "\f125";
}
.pre-icon--heart-outline:before,
.icon--heart-outline:before,
.post-icon--heart-outline:after {
  content: "\f126";
}
.pre-icon--ical:before,
.icon--ical:before,
.post-icon--ical:after {
  content: "\f127";
}
.pre-icon--info:before,
.icon--info:before,
.post-icon--info:after,
.wysiwyg ul.feature-list li.pre-icon--info:before,
.wysiwyg ul.feature-list li.icon--info:before {
  content: "\f128";
}
.pre-icon--instagram:before,
.icon--instagram:before,
.post-icon--instagram:after {
  content: "\f129";
}
.pre-icon--location-outline:before,
.icon--location-outline:before,
.post-icon--location-outline:after,
.wysiwyg ul.feature-list li.pre-icon--location-outline:before,
.wysiwyg ul.feature-list li.icon--location-outline:before {
  content: "\f12a";
}
.pre-icon--location:before,
.icon--location:before,
.post-icon--location:after,
.wysiwyg ul.feature-list li.pre-icon--location:before,
.wysiwyg ul.feature-list li.icon--location:before {
  content: "\f12b";
}
.pre-icon--mail:before,
.icon--mail:before,
.post-icon--mail:after,
.wysiwyg ul.feature-list li.pre-icon--mail:before,
.wysiwyg ul.feature-list li.icon--mail:before {
  content: "\f12c";
}
.pre-icon--megaphone:before,
.icon--megaphone:before,
.post-icon--megaphone:after,
.wysiwyg ul.feature-list li.pre-icon--megaphone:before,
.wysiwyg ul.feature-list li.icon--megaphone:before {
  content: "\f12d";
}
.pre-icon--microphone:before,
.icon--microphone:before,
.post-icon--microphone:after,
.wysiwyg ul.feature-list li.pre-icon--microphone:before,
.wysiwyg ul.feature-list li.icon--microphone:before {
  content: "\f12e";
}
.pre-icon--nav-down:before,
.icon--nav-down:before,
.post-icon--nav-down:after {
  content: "\f12f";
}
.pre-icon--nav-right-2:before,
.icon--nav-right-2:before,
.post-icon--nav-right-2:after {
  content: "\f130";
}
.pre-icon--nav-right:before,
.icon--nav-right:before,
.post-icon--nav-right:after {
  content: "\f131";
}
.pre-icon--people:before,
.icon--people:before,
.post-icon--people:after,
.wysiwyg ul.feature-list li.pre-icon--people:before,
.wysiwyg ul.feature-list li.icon--people:before {
  content: "\f132";
}
.pre-icon--photos:before,
.icon--photos:before,
.post-icon--photos:after,
.wysiwyg ul.feature-list li.pre-icon--photos:before,
.wysiwyg ul.feature-list li.icon--photos:before {
  content: "\f133";
}
.pre-icon--print:before,
.icon--print:before,
.post-icon--print:after {
  content: "\f134";
}
.pre-icon--reports:before,
.icon--reports:before,
.post-icon--reports:after,
.wysiwyg ul.feature-list li.pre-icon--reports:before,
.wysiwyg ul.feature-list li.icon--reports:before {
  content: "\f135";
}
.pre-icon--search:before,
.icon--search:before,
.post-icon--search:after,
.wysiwyg ul.feature-list li.pre-icon--search:before,
.wysiwyg ul.feature-list li.icon--search:before {
  content: "\f136";
}
.pre-icon--star:before,
.icon--star:before,
.post-icon--star:after,
.wysiwyg ul.feature-list li.pre-icon--star:before,
.wysiwyg ul.feature-list li.icon--star:before {
  content: "\f137";
}
.pre-icon--tags:before,
.icon--tags:before,
.post-icon--tags:after,
.wysiwyg ul.feature-list li.pre-icon--tags:before,
.wysiwyg ul.feature-list li.icon--tags:before {
  content: "\f138";
}
.pre-icon--target:before,
.icon--target:before,
.post-icon--target:after,
.wysiwyg ul.feature-list li.pre-icon--target:before,
.wysiwyg ul.feature-list li.icon--target:before {
  content: "\f139";
}
.pre-icon--twitter:before,
.icon--twitter:before,
.post-icon--twitter:after {
  content: "\f13a";
}
.pre-icon--utensils:before,
.icon--utensils:before,
.post-icon--utensils:after,
.wysiwyg ul.feature-list li.pre-icon--utensils:before,
.wysiwyg ul.feature-list li.icon--utensils:before {
  content: "\f13b";
}
.pre-icon--video:before,
.icon--video:before,
.post-icon--video:after,
.wysiwyg ul.feature-list li.pre-icon--video:before,
.wysiwyg ul.feature-list li.icon--video:before {
  content: "\f13c";
}
.pre-icon--youtube:before,
.icon--youtube:before,
.post-icon--youtube:after {
  content: "\f13d";
}
/*

Interactive Elements

*/
/*

Buttons

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

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

*/
.btn,
[class*="btn"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 1.2px;
  width: auto;
  height: auto;
  margin: 0;
  line-height: normal;
  text-decoration: none;
  position: relative;
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  outline: 0;
  overflow: visible;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  background: #2b7fde;
  color: #ffffff;
  text-align: center;
  padding: 1.42857143em 2.57142857em;
  text-transform: uppercase;
  transition: all 0.3s ease;
  border-width: 0;
  font-style: normal;
  margin-top: 1.4285714285714286em;
}
p > .btn,
p > [class*="btn"] {
  margin-top: 0;
}
.btn:hover,
[class*="btn"]:hover,
.btn:focus,
[class*="btn"]:focus,
.btn.is-current,
[class*="btn"].is-current {
  background: #1d66b9;
  color: #ffffff;
}
/*

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

*/
/*

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

*/
/*

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

*/
.btn--micro {
  font-size: 8px;
  font-size: 0.5rem;
  padding: .5em 1em .5em 1.2em;
  margin-top: -3px;
  margin-left: 5px;
  margin-right: 5px;
}
.btn--tiny {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0.71428571em 1.28571429em;
}
.btn--small {
  font-size: 10px;
  font-size: 0.625rem;
}
.btn--large {
  font-size: 18px;
  font-size: 1.125rem;
}
.btn--full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn--red {
  background: #cf333c;
}
.btn--red:hover,
.btn--red:focus,
.btn--red.is-current {
  background: #9d2125;
}
.btn--disabled {
  background: #a9a6a7;
}
.btn--disabled:hover,
.btn--disabled:focus,
.btn--disabled.is-current {
  background: #a9a6a7;
}
.btn--window {
  border: 3px solid #ffffff;
  background: transparent;
}
.btn--window:hover,
.btn--window:focus,
.btn--window.is-current {
  background: white;
  color: #08215a;
}
.btn--window.btn--featured {
  font-weight: normal;
  text-shadow: none;
  display: inline-block;
}
@media all and (min-width: 30em) {
  .btn--window.btn--featured.btn--last {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.btn--window.cream {
  border-color: #ece9e0;
  color: #ece9e0;
}
.btn--window.cream:hover,
.btn--window.cream:focus,
.btn--window.cream.is-current {
  background: #ece9e0;
  color: #08215a;
}
.btn--window.yellow {
  border-color: #f9c848;
}
.btn--window.yellow:hover,
.btn--window.yellow:focus,
.btn--window.yellow.is-current {
  background: #f9c848;
}
/*

Link Styles

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

*/
a,
.link {
  color: #cf333c;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
}
a:hover,
.link:hover,
a:focus,
.link:focus,
a.is-current,
.link.is-current {
  color: #9d2125;
}
.link--in-context {
  font-style: italic;
  position: relative;
  background: #ede9e6;
  padding: 0.5em;
  font-weight: bold;
}
.link--white {
  color: #ffffff;
}
.link--white:hover,
.link--white:focus {
  color: #d9d9d9;
}
.link--cream {
  color: #cfc7b1;
}
.link--cream:hover,
.link--cream:focus {
  color: #bcb191;
}
.link--yellow {
  color: #f9c848;
  font-style: italic;
}
.link--yellow:hover,
.link--yellow:focus,
.link--yellow.is-current {
  color: #edad08;
}
.link--grey {
  color: #696b73;
}
.link--grey:hover,
.link--grey:focus,
.link--grey.is-current {
  color: #9d2125;
}
.link--grey:hover span,
.link--grey:focus span,
.link--grey.is-current span {
  color: #9d2125;
}
.link--action {
  font-size: 13px;
  font-size: 0.8125rem;
  display: inline-block;
  position: relative;
  font-style: italic;
  margin-top: 1.53846154em;
  margin-right: 1.53846154em;
  text-transform: capitalize;
}
.link--action:hover:after {
  border-left-color: #9d2125;
}
.link--action:hover.link--white:after {
  border-left-color: #d9d9d9;
}
.link--action:hover.link--yellow:after {
  border-left-color: #edad08;
}
.link--action:after {
  content: "";
  position: absolute;
  right: -1.53846154em;
  top: 50%;
  margin-top: -0.30769231em;
  border-color: transparent;
  border-width: 0.46153846em;
  border-style: solid;
  border-left-color: #cf333c;
  border-top-width: 0.38461538em;
  border-bottom-width: 0.38461538em;
  transform: skew(-15deg);
  -webkit-filter: skew(-15deg);
  -moz-filter: skew(-15deg);
  -o-filter: skew(-15deg);
  -ms-filter: skew(-15deg);
  filter: skew(-15deg);
}
.link--action.link--white:after {
  border-left-color: #ffffff;
}
.link--action.link--yellow:after {
  border-left-color: #f9c848;
}
p a {
  font-style: italic;
  position: relative;
  background: #ede9e6;
  padding: 0.5em 0;
  font-weight: bold;
}
p a.link--action {
  background: inherit;
}
.full-band-callout--copy-wrapper p a {
  background: none;
}
.links--white a {
  color: #ffffff;
}
.links--white a:hover,
.links--white a:focus,
.links--white a.is-current {
  color: #d9d9d9;
}
.links--grey a {
  color: #696b73;
}
.links--grey a:hover,
.links--grey a:focus,
.links--grey a.is-current {
  color: #9d2125;
}
.links--grey a:hover span,
.links--grey a:focus span,
.links--grey a.is-current span {
  color: #9d2125;
}
.links--muted a {
  color: #a69e94;
}
.links--muted a:hover,
.links--muted a:focus,
.links--muted a.is-current {
  color: #9d2125;
}
.links--muted a:hover span,
.links--muted a:focus span,
.links--muted a.is-current span {
  color: #9d2125;
}
nav .is-revealed {
  font-weight: bold;
}
a.nav-bar__title {
  margin: 0;
  color: #08215a;
  background: #1f75ae;
  padding: 0.71428571em 4%;
  cursor: pointer;
}
a.nav-bar__title:hover,
a.nav-bar__title:focus,
a.nav-bar__title.is-expanded {
  background: #024f82;
}
a.nav-bar__link {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #173952;
  text-decoration: none;
  position: relative;
  margin: 0.71428571em 4%;
  padding: 0;
  display: inline-block;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
}
a.nav-bar__link:hover,
a.nav-bar__link:focus,
a.nav-bar__link.is-current {
  color: #173952;
}
a.nav-bar__link--eyebrow {
  font-size: 12px;
  font-size: 0.75rem;
  color: #08215a;
  font-weight: normal;
  text-transform: uppercase;
  font-style: italic;
  position: relative;
  top: -3px;
  margin: 0.71428571em 4%;
}
.main-header .nav-bar__title {
  position: absolute;
  padding-left: 18px;
  border-left: 1px solid #a9a6a7;
  top: 0;
  width: 64px;
  height: 60px;
  right: 0;
  background: #ffffff;
}
.custom-hamburger {
  width: 32px;
  height: 4px;
  background: #173952;
  position: relative;
  display: inline-block;
  opacity: 1;
}
.custom-hamburger:before,
.custom-hamburger:after {
  content: "";
  width: 32px;
  height: 4px;
  right: 0;
  background: #173952;
  position: absolute;
}
.custom-hamburger:before {
  top: -8px;
  right: 0;
}
.custom-hamburger:after {
  bottom: -8px;
  right: 0;
}
.footer-nav--list-title {
  font-size: 20px;
  font-size: 1.25rem;
  position: relative;
}
.footer-nav--list-title:after {
  content: "";
  position: absolute;
  bottom: -0.25em;
  left: 0;
  width: 100%;
  height: 3px;
  background: #cf333c;
}
.sponsor-link-list li {
  margin-bottom: 0.71428571em;
}
.sponsor-link-list a {
  width: 100px;
  height: 100px;
  display: table-row;
}
.sponsor-link-list a img {
  display: table-cell;
}
.footer-nav--list a {
  font-weight: lighter;
  font-style: normal;
}
.footer-nav--list a:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  height: 20px;
  width: 3px;
  background: #cf333c;
  opacity: 0;
}
.footer-nav--list li ul {
  list-style: none;
}
.footer-nav--list li ul a {
  color: #bdb7b0;
}
.footer-nav--list a.is-current {
  font-weight: bold;
}
.footer-nav--list li.is-current ul a.is-current {
  font-weight: lighter;
  color: #cf333c;
}
.footer-nav--list a:hover {
  position: relative;
}
.footer-nav--list a:hover:before {
  opacity: 1;
}
.footer-nav--list a:hover.footer-nav--list-title:before {
  opacity: 0;
}
.footer__link {
  font-size: 18px;
  font-size: 1.125rem;
  color: #d4d0cc;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  position: relative;
  text-transform: capitalize;
  margin: 0.71428571em 0.71428571em 0 0;
}
.footer__link:hover,
.footer__link:focus,
.footer__link.is-current {
  color: #ffffff;
}
.social-links-list a {
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #382e2c;
  color: #ffffff;
  width: 35px;
  height: 35px;
  text-align: center;
  margin-left: 0.25em;
}
.social-links-list a:before {
  margin-top: -3px;
  margin-left: -3px;
}
.social-links-list li {
  display: inline-block;
}
.social-links-list .icon--facebook,
.social-links-list .icon--flickr {
  font-size: 20px;
  font-size: 1.25rem;
}
.global-links-list li,
.copyright--wrapper li {
  margin-bottom: 1.42857143em;
}
a.footer__link:after,
a.nav-bar__link:after {
  content: "";
  position: absolute;
  bottom: -0.35714286em;
  left: 0;
  width: 100%;
  height: 3px;
  background: #cf333c;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
a.footer__link:hover:after,
a.nav-bar__link:hover:after,
a.footer__link:focus:after,
a.nav-bar__link:focus:after,
a.footer__link.is-current:after,
a.nav-bar__link.is-current:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
a.nav-bar__link.pillar-tab {
  font-weight: normal;
  letter-spacing: .8px;
  transition: all 0.3s ease;
  display: inline;
}
a.nav-bar__link.pillar-tab:before {
  content: "";
  position: absolute;
  top: 100%;
  margin-top: 2px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #cf333c;
  left: 50%;
  margin-left: -10px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  transition: all 0.3s ease;
}
a.nav-bar__link.pillar-tab.is-current {
  font-weight: bold;
}
a.nav-bar__link.pillar-tab.is-current:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
a.nav-bar__link.pillar-tab.Developing:after {
  background: #0a5676;
}
a.nav-bar__link.pillar-tab.Developing:before {
  border-top-color: #0a5676;
}
a.nav-bar__link.pillar-tab.Fostering:after,
a.nav-bar__link.pillar-tab.Advancing:after {
  background: #652832;
}
a.nav-bar__link.pillar-tab.Fostering:before,
a.nav-bar__link.pillar-tab.Advancing:before {
  border-top-color: #652832;
}
a.nav-bar__link.pillar-tab.Action:after {
  background: #248685;
}
a.nav-bar__link.pillar-tab.Action:before {
  border-top-color: #248685;
}
[class*="nav-bar__list"] {
  margin: 0;
  background: transparent;
}
[class*="nav-bar__list"] ul {
  margin: 0;
}
/*

Unlink

Basic class to remove some link styling.

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

*/
.unlink {
  text-decoration: none;
}
.panel.program-card:hover {
  background-color: #e8e7e7;
}
.pre-icon--arrow-sharp--right {
  position: relative;
  margin-left: 2.14285714em;
}
.pre-icon--arrow-sharp--right:after,
.pre-icon--arrow-sharp--right:before {
  position: absolute;
}
.pre-icon--arrow-sharp--right:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  left: -1.07142857em;
  top: 0;
}
.pre-icon--play-video {
  position: relative;
  margin-left: 3.85714286em;
  height: 3.85714286em;
  display: inline-block;
}
.pre-icon--play-video:hover:after {
  border-left-color: #9d2125;
}
.pre-icon--play-video:after,
.pre-icon--play-video:before {
  font-size: 14px;
  font-size: 0.875rem;
  content: "";
  position: absolute;
}
.pre-icon--play-video:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 3.85714286em;
  height: 3.85714286em;
  background: #ffffff;
  border: 0.71428571em solid #a9a6a7;
  left: -3.85714286em;
  top: 0;
}
.pre-icon--play-video:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0.35714286em;
  border-left-color: #173952;
  border-left-width: 0.71428571em;
  left: -2.21428571em;
  top: 1.57142857em;
}
.window {
  height: 335px;
  width: 100%;
  max-width: 410px;
  padding: 1.42857143em;
  background-size: cover;
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.window img {
  max-width: 445px;
  max-width: initial;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -240px;
  top: 0;
}
.window:before {
  content: "";
  background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.window--short {
  height: 150px !important;
  width: 100%;
  max-width: 410px;
  padding: 1.42857143em;
  background-size: cover;
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.window--short h3 {
  font-size: 18px !important;
}
.window--short img {
  max-width: 445px;
  max-width: initial;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
}
.window--short:before {
  content: "";
  background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 100%);
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.7) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.window__blur-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 5;
  -webkit-filter: blur(5px);
  opacity: 0;
}
.window__color-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  background: #a69e94;
  z-index: 10;
}
.window--intro-copy {
  color: #ffffff;
  z-index: 10;
  line-height: 1.2;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.window--main-copy--vertical-middle-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.window--main-copy {
  color: #ffffff;
  text-shadow: 0 1px 2px #525252;
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
  padding: 1.42857143em;
  text-align: center;
  transition: all 0.3s ease;
}
.window--main-copy .title {
  line-height: 1.2;
  opacity: 1;
  margin: 0.83333333em auto;
  position: relative;
  display: inline-block;
}
.window--main-copy .title:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 1px;
  background: #9d2125;
}
.window--main-copy .sub-text {
  margin: 1.42857143em auto;
  font-weight: lighter;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  max-width: 250px;
  margin-bottom: 1.42857143em;
}
.window--small {
  height: 145px;
  width: 100%;
  max-width: 145px;
  position: relative;
}
.window--small img {
  max-width: 155px;
  max-width: initial;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -72px;
  top: 0;
}
.window--small .title {
  font-size: 20px;
  font-size: 1.25rem;
}
.window--small .window--main-copy {
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.window--small .window__blur-overlay {
  opacity: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease;
}
.window--small:hover .window--intro-copy {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.window--small:hover .window--main-copy {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.window--small:hover .window__blur-overlay {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.window--small:hover .window__color-overlay {
  opacity: .1;
}
.window--small:hover .window__blur-overlay {
  opacity: 1;
}
.card-link-catalyst-issue {
  color: #ffffff;
}
.card-link-catalyst-issue .card__date {
  font-weight: bold;
}
.card-link-catalyst-issue:hover {
  color: #e6e6e6;
}
.card-link-catalyst-issue.blue--issue .card-link-catalyst-issue__copy-wrapper {
  background: #1f93b2;
}
.card-link-catalyst-issue.red--issue .card-link-catalyst-issue__copy-wrapper {
  background: #ce3732;
}
.card-link-catalyst-issue.teal--issue .card-link-catalyst-issue__copy-wrapper {
  background: #2b6e74;
}
.card-link-catalyst-issue.orange--issue .card-link-catalyst-issue__copy-wrapper {
  background: #d16030;
}
.card-link-catalyst,
.card-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  background: #ffffff;
  max-width: 460px;
  display: block;
  margin-bottom: 1.42857143em;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.card-link-catalyst img,
.card-link img {
  width: 100%;
  transition: all 0.3s ease;
  display: block;
}
.card-link-catalyst:hover,
.card-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-link-catalyst:hover .card__title,
.card-link:hover .card__title {
  color: #9d2125;
}
.card-link-catalyst .additional-info,
.card-link .additional-info {
  display: none;
}
.card-link-catalyst .additional-info.top-story,
.card-link .additional-info.top-story {
  display: block;
}
.card-link .card__img--wrapper {
  height: 210px;
}
.grid .card-link .card__img--wrapper {
  height: 160px;
}
.card-link .card__copy--wrapper {
  min-height: 270px;
}
.horizontal-micro-card__img--wrapper,
.card__img--wrapper {
  height: auto;
  width: 100%;
  overflow: hidden;
  height: 330px;
  background-image: url(/resources/motif/images/bg--default-card-img1.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.horizontal-micro-card__img--wrapper {
  width: 30%;
  max-width: 122px;
  float: left;
  height: auto;
  background: none;
}
.card__img--crop-top {
  background-position: top center;
}
.card__img--crop-bottom {
  background-position: bottom center;
}
.card__img--crop-center {
  background-position: center center;
}
.card__img--crop-faces {
  background-position: center center;
}
.card__img--crop-entropy {
  background-position: center center;
}
.horizontal-micro-card__copy--wrapper,
.card__copy--wrapper {
  padding: 1.42857143em 1.14285714em;
  position: relative;
  height: 270px;
  position: absolute;
  bottom: 0;
  background: white;
  width: 100%;
}
.horizontal-micro-card__copy--wrapper:after,
.card__copy--wrapper:after {
  background: -moz-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(50%, #ffffff));
  background: -webkit-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: -o-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: -ms-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: linear-gradient(to bottom, transparent 0%, #ffffff 50%);
  background: #ffffff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
}
.horizontal-micro-card__copy--wrapper {
  position: relative;
  max-width: 70%;
  float: left;
  height: 140px;
  min-height: 140px;
}
.card__date {
  color: #2b7fde;
  text-transform: uppercase;
  font-weight: bold;
  font-weight: lighter;
  color: #696b73;
  margin-bottom: 0.71428571em;
}
.horizontal-card__intro,
.card__intro {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #696b73;
  width: 100%;
  word-wrap: break-word;
}
.horizontal-card__intro {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #36333d;
}
.card__title,
.horizontal-minimal-card__title,
.horizontal-card__title {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 2.5em;
  position: relative;
  line-height: 1.2;
  color: #696b73;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
.card__title:after,
.horizontal-minimal-card__title:after,
.horizontal-card__title:after {
  content: "";
  width: 75px;
  height: 1px;
  background: #9d2125;
  position: absolute;
  bottom: -12px;
  left: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -o-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
  transition: all 0.3s ease;
}
h3.horizontal-minimal-card__title {
  margin-top: 0;
  margin-bottom: 1em;
}
.horizontal-card__title {
  margin-bottom: 1.42857143em;
  margin-top: 0;
}
.card-link-catalyst__title {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  font-style: italic;
  line-height: 1.2;
  text-transform: capitalize;
  color: #36333d;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
.card-link-catalyst__author {
  font-size: 12px;
  font-size: 0.75rem;
  color: #36333d;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  line-height: 1.4;
  display: block;
  margin-top: 0.41666667em;
  font-weight: lighter;
}
.card-link-catalyst__branding {
  background: #36333d;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 0.71428571em;
}
.card-link-catalyst__branding img {
  max-width: 175px;
}
.card-featured-event-link,
.card-featured-event-link--vertical,
.card-featured-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.42857143em;
  position: relative;
  display: block;
  overflow: hidden;
  transition: all 0.3s ease;
}
.card-featured-event-link img,
.card-featured-event-link--vertical img,
.card-featured-link img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease;
}
.card-featured-event-link .overlay,
.card-featured-event-link--vertical .overlay,
.card-featured-link .overlay {
  display: none;
  transform: scale(1);
  transform-origin: center left;
  transition: all 0.25s ease;
  overflow: hidden;
}
.card-featured-event-link .overlay img,
.card-featured-event-link--vertical .overlay img,
.card-featured-link .overlay img {
  display: none;
}
.card-featured-event-link:hover,
.card-featured-event-link--vertical:hover,
.card-featured-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card__img-wrapper {
  max-height: 325px;
  overflow: hidden;
}
.card-featured-event-link--vertical .card-featured__intro-copy h1,
.card-featured-event-link--vertical .card-featured__intro-copy h2,
.card-featured-event-link--vertical .card-featured__intro-copy h3,
.card-featured-event-link--vertical .card-featured__intro-copy h4,
.card-featured-event-link--vertical .card-featured__intro-copy h5,
.card-featured-event-link--vertical .card-featured__intro-copy h6 {
  font-weight: normal;
}
.card-featured-event-link--vertical .card-featured__copy-wrapper {
  overflow: hidden;
  margin-top: 0;
}
.card-featured-event-link--vertical .card-featured__title {
  font-size: 16px;
  font-size: 1rem;
}
.card-featured-event-link--vertical .underlay-copy-wrapper {
  position: relative;
  z-index: 50;
}
.card-featured-event-link--vertical .underlay-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(90, 84, 84, 0.38);
}
.card-featured-event-link--vertical .underlay {
  display: inline-block;
  position: absolute;
  top: -1.42857143em;
  bottom: -1.42857143em;
  left: -1.42857143em;
  right: -1.42857143em;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center left;
  -moz-transform-origin: center left;
  -o-transform-origin: center left;
  -ms-transform-origin: center left;
  transform-origin: center left;
  transition: all 0.25s ease;
  overflow: hidden;
  z-index: 10;
}
.card-featured-event-link--vertical .underlay img {
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -o-transform: scale(3);
  -ms-transform: scale(3);
  transform: scale(3);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  display: inline-block;
}
.card-featured-link__number-left {
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  text-transform: uppercase;
  font-weight: lighter;
  z-index: 50;
  bottom: 15px;
  left: 15px;
  color: #ffffff;
  letter-spacing: 1px;
}
.card-featured-link__number-left .card-featured-link__numeric-wrapper {
  font-size: 14px;
  font-size: 0.875rem;
  padding-right: 0.57142857em;
  font-weight: bold;
}
.card-featured__copy-wrapper,
.card-featured-event__copy-wrapper {
  background: #a69e94;
  padding: 1.42857143em 1.42857143em 2.85714286em 1.42857143em;
  text-align: center;
  position: relative;
  z-index: 10;
  margin-top: -100px;
}
.card-featured__copy-wrapper:hover .card__sub-title:after,
.card-featured-event__copy-wrapper:hover .card__sub-title:after,
.card-featured__copy-wrapper:hover .card-featured__sub-title:after,
.card-featured-event__copy-wrapper:hover .card-featured__sub-title:after {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.card-featured-event-link .event-tags {
  position: absolute;
  bottom: 100%;
}
.card-featured-event-link .pillar-leadership:after {
  content: "Developing Leaders";
}
.card-featured-event-link .pillar-policy:after {
  content: "Advancing Policy";
}
.card-featured-event-link .pillar-action:after {
  content: "Taking Action";
}
.card-featured-event-link .group-exhibit:after {
  content: "Exhibit";
}
.card-featured-event-link:hover .hover-cover {
  background: -moz-linear-gradient(top, transparent 80%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, transparent 80%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, transparent 80%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, transparent 80%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.4) 100%);
  background: rgba(0, 0, 0, 0.4);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.4) 100%);
}
.hover-cover {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 100%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, transparent), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, transparent 100%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, transparent 100%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, transparent 100%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, transparent 100%, rgba(0, 0, 0, 0.4) 100%);
  background: rgba(0, 0, 0, 0.4);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 0.4) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(100%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 0.4) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 0.4) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 0.4) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 100%, rgba(0, 0, 0, 0.4) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s ease;
}
.card-past-event__copy-wrapper .multiple-days .card-featured__date,
.card-featured-event__copy-wrapper .multiple-days .card-featured__date,
.card-featured__copy-wrapper .multiple-days .card-featured__date {
  padding-top: 1.42857143em;
}
.card-past-event__copy-wrapper .multiple-days #card-featured__date-ptn,
.card-featured-event__copy-wrapper .multiple-days #card-featured__date-ptn,
.card-featured__copy-wrapper .multiple-days #card-featured__date-ptn {
  padding-top: 0;
}
.card-featured__dates-wrapper {
  display: table;
  width: 100%;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}
.card-featured__dates-wrapper .month:after {
  font-size: 20px;
  font-size: 1.25rem;
  content: "";
  position: absolute;
  left: 3px;
  top: 65px;
  height: 1px;
  width: 10px;
  background: #ffffff;
}
.card-featured__dates-wrapper .card-featured__date:first-child .month:after {
  display: none;
}
.card-featured-event-link--vertical .card-featured__date,
.card-featured__date {
  color: #2b7fde;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  letter-spacing: 1px;
  color: #ffffff;
  margin-bottom: 0.76923077em;
  display: table-cell;
  position: relative;
  overflow: hidden;
}
.card-featured-event-link--vertical .card-featured__date .day--wrapper,
.card-featured__date .day--wrapper {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
.card-featured-event-link--vertical .card-featured__date .alpha,
.card-featured__date .alpha,
.card-featured-event-link--vertical .card-featured__date .numeric,
.card-featured__date .numeric {
  line-height: .5;
  display: inline-block;
}
.card-featured-event-link--vertical .card-featured__date .alpha,
.card-featured__date .alpha {
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  top: 12px;
  right: -20px;
}
.card-featured-event-link--vertical .card-featured__date .numeric,
.card-featured__date .numeric {
  font-size: 56px;
  font-size: 3.5rem;
  margin-bottom: 15px;
  margin-top: 5px;
  font-family: "Times New Roman";
}
.card-featured__title {
  color: #ffffff;
  padding: 0 1.07142857em;
  line-height: 1.2;
  letter-spacing: 1.1px;
}
.card-featured__title--mega {
  font-size: 1.92857143em !important;
  transition: color .4s ease;
  color: #fff;
}
.card-featured__title--mega:hover {
  color: #f9c848 !important;
}
.card-featured__title--mega:focus {
  color: #f9c848 !important;
}
.card-featured__title--mega:after {
  padding-left: 0;
}
.card__sub-title,
.card-featured__sub-title {
  color: #ffffff;
  padding: 0 1.07142857em;
  line-height: 1.5;
  position: relative;
  margin-bottom: 2.42857143em;
}
.card__sub-title:after,
.card-featured__sub-title:after {
  content: "";
  position: absolute;
  width: 76px;
  bottom: -15px;
  left: 50%;
  margin-left: -38px;
  height: 1px;
  background: #08215a;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease;
}
.card-featured__intro-copy {
  color: #ffffff;
}
button.link {
  background: transparent;
  border-width: 0;
  padding: 0;
  letter-spacing: .8px;
}
.post-icon--rotate-180:after {
  transition: all 0.3s ease;
  padding-right: 0.357em;
  padding-left: 0.357em;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.post-icon--rotate-180.is-revealed:after,
.post-icon--rotate-180.is-expanded:after,
.post-icon--rotate-180.is-active:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.post-icon--rotate-90:after {
  transition: all 0.3s ease;
  padding-right: 0.357em;
  padding-left: 0.357em;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.post-icon--rotate-90.is-revealed:after,
.post-icon--rotate-90.is-expanded:after,
.post-icon--rotate-90.is-active:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bio-card--wrapper {
  margin: 0 10px;
  position: relative;
  max-width: 300px;
}
.bio-card {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  min-height: 415px;
  background: #ffffff;
  padding: 20px;
  overflow: hidden;
  position: relative;
}
.bio-card--img {
  display: block;
}
.bio-card--copy {
  background: #a69e94;
  copy: #ffffff;
}
.program-card-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: block;
  position: relative;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  min-height: 360px;
  margin: 1.42857143em auto;
  max-width: 300px;
}
.program-card-link .program-details {
  color: #ffffff;
  font-weight: normal;
}
.program-card-link .program-details:after {
  padding-left: 0;
  font-style: italic;
  margin-left: -5px;
}
.program-card-link .background-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: pink;
  background: -moz-linear-gradient(top, transparent 20%, #36333d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(100%, #36333d));
  background: -webkit-linear-gradient(top, transparent 20%, #36333d 100%);
  background: -o-linear-gradient(top, transparent 20%, #36333d 100%);
  background: -ms-linear-gradient(top, transparent 20%, #36333d 100%);
  background: linear-gradient(to bottom, transparent 20%, #36333d 100%);
  background: #36333d;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #36333d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(100%, #36333d));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #36333d 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #36333d 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #36333d 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #36333d 100%);
  opacity: .85;
  z-index: 9;
}
.program-card-link .card__img--wrapper {
  height: 360px;
}
.program-card-link .card__img--wrapper img {
  width: 100%;
}
.program-card-link .program-fact {
  position: relative;
  padding-right: 1.42857143em;
  left: 0;
  right: 0;
  display: table;
  margin-top: 0.71428571em;
  margin-bottom: 1.78571429em;
}
.program-card-link .numeric-fact {
  font-size: 24px;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: bold;
  float: left;
  padding-right: 10px;
  margin-top: -9px;
  display: table-cell;
}
.program-card-link .fact-copy-wrapper {
  font-size: 11px;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: lighter;
  line-height: 1.2;
  display: table-cell;
  vertical-align: top;
  color: #B6BFC3;
}
.program-card-link .fact-copy {
  margin-top: -2px;
  letter-spacing: .8px;
}
.program-card--copy-background,
.program-card--copy-wrapper {
  padding: 1.42857143em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.4s ease;
  color: #ffffff;
}
.program-card--copy-background .title,
.program-card--copy-wrapper .title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
  margin-top: 0;
  letter-spacing: .7px;
  line-height: 1.4;
  position: relative;
  transition: all 0.3s ease;
}
.program-card--copy-background .desc,
.program-card--copy-wrapper .desc {
  font-weight: lighter;
  font-style: normal;
  padding-top: 1.78571429em;
  transition: all 0.3s ease;
  position: relative;
}
.program-card--copy-background .desc:before,
.program-card--copy-wrapper .desc:before {
  content: "";
  width: 100px;
  height: 2px;
  background: #cf333c;
  top: 0;
  left: 0;
  position: absolute;
}
.program-card--copy-wrapper {
  z-index: 10;
  bottom: 20px;
}
.program-card--copy-background:after,
.program-card--copy-background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: .75;
}
.program-card--copy-background:before {
  background: #03314C;
  background: #83adc5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #03314c 0, #83adc5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #03314c), color-stop(100%, #83adc5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #03314c 0, #83adc5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #03314c 0, #83adc5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #03314c 0, #83adc5 100%);
  /* IE10+ */
  background: linear-gradient(to right, #03314c 0, #83adc5 100%);
  /* W3C */
  opacity: .65;
}
.Developing .program-card__list .background-overlay,
.developing-leaders .program-card__list .background-overlay {
  background: -moz-linear-gradient(top, transparent 20%, #04232f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(100%, #04232f));
  background: -webkit-linear-gradient(top, transparent 20%, #04232f 100%);
  background: -o-linear-gradient(top, transparent 20%, #04232f 100%);
  background: -ms-linear-gradient(top, transparent 20%, #04232f 100%);
  background: linear-gradient(to bottom, transparent 20%, #04232f 100%);
  background: #04232f;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #04232f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(100%, #04232f));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #04232f 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #04232f 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #04232f 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #04232f 100%);
}
.Developing .program-card__list li:nth-child(8n+1) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+1) .program-card--copy-background {
  border-top: 1px solid #0f4864;
}
.Developing .program-card__list li:nth-child(8n+1) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+1) .program-card--copy-background:after {
  background: #0f4864;
}
.Developing .program-card__list li:nth-child(8n+2) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+2) .program-card--copy-background {
  border-top: 1px solid #0d5476;
}
.Developing .program-card__list li:nth-child(8n+2) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+2) .program-card--copy-background:after {
  background: #0d5476;
}
.Developing .program-card__list li:nth-child(8n+3) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+3) .program-card--copy-background {
  border-top: 1px solid #184977;
}
.Developing .program-card__list li:nth-child(8n+3) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+3) .program-card--copy-background:after {
  background: #184977;
}
.Developing .program-card__list li:nth-child(8n+4) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+4) .program-card--copy-background {
  border-top: 1px solid #143c7e;
}
.Developing .program-card__list li:nth-child(8n+4) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+4) .program-card--copy-background:after {
  background: #143c7e;
}
.Developing .program-card__list li:nth-child(8n+5) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+5) .program-card--copy-background {
  border-top: 1px solid #143c7e;
}
.Developing .program-card__list li:nth-child(8n+5) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+5) .program-card--copy-background:after {
  background: #143c7e;
}
.Developing .program-card__list li:nth-child(8n+6) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+6) .program-card--copy-background {
  border-top: 1px solid #184977;
}
.Developing .program-card__list li:nth-child(8n+6) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+6) .program-card--copy-background:after {
  background: #184977;
}
.Developing .program-card__list li:nth-child(8n+7) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+7) .program-card--copy-background {
  border-top: 1px solid #0d5476;
}
.Developing .program-card__list li:nth-child(8n+7) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+7) .program-card--copy-background:after {
  background: #0d5476;
}
.Developing .program-card__list li:nth-child(8n+8) .program-card--copy-background,
.developing-leaders .program-card__list li:nth-child(8n+8) .program-card--copy-background {
  border-top: 1px solid #0f4864;
}
.Developing .program-card__list li:nth-child(8n+8) .program-card--copy-background:after,
.developing-leaders .program-card__list li:nth-child(8n+8) .program-card--copy-background:after {
  background: #0f4864;
}
.Fostering .program-card__list .background-overlay,
.Advancing .program-card__list .background-overlay,
.fostering-policy .program-card__list .background-overlay {
  background: -moz-linear-gradient(top, transparent 20%, #2e1217 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(100%, #2e1217));
  background: -webkit-linear-gradient(top, transparent 20%, #2e1217 100%);
  background: -o-linear-gradient(top, transparent 20%, #2e1217 100%);
  background: -ms-linear-gradient(top, transparent 20%, #2e1217 100%);
  background: linear-gradient(to bottom, transparent 20%, #2e1217 100%);
  background: #2e1217;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #2e1217 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(100%, #2e1217));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #2e1217 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #2e1217 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #2e1217 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #2e1217 100%);
}
.Fostering .program-card__list li:nth-child(8n+1) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+1) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+1) .program-card--copy-background {
  border-top: 1px solid #401118;
}
.Fostering .program-card__list li:nth-child(8n+1) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+1) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+1) .program-card--copy-background:after {
  background: #401118;
}
.Fostering .program-card__list li:nth-child(8n+2) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+2) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+2) .program-card--copy-background {
  border-top: 1px solid #531720;
}
.Fostering .program-card__list li:nth-child(8n+2) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+2) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+2) .program-card--copy-background:after {
  background: #531720;
}
.Fostering .program-card__list li:nth-child(8n+3) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+3) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+3) .program-card--copy-background {
  border-top: 1px solid #771f2d;
}
.Fostering .program-card__list li:nth-child(8n+3) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+3) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+3) .program-card--copy-background:after {
  background: #771f2d;
}
.Fostering .program-card__list li:nth-child(8n+4) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+4) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+4) .program-card--copy-background {
  border-top: 1px solid #ad2940;
}
.Fostering .program-card__list li:nth-child(8n+4) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+4) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+4) .program-card--copy-background:after {
  background: #ad2940;
}
.Fostering .program-card__list li:nth-child(8n+5) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+5) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+5) .program-card--copy-background {
  border-top: 1px solid #ad2940;
}
.Fostering .program-card__list li:nth-child(8n+5) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+5) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+5) .program-card--copy-background:after {
  background: #ad2940;
}
.Fostering .program-card__list li:nth-child(8n+6) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+6) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+6) .program-card--copy-background {
  border-top: 1px solid #771f2d;
}
.Fostering .program-card__list li:nth-child(8n+6) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+6) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+6) .program-card--copy-background:after {
  background: #771f2d;
}
.Fostering .program-card__list li:nth-child(8n+7) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+7) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+7) .program-card--copy-background {
  border-top: 1px solid #531720;
}
.Fostering .program-card__list li:nth-child(8n+7) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+7) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+7) .program-card--copy-background:after {
  background: #531720;
}
.Fostering .program-card__list li:nth-child(8n+8) .program-card--copy-background,
.Advancing .program-card__list li:nth-child(8n+8) .program-card--copy-background,
.fostering-policy .program-card__list li:nth-child(8n+8) .program-card--copy-background {
  border-top: 1px solid #401118;
}
.Fostering .program-card__list li:nth-child(8n+8) .program-card--copy-background:after,
.Advancing .program-card__list li:nth-child(8n+8) .program-card--copy-background:after,
.fostering-policy .program-card__list li:nth-child(8n+8) .program-card--copy-background:after {
  background: #401118;
}
.Action .program-card__list .background-overlay,
.taking-action .program-card__list .background-overlay {
  background: -moz-linear-gradient(top, transparent 20%, #144a49 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(100%, #144a49));
  background: -webkit-linear-gradient(top, transparent 20%, #144a49 100%);
  background: -o-linear-gradient(top, transparent 20%, #144a49 100%);
  background: -ms-linear-gradient(top, transparent 20%, #144a49 100%);
  background: linear-gradient(to bottom, transparent 20%, #144a49 100%);
  background: #144a49;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #144a49 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(100%, #144a49));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #144a49 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #144a49 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 20%, #144a49 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, #144a49 100%);
}
.Action .program-card__list li:nth-child(8n+1) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+1) .program-card--copy-background {
  border-top: 1px solid #105251;
}
.Action .program-card__list li:nth-child(8n+1) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+1) .program-card--copy-background:after {
  background: #105251;
}
.Action .program-card__list li:nth-child(8n+2) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+2) .program-card--copy-background {
  border-top: 1px solid #1a6862;
}
.Action .program-card__list li:nth-child(8n+2) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+2) .program-card--copy-background:after {
  background: #1a6862;
}
.Action .program-card__list li:nth-child(8n+3) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+3) .program-card--copy-background {
  border-top: 1px solid #447967;
}
.Action .program-card__list li:nth-child(8n+3) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+3) .program-card--copy-background:after {
  background: #447967;
}
.Action .program-card__list li:nth-child(8n+4) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+4) .program-card--copy-background {
  border-top: 1px solid #829370;
}
.Action .program-card__list li:nth-child(8n+4) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+4) .program-card--copy-background:after {
  background: #829370;
}
.Action .program-card__list li:nth-child(8n+5) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+5) .program-card--copy-background {
  border-top: 1px solid #829370;
}
.Action .program-card__list li:nth-child(8n+5) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+5) .program-card--copy-background:after {
  background: #829370;
}
.Action .program-card__list li:nth-child(8n+6) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+6) .program-card--copy-background {
  border-top: 1px solid #447967;
}
.Action .program-card__list li:nth-child(8n+6) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+6) .program-card--copy-background:after {
  background: #447967;
}
.Action .program-card__list li:nth-child(8n+7) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+7) .program-card--copy-background {
  border-top: 1px solid #1a6862;
}
.Action .program-card__list li:nth-child(8n+7) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+7) .program-card--copy-background:after {
  background: #1a6862;
}
.Action .program-card__list li:nth-child(8n+8) .program-card--copy-background,
.taking-action .program-card__list li:nth-child(8n+8) .program-card--copy-background {
  border-top: 1px solid #105251;
}
.Action .program-card__list li:nth-child(8n+8) .program-card--copy-background:after,
.taking-action .program-card__list li:nth-child(8n+8) .program-card--copy-background:after {
  background: #105251;
}
.gallery-card {
  position: relative;
}
.gallery-card img {
  display: block;
}
.gallery-card:hover .gallery-card--hover-cover {
  opacity: .5;
}
.gallery-card:hover .gallery-card--copy {
  opacity: 1;
}
.gallery-card--hover-cover {
  background: #696b73;
  opacity: 0;
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.gallery-card--copy-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0.71428571em 0.71428571em;
  width: 100%;
  color: #ffffff;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 10;
}
.gallery-card--copy {
  margin: 0 auto;
  max-width: 300px;
}
.card-session {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: flex;
  flex-grow: 1;
  position: relative;
  background: #ffffff;
  color: #a69e94;
  min-height: 150px;
  min-width: 240px;
  padding: 1.07142857em;
  margin: 0.71428571em;
  transition: all 0.3s ease;
  border-bottom: 6px solid #50842f;
}
.card-session-live {
  border-bottom: 6px solid #9d2125;
}
.card-session-recorded {
  border-bottom: 6px solid #08215a;
}
.card-session__title {
  color: #36333d;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 17px;
}
.card-session__time {
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  bottom: 5px;
  text-transform: uppercase;
}
.card-session__live-symbol {
  background-color: #9d2125;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  margin: 10px;
}
.card-session__recorded-symbol {
  background-color: #08215a;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  margin: 10px;
}
.card-session_list {
  display: flex;
  flex-direction: row;
  width: 400%;
  justify-content: flex-start;
}
.card-session__list-item {
  min-width: 250px;
  width: 8.09%;
  flex-grow: 0;
}
.gcm-category,
.gcl-category {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 1.42857143em;
}
.gcm-category .card__title-category,
.gcl-category .card__title-category {
  padding: 0 1.66666667em;
  position: absolute;
  top: 5px;
  z-index: 1;
  font-size: 12px;
  font-size: 0.75rem;
  transition: all 0.3s ease;
}
.gcm-category .card-past-event-link,
.gcl-category .card-past-event-link {
  margin-bottom: 0;
}
.gcm-category:hover .card__title-category,
.gcl-category:hover .card__title-category {
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.gcm-category:hover .card-past-event-link,
.gcl-category:hover .card-past-event-link {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-past-event-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: inline-block;
  position: relative;
  background: #ffffff;
  color: #a69e94;
  width: 100%;
  padding: 1.42857143em;
  margin-bottom: 1.42857143em;
  transition: all 0.3s ease;
}
.card-past-event-link:hover:after {
  opacity: .9;
  color: #a69e94;
}
.card-past-event-link:after {
  color: #a69e94;
  transition: all 0.3 ease;
  display: none;
  opacity: .5;
  font-family: "motif-icons";
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.357em;
  padding-left: 0.357em;
  content: "\f115";
  position: absolute;
  font-size: 50px;
  font-size: 3.125rem;
  width: 30px;
  height: 40px;
  right: 55px;
  top: 50%;
  margin-top: -20px;
}
.card-past-event-link .img-holder {
  position: absolute;
  display: none;
  width: 30%;
  height: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
}
.card-past-event-link .card__sub-title,
.card-past-event-link .card__title {
  margin-bottom: 0;
  padding: 0;
}
.card-past-event-link .card__sub-title:after,
.card-past-event-link .card__title:after {
  display: none;
}
.card-past-event-link .card-featured__date,
.card-past-event-link .card__sub-title,
.card-past-event-link .card__title {
  color: #a69e94;
}
.card-past-event-link .card__sub-title {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}
.card-past-event-link .card__title {
  font-size: 22px;
  font-size: 1.375rem;
}
.card-past-event-link .card-past-event__copy-wrapper {
  width: 70%;
  padding-right: 1.42857143em;
  padding-top: 0.71428571em;
}
.card-past-event-link .card__dates-wrapper {
  font-size: 12px;
  font-size: 0.75rem;
  display: table;
  width: 100%;
  position: relative;
}
.card-past-event-link .card__dates-wrapper:before {
  content: "";
  height: 2px;
  width: 70%;
  max-width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #cf333c;
}
.card-past-event-link .card__date {
  display: table-cell;
  font-weight: bold;
}
.card-past-event-link .month,
.card-past-event-link .day--wrapper {
  margin-right: 5px;
}
.card-resource-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: block;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.3s ease;
  margin-bottom: 1.42857143em;
  background: #36333d;
  background: rgba(37, 36, 39, 0.85);
  position: relative;
}
.card-resource-link img {
  display: block;
  width: 100%;
  height: auto;
}
.card-resource-link .card__img--wrapper {
  height: 180px;
}
.card-resource-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-resource-link .card-report-link__title {
  font-size: 16px;
  font-size: 1rem;
  color: #ffffff;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
}
.card-resource-link .card-report-link__intro-copy {
  font-size: 12px;
  font-size: 0.75rem;
  color: #f4f0ed;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: lighter;
  margin-top: 1.25em;
  font-style: normal;
}
.card-resource-link .card-report-link__copy-wrapper {
  background: #36333d;
  min-height: 270px;
}
.card-link-catalyst-issue,
.card-report-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: block;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.3s ease;
  margin-bottom: 1.42857143em;
  background: #36333d;
  background: rgba(37, 36, 39, 0.85);
  position: relative;
}
.card-link-catalyst-issue img,
.card-report-link img {
  display: block;
  width: 100%;
  height: auto;
}
.card-link-catalyst-issue .card__img--wrapper,
.card-report-link .card__img--wrapper {
  height: 430px;
}
.card-link-catalyst-issue:hover,
.card-report-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-link-catalyst-issue__copy-wrapper,
.card-report-link__copy-wrapper {
  background: #36333d;
  padding: 1.42857143em 1.14285714em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.card-link-catalyst-issue__title,
.card-report-link__title {
  color: #ffffff;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  margin-top: 0;
  line-height: 1.2;
  min-height: 16px;
}
.card-link-catalyst-issue__intro-copy,
.card-report-link__intro-copy {
  font-size: 12px;
  font-size: 0.75rem;
  color: #f4f0ed;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: lighter;
  margin-top: 1.25em;
}
.horizontal-card--video-link,
.horizontal-micro-card--video-link,
.card-video-link,
.video-link {
  position: relative;
  display: block;
  font-size: 1em;
}
.horizontal-card--video-link:after,
.horizontal-micro-card--video-link:after,
.card-video-link:after,
.video-link:after,
.horizontal-card--video-link:before,
.horizontal-micro-card--video-link:before,
.card-video-link:before,
.video-link:before {
  content: "";
  position: absolute;
  transition: all 0.3s ease;
  z-index: 100;
}
.horizontal-card--video-link:before,
.horizontal-micro-card--video-link:before,
.card-video-link:before,
.video-link:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #ffffff;
  border: 0.71428571em solid #a9a6a7;
  right: 50%;
  top: 50%;
  margin-top: -25px;
  margin-right: -25px;
  opacity: .5;
}
.horizontal-card--video-link:after,
.horizontal-micro-card--video-link:after,
.card-video-link:after,
.video-link:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0.35714286em;
  border-left-color: #000000;
  border-left-width: 0.71428571em;
  right: 50%;
  margin-right: -10px;
  top: 50%;
  margin-top: -5px;
  opacity: .5;
}
.horizontal-card--video-link:hover:after,
.horizontal-micro-card--video-link:hover:after,
.card-video-link:hover:after,
.video-link:hover:after {
  border-left-color: #cf333c;
  opacity: 1;
}
.horizontal-card--video-link:hover:before,
.horizontal-micro-card--video-link:hover:before,
.card-video-link:hover:before,
.video-link:hover:before {
  opacity: 1;
}
.horizontal-card--video-link:before {
  right: 82%;
  top: 50%;
}
.horizontal-card--video-link:after {
  right: 82%;
  top: 50%;
}
.horizontal-card--video-link:before {
  right: 82%;
  top: 50%;
}
.horizontal-card--video-link:after {
  right: 82%;
  top: 50%;
}
.horizontal-micro-card--video-link:before {
  right: 82%;
  top: 50%;
}
.horizontal-micro-card--video-link:after {
  right: 82%;
  top: 50%;
}
.card-essay-link,
.card-video-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: block;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.3s ease;
  margin-bottom: 1.42857143em;
  width: 100%;
  background: #36333d;
}
.card-essay-link .card__img--wrapper,
.card-video-link .card__img--wrapper {
  height: 430px;
  position: relative;
}
.card-essay-link .card__img--wrapper:after,
.card-video-link .card__img--wrapper:after {
  background: -moz-linear-gradient(top, transparent 50%, #36333d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(100%, #36333d));
  background: -webkit-linear-gradient(top, transparent 50%, #36333d 100%);
  background: -o-linear-gradient(top, transparent 50%, #36333d 100%);
  background: -ms-linear-gradient(top, transparent 50%, #36333d 100%);
  background: linear-gradient(to bottom, transparent 50%, #36333d 100%);
  background: #36333d;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #36333d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, #36333d));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #36333d 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #36333d 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 50%, #36333d 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #36333d 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.85714286em;
}
.card-essay-link img,
.card-video-link img {
  display: block;
  width: 100%;
  height: auto;
}
.card-essay-link:hover,
.card-video-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-essay-link__date,
.card-video-link__date {
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-style: italic;
  font-weight: lighter;
  color: #ffffff;
}
.card-essay-link__title,
.card-video-link__title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  line-height: 1.2;
  margin-top: 0;
}
.card-video-link__title {
  text-transform: capitalize;
}
.card-essay-link__intro-copy,
.card-video-link__intro-copy {
  font-size: 12px;
  font-size: 0.75rem;
  color: #f4f0ed;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: lighter;
  margin-top: 1.25em;
}
.card-essay-link__copy--wrapper,
.card-video-link__copy--wrapper {
  padding: 1.42857143em 1.14285714em;
  background: #ffffff;
  background: #36333d;
  background: rgba(37, 36, 39, 0.85);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.card-external-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: block;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.3s ease;
  margin-bottom: 1.42857143em;
  background: #ffffff;
  max-width: 460px;
  position: relative;
  overflow: hidden;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.card-external-link img {
  display: block;
  width: 100%;
}
.card-external-link .card__copy--wrapper {
  background: #ffffff;
  min-height: 120px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.card-external-link .card__img--wrapper {
  height: 350px;
}
.card-external-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-external-link:hover:before {
  background: #9d2125;
}
.card-external-link:hover:after {
  color: #9d2125;
}
.card-book-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  display: block;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.3s ease;
  margin-bottom: 1.42857143em;
  background: #cf333c;
  max-width: 460px;
}
.card-book-link img {
  width: 100%;
  padding: 1.42857143em;
}
.card-book-link .card__img--wrapper {
  background-position: center center;
}
.card-book-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-book-link__copy--wrapper {
  background: #cf333c;
  padding: 1.42857143em 1.14285714em;
  color: #ffffff;
}
.card-book-link__title {
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  text-transform: uppercase;
  font-style: italic;
  line-height: 1.2;
}
.card-external-link__title {
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-weight: bold;
  color: #36333d;
  line-height: 1.3;
}
.card-external-link__date {
  color: #696b73;
}
.card-external-link__author {
  color: #cf333c;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.card-bio-link {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  background: #ffffff;
  max-width: 240px;
  display: block;
  margin-bottom: 1.42857143em;
  margin-top: 1.42857143em;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.card-bio-link .card__intro {
  font-size: 13px;
  font-size: 0.8125rem;
}
.card-bio-link .card__img--wrapper {
  position: relative;
  height: auto;
  padding-top: 100%;
}
.card-bio-link .card__img--wrapper:after {
  background: -moz-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background: -webkit-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -o-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -ms-linear-gradient(top, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.3) 100%);
  background: rgba(0, 0, 0, 0.3);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.85714286em;
}
.card-bio-link img {
  width: 100%;
  transition: all 0.3s ease;
  display: block;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  position: absolute;
  top: 0;
}
.card-bio-link:hover {
  -webkit-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -o-box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  box-shadow: 5px 10px 15px rgba(51, 51, 51, 0.4);
  -webkit-transform: translate(0, -5px);
  -moz-transform: translate(0, -5px);
  -o-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card-bio-link:hover .card__title {
  color: #9d2125;
}
.card-bio-link:after {
  background: -moz-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(50%, #ffffff));
  background: -webkit-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: -o-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: -ms-linear-gradient(top, transparent 0%, #ffffff 50%);
  background: linear-gradient(to bottom, transparent 0%, #ffffff 50%);
  background: #ffffff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
}
.card-bio-link .card__title {
  color: #36333d;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-style: normal;
  font-weight: bold;
}
.card-bio-link .card__copy--wrapper {
  background: #ffffff;
  color: #36333d;
  min-height: 300px;
  position: relative;
}
.slider-list .card-bio-link {
  margin-left: 0;
  margin-bottom: 0.57142857em;
  margin-top: 0.71428571em;
}
.tag-content-wrapper {
  position: relative;
}
.tag-content-wrapper .tag-name,
.tag-content-wrapper .horizontal-card-minimal--tag-name,
.tag-content-wrapper .horizontal-card--tag-name {
  font-size: 10px;
  font-size: 0.625rem;
  color: #ffffff;
  position: absolute;
  bottom: 100%;
  left: -1.6em;
  margin-bottom: 2em;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  width: auto;
  background: rgba(54, 51, 61, 0.85);
  font-weight: lighter;
  text-transform: uppercase;
  padding: 0.5em 3em 0.5em 1.5em;
  font-style: italic;
}
.tag-content-wrapper .horizontal-card-minimal--tag-name,
.tag-content-wrapper .horizontal-micro-card--tag-name,
.tag-content-wrapper .horizontal-card--tag-name {
  bottom: 0;
  color: #36333d;
  background: transparent;
  left: 0;
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 0;
}
.tag-content-wrapper .horizontal-card-minimal--tag-name {
  position: relative;
}
.tag-content-wrapper .horizontal-micro-card--tag-name {
  position: relative;
  left: -10px;
  bottom: 0;
  top: -5px;
  text-transform: uppercase;
}
.tag-content-wrapper .horizontal-micro-card--tag-name:before {
  top: -6px;
}
.temp-class--copy-wrapper-green .card-featured-event__copy-wrapper {
  background: #ABA99C;
}
.temp-class--copy-wrapper-blue .card-featured-event__copy-wrapper {
  background: #81868C;
}
.temp-class--single-date-event .card__date:nth-child(2),
.temp-class--single-date-event .card-featured__date:nth-child(2) {
  display: none;
}
.temp-class--no-images .img-holder {
  display: none;
}
.feature-person-card {
  position: relative;
  padding: 1.42857143em;
  margin-top: 1.42857143em;
  background: #ffffff;
}
.feature-person-card .feature-person-card__img img {
  width: 200px;
}
.feature-person-card .person-name-link {
  color: #36333d;
  line-height: 1.2;
  display: inline-block;
  margin-bottom: 5px;
}
.feature-person-card .person-name-link:hover {
  color: #9d2125;
}
.feature-person-card .feature-person-card__bio-copy-wrapper {
  overflow: hidden;
  position: relative;
  max-height: 200px;
}
.feature-person-card .feature-person-card__bio-copy-wrapper:after {
  background: -moz-linear-gradient(top, transparent 0, #ffffff 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(60%, #ffffff));
  background: -webkit-linear-gradient(top, transparent 0, #ffffff 60%);
  background: -o-linear-gradient(top, transparent 0, #ffffff 60%);
  background: -ms-linear-gradient(top, transparent 0, #ffffff 60%);
  background: linear-gradient(to bottom, transparent 0, #ffffff 60%);
  background: #ffffff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #ffffff 60%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(60%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #ffffff 60%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #ffffff 60%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #ffffff 60%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #ffffff 60%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
}
.feature-person-card .bio-link {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.card-link-catalyst,
.card-external-link,
.card-essay-link,
.card-report-link,
.card-link-catalyst-issue,
.card-resource-link,
.card-video-link,
.card-book-link,
.card-link {
  height: 450px;
  min-width: 100%;
  position: relative;
}
.card-link-catalyst:hover,
.card-external-link:hover,
.card-essay-link:hover,
.card-report-link:hover,
.card-link-catalyst-issue:hover,
.card-resource-link:hover,
.card-video-link:hover,
.card-book-link:hover,
.card-link:hover {
  opacity: 1;
}
a .visited-link-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #a69e94;
  opacity: 0;
}
a:visited .card__copy--wrapper,
a:visited .card__copy--wrapper:after {
  color: green;
}
a:visited .visited-link-overlay {
  opacity: .5;
}
a:visited:hover .visited-link-overlay {
  opacity: .5;
}
.link--article-author {
  display: inline !important;
  font-weight: normal;
}
.link--article-title {
  margin-right: 1.07142857em;
  font-style: normal;
  font-weight: lighter;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
.link--article-title:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 5px;
  border-color: transparent;
  border-width: 0.42857143em;
  border-style: solid;
  border-left-color: #cf333c;
  border-top-width: 0.35714286em;
  border-bottom-width: 0.35714286em;
}
.link--article-title.link--white:after {
  border-left-color: #ffffff;
}
.horizontal-card-content-wrapper {
  width: 64%;
  top: 0;
  right: 0;
  bottom: 0;
  margin-right: 0.71428571em;
  height: 140px;
  position: absolute;
  padding-top: 0.71428571em;
  padding-bottom: 0.71428571em;
  padding-left: 0.71428571em;
  padding-right: 0.71428571em;
}
.link--banner {
  text-transform: uppercase;
  color: #08215a;
  font-style: normal;
}
.link--banner:hover:before {
  opacity: 1;
}
.link--banner:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  height: 20px;
  width: 2px;
  background: #cf333c;
  opacity: 0;
}
.flexslider,
.flexslider-gallery,
.flexslider-highlighted-pubs,
.domestic-excellence-slider,
.global-leadership-slider {
  position: relative;
}
.flexslider-gallery:before,
.flexslider-gallery:after {
  content: "";
  position: absolute;
  top: -3%;
  bottom: 0px;
  width: 1px;
  background: #696b73;
  height: 106%;
  z-index: 1;
}
.flexslider-gallery:before {
  left: 0;
}
.flexslider-gallery:after {
  right: 0;
}
.flexslider-gallery:hover .flex-prev,
.flexslider-gallery:hover .flex-next {
  background: #08215a;
  color: #ffffff;
}
.flex-direction-nav {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
}
.flex-direction-nav li {
  padding-left: 0;
  position: inherit;
}
.flex-direction-nav li:before {
  display: none;
}
.flex-prev,
.flex-next {
  position: absolute;
  top: 50%;
  width: 4.28571429em;
  height: 3.21428571em;
  margin-top: -1.78571429em;
  background: rgba(23, 57, 82, 0.6);
  color: #ffffff;
  transition: all 0.3s ease;
  opacity: 0;
}
.flex-prev:after,
.flex-next:after {
  font-family: "motif-icons";
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 6px;
  font-weight: normal;
  font-style: normal;
  line-height: 0.08333333em;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  width: 100%;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  position: absolute;
}
.flex-prev.flex-disabled,
.flex-next.flex-disabled {
  display: none;
}
.flexslider:hover .flex-prev,
.domestic-excellence-slider:hover .flex-prev,
.global-leadership-slider:hover .flex-prev,
.flexslider-highlighted-pubs:hover .flex-prev,
.flexslider:hover .flex-next,
.domestic-excellence-slider:hover .flex-next,
.global-leadership-slider:hover .flex-next,
.flexslider-highlighted-pubs:hover .flex-next {
  opacity: 1;
}
.flexslider:hover .flex-prev:hover,
.domestic-excellence-slider:hover .flex-prev:hover,
.global-leadership-slider:hover .flex-prev:hover,
.flexslider-highlighted-pubs:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover,
.domestic-excellence-slider:hover .flex-next:hover,
.global-leadership-slider:hover .flex-next:hover,
.flexslider-highlighted-pubs:hover .flex-next:hover,
.flexslider:hover .flex-prev:focus,
.domestic-excellence-slider:hover .flex-prev:focus,
.global-leadership-slider:hover .flex-prev:focus,
.flexslider-highlighted-pubs:hover .flex-prev:focus,
.flexslider:hover .flex-next:focus,
.domestic-excellence-slider:hover .flex-next:focus,
.global-leadership-slider:hover .flex-next:focus,
.flexslider-highlighted-pubs:hover .flex-next:focus {
  color: #ffffff;
}
.flexslider:hover .flex-prev:hover,
.domestic-excellence-slider:hover .flex-prev:hover,
.global-leadership-slider:hover .flex-prev:hover,
.flexslider-highlighted-pubs:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover,
.domestic-excellence-slider:hover .flex-next:hover,
.global-leadership-slider:hover .flex-next:hover,
.flexslider-highlighted-pubs:hover .flex-next:hover {
  background: #173952;
}
.flex-prev {
  left: 0px;
}
.flex-next {
  right: 0px;
  display: table-row;
}
.flex-viewport .gallery-item {
  padding-right: 0.35714286em;
}
.flex-viewport .gallery-item img {
  display: block;
}
.flex-viewport:before,
.flex-viewport:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  z-index: 1;
  background: #aaacb1;
}
.flex--unlined .flex-viewport:before,
.flex--unlined .flex-viewport:after {
  display: none;
}
.flex-viewport:before {
  left: 0;
}
.flex-viewport:after {
  right: 0;
}
.program-featured-slider .flex-viewport:before,
.program-featured-slider .flex-viewport:after {
  background: none;
}
.program-featured-slider .flex-prev:after,
.program-featured-slider .flex-next:after {
  font-weight: bold;
}
li.program-featured-slider-list-item {
  border-right: 1px solid #cccccc;
}
@media all and (max-width: 47.9375em) {
  .program-featured-slider-list-item a img {
    display: none;
  }
}
@media all and (max-width: 47.9375em) {
  .program-featured-slider-list-item a div {
    width: 100%;
    position: static;
    height: auto;
  }
}
li.program-featured-slider-list-item:last-child {
  border-right: none;
}
.eow-slider-title {
  text-transform: uppercase;
  margin: 0.71428571em 0 1.42857143em;
}
.sidenav {
  background: #ffffff;
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
}
.sidenav a {
  color: #36333d;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
  font-size: 16px;
  font-size: 1rem;
}
.sidenav a.is-current {
  color: #cf333c;
}
.sidenav li {
  color: #36333d;
  padding: 0 1.92857143em;
  border-left: solid 0.5em #cf333c;
  margin-bottom: 0;
}
.sidenav li:before {
  display: none;
}
.sidenav li a {
  display: block;
  border-top: solid 1px #d7d8da;
  padding: 0.71428571em 0;
}
.sidenav li:first-child a {
  border-top: none;
}
.sidenav li:hover a {
  color: #9d2125;
}
.sidenav li:hover ul a {
  color: #696b73;
}
.sidenav li:hover ul a.is-current {
  color: #9d2125;
}
.sidenav li:hover ul li:hover a {
  color: #9d2125;
}
.sidenav li.sidenav__heading {
  padding: 2.28571429em 1.92857143em 2.28571429em 1.42857143em;
  border-left: solid 0.5em #cf333c;
  text-transform: uppercase;
  font-weight: bold;
}
.sidenav li.sidenav__heading a {
  font-style: normal;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.sidenav__secondary {
  margin: 0 -1.92857143em;
  background: #f8f7f7;
  border-top: solid 1px #d7d8da;
  border-bottom: solid 1px #d7d8da;
  position: relative;
  padding: 0.71428571em 0;
  margin-bottom: -1px;
  margin-left: -34px;
}
.sidenav__secondary:after {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  bottom: -1px;
  width: 0.5em;
  background: #9d2125;
}
.sidenav__secondary li {
  padding: 0 1.92857143em 0 1.42857143em;
  overflow: hidden;
  position: relative;
}
.sidenav__secondary li.is-current:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  background: #9d2125;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidenav__secondary li a {
  font-size: 12px;
  font-size: 0.75rem;
  color: #173952;
  border-top-width: 0;
  padding: 0.58333333em 0;
}
.sidenav__secondary li a.is-current {
  color: #9d2125;
  font-weight: bold;
}
/*
*
* Styles for the scroll down arrow on the homepage
*
*/
.homepage-arrow {
  height: calc(100vh - 4.64285714em);
  max-height: 700px;
  width: 14.28571429em;
  position: fixed;
  top: 4.64285714em;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}
@media all and (max-width: 47.9375em) {
  .homepage-arrow {
    display: none;
  }
}
.homepage-arrow.hit-bottom {
  position: absolute;
  bottom: 0;
  top: auto;
}
.homepage-arrow__link {
  position: absolute;
  bottom: 1.42857143em;
  left: 50%;
  transform: translateX(-50%);
  height: 3.57142857em;
  width: 3.57142857em;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.homepage-arrow__icon {
  height: 3.57142857em;
  width: 3.57142857em;
  animation: homepageArrow 1.5s ease-in-out infinite;
}
@keyframes homepageArrow {
  0% {
    opacity: .3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: .3;
  }
}
/*
General styles
*/
.text-style--normal {
  font-style: normal;
}
/*Full-Width Menu*/
.menu-link-xl {
  color: #ffffff;
  position: relative;
  font: normal 1.64285714em "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
.menu-link-xl:focus,
.menu-link-xl:hover {
  color: #f9c848;
}
.menu-link-xl.menu-link-xl--no-hover:focus,
.menu-link-xl.menu-link-xl--no-hover:hover {
  color: #ffffff;
}
.menu-link-xl:after {
  position: absolute;
  content: " ";
  height: 0.07142857em;
  width: 5em;
  background: #f9c848;
  left: 0;
  bottom: -1.07142857em;
}
.menu-link-md {
  display: inline-block;
  color: #f9c848;
  font-style: normal;
  font-weight: bold;
  position: relative;
}
.menu-link-md.link-empty {
  cursor: default;
}
.menu-link-md.link-empty:hover,
.menu-link-md.link-empty:focus {
  color: #f9c848;
}
.menu-link-md:hover,
.menu-link-md:focus {
  color: #edad08;
}
.menu-link-md:after {
  position: absolute;
  content: " ";
  background: url("../../../images/nav-arrow.png") no-repeat top center;
  width: 0.28571429em;
  height: 0.64285714em;
  right: -1.14285714em;
  top: 0.5em;
}
.menu-link-md--spaced {
  margin: 0.57142857em 0;
}
.menu-list {
  padding-left: 0;
  font-style: normal;
}
.menu-list__item:before {
  display: none;
}
.menu-list__link {
  color: #ffffff;
  font-style: normal;
  font-weight: lighter;
}
.menu-list__link:active,
.menu-list__link:focus,
.menu-list__link:hover {
  color: #f9c848;
}
.menu-list__link.link-empty {
  cursor: default;
}
.menu-list__link.link-empty:hover,
.menu-list__link.link-empty:focus {
  color: #ffffff;
}
.menu-list--spaced {
  margin-top: 2.71428571em;
}
/*Mobile Menu*/
.mobile-menu-title {
  font-size: 1.28571429em;
  color: #aaacb1;
  margin-top: 0.71428571em;
  margin-bottom: 0.71428571em;
  text-align: left;
}
.menu-link-xl-mobile {
  margin-bottom: 1.57142857em;
  font: normal normal 1.71428571em "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  color: #696b73;
  position: relative;
}
.menu-link-xl-mobile:after {
  position: absolute;
  content: " ";
  height: 0.07142857em;
  width: 5em;
  background: #08215a;
  left: 0;
  bottom: -0.57142857em;
}
.menu-link-xl-mobile:hover,
.menu-link-xl-mobile:focus {
  color: #08215a;
}
.menu-link-md-mobile {
  display: inline-block;
  position: relative;
  color: #08215a;
}
.menu-link-md-mobile:after {
  position: absolute;
  content: " ";
  background: url("../../../images/nav-arrow-mobile.png") no-repeat top center;
  width: 0.28571429em;
  height: 0.64285714em;
  right: -0.85714286em;
  top: 0.42857143em;
}
.menu-link-md-mobile:hover,
.menu-link-md-mobile:focus {
  color: #020714;
}
.menu-link-md-mobile--spaced {
  margin: 0.85714286em 0;
}
.menu-list--mobile-spaced {
  margin-top: 1.42857143em;
}
/*

Forms

*/
/*

Basic Form Elements

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

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

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

*/
input,
textarea {
  width: 100%;
  font-size: 1em;
  padding: 0.35714286em 0.28571429em;
  outline: none;
  padding: 0.71428571em 0.71428571em;
  background: #ffffff;
  border: 1px solid #dddddd;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus,
input:active,
textarea:active,
input.is-current,
textarea.is-current {
  z-index: 1;
  background: #dceaf9;
}
input[type="checkbox"],
input[type="radio"] {
  width: auto;
}
.lte7 input[type="checkbox"],
.lte7 input[type="radio"] {
  width: 13px;
}
textarea {
  height: 5.71428571em;
}
input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  line-height: 1;
  font-weight: bold;
}
input::-webkit-input-placeholder {
  color: #696b73;
  font-style: italic;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
input:-moz-placeholder {
  /* Firefox 18- */
  color: #696b73;
  font-style: italic;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #696b73;
  font-style: italic;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
input:-ms-input-placeholder {
  color: #696b73;
  font-style: italic;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
}
select {
  width: auto;
  max-width: 100%;
  font-size: 0.8125em;
}
/*

Input Label Elements

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

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

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

Input Widths

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

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

*/
.input--eighth {
  width: 12.5%;
}
.input--quarter {
  width: 25%;
}
.input--half {
  width: 50%;
}
.input--three-quarters {
  width: 75%;
}
.input--xxxs {
  max-width: 2.14285714em;
}
.input--xxs {
  max-width: 3.57142857em;
}
.input--xs {
  max-width: 7.14285714em;
}
.input--s {
  max-width: 12.5em;
}
.input--m {
  max-width: 17.85714286em;
}
.input--l {
  max-width: 25em;
}
/*

Form Modules

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

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

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

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

*/
.attached-label {
  display: table;
  overflow: hidden;
}
.attached-label > * {
  margin-top: 0;
  display: table-cell;
  vertical-align: middle;
}
.attached-label > * > :first-child {
  margin-top: 0;
}
.attached-label [class*="btn"] {
  display: block;
  width: 100%;
}
.email-signup .btn,
.email-signup .btn--red {
  display: inline-block;
  padding: 12px;
}
/*

Input Label

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

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

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

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

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

*/
.input-label {
  padding-top: 1.4285714285714286em;
}
.input-hint {
  color: #a9a6a7;
  margin-top: 0.35714285714285715em;
}
.input-desc {
  margin-top: 0em;
}
/*

Fieldset

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

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

Checkbox List

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

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

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

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

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

*/
.checkbox-list {
  margin-top: 0.7142857142857143em;
}
legend + .checkbox-list {
  margin-top: 0em;
}
legend .input-label {
  padding-bottom: 0.35714285714285715em;
}
legend + .input-desc {
  /* Positioning */
  position: relative;
  top: -0.35714286em;
}
/*

Form Validation

*/
/*

Input States

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

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

*/
.is-successful input,
.is-successful textarea,
.is-successful select {
  border-color: #72bc44;
}
.is-erroneous input,
.is-erroneous textarea,
.is-erroneous select {
  border-color: #cf333c;
}
/*

Form Messaging

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

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

*/
[class*="input-alert"] {
  /* Display & Box Model */
  display: inline-block;
  /* Pretty */
  color: #163953;
}
.input-alert--warning {
  color: #edad08;
}
.input-alert--error {
  color: #cf333c;
}
.input-alert--success {
  color: #72bc44;
}
/*

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

Media Grid

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

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

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

*/
  .gl-row--flex,
  .gl-quarters,
  .gl-thirds,
  .gl-halves {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gl-row--flex > [class*="gcl"],
  .gl-quarters > *,
  .gl-thirds > *,
  .gl-halves > * {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .opera-only :-o-prefocus,
  .gl-row--flex,
  .gl-quarters,
  .gl-thirds,
  .gl-halves {
    word-spacing: -0.43em;
  }
}
@media all and (min-width: 77.5em) {
  [class*="gxl-row"],
  .gxl-quarters,
  .gxl-thirds,
  .gxl-halves {
    margin-left: -1.28571429em;
    margin-right: -1.28571429em;
    clear: both;
  }
  [class*="gxl-row"]:before,
  [class*="gxl-row"]:after,
  .gxl-quarters:before,
  .gxl-quarters:after,
  .gxl-thirds:before,
  .gxl-thirds:after,
  .gxl-halves:before,
  .gxl-halves:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  [class*="gxl-row"]:after,
  .gxl-quarters:after,
  .gxl-thirds:after,
  .gxl-halves:after {
    clear: both;
  }
  ul[class*="gxl-row"],
  ul.gxl-quarters,
  ul.gxl-thirds,
  ul.gxl-halves {
    padding-left: 0;
    list-style: none outside none;
  }
  .gxl-row--rtl > [class*="gcxl"] {
    float: right;
  }
  .gxl-row--ltr > [class*="gcxl"] {
    float: left;
  }
  [class*="gcxl"],
  .gxl-quarters > *,
  .gxl-thirds > *,
  .gxl-halves > * {
    display: inline;
    float: left;
    padding-left: 1.28571429em;
    padding-right: 1.28571429em;
  }
  .gxl-quarter,
  .gcxl-quarter,
  .gxl-quarters > * {
    width: 25%;
  }
  .gxl-third,
  .gcxl-third,
  .gxl-thirds > * {
    width: 33.33333%;
  }
  .gxl-half,
  .gcxl-half,
  .gxl-halves > * {
    width: 50%;
  }
  .gxl-two-thirds,
  .gcxl-two-thirds {
    width: 66.66667%;
  }
  .gxl-three-quarters,
  .gcxl-three-quarters {
    width: 75%;
  }
  .gxl-full,
  .gcxl-full {
    width: 100%;
  }
  .gcxl-35p {
    width: 35%;
  }
  .gcxl-65p {
    width: 65%;
  }
  /*

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 gxl-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>
````

*/
  .gxl-row--flex,
  .gxl-quarters,
  .gxl-thirds,
  .gxl-halves {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
  }
  .gxl-row--flex > [class*="gcxl"],
  .gxl-quarters > *,
  .gxl-thirds > *,
  .gxl-halves > * {
    float: none;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .opera-only :-o-prefocus,
  .gxl-row--flex,
  .gxl-quarters,
  .gxl-thirds,
  .gxl-halves {
    word-spacing: -0.43em;
  }
}
/*

Off-Canvas Trigger (Small Screens Only)

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

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

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

*/
.js [class*="off-canvas--"] {
  /* Positioning */
  position: relative;
  /* Display & Box Model */
  overflow: hidden;
}
.js [class*="off-canvas--"].is-active > .canvas__primary {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.js [class*="off-canvas--"].is-active > .canvas__primary,
.js [class*="off-canvas--"].was-active > .canvas__primary,
.js [class*="off-canvas--"].is-active > .canvas__secondary,
.js [class*="off-canvas--"].was-active > .canvas__secondary {
  -webkit-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js .canvas__secondary {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.js .off-canvas--left > .canvas__primary,
.js .off-canvas--right > .canvas__primary,
.js .off-canvas--left > .canvas__secondary,
.js .off-canvas--right > .canvas__secondary {
  min-height: 100vh;
}
.js .off-canvas--left > .canvas__secondary,
.js .off-canvas--right > .canvas__secondary {
  height: 100vh;
  overflow: hidden;
  overflow-y: auto;
}
.js .off-canvas--left.is-active,
.js .off-canvas--right.is-active,
.js .off-canvas--left.is-active > .canvas_primary,
.js .off-canvas--right.is-active > .canvas_primary {
  height: 100vh;
  overflow: hidden;
}
.js .off-canvas--right.is-active > .canvas__secondary {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.js .off-canvas--right > .canvas__primary {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  /* Positioning */
  float: left;
  /* Display & Box Model */
  margin-left: -100%;
}
.js .off-canvas--right > .canvas__secondary {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* Positioning */
  float: right;
  /* Display & Box Model */
  margin-right: -100%;
}
.js .off-canvas--left.is-active > .canvas__secondary {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.js .off-canvas--left > .canvas__primary {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  /* Positioning */
  float: right;
  /* Display & Box Model */
  margin-right: -100%;
}
.js .off-canvas--left > .canvas__secondary {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* Positioning */
  float: left;
  /* Display & Box Model */
  margin-left: -100%;
}
.js .off-canvas--top,
.js .off-canvas--bottom {
  /* Positioning */
  position: relative;
  /* Display & Box Model */
  min-height: 100vh;
}
.js .off-canvas--top.is-active,
.js .off-canvas--bottom.is-active {
  height: 100vh;
  overflow: hidden;
}
.js .off-canvas--top.is-active > .canvas__primary,
.js .off-canvas--bottom.is-active > .canvas__primary {
  /* Positioning */
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  /* Display & Box Model */
  height: 100vh;
  overflow: hidden;
}
.js .off-canvas--top.is-active > .canvas__secondary,
.js .off-canvas--bottom.is-active > .canvas__secondary {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  /* Display & Box Model */
  overflow: auto;
}
.js .off-canvas--top > .canvas__secondary,
.js .off-canvas--bottom > .canvas__secondary {
  /* Positioning */
  position: absolute;
  left: 0;
  right: 0;
  /* Display & Box Model */
  width: 100%;
  height: 80vh;
  overflow: hidden;
}
.js .off-canvas--top.is-active > .canvas__primary {
  -webkit-transform: translate3d(0, 80vh, 0);
  -moz-transform: translate3d(0, 80vh, 0);
  -o-transform: translate3d(0, 80vh, 0);
  -ms-transform: translate3d(0, 80vh, 0);
  transform: translate3d(0, 80vh, 0);
}
.js .off-canvas--top > .canvas__secondary {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  /* Positioning */
  top: 0;
}
.js .off-canvas--bottom.is-active > .canvas__primary {
  -webkit-transform: translate3d(0, -80vh, 0);
  -moz-transform: translate3d(0, -80vh, 0);
  -o-transform: translate3d(0, -80vh, 0);
  -ms-transform: translate3d(0, -80vh, 0);
  transform: translate3d(0, -80vh, 0);
}
.js .off-canvas--bottom > .canvas__secondary {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  /* Positioning */
  bottom: 0;
}
.js .canvas__primary,
.js .canvas__secondary {
  /* Display & Box Model */
  width: 100%;
}
.js .canvas__primary {
  z-index: 1;
}
.js .canvas__secondary {
  z-index: 2;
}
@media all and (min-width: 48em) {
  .js [class*="off-canvas--"].is-active > .canvas__primary,
  .js [class*="off-canvas--"].was-active > .canvas__primary,
  .js [class*="off-canvas--"].is-active > .canvas__secondary,
  .js [class*="off-canvas--"].was-active > .canvas__secondary {
    -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .js .off-canvas--right > .canvas__secondary,
  .js .off-canvas--left > .canvas__secondary {
    width: 70%;
  }
  .js .off-canvas--right.is-active > .canvas__primary {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
  }
  .js .off-canvas--right > .canvas__secondary {
    margin-right: -70%;
  }
  .js .off-canvas--left.is-active > .canvas__primary {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
  }
  .js .off-canvas--left > .canvas__secondary {
    margin-left: -70%;
  }
}
@media all and (min-width: 62em) {
  .js .off-canvas--right > .canvas__secondary,
  .js .off-canvas--left > .canvas__secondary {
    width: 60%;
  }
  .js .off-canvas--right.is-active > .canvas__primary {
    -webkit-transform: translate3d(40%, 0, 0);
    -moz-transform: translate3d(40%, 0, 0);
    -o-transform: translate3d(40%, 0, 0);
    -ms-transform: translate3d(40%, 0, 0);
    transform: translate3d(40%, 0, 0);
  }
  .js .off-canvas--right > .canvas__secondary {
    margin-right: -60%;
  }
  .js .off-canvas--left.is-active > .canvas__primary {
    -webkit-transform: translate3d(-40%, 0, 0);
    -moz-transform: translate3d(-40%, 0, 0);
    -o-transform: translate3d(-40%, 0, 0);
    -ms-transform: translate3d(-40%, 0, 0);
    transform: translate3d(-40%, 0, 0);
  }
  .js .off-canvas--left > .canvas__secondary {
    margin-left: -60%;
  }
}
.js [class*="slide-canvas--"] {
  -webkit-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  /* Positioning */
  position: fixed;
  z-index: 110;
  /* Display & Box Model */
  overflow: auto;
  overflow-x: hidden;
}
.js [class*="slide-canvas--"].is-revealed {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.js .slide-canvas--left,
.js .slide-canvas--right {
  /* Positioning */
  top: 0;
  bottom: 0;
  /* Display & Box Model */
  width: 80%;
}
@media all and (min-width: 48em) {
  .js .slide-canvas--left,
  .js .slide-canvas--right {
    width: 33%;
  }
}
@media all and (min-width: 62em) {
  .js .slide-canvas--left,
  .js .slide-canvas--right {
    width: 25%;
  }
}
@media all and (min-width: 77.5em) {
  .js .slide-canvas--left,
  .js .slide-canvas--right {
    width: 20%;
  }
}
.js .slide-canvas--left {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  /* Positioning */
  left: 0;
}
.js .slide-canvas--right {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  /* Positioning */
  right: 0;
}
.js .slide-canvas--top,
.js .slide-canvas--bottom {
  /* Positioning */
  left: 0;
  right: 0;
  /* Display & Box Model */
  height: 90%;
}
@media all and (min-width: 48em) {
  .js .slide-canvas--top,
  .js .slide-canvas--bottom {
    height: 33%;
  }
}
@media all and (min-width: 62em) {
  .js .slide-canvas--top,
  .js .slide-canvas--bottom {
    height: 25%;
  }
}
@media all and (min-width: 77.5em) {
  .js .slide-canvas--top,
  .js .slide-canvas--bottom {
    height: 20%;
  }
}
.js .slide-canvas--top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  /* Positioning */
  top: 0;
}
.js .slide-canvas--bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  /* Positioning */
  bottom: 0;
}
/*

Tables

*/
/*

Default Tables

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

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

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

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

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

Panel

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

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

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

Alert Panel

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

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

*/
/*

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

*/
/*

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

*/
[class*="alert-panel"] {
  color: #ffffff;
}
.alert-panel {
  background: #163953;
}
.alert-panel--error {
  background: #cf333c;
}
.alert-panel--success {
  background: #72bc44;
}
/*

WYSIWYG

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

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

*/
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
  margin-top: 1.5em;
}
.wysiwyg h1 {
  margin-top: 1em;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  color: #696b73;
  text-transform: uppercase;
  font-weight: lighter;
}
.wysiwyg h2 {
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  color: #696b73;
  text-transform: uppercase;
  font-weight: lighter;
}
.wysiwyg h3 {
  text-transform: uppercase;
}
.wysiwyg h2,
.wysiwyg .primer-text {
  font-size: 24px;
  font-size: 1.5rem;
}
.wysiwyg h3 {
  font-size: 16px;
  font-size: 1rem;
}
.wysiwyg h4,
.wysiwyg .normal-text {
  color: #2b7fde;
  text-transform: uppercase;
  font-weight: bold;
}
.wysiwyg p {
  line-height: 1.8;
}
.wysiwyg figure {
  display: inline-block;
  margin-bottom: 1.42857143em;
  width: 100%;
}
.wysiwyg figure img {
  display: block;
  width: 100%;
}
.wysiwyg .img--full {
  width: 100%;
}
.wysiwyg .img--full img {
  width: 100%;
}
.wysiwyg figcaption {
  font-size: 10px;
  font-size: 0.625rem;
  background: #36333d;
  color: #c9c4be;
  padding: 2em 1.8em;
  font-style: italic;
}
.wysiwyg ol,
.wysiwyg ul {
  padding-left: 0;
}
.wysiwyg ol li,
.wysiwyg ul li {
  list-style: none;
  margin-bottom: 0.57142857em;
}
.wysiwyg ul li {
  position: relative;
  padding-left: 1.42857143em;
}
.wysiwyg ul li:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 0.42857143em;
  height: 0.42857143em;
  background: #133880;
}
.wysiwyg .content-area {
  margin-bottom: 2.85714286em;
}
.wysiwyg ol {
  counter-reset: li;
}
.wysiwyg ol li {
  position: relative;
  padding-left: 0.85714286em;
}
.wysiwyg ol li:before {
  font-size: 12px;
  font-size: 0.75rem;
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  left: -0.41666667em;
  top: 6px;
  width: 0.83333333em;
  height: 0.83333333em;
  color: #163953;
  font-weight: bold;
  line-height: 1;
  background: transparent;
}
.wysiwyg .list--unstyled {
  padding-left: 0;
}
.wysiwyg .list--unstyled li {
  padding-left: 0;
}
.wysiwyg .list--unstyled li:before {
  display: none;
}
.wysiwyg .panel,
.wysiwyg .panel--alt {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1.42857143em;
  background: #ffffff;
  border-width: 0;
  text-align: center;
}
.wysiwyg .panel h1,
.wysiwyg .panel--alt h1,
.wysiwyg .panel h2,
.wysiwyg .panel--alt h2,
.wysiwyg .panel h3,
.wysiwyg .panel--alt h3,
.wysiwyg .panel h4,
.wysiwyg .panel--alt h4,
.wysiwyg .panel h5,
.wysiwyg .panel--alt h5,
.wysiwyg .panel h6,
.wysiwyg .panel--alt h6 {
  font-size: 16px;
  font-size: 1rem;
  color: #36333d;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-transform: capitalize;
  font-weight: bold;
}
.wysiwyg .panel h1:first-of-type,
.wysiwyg .panel--alt h1:first-of-type,
.wysiwyg .panel h2:first-of-type,
.wysiwyg .panel--alt h2:first-of-type,
.wysiwyg .panel h3:first-of-type,
.wysiwyg .panel--alt h3:first-of-type,
.wysiwyg .panel h4:first-of-type,
.wysiwyg .panel--alt h4:first-of-type,
.wysiwyg .panel h5:first-of-type,
.wysiwyg .panel--alt h5:first-of-type,
.wysiwyg .panel h6:first-of-type,
.wysiwyg .panel--alt h6:first-of-type {
  color: #36333d;
  position: relative;
  padding-bottom: 1.66666667em;
}
.wysiwyg .panel h1:first-of-type:after,
.wysiwyg .panel--alt h1:first-of-type:after,
.wysiwyg .panel h2:first-of-type:after,
.wysiwyg .panel--alt h2:first-of-type:after,
.wysiwyg .panel h3:first-of-type:after,
.wysiwyg .panel--alt h3:first-of-type:after,
.wysiwyg .panel h4:first-of-type:after,
.wysiwyg .panel--alt h4:first-of-type:after,
.wysiwyg .panel h5:first-of-type:after,
.wysiwyg .panel--alt h5:first-of-type:after,
.wysiwyg .panel h6:first-of-type:after,
.wysiwyg .panel--alt h6:first-of-type:after {
  display: none;
  content: "";
  position: absolute;
  height: 2px;
  width: 114px;
  left: 50%;
  margin-left: -57px;
  bottom: 0;
  background: #08215a;
}
.wysiwyg .panel hr,
.wysiwyg .panel--alt hr {
  width: 30%;
  margin-top: 3.33333333em;
  margin-bottom: 3.33333333em;
  border-style: solid;
  border-color: rgba(58, 57, 57, 0.2);
}
.wysiwyg .panel.blue,
.wysiwyg .panel--alt.blue {
  background: #0a5676;
}
.wysiwyg .panel.red,
.wysiwyg .panel--alt.red {
  background: #942336;
}
.wysiwyg .panel.brown,
.wysiwyg .panel--alt.brown {
  background: #372e2c;
}
.wysiwyg .panel.blue,
.wysiwyg .panel--alt.blue,
.wysiwyg .panel.red,
.wysiwyg .panel--alt.red,
.wysiwyg .panel.brown,
.wysiwyg .panel--alt.brown {
  color: #ffffff;
}
.wysiwyg .panel.blue a.link,
.wysiwyg .panel--alt.blue a.link,
.wysiwyg .panel.red a.link,
.wysiwyg .panel--alt.red a.link,
.wysiwyg .panel.brown a.link,
.wysiwyg .panel--alt.brown a.link {
  color: #f9c848;
}
.wysiwyg .panel.blue a.link:hover,
.wysiwyg .panel--alt.blue a.link:hover,
.wysiwyg .panel.red a.link:hover,
.wysiwyg .panel--alt.red a.link:hover,
.wysiwyg .panel.brown a.link:hover,
.wysiwyg .panel--alt.brown a.link:hover,
.wysiwyg .panel.blue a.link:focus,
.wysiwyg .panel--alt.blue a.link:focus,
.wysiwyg .panel.red a.link:focus,
.wysiwyg .panel--alt.red a.link:focus,
.wysiwyg .panel.brown a.link:focus,
.wysiwyg .panel--alt.brown a.link:focus,
.wysiwyg .panel.blue a.link.is-current,
.wysiwyg .panel--alt.blue a.link.is-current,
.wysiwyg .panel.red a.link.is-current,
.wysiwyg .panel--alt.red a.link.is-current,
.wysiwyg .panel.brown a.link.is-current,
.wysiwyg .panel--alt.brown a.link.is-current {
  color: #edad08;
}
.wysiwyg .panel.blue h1,
.wysiwyg .panel--alt.blue h1,
.wysiwyg .panel.red h1,
.wysiwyg .panel--alt.red h1,
.wysiwyg .panel.brown h1,
.wysiwyg .panel--alt.brown h1,
.wysiwyg .panel.blue h2,
.wysiwyg .panel--alt.blue h2,
.wysiwyg .panel.red h2,
.wysiwyg .panel--alt.red h2,
.wysiwyg .panel.brown h2,
.wysiwyg .panel--alt.brown h2,
.wysiwyg .panel.blue h3,
.wysiwyg .panel--alt.blue h3,
.wysiwyg .panel.red h3,
.wysiwyg .panel--alt.red h3,
.wysiwyg .panel.brown h3,
.wysiwyg .panel--alt.brown h3,
.wysiwyg .panel.blue h4,
.wysiwyg .panel--alt.blue h4,
.wysiwyg .panel.red h4,
.wysiwyg .panel--alt.red h4,
.wysiwyg .panel.brown h4,
.wysiwyg .panel--alt.brown h4,
.wysiwyg .panel.blue h5,
.wysiwyg .panel--alt.blue h5,
.wysiwyg .panel.red h5,
.wysiwyg .panel--alt.red h5,
.wysiwyg .panel.brown h5,
.wysiwyg .panel--alt.brown h5,
.wysiwyg .panel.blue h6,
.wysiwyg .panel--alt.blue h6,
.wysiwyg .panel.red h6,
.wysiwyg .panel--alt.red h6,
.wysiwyg .panel.brown h6,
.wysiwyg .panel--alt.brown h6 {
  font-size: 16px;
  font-size: 1rem;
  color: #ffffff;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-transform: capitalize;
  font-weight: bold;
}
.wysiwyg .panel.blue h1:first-of-type,
.wysiwyg .panel--alt.blue h1:first-of-type,
.wysiwyg .panel.red h1:first-of-type,
.wysiwyg .panel--alt.red h1:first-of-type,
.wysiwyg .panel.brown h1:first-of-type,
.wysiwyg .panel--alt.brown h1:first-of-type,
.wysiwyg .panel.blue h2:first-of-type,
.wysiwyg .panel--alt.blue h2:first-of-type,
.wysiwyg .panel.red h2:first-of-type,
.wysiwyg .panel--alt.red h2:first-of-type,
.wysiwyg .panel.brown h2:first-of-type,
.wysiwyg .panel--alt.brown h2:first-of-type,
.wysiwyg .panel.blue h3:first-of-type,
.wysiwyg .panel--alt.blue h3:first-of-type,
.wysiwyg .panel.red h3:first-of-type,
.wysiwyg .panel--alt.red h3:first-of-type,
.wysiwyg .panel.brown h3:first-of-type,
.wysiwyg .panel--alt.brown h3:first-of-type,
.wysiwyg .panel.blue h4:first-of-type,
.wysiwyg .panel--alt.blue h4:first-of-type,
.wysiwyg .panel.red h4:first-of-type,
.wysiwyg .panel--alt.red h4:first-of-type,
.wysiwyg .panel.brown h4:first-of-type,
.wysiwyg .panel--alt.brown h4:first-of-type,
.wysiwyg .panel.blue h5:first-of-type,
.wysiwyg .panel--alt.blue h5:first-of-type,
.wysiwyg .panel.red h5:first-of-type,
.wysiwyg .panel--alt.red h5:first-of-type,
.wysiwyg .panel.brown h5:first-of-type,
.wysiwyg .panel--alt.brown h5:first-of-type,
.wysiwyg .panel.blue h6:first-of-type,
.wysiwyg .panel--alt.blue h6:first-of-type,
.wysiwyg .panel.red h6:first-of-type,
.wysiwyg .panel--alt.red h6:first-of-type,
.wysiwyg .panel.brown h6:first-of-type,
.wysiwyg .panel--alt.brown h6:first-of-type {
  color: #ffffff;
  position: relative;
  padding-bottom: 1.66666667em;
  text-transform: uppercase;
}
.wysiwyg .panel.blue h1:first-of-type:after,
.wysiwyg .panel--alt.blue h1:first-of-type:after,
.wysiwyg .panel.red h1:first-of-type:after,
.wysiwyg .panel--alt.red h1:first-of-type:after,
.wysiwyg .panel.brown h1:first-of-type:after,
.wysiwyg .panel--alt.brown h1:first-of-type:after,
.wysiwyg .panel.blue h2:first-of-type:after,
.wysiwyg .panel--alt.blue h2:first-of-type:after,
.wysiwyg .panel.red h2:first-of-type:after,
.wysiwyg .panel--alt.red h2:first-of-type:after,
.wysiwyg .panel.brown h2:first-of-type:after,
.wysiwyg .panel--alt.brown h2:first-of-type:after,
.wysiwyg .panel.blue h3:first-of-type:after,
.wysiwyg .panel--alt.blue h3:first-of-type:after,
.wysiwyg .panel.red h3:first-of-type:after,
.wysiwyg .panel--alt.red h3:first-of-type:after,
.wysiwyg .panel.brown h3:first-of-type:after,
.wysiwyg .panel--alt.brown h3:first-of-type:after,
.wysiwyg .panel.blue h4:first-of-type:after,
.wysiwyg .panel--alt.blue h4:first-of-type:after,
.wysiwyg .panel.red h4:first-of-type:after,
.wysiwyg .panel--alt.red h4:first-of-type:after,
.wysiwyg .panel.brown h4:first-of-type:after,
.wysiwyg .panel--alt.brown h4:first-of-type:after,
.wysiwyg .panel.blue h5:first-of-type:after,
.wysiwyg .panel--alt.blue h5:first-of-type:after,
.wysiwyg .panel.red h5:first-of-type:after,
.wysiwyg .panel--alt.red h5:first-of-type:after,
.wysiwyg .panel.brown h5:first-of-type:after,
.wysiwyg .panel--alt.brown h5:first-of-type:after,
.wysiwyg .panel.blue h6:first-of-type:after,
.wysiwyg .panel--alt.blue h6:first-of-type:after,
.wysiwyg .panel.red h6:first-of-type:after,
.wysiwyg .panel--alt.red h6:first-of-type:after,
.wysiwyg .panel.brown h6:first-of-type:after,
.wysiwyg .panel--alt.brown h6:first-of-type:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 114px;
  left: 50%;
  margin-left: -57px;
  bottom: 0;
  background: #cf333c;
}
.wysiwyg .panel--alt {
  background: #0a5676;
  color: #ffffff;
}
.wysiwyg ul.feature-list {
  clear: both;
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 2.85714286em;
  margin-left: 1.42857143em;
}
.wysiwyg ul.feature-list:before,
.wysiwyg ul.feature-list:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.wysiwyg ul.feature-list:after {
  clear: both;
}
.wysiwyg ul.feature-list.list--unstyled {
  margin-left: 0;
}
.wysiwyg ul.feature-list.list--unstyled li:before {
  display: none;
}
.wysiwyg ul.feature-list.yellow li:before {
  color: #f9c848;
}
.wysiwyg ul.feature-list.cool-grey li:before {
  color: #696b73;
}
.wysiwyg ul.feature-list li {
  padding-left: 1.78571429em;
  padding-right: 1.78571429em;
  margin-bottom: 1.78571429em;
  color: #173952;
  font-weight: bold;
  text-align: left;
  position: relative;
}
.wysiwyg ul.feature-list li:before {
  display: inline-block;
  font-family: "motif-icons";
  font-size: 55px;
  font-size: 3.4375rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cf333c;
  background: inherit;
  top: -10px;
  left: -24px;
}
.wysiwyg .publication-page p:first-of-type::first-letter {
  font-size: 120px;
  font-size: 7.5rem;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-weight: bold;
  float: left;
  line-height: 80px;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 3px;
}
.wysiwyg table {
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  color: #696b73;
  border: 1px solid #d4d0cc;
  background: #ffffff;
  margin-bottom: 1.42857143em;
}
.wysiwyg table th {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #36333d;
  border-bottom-width: 0;
  padding: 1.66666667em 1.38888889em;
  background: #ffffff;
}
.wysiwyg table td {
  border: 1px solid #d4d0cc;
  border-color: #d4d0cc;
  border-bottom-width: 0;
  border-left-width: 0;
}
.wysiwyg table tr td:last-child {
  border-right-width: 0;
}
.wysiwyg table tr:nth-child(odd) {
  background: #f8f7f7;
}
/*

Styling for mobile filtering navigation

*/
.mobile-filter {
  overflow: hidden;
  position: relative;
  height: 60px;
}
.mobile-filter.is-revealed {
  height: 90px;
}
.mobile-filter .dark-link {
  color: #696b73;
  transition: color 300ms;
}
.mobile-filter .dark-link:hover {
  color: #36333d;
}
.mobile-filter .dark-link:focus {
  color: #36333d;
}
.mobile-filter .blue-link {
  color: #08215a;
  transition: color 300ms;
}
.mobile-filter .blue-link:hover {
  color: #2b7fde;
}
.mobile-filter .blue-link:focus {
  color: #2b7fde;
}
.mobile-filter .find-button--wrapper {
  position: absolute;
  top: 10px;
  width: 100%;
}
.mobile-filter .find-button--full-width {
  width: 100%;
}
.mobile-filter--screen {
  height: 100%;
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  left: 0;
  padding: 65px 10px 10px 10px;
  background: #f4f0ed;
  z-index: 700;
  -ms-transform: translateX(100%);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}
.mobile-filter--screen.mobile-secondary-screen {
  z-index: 701;
  padding-left: 10px;
  padding-right: 10px;
}
.mobile-filter--screen.mobile-secondary-screen .filter-title {
  font-size: 18px;
  color: #696b73;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}
.mobile-filter--screen.mobile-secondary-screen .filter-content {
  color: #191a1c;
}
.mobile-filter--screen.mobile-secondary-screen .mobile-filter--checkbox .fake-input {
  border: 1px solid #191a1c;
}
.mobile-filter--screen.mobile-secondary-screen .mobile-filter--checkbox .fake-input-copy {
  color: #191a1c;
}
.mobile-filter--screen.is-shown {
  -ms-transform: translateX(0);
  transform: translate3d(0, 0, 0);
}
.mobile-filter--screen--overflow {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
}
.mobile-filter--screen--categories li {
  list-style-type: none;
  text-align: left;
  width: 100%;
  padding: 3px 10px;
  margin: 4px 0;
  position: relative;
}
.mobile-filter--screen--categories .selected-state-wrapper {
  top: 135%;
}
.mobile-filter--screen--close {
  font-size: 14px;
  color: #696b73;
  margin-top: 16px;
}
.mobile-filter--screen--close--text {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.mobile-filter--submit {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.mobile-filter--submit .btn {
  width: 90%;
  max-width: 250px;
}
.mobile-filter--filters .mobile-filter--headers h4 {
  color: #08215a;
  margin-top: 8px;
}
.mobile-filter--filters .mobile-filter--headers .text-dark {
  color: #191a1c;
}
.mobile-filter--filters .mobile-filter--headers .mobile-filter--checkbox .fake-input {
  border: 1px solid #191a1c;
}
.mobile-filter--filters .mobile-filter--headers .mobile-filter--checkbox .fake-input-copy {
  color: #191a1c;
}
.mobile-filter--ul li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 49%;
}
.mobile-filter .search-area {
  top: 0;
  z-index: 10;
  transition: all 0.5s ease;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -o-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  right: 0;
}
.mobile-filter .search-area.is-revealed {
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -o-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  position: absolute !important;
  background: #ffffff;
  opacity: 1;
}
.mobile-filter .search-area--close-button {
  padding-top: 8px;
}
@media all and (max-width: 47.9375em) {
  .ui-datepicker {
    top: 75px;
  }
  .ui-datepicker .ui-datepicker-calendar thead th {
    display: inline-block;
  }
  .wysiwyg .feature-list .mobile-filter--margin-bottom {
    margin-bottom: 12px;
  }
  #no-scroll {
    height: 100%;
    overflow: hidden;
  }
}
.vet-intro {
  padding-top: 1.28571429em;
  padding-bottom: 2.57142857em;
}
.vet-intro__bottom {
  padding-top: 1.28571429em;
}
.vet-intro__icon {
  font-size: 2.85714286em;
  color: #cf333c;
}
.vet-intro__heading {
  line-height: 1.4;
}
.vet-topics {
  padding-top: 2.57142857em;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .vet-social-search {
    height: 18.57142857em;
  }
}
@media all and (min-width: 62em) {
  .vet-social-search {
    height: 17.85714286em;
  }
}
.vet-social {
  width: 100%;
  padding: 1.28571429em;
  background-image: url(/resources/motif/images/bush_vets-guide_image.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: table;
  text-align: center;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .vet-social {
    height: 18.57142857em;
    float: left;
    width: 69%;
  }
}
@media all and (min-width: 62em) {
  .vet-social {
    float: left;
    width: 69%;
    height: 100%;
  }
}
.vet-social__container {
  display: table-cell;
  vertical-align: middle;
}
.vet-social__heading {
  text-align: center;
  margin: 0 auto 0 auto;
  color: #ffffff;
}
.vet-social__desc {
  text-align: center;
  margin-top: 1.28571429em;
  color: #ffffff;
}
.vet-social__links {
  margin-top: 1.28571429em;
}
.vet-social__links--subtopics {
  position: absolute;
  bottom: 1.28571429em;
  right: 1.28571429em;
}
.vet-social__link {
  font-size: 1.42857143em;
  background: #382e2c;
  color: #ffffff;
  width: 35px;
  height: 35px;
  text-align: center;
  margin-left: 0.35714286em;
  display: inline-block;
  border-radius: 2px;
}
.vet-social__link:before {
  font-size: 36px;
}
.vet-social__link:hover,
.vet-social__link:active,
.vet-social__link:focus {
  color: #cf333c;
}
.vet-social__link--bronze {
  background: #a69e94;
}
.vet-search {
  width: 100%;
  background-color: #0a5676;
  padding: 1.28571429em 2.57142857em;
  display: table;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .vet-search {
    padding: 1.28571429em;
  }
}
@media all and (min-width: 48em) {
  .vet-search {
    width: 31%;
    float: left;
    height: 100%;
  }
}
.vet-search__container {
  display: table-cell;
  vertical-align: middle;
}
@media all and (max-width: 47.9375em) {
  .vet-search__container {
    text-align: center;
  }
}
.vet-search__heading {
  font-size: 1.14285714em;
  margin-top: 0;
  position: relative;
  color: #ffffff;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.vet-search__desc {
  line-height: 1.4;
}
.vet-search__input {
  font-size: 1.07142857em;
}
.vet-walmart__logo {
  width: 100%;
  max-width: 25em;
  height: auto;
}
.vet-window,
.vet-window__blur-overlay {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.vet-topic-print__heading {
  position: relative;
}
.vet-topic-print__heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0.14285714em;
  width: 6.71428571em;
  left: 50%;
  margin-left: -3.35714286em;
  background: #3082a4;
}
.vet-subtopic {
  width: 100%;
  background: #ffffff;
  padding: 2.57142857em;
  -webkit-box-shadow: 0 0.35714286em 0.35714286em rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 0.35714286em 0.35714286em rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 0.35714286em 0.35714286em rgba(51, 51, 51, 0.3);
  box-shadow: 0 0.35714286em 0.35714286em rgba(51, 51, 51, 0.3);
}
.vet-subtopic__heading {
  margin-top: 0;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  color: #a69e94;
  line-height: 1;
  position: relative;
  font-weight: 400;
  font-style: italic;
  padding-bottom: 0.64285714em;
}
.vet-subtopic__desc {
  position: relative;
  padding-top: 0.64285714em;
}
.vet-subtopic__desc a {
  background: transparent;
}
.vet-subtopic__desc a:hover,
.vet-subtopic__desc a:active,
.vet-subtopic__desc a:focus {
  background: transparent;
}
.vet-subtopic__desc p:first-child {
  margin-top: 0;
}
.vet-subtopic__desc:before {
  content: "";
  height: 0.14285714em;
  width: 70%;
  max-width: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #cf333c;
}
.vet-subtopic__link {
  margin-top: 1.28571429em;
  display: inline-block;
}
.vet-subtopic__link.is-revealed .vet-subtopic__continue {
  display: none;
}
.vet-subtopic__link:not(.is-revealed) .vet-subtopic__close {
  display: none;
}
.vet-subtopic__continue:after {
  content: '';
  height: 0;
  width: 0;
  margin-left: 1.28571429em;
  display: inline-block;
  vertical-align: middle;
  border-left: 0.35714286em solid transparent;
  border-right: 0.35714286em solid transparent;
  border-top: 0.35714286em solid #cf333c;
}
.vet-subtopic__continue:hover:after {
  border-top: 0.35714286em solid #9d2125;
}
.vet-subtopic__close:after {
  content: '';
  height: 0;
  width: 0;
  margin-left: 1.28571429em;
  display: inline-block;
  vertical-align: middle;
  border-left: 0.35714286em solid transparent;
  border-right: 0.35714286em solid transparent;
  border-bottom: 0.35714286em solid #cf333c;
}
.vet-subtopic__close:hover:after {
  border-top: 0.35714286em solid #9d2125;
}
@media all and (min-width: 48em) {
  .veteran--header-banner .header-banner-copy-list .page-desc {
    height: 280px;
  }
}
@media all and (min-width: 48em) {
  .veteran--header-banner .header-banner-copy-list .page-title {
    height: 280px;
  }
}
@media all and (min-width: 62em) {
  .content-area--donor {
    margin-right: 10.71428571em;
  }
}
.donor-table {
  width: 100%;
  color: #696b73;
  max-width: 100%;
  border: 0.07142857em solid #d4d0cc;
  table-layout: fixed;
}
.donor-table__tr:before {
  display: none;
}
.donor-table__tr:nth-of-type(odd) {
  background-color: #F8F7F7;
}
.donor-table__tr:nth-of-type(even) {
  background-color: #FFFFFF;
}
.donor-table__nav {
  margin-top: 1.28571429em;
}
.donor-table__loader {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  height: 0;
  width: 0;
  transition: opacity 120ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.donor-table__loader.is-active {
  height: 100%;
  width: 100%;
  opacity: 1;
}
.donor-table__loader.is-active .ball-pulse > div {
  height: 1.07142857em;
  width: 1.07142857em;
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.loader-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.ball-pulse > div:nth-child(1) {
  background-color: #cf333c;
  animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(2) {
  background-color: #1f75ae;
  animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(3) {
  animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div {
  background-color: #ffffff;
  width: 0;
  height: 0;
  border-radius: 100%;
  margin: 0.14285714em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
}
/*===========HOMEPAGE NAVIGATION===============*/
.main-logo-container {
  float: left;
  position: relative;
  z-index: 1;
  width: calc(100% - 100px);
  max-width: 234px;
}
.logo-link-wrapper {
  display: block;
  background: url("/resources/motif/images/logo--bush-center-white-new.svg") no-repeat top center;
  height: 55px;
}
.main-nav-bar-homepage__title {
  display: block;
  position: absolute;
  top: 20px;
  width: 70px;
  height: 65px;
  right: 0;
  z-index: 1;
}
@media all and (min-width: 62em) {
  .main-nav-bar-homepage__title {
    display: none;
  }
}
.navigation-container {
  float: right;
  margin-top: 14px;
}
.navigation-list-container {
  position: relative;
  z-index: 20;
}
.hamburger-menu-mobile {
  font-size: 11px;
  font-size: 0.6875rem;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-style: normal;
  color: #ffffff;
}
.hamburger-menu-mobile:before {
  content: "";
  position: absolute;
  background: url('/resources/motif/images/svg-icons/hamburger.svg') no-repeat top center;
  width: 15px;
  height: 15px;
  left: -23px;
  top: -1px;
}
.hamburger-menu-mobile:focus,
.hamburger-menu-mobile:hover {
  color: #ffffff;
}
@media all and (min-width: 30em) {
  .hamburger-menu-mobile {
    float: none;
  }
}
.global-search {
  display: none;
  position: absolute;
  right: 28px;
  top: -7px;
  width: 400px;
  margin-right: 16px;
}
.global-search:after {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 100%;
  background: #ffffff;
  height: 1px;
}
@media all and (min-width: 62em) {
  .global-search--revealed {
    display: block;
  }
}
.global-search__annotation {
  position: absolute;
  left: -108px;
  top: 8px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
}
.global-search__form-wrapper {
  position: relative;
}
.global-search__input-container {
  width: 280px;
}
.global-search__input-container--mega {
  border-bottom: 2px solid white;
}
.global-search__input {
  border: none;
  background: transparent;
  color: #ffffff;
  padding-left: 1px;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.global-search__input:hover,
.global-search__input:focus,
.global-search__input:active,
.global-search__input.is-current {
  z-index: 0;
  background: transparent;
}
.global-search__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff;
  font-weight: bold;
}
.global-search__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
  font-weight: bold;
}
.global-search__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff;
  font-weight: bold;
}
.global-search__submit-container {
  position: absolute;
  right: 0;
  top: 0;
}
.global-search__submit {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 2px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  padding: 7px 40px;
  transition: 0.3s;
}
.global-search__submit:hover,
.global-search__submit:focus,
.global-search__submit.is-current {
  color: #163953;
  background: #ffffff;
}
.side-menu-container {
  position: fixed;
  z-index: 702;
  /*Highest z-index*/
  background: #173856;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 28px 0 43px 50px;
  transform: translateX(100%);
  /*Fix issue with IOS Scroll*/
  min-height: 100vh;
  height: 100vh;
  width: 100vw;
}
@media all and (min-width: 48em) {
  .side-menu-container {
    width: 321px;
    left: auto;
  }
}
@media all and (min-width: 77.5em) {
  .side-menu-container {
    width: calc(10% + 136px);
  }
}
@media all and (min-width: 1579px) {
  .side-menu-container {
    width: calc(50% - 489px);
  }
}
.side-menu-container--opened {
  right: 0;
  transform: translateX(0);
  overflow: auto;
}
.side-menu-opened {
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}
.side-menu-opened .live-event-stream {
  display: none;
}
.side-menu-opened .live-event-timeline {
  display: none;
}
.side-menu {
  display: block;
  padding-left: 0;
}
@media all and (min-width: 48em) {
  .side-menu {
    width: 170px;
  }
}
.side-menu__item {
  padding: 0;
  margin: 6px 0 0 0;
}
.side-menu__item:before {
  display: none;
}
.side-menu__item:last-child {
  text-align: left;
}
.side-menu__item:focus,
.side-menu__item:hover {
  background: transparent;
}
.side-menu__sub {
  overflow: hidden;
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.side-menu__sub.is-revealed {
  overflow: hidden;
}
@media all and (min-width: 62em) {
  .side-menu__item-mobile-extra {
    display: none;
  }
}
.side-menu__item--close-menu {
  margin-bottom: 11px;
}
.side-menu__item-link {
  color: #f9c848;
  font-style: normal;
  font-size: 13px;
  font-size: 0.8125rem;
}
.side-menu__item-link:focus,
.side-menu__item-link:hover {
  color: #edad08;
}
.side-menu__item-link--uppercase {
  text-transform: uppercase;
}
.side-menu__item-link--close-menu {
  color: #ffffff;
  position: relative;
}
.side-menu__item-link--close-menu:focus,
.side-menu__item-link--close-menu:hover {
  color: #ffffff;
  opacity: 0.8;
}
.side-menu__item-link--close-menu:focus:before,
.side-menu__item-link--close-menu:hover:before {
  opacity: 0.8;
}
.side-menu__item-link--close-menu:before {
  content: "";
  position: absolute;
  left: -18px;
  top: 4px;
  background: url('/resources/motif/images/hamburger-menu-close-icon.png') no-repeat top center;
  width: 10px;
  height: 10px;
}
.side-menu__item--search {
  margin-top: 20px;
}
.side-menu__item--donate {
  margin-top: 1em;
}
.side-menu__item--pop {
  margin-top: 0.64285714em;
}
.side-menu__item--pop .side-menu__item-link {
  color: #ffffff;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-size: 1.14285714em;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0.07142857em;
  text-transform: none;
}
.side-menu__item--pop .side-menu__item-link:focus,
.side-menu__item--pop .side-menu__item-link:hover {
  color: #edad08;
}
@media all and (min-width: 62em) {
  .side-menu__item--search {
    display: none;
  }
}
.side-menu__item-link--donate {
  display: inline-block;
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 7px 22px;
  text-transform: uppercase;
}
.side-menu__item-link--donate:focus,
.side-menu__item-link--donate:hover {
  color: #ffffff;
  opacity: 0.8;
}
.side-menu__item--divider {
  margin: 40px 0 4px;
  height: 1px;
  width: 170px;
  background: rgba(255, 255, 255, 0.4);
}
.side-menu__item--divider:hover {
  background: rgba(255, 255, 255, 0.4);
}
@media all and (min-width: 48em) {
  .side-menu__item--divider {
    width: 100%;
  }
}
.side-menu__item--title {
  margin-top: 21px;
}
.side-menu__item-link--title {
  color: #ffffff;
  font: normal 1.42857143em "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
.homepage-main-navigation {
  display: none;
  margin: 0;
  padding: 0;
  float: right;
}
@media all and (min-width: 62em) {
  .homepage-main-navigation {
    display: block;
  }
}
.homepage-main-navigation__list-item {
  float: left;
  margin: 0 30px 0 0;
}
.homepage-main-navigation__list-item:last-child {
  margin-right: 0;
}
.homepage-main-navigation__list-item:before {
  content: none;
}
.homepage-main-navigation__list-item--hidden {
  display: none;
}
.homepage-main-navigation__link-item {
  color: #ffffff;
  font-size: 11px;
  font-size: 0.6875rem;
  position: relative;
  text-transform: uppercase;
  font-style: normal;
}
.homepage-main-navigation__link-item:hover,
.homepage-main-navigation__link-item:focus,
.homepage-main-navigation__link-item.is-current {
  color: #ffffff;
}
.homepage-main-navigation__link-item:hover:after,
.homepage-main-navigation__link-item:focus:after,
.homepage-main-navigation__link-item.is-current:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #cf333c;
}
.homepage-main-navigation__link-item--search {
  font-size: 13px;
}
.homepage-main-navigation__link-item--search:before {
  position: relative;
  top: -2px;
}
.homepage-main-navigation__link-item--search:hover,
.homepage-main-navigation__link-item--search:focus,
.homepage-main-navigation__link-item--search.is-current {
  color: #ffffff;
}
.homepage-main-navigation__link-item--search:hover:after,
.homepage-main-navigation__link-item--search:focus:after,
.homepage-main-navigation__link-item--search.is-current:after {
  content: none;
}
.homepage-main-navigation__link-item--hamburger {
  margin-left: 20px;
}
.homepage-main-navigation__link-item--hamburger:before {
  content: "";
  position: absolute;
  background: url('/resources/motif/images/svg-icons/hamburger.svg') no-repeat top center;
  width: 15px;
  height: 15px;
  left: -23px;
  top: 0;
  display: none;
}
@media all and (min-width: 62em) {
  .homepage-main-navigation__link-item--hamburger:before {
    display: block;
  }
}
nav.main-nav.cancel-reveal {
  transform: initial;
}
a.main-nav-bar__link--eyebrow.homepage-search-icon {
  top: -7px;
  font-size: 14px;
}
a.search-trigger .homepage-close-trigger {
  background: transparent;
  background: #000000;
}
.main-nav-bar__list li:hover .search-trigger .close-trigger.homepage-close-trigger {
  background: #000000;
}
/*===========END OF HOMEPAGE NAVIGATION===============*/
/*===========HOMEPAGE HEADER===============*/
.homepage-header {
  position: absolute;
  left: 0;
  top: 0.71428571em;
  right: 0;
  background: transparent;
  transition: background-color 0.5s ease;
}
.hamburger-menu-container {
  margin-left: 2.85714286em;
}
/*===========END OF HOMEPAGE HEADER===============*/
/*===========LANDING PAGE SECTION===============*/
.landing-view-container {
  position: relative;
}
.landing-view {
  background: url('/resources/motif/images/BUSH-HERO-Load.jpg') no-repeat top center;
  width: 100%;
  background-size: cover;
  height: 460px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media all and (min-width: 48em) {
  .landing-view {
    height: 750px;
  }
}
@media all and (min-width: 77.5em) {
  .landing-view {
    background-size: cover;
    height: 0;
    padding-top: 53.06122449%;
  }
}
.landing-view--overlay-left,
.landing-view--overlay-right {
  background-image: url('/resources/motif/images/BUSH-Focus.jpg');
}
.landing-left-overlay {
  display: none;
}
@media all and (min-width: 77.5em) {
  .landing-left-overlay {
    display: block;
    position: absolute;
    left: 0;
    width: 50%;
    top: 44%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 400px;
    z-index: 1;
  }
}
.landing-right-overlay {
  display: none;
}
@media all and (min-width: 77.5em) {
  .landing-right-overlay {
    display: block;
    position: absolute;
    right: 0;
    width: 50%;
    top: 44%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 400px;
    z-index: 1;
  }
}
.lending-title-container {
  position: absolute;
  width: 100%;
  z-index: 2;
}
@media all and (max-width: 47.9375em) {
  .lending-title-container {
    bottom: 40px;
  }
}
@media all and (min-width: 48em) {
  .lending-title-container {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.lending-title-block {
  display: block;
}
@media all and (min-width: 48em) {
  .lending-title-block {
    max-width: 23.57142857em;
  }
  .lending-title-block:hover .lending-title-red-line {
    width: 10em;
  }
}
@media all and (min-width: 62em) {
  .lending-title-block {
    max-width: 30em;
  }
}
.lending-title-block--left,
.lending-title-block--right {
  text-align: center;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.darken {
  opacity: 0.2;
}
@media all and (min-width: 48em) {
  .lending-title-block--left {
    float: left;
    text-align: left;
  }
}
@media all and (min-width: 48em) {
  .lending-title-block--right {
    float: right;
    text-align: right;
  }
}
.lending-title {
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  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;
}
.lending-title.focusable:active,
.lending-title.focusable:focus {
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  overflow: visible;
  position: static;
}
body:hover .lending-title a,
body:hover .lending-title input,
body:hover .lending-title button {
  display: none;
}
@media all and (min-width: 48em) {
  .lending-title {
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    clip: auto;
    font-size: 2.5em;
    line-height: 33px;
    overflow: visible;
  }
  body:hover .lending-title a,
  body:hover .lending-title input,
  body:hover .lending-title button {
    display: inline-block;
  }
  .lte7 body:hover .lending-title a,
  .lte7 body:hover .lending-title input,
  .lte7 body:hover .lending-title button {
    display: inline;
    zoom: 1;
  }
}
@media all and (min-width: 62em) {
  .lending-title {
    font-size: 3.21428571em;
    line-height: 43px;
  }
}
.lending-title-line-break {
  display: inline-block;
}
.lending-title-red-line {
  margin: 1.64285714em auto 1.42857143em;
  height: 0.14285714em;
  width: 6.07142857em;
  background: #d03632;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media all and (min-width: 48em) {
  .lending-title-red-line--left {
    float: left;
  }
}
@media all and (min-width: 48em) {
  .lending-title-red-line--right {
    float: right;
  }
}
.lending-title-action-info {
  clear: both;
  position: relative;
  color: #ffffff;
  text-transform: uppercase;
  font-style: normal;
  z-index: 2;
}
.lending-title-action-info:focus,
.lending-title-action-info:hover {
  color: #ffffff;
}
.lending-title-action-info:after {
  position: absolute;
  top: -6px;
  font-size: 35px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding-left: 0;
}
@media all and (min-width: 48em) {
  .lending-title-action-info:after {
    right: -32px;
  }
}
@media all and (min-width: 48em) {
  .lending-title-action-info--left {
    float: left;
    text-align: left;
  }
}
@media all and (min-width: 48em) {
  .lending-title-action-info--right {
    float: right;
    text-align: right;
  }
}
/*===========END OF LANDING PAGE SECTION===============*/
/*===========MUSEUM CALLOUT SECTION===============*/
.museum-callout {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -o-transform: translateY(-20px);
  transform: translateY(-20px);
}
@media all and (min-width: 62em) {
  .museum-callout {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
/*Museum announcement*/
.museum-callout-announcement {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  z-index: 1;
}
.museum-callout-announcement--hidden {
  display: none;
}
.museum-callout-announcement__item:after,
.museum-callout-announcement__item--left:after,
.museum-callout-announcement__item--right:after {
  content: "";
  position: absolute;
  height: 1px;
  bottom: 45px;
  width: 90%;
  left: 5%;
  right: 0;
  background: #000000;
}
.museum-callout-announcement__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  width: 100%;
}
.museum-callout-announcement__item--left,
.museum-callout-announcement__item--right {
  position: absolute;
  height: 50%;
  left: 0;
  right: 0;
}
@media all and (min-width: 62em) {
  .museum-callout-announcement__item--left,
  .museum-callout-announcement__item--right {
    width: 50%;
    height: 100%;
    top: 0;
    bottom: 0;
  }
}
.museum-callout-announcement__item--left {
  top: 0;
}
@media all and (min-width: 62em) {
  .museum-callout-announcement__item--left {
    left: 0;
  }
}
.museum-callout-announcement__item--right {
  bottom: 0;
}
@media all and (min-width: 62em) {
  .museum-callout-announcement__item--right {
    left: auto;
    right: 0;
  }
}
.museum-callout-announcement__item--two-links:after {
  bottom: 80px;
}
@media all and (min-width: 30em) {
  .museum-callout-announcement__item--two-links:after {
    bottom: 45px;
  }
}
.museum-callout-announcement__item-bg,
.museum-callout-announcement__item-bg--left,
.museum-callout-announcement__item-bg--right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  background-size: cover;
}
.museum-callout-announcement-content-container {
  position: relative;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.museum-callout-announcement-item-category {
  font: normal 12px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-align: center;
  color: #696b74;
}
.museum-callout-announcement-item-title {
  font: normal 20px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  padding: 0 52px;
  margin: 5px 0 5px;
  color: #36333e;
}
@media all and (min-width: 30em) {
  .museum-callout-announcement-item-title {
    font-size: 30px;
    line-height: 28px;
  }
}
.museum-callout-announcement-item-description {
  font: 200 14px/21px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-align: center;
  padding: 0 35px;
  color: #2c2827;
}
.museum-callout-announcement__close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 10px;
  height: 10px;
  background: url(/resources/motif/images/announcement-callout-close.png) no-repeat top center;
  z-index: 1;
}
.museum-callout-announcement-cta {
  position: absolute;
  font: 800 12px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  color: #2d7ce6;
  font-style: normal;
  bottom: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
  white-space: nowrap;
}
.museum-callout-announcement-cta:after {
  content: "\f12e";
  font-family: "motif-icons";
  position: absolute;
  right: -22px;
  top: -4px;
  font-size: 24px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.museum-callout-announcement-cta:hover {
  color: #2d7ce6;
}
.museum-callout-announcement-cta:hover:after {
  right: -32px;
}
.museum-callout-announcement-cta--left {
  bottom: 46px;
}
@media all and (min-width: 30em) {
  .museum-callout-announcement-cta--left {
    bottom: 18px;
    left: 27%;
  }
}
@media all and (min-width: 30em) {
  .museum-callout-announcement-cta--right {
    left: auto;
    right: 18%;
  }
}
/*End of museum announcement*/
/*White line styling - it's common for all three blocks*/
.exhibits-block,
.date-selector-block,
.our-work-block {
  position: relative;
}
.exhibits-block:after,
.date-selector-block:after,
.our-work-block:after {
  content: "";
  position: absolute;
  bottom: 50px;
  height: 1px;
  width: 80%;
  background: #999999;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
/*Link styling - it's common for all three blocks*/
.exhibits-link,
.date-selector-link,
.our-work-link {
  position: absolute;
  color: #ffffff;
  font-style: normal;
  bottom: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
  font-size: 12px;
}
.exhibits-link:focus,
.date-selector-link:focus,
.our-work-link:focus,
.exhibits-link:hover,
.date-selector-link:hover,
.our-work-link:hover {
  color: #ffffff;
}
.exhibits-link:after,
.date-selector-link:after,
.our-work-link:after {
  position: absolute;
  right: -25px;
  top: -5px;
  font-size: 31px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.exhibits-link:hover:after,
.date-selector-link:hover:after,
.our-work-link:hover:after {
  right: -37px;
}
/*Content styling for exhibits and our-work blocks*/
.exhibits-content,
.our-work-content {
  position: relative;
  top: 37.5%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font: 400 13px/22px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
}
/*Styling for data will be edited in the CMS*/
.exhibits-content p,
.our-work-content p {
  margin: 0;
}
.exhibits-content p a,
.our-work-content p a {
  color: #f9c848;
  font-weight: normal;
  font-style: normal;
  background: transparent;
}
.exhibits-content p a:hover,
.our-work-content p a:hover {
  color: #edad08;
}
.exhibits-block {
  background: url('/resources/motif/images/exhibit-bg.png') no-repeat top center;
  background-size: cover;
  height: 195px;
}
.exhibits-content {
  max-width: 233px;
}
.date-selector-block {
  background: url('/resources/motif/images/date-selector-bg.png') no-repeat top center;
  background-size: cover;
  height: 195px;
}
.date-selector-title {
  font: 400 14px/31px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  color: #f9c848;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  top: 34px;
}
.date-selector-container {
  font: 400 24px/36px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  color: #ffffff;
  text-align: center;
  position: relative;
  top: 42px;
}
.date-selector {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-right: 25px;
}
.date-selector:before {
  position: absolute;
  right: -25px;
  top: 9px;
  color: #999999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 24px;
}
.date-selector:hover:before {
  color: #ffffff;
}
.date-selector:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 77px;
  height: 1px;
  background: #999999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.date-selector:hover:after {
  background: #ffffff;
}
.date-selector-label {
  position: relative;
  display: inline-block;
}
.date-selector-input {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
@media all and (min-width: 62em) {
  .date-selector-input {
    visibility: hidden;
  }
}
.our-work-block {
  background: url('/resources/motif/images/our-work-bg.png') no-repeat top center;
  background-size: cover;
  height: 195px;
}
.our-work-content {
  max-width: 320px;
}
/*===========END OF MUSEUM CALLOUT SECTION===============*/
/*===========HOME FEATURED SECTION===============*/
.home-featured {
  background: #f4f0ed;
  padding-bottom: 8.57142857em;
  padding-top: 3.57142857em;
}
@media all and (min-width: 62em) {
  .home-featured {
    padding-top: 0;
  }
}
.home-featured__title {
  text-align: center;
  text-transform: uppercase;
  font: 400 30px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  color: #696b73;
}
.home-featured__extra-info {
  text-align: center;
  color: #a69e94;
  font: 400 19px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
}
/*Common navigation styling for two sliders on the home page*/
.home-featured-slider,
.home-resources-slider {
  position: relative;
  padding: 0 8%;
}
.home-featured-slider .flex-prev,
.home-resources-slider .flex-prev,
.home-featured-slider .flex-next,
.home-resources-slider .flex-next {
  opacity: 1;
  color: #a69f93;
  background: transparent;
}
.home-featured-slider .flex-prev,
.home-resources-slider .flex-prev {
  left: -16px;
}
.home-featured-slider .flex-next,
.home-resources-slider .flex-next {
  right: -16px;
}
@media all and (min-width: 48em) {
  .home-featured-slider,
  .home-resources-slider {
    padding: 0 5%;
  }
}
@media all and (min-width: 62em) {
  .home-featured-slider,
  .home-resources-slider {
    padding: 0;
  }
  .home-featured-slider .flex-prev,
  .home-resources-slider .flex-prev {
    left: -68px;
  }
  .home-featured-slider .flex-next,
  .home-resources-slider .flex-next {
    right: -47px;
  }
}
/****Home Featured Slider****/
.home-featured-slider {
  margin: 5em 0 8.21428571em;
}
@media all and (min-width: 48em) {
  .home-featured-slider .flex-viewport {
    margin-right: 1.42857143em;
  }
}
.home-featured-slider-list {
  margin-bottom: 1.42857143em;
}
.home-featured-slider-list-item {
  margin-bottom: 0;
}
@media all and (min-width: 48em) {
  .home-featured-slider-list-item {
    margin-right: 1.42857143em;
    max-height: 358px;
  }
}
.home-featured-slider-tile {
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.home-featured-slider-tile:focus,
.home-featured-slider-tile:hover {
  box-shadow: 0 20px 10px -10px #808080;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media all and (max-width: 47.9375em) {
  .home-featured-slider-tile {
    height: 580px;
  }
}
.home-featured-slider-tile--youtube {
  overflow: hidden;
}
@media all and (min-width: 62em) {
  .home-featured-slider-tile--youtube {
    height: 359px;
  }
}
.home-featured-slider-image {
  display: block;
}
.home-featured-slider-image--hidden {
  display: none;
}
.home-featured-slider-image--youtube {
  width: 560px;
}
@media all and (min-width: 62em) {
  .home-featured-slider-image--youtube {
    width: auto;
  }
}
.home-featured-slider-overlay {
  position: absolute;
  padding-top: 1.78571429em;
  overflow: auto;
}
@media all and (max-width: 47.9375em) {
  .home-featured-slider-overlay {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
  }
}
@media all and (min-width: 48em) {
  .home-featured-slider-overlay {
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
  }
}
.home-featured-slider-overlay--hidden {
  display: none;
}
.home-featured-slider-overlay--spaced {
  padding-top: 3.92857143em;
  padding-bottom: 1.42857143em;
  overflow: hidden;
}
.home-featured-slider-overlay--extra-spaced {
  padding-top: 6.07142857em;
  padding-bottom: 1.42857143em;
  overflow: hidden;
}
@media all and (min-width: 48em) {
  .ourwork-slider__wrapper {
    margin-top: -160px;
  }
}
.event-date-container--two-dates {
  padding: 0 23%;
  overflow: hidden;
}
.event-date {
  text-align: center;
  margin-bottom: 20px;
}
.event-date--start {
  float: left;
}
.event-date--end {
  float: right;
  margin-top: -31px;
  margin-bottom: 20px;
}
.event-month {
  color: #ffffff;
  font-style: normal;
  font: 400 10px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  text-transform: uppercase;
  text-align: center;
}
.event-day {
  color: #ffffff;
  font-style: normal;
  margin: 5px 0 15px;
  font: 400 50px/17px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
}
.event-year {
  color: #ffffff;
  font-style: normal;
  font: 400 10px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  text-transform: uppercase;
  text-align: center;
}
.event-dash-line {
  width: 15px;
  margin: 31px auto 0;
  height: 1px;
  background: #ffffff;
}
.home-featured-slider-event-title {
  text-align: center;
  font: normal 20px/26px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  text-transform: uppercase;
  font-style: italic;
  color: #ffffff;
  padding: 0 10%;
}
.home-featured-slider-devider {
  background: #db2032;
  width: 75px;
  height: 1px;
  margin: 20px auto;
}
.home-featured-slider-event-info {
  color: #ffffff;
  text-align: center;
  padding: 0 10%;
  font: normal 12px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.home-featured-slider-link {
  text-transform: uppercase;
  padding: 6px 10px;
  color: #ffffff;
  font-style: normal;
  border-radius: 2px;
  border: 2px solid #ffffff;
  width: 153px;
  margin: 22px auto 0;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 12px;
}
.home-featured-slider-link:focus,
.home-featured-slider-link:hover {
  background: #ffffff;
  color: rgba(70, 43, 70, 0.8);
}
.home-featured-embedded-video {
  position: relative;
  width: 100%;
  height: 359px;
  margin-bottom: -6px;
}
.home-featured-embedded-video--hidden {
  display: none;
}
.home-featured-ourwork-slider {
  display: none;
  height: 20em;
}
@media all and (min-width: 48em) {
  .home-featured-ourwork-slider {
    display: block;
    margin: -7.14285714em 0 0 0;
  }
}
.home-featured-ourwork-slider .flex-viewport:before,
.home-featured-ourwork-slider .flex-viewport:after {
  display: none;
}
.home-featured-ourwork-slider .home-featured-slider-list,
.home-featured-ourwork-slider .home-featured-slider-list-item,
.home-featured-ourwork-slider .slide-content-wrapper,
.home-featured-ourwork-slider .slide-content-wrapper picture,
.home-featured-ourwork-slider .slide-content-wrapper img {
  max-height: 100%;
}
.home-featured-ourwork-slider .slide-content-wrapper {
  box-sizing: content-box;
  padding-right: 60%;
  transition: padding 0.4s ease-out;
  text-align: center;
}
.home-featured-ourwork-slider .slide-content-wrapper.slider--rtl {
  padding-right: 0;
  padding-left: 60%;
}
.home-featured-ourwork-slider .current-slide .slide-content-wrapper {
  padding-right: 25%;
}
.home-featured-ourwork-slider .current-slide .slide-content-wrapper.slider--rtl {
  padding-right: 0;
  padding-left: 25%;
}
.home-featured-ourwork-slider .current-slide + .home-featured-slider-list-item .slide-content-wrapper {
  margin-left: -20%;
}
.home-featured-ourwork-slider .current-slide + .home-featured-slider-list-item .slide-content-wrapper.slider--rtl {
  margin-left: 0;
  margin-right: -20%;
}
.home-featured-ourwork-slider.slider--rtl .slide-content-wrapper {
  padding-right: 0;
  padding-left: 60%;
}
.home-featured-ourwork-slider.slider--rtl .current-slide .slide-content-wrapper {
  padding-right: 0;
  padding-left: 25%;
}
.home-featured-ourwork-slider.slider--rtl .home-featured-slider-list-item .slide-content-wrapper {
  margin-left: 0;
  margin-right: -20%;
}
.home-featured-ourwork-slider.slider--rtl .current-slide ~ .home-featured-slider-list-item .slide-content-wrapper {
  margin-right: 0%;
}
.flexslider-fix-rtl {
  width: 100% !important;
  transform: initial !important;
}
.btl {
  border-top: 40px solid transparent;
}
/****END OF Home Featured Slider****/
/****Home Resources Slider****/
.home-resources-slider-list {
  margin: 0;
}
.home-resources-list-item {
  margin-bottom: 0;
}
.home-resource-list-item-category {
  margin-bottom: 0;
  width: 312.5px;
  margin-right: 0px;
  float: left;
  display: block;
}
.home-resource-list-item-work {
  margin-bottom: 0;
  width: calc(100% - 2px);
  margin-right: 0px;
  float: left;
  display: block;
}
@media all and (min-width: 30em) {
  .home-resource-list-item-work {
    width: calc(50% - 2px);
  }
}
@media all and (min-width: 62em) {
  .home-resource-list-item-work {
    width: calc(25% - 2px);
  }
}
.home-resource-list-item-work-cat {
  margin-bottom: 0;
  width: calc(50% - 2px);
  margin-right: 0px;
  float: left;
  display: block;
}
.resources-tile {
  display: block;
  position: relative;
  padding: 0 18px 20px;
  height: 190px;
}
.resources-tile:before {
  position: absolute;
  top: -9px;
  color: #9c2221;
  font-size: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  font-family: "motif-icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
}
.resources-tile:hover:before {
  font-size: 70px;
}
.resources-tile:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  z-index: 1;
  background: #aaacb1;
}
.embedded-icon:before {
  font-size: 40px;
  top: 0;
}
.embedded-icon:hover:before {
  font-size: 47px;
}
.icon-center--small:before {
  font-size: 15px;
  top: 11px;
}
.icon-center--small:hover:before {
  font-size: 20px;
}
/*Remove separator from tile based on break point*/
.home-resource-list-item-work .resources-tile:after {
  display: none;
}
@media all and (min-width: 30em) {
  .home-resource-list-item-work .resources-tile:after {
    display: block;
  }
}
.home-resources-slider-list-item:last-child .resources-tile:after {
  display: none;
}
.home-resource-list-item-work:last-child .resources-tile:after {
  display: none;
}
@media all and (max-width: 61.9375em) {
  .home-resource-list-item-work:nth-child(2) .resources-tile:after {
    display: none;
  }
}
.home-resource-list-item-work-cat:last-child .resources-tile:after {
  display: none;
}
.resources-item-title {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font: 800 22px/29px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
  color: #36333e;
  text-align: center;
  margin-bottom: 1.07142857em;
}
.resources-item-title--light {
  font: 400 20px/24px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
  margin-bottom: 1.42857143em;
}
.resources-item-date-posted,
.resources-item-type {
  color: #a69f93;
  font: 600 12px/20px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-style: normal;
  text-transform: uppercase;
}
.resources-item-date-posted {
  position: absolute;
  bottom: 20px;
  left: 18px;
}
.resources-item-type {
  position: absolute;
  bottom: 20px;
  right: 18px;
}
/****END OF Home Resources Slider****/
/*===========END OF HOME FEATURED SECTION===============*/
/*===========Top main menu refactoring for other pages===============*/
.sticky-header .homepage-header {
  top: 0;
  padding-top: 10px;
  height: 65px;
  -webkit-box-shadow: 0 0 20px #050505;
  -moz-box-shadow: 0 0 20px #050505;
  -o-box-shadow: 0 0 20px #050505;
  box-shadow: 0 0 20px #050505;
  z-index: 51;
  position: fixed;
  background: #ffffff;
}
.sticky-header .homepage-main-navigation__link-item {
  color: #173952;
}
.sticky-header .homepage-main-navigation__link-item:hover,
.sticky-header .homepage-main-navigation__link-item:focus,
.sticky-header .homepage-main-navigation__link-item.is-current {
  color: #173952;
}
.sticky-header .homepage-main-navigation__link-item--hamburger:before,
.sticky-header .hamburger-menu-mobile:before {
  background: url('/resources/motif/images/svg-icons/hamburger-alt-blue.svg') no-repeat top center;
}
.sticky-header .hamburger-menu-mobile {
  color: #173952;
}
.sticky-header .main-nav-bar-homepage__title {
  top: 27px;
}
.sticky-header .side-menu-container {
  padding-top: 1px;
}
.sticky-header .logo-link-wrapper {
  margin-top: 1px;
  display: block;
  background: url(/resources/motif/images/logo--bush-center.svg) no-repeat top center;
}
.sticky-header .global-search:after {
  background: #000000;
}
.sticky-header .global-search__annotation {
  color: #696b73;
}
.sticky-header .global-search__annotation--mega {
  color: #fff;
}
.sticky-header .global-search__input {
  color: #000000;
}
.sticky-header .global-search__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #696b73;
  font-weight: bold;
}
.sticky-header .global-search__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #696b73;
  font-weight: bold;
}
.sticky-header .global-search__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #696b73;
  font-weight: bold;
}
.sticky-header .global-search__input--mega {
  color: #fff;
}
.sticky-header .global-search__input--mega::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  font-weight: bold;
}
.sticky-header .global-search__input--mega::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-weight: bold;
}
.sticky-header .global-search__input--mega:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  font-weight: bold;
}
.sticky-header .global-search__submit {
  background: #2b7fde;
  border: 2px solid #2b7fde;
}
.sticky-header .global-search__submit:hover,
.sticky-header .global-search__submit:focus,
.sticky-header .global-search__submit.is-current {
  background: #163953;
  border-color: #163953;
  color: #ffffff;
}
.sticky-header .global-search__submit--mega {
  background: transparent;
  border: 2px solid #fff;
}
.sticky-header .global-search__submit--mega:hover,
.sticky-header .global-search__submit--mega:focus,
.sticky-header .global-search__submit--mega.is-current {
  background: #fff;
  border-color: #fff;
  color: #163953;
}
/*
mini-search
*/
.side-menu-mini-search__wrapper {
  position: relative;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-transform: uppercase;
  font-style: normal;
  width: 170px;
}
@media all and (min-width: 48em) {
  .side-menu-mini-search__wrapper {
    width: 100%;
  }
}
.side-menu-mini-search__input {
  border: none;
  background: transparent;
  color: #ffffff;
  width: 80%;
  height: 38px;
  padding-left: 20px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: normal;
}
.side-menu-mini-search__input:hover,
.side-menu-mini-search__input:focus,
.side-menu-mini-search__input:active,
.side-menu-mini-search__input.is-current {
  z-index: 0;
  background: transparent;
}
.side-menu-mini-search__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #696b73;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
}
.side-menu-mini-search__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #696b73;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
}
.side-menu-mini-search__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #696b73;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
}
.side-menu-mini-search__submit-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.side-menu-mini-search__submit {
  border: none;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  color: #ffffff;
  line-height: 30px;
}
/*===========END OF Top main menu refactoring for other pages===============*/
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9;
}
.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.announcement-pop-up-container {
  position: fixed;
  z-index: 200;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.js-announcement-pop-up-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.announcement-pop-up-container--hidden {
  display: none;
}
.announcement-pop-up-close {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 10px;
  height: 10px;
  background: url(/resources/motif/images/hamburger-menu-close-icon.png) no-repeat top center;
  z-index: 1;
}
.announcement-pop-up {
  position: fixed;
  top: 50px;
  left: 50%;
  width: 90%;
  z-index: 2;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media all and (min-width: 30em) {
  .announcement-pop-up {
    width: 80%;
  }
}
@media all and (min-width: 48em) {
  .announcement-pop-up {
    overflow: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 668px;
  }
}
.announcement-item {
  position: relative;
}
.announcement-item--left {
  width: 100%;
}
@media all and (min-width: 48em) {
  .announcement-item--left {
    float: left;
    width: 334px;
    height: 564px;
    background: url('/resources/motif/images/announcement-exhibit-bg.png') no-repeat top center;
  }
}
.announcement-item--right {
  width: 100%;
}
@media all and (min-width: 48em) {
  .announcement-item--right {
    float: right;
    width: 334px;
    height: 564px;
    background: url('/resources/motif/images/announcement-veteran-bg.png') no-repeat top center;
  }
}
.announcement-item-info {
  background: rgba(244, 241, 237, 0.9);
  padding: 13px 0 20px;
}
@media all and (min-width: 48em) {
  .announcement-item-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
  }
}
.announcement-item-category {
  font: normal 12px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  text-align: center;
}
.announcement-item-title {
  font: normal 20px "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
  padding: 0 52px;
  margin: 5px 0 5px;
}
@media all and (min-width: 30em) {
  .announcement-item-title {
    font-size: 30px;
  }
}
.announcement-item-description {
  font: 200 14px/21px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-align: center;
  padding: 0 35px;
}
.announcement-item-button {
  display: block;
  width: 165px;
  margin: 20px auto 0;
  padding: 7px 21px;
  border: 2px solid #2d7ce6;
  color: #2d7ce6;
  font-style: normal;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media all and (min-width: 48em) {
  .announcement-item-button {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
  }
}
.announcement-item-button:focus,
.announcement-item-button:hover {
  color: #124d9b;
  border-color: #124d9b;
}
.announcement-item-button--small {
  width: 150px;
}
.announcement-link {
  color: #000000;
}
.text--italic {
  font-style: italic;
}
.wide-issue-card {
  display: block;
  position: relative;
  height: 300px;
  background-size: cover;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media all and (min-width: 48em) {
  .wide-issue-card {
    margin-bottom: 20px;
  }
  .wide-issue-card:hover {
    box-shadow: 0 20px 10px -10px #808080;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.wide-issue-card-overlay {
  background: rgba(2, 11, 38, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 30px 30px 0 30px;
}
@media all and (min-width: 30em) {
  .wide-issue-card-overlay {
    width: 290px;
  }
}
.wide-issue-card-title {
  font-style: normal;
  font: 800 16px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.wysiwyg .wide-issue-card-title {
  color: #ffffff;
}
.wide-issue-card-facts {
  margin: 2.14285714em 0 2.5em;
  position: relative;
}
.wide-issue-card-facts:after {
  content: "";
  position: absolute;
  width: 80px;
  height: 2px;
  left: 0;
  bottom: -21px;
  background: #d03632;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media all and (min-width: 48em) {
  .wide-issue-card:hover .wide-issue-card-facts:after {
    width: 100px;
  }
}
.wide-issue-left-fact {
  font: bold 26px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-style: normal;
  float: left;
  padding-right: 10px;
  margin-top: -5px;
  color: #ffffff;
}
.wide-issue-right-fact {
  font: 200 11px/1.2 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-style: normal;
  color: #ffffff;
  letter-spacing: 1px;
}
.wide-issue-card-info {
  color: #bfbfbf;
  font-style: normal;
  font: 200 13px 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.wrapped-info-bar .info-bar--eow {
  min-height: 68px;
}
.wrapped-info-bar .info-bar--eow .wrapper {
  width: 100%;
  padding: 0 1.42857143em;
}
.wrapped-info-bar .info-bar--eow .list--info-bar {
  padding: 0;
}
.wrapped-info-bar .info-bar--eow .list--info-bar li {
  width: 33%;
  text-align: center;
}
@media all and (max-width: 47.9375em) {
  .wrapped-info-bar .info-bar--eow .list--info-bar li {
    width: 100%;
  }
}
.ourWork-title-navigation__list-item--hidden {
  display: none !important;
}
.ourWork-search {
  display: none;
  position: absolute;
  right: 28px;
  top: -7px;
  width: 400px;
  margin-right: 16px;
}
.ourWork-search:after {
  content: "";
  position: absolute;
  bottom: -7px;
  width: 100%;
  background: #ffffff;
  height: 1px;
}
@media all and (max-width: 47.9375em) {
  .ourWork-search {
    width: 280px;
  }
}
.ourWork-search--revealed {
  display: block;
}
.ourWork-search__annotation {
  position: absolute;
  left: -108px;
  top: 8px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
}
@media all and (max-width: 47.9375em) {
  .ourWork-search__annotation {
    display: none;
  }
}
.ourWork-search__form-wrapper {
  position: relative;
}
.ourWork-search__input-container {
  width: 280px;
}
.ourWork-search__input-container--mega {
  border-bottom: 2px solid white;
}
.ourWork-search__input {
  border: none;
  background: transparent;
  color: #ffffff;
  padding-left: 1px;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.ourWork-search__input:hover,
.ourWork-search__input:focus,
.ourWork-search__input:active,
.ourWork-search__input.is-current {
  z-index: 0;
  background: transparent;
}
.ourWork-search__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff;
  font-weight: bold;
}
.ourWork-search__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
  font-weight: bold;
}
.ourWork-search__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff;
  font-weight: bold;
}
.ourWork-search__submit-container {
  position: absolute;
  right: 0;
  top: 0;
}
.ourWork-search__submit {
  background: transparent;
  border: 2px solid #ffffff;
  border-radius: 2px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-size: 12px;
  padding: 7px 40px;
  transition: 0.3s;
}
.ourWork-search__submit:hover,
.ourWork-search__submit:focus,
.ourWork-search__submit.is-current {
  color: #163953;
  background: #ffffff;
}
.ourWork-search-close-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
}
@media all and (max-width: 47.9375em) {
  .scalable-wysiwyg .canon-text {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media all and (max-width: 47.9375em) {
  .scalable-wysiwyg .paragon-text {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 47.9375em) {
  .scalable-wysiwyg .primer-text {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media all and (max-width: 47.9375em) {
  .scalable-wysiwyg .tertia-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.domestic-banner-bg-default {
  transition: background-image 0.2s;
}
@media all and (max-width: 47.9375em) {
  .domestic-banner-bg-default {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media all and (min-width: 48em) {
  .domestic-banner-bg-default {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
.global-banner-bg-default {
  transition: background-image 0.2s;
}
@media all and (max-width: 47.9375em) {
  .global-banner-bg-default {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
  }
}
@media all and (min-width: 48em) {
  .global-banner-bg-default {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}
@media all and (max-width: 47.9375em) {
  .program-page-banner-text__offset {
    margin-top: 40%;
  }
}
.ourWork-cat-row {
  display: flex;
  align-items: stretch;
}
@media all and (max-width: 47.9375em) {
  .ourWork-cat-row {
    display: block;
  }
}
.ourWork-cat-column {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  position: relative;
}
@media all and (min-width: 48em) {
  .ourWork-cat-column {
    float: left;
  }
}
.ourWork-cat-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  min-height: 200px;
  width: 100%;
  overflow: hidden;
  transition: background-image 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media all and (min-width: 48em) {
  .ourWork-cat-banner {
    min-height: 460px;
  }
}
/*Common navigation styling for two sliders on the home page*/
.title-line3-text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media all and (min-width: 77.5em) {
  .wrapper,
  .wrapped-info-bar .info-bar--eow {
    width: 80%;
    max-width: 89.28571429em;
  }
}
#header-player .bg--header-banner {
  padding-top: 1.75em;
  padding-bottom: 1.75em;
}
#header-player .bg--header-banner ul {
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 77.5em) {
  #header-player .bg--header-banner ul {
    width: 80%;
    max-width: 89.28571429em;
  }
}
#header-player h1 {
  color: #ffffff;
  margin-top: 0;
}
#header-player h2 {
  color: #ffffff;
  margin-top: 0;
  text-transform: uppercase;
}
#header-player h4 {
  color: #ffffff;
  margin-top: 0.71428571em;
  text-transform: uppercase;
}
@media all and (min-width: 48em) {
  #header-player h4 {
    margin-top: 0;
  }
}
#header-player p {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.6;
  margin-top: 0.35714286em;
}
#header-player audio {
  margin-top: 10px;
  width: 100%;
}
@media all and (min-width: 62em) {
  #header-player audio {
    margin-top: 20px;
    width: 75%;
  }
}
#header-player .header-banner-copy-list .page-title,
#header-player .header-banner-copy-list .page-desc {
  height: auto;
  text-align: left;
}
@media all and (min-width: 48em) {
  #header-player .header-banner-copy-list {
    display: flex;
  }
}
#header-player .header-banner-copy-list .page-desc:before {
  content: none;
}
#episode-selectors {
  background-color: #f4f0ed;
}
#episode-selectors .wrapper {
  padding-top: 1.42857143em;
  padding-bottom: 1.42857143em;
}
@media all and (min-width: 48em) {
  #episode-selectors .wrapper {
    padding-top: 2.85714286em;
    padding-bottom: 2.85714286em;
  }
}
#episode-selectors .wrapper .gs-row {
  position: relative;
}
#episode-selectors .wrapper .gcs-half:last-child {
  text-align: right;
}
@media all and (max-width: 47.9375em) {
  #episode-selectors .wrapper a h3.tertia-text {
    font-size: 1.07142857em;
  }
}
#episode-selectors .wrapper a p,
#episode-selectors .wrapper a h4 {
  color: #000000;
  font-style: normal;
}
#episode-selectors .wrapper a.pre-icon--arrow-sharp--left {
  display: block;
  padding-left: 20px;
}
#episode-selectors .wrapper a.pre-icon--arrow-sharp--left:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#episode-selectors .wrapper a.post-icon--arrow-sharp--right {
  display: block;
  padding-right: 20px;
}
#episode-selectors .wrapper a.post-icon--arrow-sharp--right:after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
#episode-info {
  background-color: #ffffff;
}
@media all and (min-width: 30em) {
  #episode-info .wrapper {
    width: 92%;
  }
}
@media all and (min-width: 77.5em) {
  #episode-info .wrapper {
    width: 80%;
    max-width: 89.28571429em;
  }
}
#episode-info .guest-info {
  padding: 1.42857143em 0;
}
@media all and (min-width: 30em) {
  #episode-info .guest-info {
    padding: 2.85714286em 0;
  }
}
@media all and (min-width: 62em) {
  #episode-info .guest-info {
    margin: 0;
  }
}
#episode-info .guest-info > div {
  padding-bottom: 1.42857143em;
  text-align: center;
  vertical-align: bottom;
}
#episode-info .guest-info > div:nth-child(n+3) {
  padding-top: 1.5em;
}
@media all and (min-width: 30em) {
  #episode-info .guest-info > div:nth-child(n+3) {
    padding-top: calc(5.214em);
  }
}
@media all and (max-width: 47.9375em) {
  #episode-info .guest-info > div:nth-child(3) {
    clear: left;
  }
}
#episode-info .guest-info > div h5 {
  text-transform: uppercase;
}
#episode-info .guest-info > div p a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
}
#episode-info .guest-info .host {
  background-color: #f4f0ed;
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
}
#episode-info .guest-info .host h2 {
  margin-top: 1em;
  margin-bottom: .5em;
}
#episode-info .guest-info .guest h2 {
  text-align: left;
  margin-top: 1em;
  margin-bottom: .5em;
}
#episode-info .guest-info [class*="gcm"],
#episode-info .guest-info .gm-quarters > *,
#episode-info .guest-info .gm-thirds > *,
#episode-info .guest-info .gm-halves > * {
  padding-left: 2.85714286em;
  padding-right: 2.85714286em;
}
#time-stamps {
  background-color: #f4f0ed;
}
#time-stamps .wrapper {
  padding-top: 1.42857143em;
  padding-bottom: 1.42857143em;
}
@media all and (min-width: 48em) {
  #time-stamps .wrapper {
    padding-top: 2.85714286em;
    padding-bottom: 2.85714286em;
  }
}
#time-stamps .time-stamp-list {
  list-style: none;
  padding-left: 0;
  position: relative;
  margin-top: 1.42857143em;
}
#time-stamps .time-stamp-list li {
  vertical-align: top;
  margin: 0;
  padding: 0;
}
#time-stamps .time-stamp-list li a {
  display: inline-block;
  margin-right: 15px;
  width: 45px;
}
#time-stamps .time-stamp-list li span {
  border-left: 1px solid #000;
  display: inline-block;
  padding-left: 30px;
  padding-bottom: 5px;
  width: 75%;
  vertical-align: top;
}
@media all and (min-width: 62em) {
  #time-stamps .time-stamp-list li span {
    width: 90%;
  }
}
#time-stamps .time-stamp-list li:before {
  content: none;
}
#recent-episodes {
  background-color: #ffffff;
}
#recent-episodes .wrapper {
  padding-top: 1.42857143em;
  padding-bottom: 1.42857143em;
}
@media all and (min-width: 48em) {
  #recent-episodes .wrapper {
    padding-top: 2.85714286em;
    padding-bottom: 2.85714286em;
  }
}
#recent-episodes .group,
#recent-episodes .media-object--checkbox {
  padding-top: 0.71428571em;
}
#recent-episodes .card-past-event-link {
  color: #000000;
}
#recent-episodes .card-past-event-link img {
  width: 100%;
}
@media all and (min-width: 48em) {
  #recent-episodes .card-past-event-link img {
    width: 30%;
    float: left;
    padding-right: 1.42857143em;
    padding-top: 0;
  }
}
#recent-episodes .card-past-event__copy-wrapper {
  width: 100%;
}
@media all and (min-width: 48em) {
  #recent-episodes .card-past-event__copy-wrapper {
    width: 70%;
    float: left;
    padding-right: 0;
    padding-top: 0;
  }
}
#recent-episodes .card-past-event__copy-wrapper h3 {
  color: #000000;
  margin: 0.35714286em 0 0 0;
  text-transform: uppercase;
}
#recent-episodes .card-past-event__copy-wrapper h3:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background-color: #cf333c;
}
#recent-episodes .card-past-event__copy-wrapper h4 {
  text-transform: uppercase;
}
#recent-episodes .card-past-event__copy-wrapper p {
  font-weight: 400;
  font-style: normal;
  margin: 0.47619048em 0 0 0;
}
/* CHANNEL PAGE CSS */
.podcast-listening-list-item {
  margin-bottom: 0;
  margin-right: 1.28571429em;
}
@media all and (max-width: 47.9375em) {
  .podcast-listening-list-item {
    float: left;
    margin-top: 5px;
  }
}
.podcast-social-wrap {
  float: left;
}
@media all and (max-width: 47.9375em) {
  .podcast-social-list {
    padding-top: 0 !important;
  }
}
.podcast-social-list-item {
  float: left;
}
/**
 * Responsive Breakpoints
 */
/**
 * Base
 */
/* Helpers
   ========================================================================== */
.is-unhidden--desktop {
  display: none;
}
.overflow-x--hidden {
  overflow-x: hidden;
}
.z-index-0 {
  z-index: 0;
}
.logo--wrapper {
  padding-right: 70px;
  display: table;
  height: 40px;
  position: relative;
  z-index: 10;
}
.logo {
  display: table-cell;
  vertical-align: middle;
}
.logo img {
  display: block;
  width: 100%;
  max-width: 245px;
  height: 60px;
}
.tab-fade {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.tab-fade.is-current {
  opacity: 1;
}
.card-ph {
  padding: 0 0.21428571em;
}
/* Backgrounds & Banners
   ========================================================================== */
.bg--glory {
  background: #cf333c;
}
.bg--glory-transparent {
  background: rgba(207, 51, 60, 0.85);
}
.bg--light-grey {
  background: #e6e2dc;
}
.bg--old-glory {
  background: #9d2125;
}
.bg--navy {
  background: #08215a;
}
.bg--bright-blue {
  background: #2b7fde;
}
.bg--veracity-blue {
  background: #163953;
}
.bg--pillar-blue,
.important-resources.Developing {
  background: #0a5676;
}
.bg--pillar-red,
.important-resources.Fostering,
.important-resources.Advancing {
  background: #652832;
}
.bg--pillar-green,
.important-resources.Action {
  background: #3b6a59;
}
.bg--alt-blue {
  background: #152b4a;
}
.bg--monument {
  background: #36333d;
}
.bg--bullhide {
  background: #191a1c;
}
.bg--yellow {
  background: #f9c848;
}
.bg--cool-grey {
  background: #696b73;
}
.bg--light-grey {
  background: #e6e2dc;
}
.bg--light-grey2 {
  background: #EBEAE9;
}
.bg--bronze {
  background: #a69e94;
}
.bg--cream {
  background: #f4f0ed;
}
.bg--cream-dark {
  background: #eae3dd;
}
.bg--brown {
  background: #382e2c;
}
.bg--dark-brown {
  background: #2c2827;
}
.bg--white {
  background: #ffffff;
}
.bg--white-transparent {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg--cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 47.9375em) {
  .bg--s-no-img {
    background-image: none !important;
  }
}
.bg--header-banner,
.basic-page--banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/resources/motif/images/bg--banner-default.jpg);
  min-height: 218px;
}
.bg--header-banner-large {
  min-height: 450px;
}
.bg--header-banner-small {
  min-height: 98px;
}
.bg--header-banner-live-event {
  min-height: 130px;
  border-bottom: 5px solid #9c2225;
}
.header-banner-copy-list {
  margin-top: 0;
  padding: 1.42857143em 0;
}
.header-banner-copy-list .title-line1-text,
.header-banner-copy-list .title-line2-text {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}
.main-header {
  -webkit-box-shadow: 0 0 20px #050505;
  -moz-box-shadow: 0 0 20px #050505;
  -o-box-shadow: 0 0 20px #050505;
  box-shadow: 0 0 20px #050505;
  background: #ffffff;
  min-height: 65px;
}
.main-content {
  background: #f4f0ed;
  overflow: hidden;
}
.main-content.bg--white {
  background: #ffffff;
}
.main-content--spaced {
  padding-top: 65px;
}
.main-content--overlap-hero {
  margin-top: -20px;
  border-top: 10px #a69e94 solid;
}
@media all and (min-width: 30em) {
  .main-content--overlap-hero {
    margin-top: -100px;
  }
}
.bg--footer-flag {
  background: url(/resources/motif/images/bg--footer-flag.jpg) no-repeat center center;
  background-size: cover;
}
.bg-catalyst-section {
  background: url(/resources/motif/images/bg--catalyst-section.jpg) no-repeat center center;
  background-size: cover;
}
.bg--white-flag,
.panel.bg--white-flag,
.panel.aside-scrolling-card {
  background: url(/resources/motif/images/bg--side-card-white.jpg) no-repeat center center;
  background-size: cover;
}
.bg--blue-flag,
.panel.bg--blue-flag,
.panel.blue.aside-scrolling-card {
  background: url(/resources/motif/images/bg--side-card-blue.jpg) no-repeat center center;
  background-size: cover;
}
.bg--red-flag,
.panel.bg--red-flag,
.panel.red.aside-scrolling-card {
  background: url(/resources/motif/images/bg--side-card-red.jpg) no-repeat center center;
  background-size: cover;
}
.bg--brown-flag,
.panel.brown.aside-scrolling-card {
  background: url(/resources/motif/images/bg--side-card-blue.jpg) no-repeat center center;
  background-size: cover;
}
.items--border-left-white li {
  border-left: 1px solid #ffffff;
}
.bg--solid-brown-flag,
.panel.solid-brown.aside-scrolling-card {
  background-color: #382e2c;
}
/* Typography
   ========================================================================== */
.text--white {
  color: #ffffff;
}
.text--yellow {
  color: #f9c848;
}
.text--muted {
  color: #a69e94;
}
.text--cream {
  color: #d4d0cc;
}
.text--cream2 {
  color: #ece9e0;
}
.text--grey {
  color: #82848d;
}
.wysiwyg .text--cool-grey,
.text--cool-grey {
  color: #696b73;
}
.text--dark {
  color: #36333d;
}
.text--red {
  color: #cf333c;
}
.text--dark-blue {
  color: #163953;
}
.line-height-1 {
  line-height: 1;
}
.line-height-1-2 {
  line-height: 1.2;
}
.line-height-1-6 {
  line-height: 1.6;
}
.line-height-1-8 {
  line-height: 1.8;
}
.letter-spacing-3 {
  letter-spacing: 3px;
}
.letter-spacing-6 {
  letter-spacing: .6px;
}
.text--uppercase {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.text--normal {
  text-transform: none;
}
.text--normal-title {
  text-transform: none;
  font-size: 1.57142857em;
}
.text--impact {
  font-size: 50px;
  font-size: 3.125rem;
  position: relative;
  margin: 0.4em auto;
  padding-bottom: 0.1em;
  font-weight: bold;
}
.text--impact:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 94px;
  left: 50%;
  margin-left: -47px;
  background: #cf333c;
}
.catalyst-logo-sub-text {
  font-style: italic;
  letter-spacing: 2.5px;
  color: #a69e94;
  padding-bottom: 1.42857143em;
  margin-bottom: 1.42857143em;
  position: relative;
}
.catalyst-logo-sub-text:after {
  content: "";
  position: absolute;
  width: 50%;
  left: 50%;
  bottom: 0;
  margin-left: -25%;
  height: 1px;
  background: #cf333c;
}
.canon-text,
.wysiwyg h1,
.wysiwyg .canon-text {
  font-size: 24px;
  font-size: 1.5rem;
}
.nav-bar__link--eyebrow.post-icon--search:after {
  font-style: italic;
}
blockquote {
  font-size: 16px;
  font-size: 1rem;
  color: #8f8179;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  text-transform: uppercase;
}
blockquote.long-quote {
  text-transform: none;
  font-style: italic;
}
blockquote footer {
  margin-top: 1.25em;
}
blockquote cite {
  font-size: 14px;
  font-size: 0.875rem;
}
blockquote cite:first-letter {
  font-size: 16px;
  font-size: 1rem;
  color: #cf333c;
}
blockquote p:first-child {
  margin-top: 0;
  position: relative;
}
blockquote p:first-child:before {
  content: '\201C';
  position: absolute;
  top: 0;
  left: -10px;
}
blockquote.center-quote p:first-child:before {
  position: static;
}
blockquote p:last-of-type {
  position: relative;
}
blockquote p:last-of-type:after {
  content: '\201D';
}
.pattern-section__title,
.pattern-section__sub-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
}
.pattern-section__sub-title {
  color: #a69e94;
}
.post-icon--arrow-stemmed--right:after {
  padding-left: 0;
}
/* Navigation
   ========================================================================== */
.main-nav {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  transform: initial;
  transition: all 0.3s ease;
  z-index: 100;
}
.main-nav.is-revealed {
  -webkit-transform: translate(-100%, 0px);
  -moz-transform: translate(-100%, 0px);
  -o-transform: translate(-100%, 0px);
  -ms-transform: translate(-100%, 0px);
  transform: translate(-100%, 0px);
}
.main-nav-bar__title {
  position: absolute;
  padding-left: 18px;
  border-left: 1px solid #a9a6a7;
  top: 0;
  width: 70px;
  height: 65px;
  right: -1px;
  background: #ffffff;
  z-index: 100;
}
.main-nav-bar__title:after {
  font-size: 10px;
  font-size: 0.625rem;
  content: "MENU";
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  position: absolute;
  bottom: 14px;
  right: 20px;
}
.main-nav-bar__list {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  margin-top: 0;
  padding: 0 1.42857143em 0.71428571em;
  position: absolute !important;
  top: 0px;
  background: white;
  left: 100%;
  width: 100% !important;
  clip: initial;
  z-index: 90;
}
.main-nav-bar__list li {
  width: 100%;
  padding-left: 0;
}
.main-nav-bar__list li:hover {
  background: #f8f7f7;
}
.main-nav-bar__list li:hover .search-trigger .close-trigger {
  background: #f8f7f7;
}
.main-nav-bar__list li:first-child .main-nav-bar__link {
  border-top-width: 0;
}
.main-nav-bar__list .list--x--forceful {
  clear: both;
}
.main-nav-bar__list .list--x--forceful:before,
.main-nav-bar__list .list--x--forceful:after {
  content: "\0020";
  height: 0;
  display: block;
  overflow: hidden;
}
.main-nav-bar__list--background-none {
  background: transparent;
}
.main-nav-bar__link,
.main-nav-bar__link--eyebrow {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
  font-style: italic;
  color: #36333d;
  display: block;
  border-top: solid 1px #d7d8da;
  padding: 0.55555556em 0.27777778em 0.55555556em 0.55555556em;
}
.main-nav-bar__link:hover,
.main-nav-bar__link--eyebrow:hover {
  color: #9d2125;
}
/* Publications Page
   ========================================================================== */
.bush-icon--publication-card {
  position: relative;
  color: #ffffff;
  padding-left: 30px !important;
}
.bush-icon--publication-card:before {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 30px;
  font-size: 1.875rem;
}
.styled-select {
  display: inline;
  border-width: 0;
  font-size: 14px;
  width: 20px;
  text-align: right;
  padding-right: 0;
  padding-left: 0;
  background: transparent;
}
.styled-select:hover,
.styled-select:focus {
  background: #ffffff;
}
.list--pubs-filter-bar .search-area--trigger a.is-revealed,
.list--info-bar .search-area--trigger a.is-revealed,
.list--pubs-filter-bar .search-area--trigger a.is-revealed:focus,
.list--info-bar .search-area--trigger a.is-revealed:focus,
.list--pubs-filter-bar .search-area--trigger a.is-revealed:hover,
.list--info-bar .search-area--trigger a.is-revealed:hover {
  color: #ffffff !important;
}
.list--pubs-filter-bar .search-area--trigger a.is-revealed .close-trigger i,
.list--info-bar .search-area--trigger a.is-revealed .close-trigger i,
.list--pubs-filter-bar .search-area--trigger a.is-revealed:focus .close-trigger i,
.list--info-bar .search-area--trigger a.is-revealed:focus .close-trigger i,
.list--pubs-filter-bar .search-area--trigger a.is-revealed:hover .close-trigger i,
.list--info-bar .search-area--trigger a.is-revealed:hover .close-trigger i {
  opacity: 1;
  left: 0;
}
.list--pubs-filter-bar .search-area--trigger a .close-trigger i,
.list--info-bar .search-area--trigger a .close-trigger i {
  color: #a9a6a7;
  opacity: 0;
  left: 1000px;
}
.list--pubs-filter-bar a,
.list--info-bar a {
  color: #f9c848;
  padding-bottom: 1.42857143em;
}
.list--pubs-filter-bar a.is-expanded,
.list--info-bar a.is-expanded,
.list--pubs-filter-bar a:focus,
.list--info-bar a:focus,
.list--pubs-filter-bar a:hover,
.list--info-bar a:hover {
  color: #edad08;
}
.list--pubs-filter-bar a.is-expanded i,
.list--info-bar a.is-expanded i,
.list--pubs-filter-bar a:focus i,
.list--info-bar a:focus i,
.list--pubs-filter-bar a:hover i,
.list--info-bar a:hover i {
  color: #edad08;
}
.list--pubs-filter-bar a:after,
.list--info-bar a:after {
  padding-left: 0;
  padding-right: 0;
}
.pubs-highlighted-wrapper {
  width: 92%;
  margin: 0 auto;
}
@media all and (min-width: 77.5em) {
  .pubs-highlighted-wrapper {
    width: 80%;
    max-width: 89.28571429em;
  }
}
.pubs-list {
  margin-left: -0.71428571em;
  margin-right: -0.71428571em;
}
.selected-state {
  font-size: 10px;
  font-size: 0.625rem;
}
.domestic-excellence-slider,
.global-leadership-slider {
  width: 92%;
  margin: 0 auto;
}
@media all and (min-width: 77.5em) {
  .domestic-excellence-slider,
  .global-leadership-slider {
    width: auto;
    margin: 0 4.28571429em;
  }
}
.clear-selection-trigger {
  color: #a9a6a7 !important;
  border-width: 0;
  background: transparent;
  padding: 0;
  width: 30px;
  display: inline-block !important;
}
.clear-all-results {
  font-size: 12px;
  font-size: 0.75rem;
  border-width: 0;
  background: transparent;
  display: inline;
  right: 0;
  top: 0;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-style: italic;
}
.clear-all-results:before {
  padding-right: 0;
  margin-top: -3px;
}
.clear-all-results:hover {
  color: #9d2125;
}
.selected-state-wrapper {
  top: 100%;
  left: 0;
  padding-left: 56px;
  margin-top: -30px;
  margin-right: -15px;
  position: absolute;
  width: 200px;
}
.list--info-bar li {
  display: block;
  width: 100%;
}
.filter-search-submit,
.filter-search-input {
  height: 36.5625px;
}
.attached-label .filter-search-input {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -o-border-bottom-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.filter-search-submit {
  width: 50px;
  height: 36.5625px;
}
.filter-search-submit button {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
  -o-border-bottom-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  color: #ffffff;
  background: #2b7fde;
  height: 36.5625px;
  width: 100%;
  border-width: 0;
}
.search-bar .filter-search-submit {
  height: 50px;
}
.search-bar .filter-search-submit button {
  height: 50px;
}
.publication-types-group .icon--reports:before,
.publication-types-group .icon--essay:before,
.publication-types-group .icon--catalyst-doc:before,
.publication-types-group .icon--article:before,
.publication-types-group .icon--book:before {
  font-size: 4em;
  margin-right: -12px;
}
/* Helpers
   ========================================================================== */
.display-table {
  display: table;
}
.display-table-cell {
  display: table-cell !important;
}
.text--lowercase {
  text-transform: lowercase;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
}
.display-inline {
  display: inline !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-block {
  display: block !important;
}
.center-cards-wrapper {
  text-align: center;
}
.center-cards-wrapper .center-card {
  float: none;
  display: inline-block;
}
.panel.aside-scrolling-card .wysiwyg {
  margin: 1.42857143em 1.07142857em 2.14285714em;
}
.panel.aside-card {
  padding: 2.85714286em;
}
.border-bottom-grey {
  border-bottom: 1px solid #aaacb1;
}
.border-left-grey {
  border-left: 1px solid #aaacb1;
}
.divider-rule-red {
  position: relative;
}
.divider-rule-red:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: 20px;
  left: 30%;
  right: 30%;
  background-color: #cf333c;
}
.large-icon--pre:before {
  font-size: 50px;
  font-size: 3.125rem;
  padding-right: 0;
  line-height: 30px;
  margin-right: -10px;
  display: inherit;
}
/* Search
   ========================================================================== */
.search-bar input {
  background: none;
  border: 0;
  color: #36333d;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.5em;
}
.search-wrapper {
  position: relative;
}
.search-wrapper:before {
  content: "Search";
  position: absolute;
  background: #f4f0ed;
  color: #696b73;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: bold;
  line-height: 1.42857143em;
  margin-top: -0.71428571em;
  padding-right: 0.71428571em;
  top: 50%;
  left: 10px;
  bottom: 0;
}
.search-bar input::-webkit-input-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #696b73;
}
.search-bar input::-moz-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #696b73;
}
.search-bar input:-ms-input-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #696b73;
}
.search-bar input:-moz-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #696b73;
}
.form--alt-style input::-webkit-input-placeholder {
  font-size: 12px;
  font-size: 0.75rem;
  color: #696b73;
  text-transform: uppercase;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: bold;
  font-style: normal;
  padding-top: 5px;
}
.search-trigger .close-trigger {
  opacity: 0;
  font-size: 14px;
  margin-top: -4px;
  position: absolute;
  background: #ffffff;
  left: 1000px;
  height: 40px;
  overflow: hidden;
}
.search-trigger.is-revealed .close-trigger {
  opacity: 1;
  left: 12px;
  top: 18px;
}
.form--alt-style input::-moz-placeholder {
  font-size: 12px;
  font-size: 0.75rem;
  color: #696b73;
  text-transform: uppercase;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: bold;
  font-style: normal;
  padding-top: 5px;
}
.form--alt-style input:-ms-input-placeholder {
  font-size: 12px;
  font-size: 0.75rem;
  color: #696b73;
  text-transform: uppercase;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: bold;
  font-style: normal;
  padding-top: 5px;
}
.form--alt-style input:-moz-placeholder {
  font-size: 12px;
  font-size: 0.75rem;
  color: #696b73;
  text-transform: uppercase;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: bold;
  font-style: normal;
  padding-top: 5px;
}
.form--alt-style input {
  border: 1px solid #b9b7b8 !important;
}
.pubs-filter-bar--results-wrapper {
  color: #36333d;
  font-weight: bold;
  text-transform: uppercase;
  padding: 1.42857143em 0;
  position: relative;
}
.mega-menu {
  background: rgba(22, 57, 83, 0.99);
  color: #ffffff;
}
.mega-menu--close {
  color: #fff;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 30px;
  font-family: -webkit-pictograph;
}
.mega-menu--close:before {
  content: '×';
}
.mega-menu--close:hover {
  color: #777;
}
.mega-menu-wrap {
  z-index: 50;
  position: fixed;
  width: 100%;
  top: 65px;
}
@media all and (max-width: 61.9375em) {
  .mega-menu-wrap {
    display: none;
  }
}
.find-by-menu {
  background: #163953;
  color: #ffffff;
  transition: all 1s ease;
}
.find-by-menu .expand__target:before {
  content: "";
  position: absolute;
  width: 100%;
  top: 13px;
  left: 0;
  height: 1px;
  background: #afb0b4;
}
.find-button--wrapper {
  margin: 1.07142857em 0;
}
.find-button--wrapper .btn--small {
  width: 100%;
}
.search-area {
  position: absolute !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
  background: #ffffff;
  top: -10px;
  left: 0;
  right: 48px;
  z-index: 10;
  transition: all 0.5s ease;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -o-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
  right: 0;
}
.search-area.is-revealed {
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -o-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  position: absolute !important;
  background: #ffffff;
  opacity: 1;
}
.search-area--wrapper {
  padding-top: 3.57142857em;
}
.search-area--trigger {
  position: absolute;
  top: 0;
}
.publication-types-group .publication-type {
  font-size: 16px;
  font-size: 1rem;
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
  cursor: pointer;
}
.checkbox--styled {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.checkbox--styled input[type="radio"],
.checkbox--styled input[type="checkbox"] {
  position: absolute;
  left: -9999em;
}
.checkbox--styled input[type="radio"]:checked + .fake-input:after,
.checkbox--styled input[type="checkbox"]:checked + .fake-input:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox--styled .fake-input {
  display: inline-block;
  width: 0.85714286em;
  height: 0.85714286em;
  position: absolute;
  top: 2px;
  background-color: transparent;
  border: 1px solid #ffffff;
  overflow: hidden;
}
.checkbox--styled .fake-input:after {
  font-size: 18px;
  font-size: 1.125rem;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-left: -15px;
  margin-top: -0.42857143em;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.checkbox--styled .fake-input-copy {
  padding-left: 1.71428571em;
}
.program-filters h4 {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .8px;
}
.program-filters input[type="radio"]:checked + .fake-input,
.publication-types-group input[type="radio"]:checked + .fake-input,
.program-filters input[type="checkbox"]:checked + .fake-input,
.publication-types-group input[type="checkbox"]:checked + .fake-input {
  border-color: #3e7ae1;
}
.program-filters input[type="radio"]:checked + .fake-input:after,
.publication-types-group input[type="radio"]:checked + .fake-input:after,
.program-filters input[type="checkbox"]:checked + .fake-input:after,
.publication-types-group input[type="checkbox"]:checked + .fake-input:after {
  background-color: #3e7ae1;
}
/* Search Results
   ========================================================================== */
.search-result {
  margin: 1.42857143em 0;
  padding: 1.42857143em 0 1.07142857em;
  border-top: solid 1px #e6e2dc;
}
.search-result:first-child {
  border-top: none;
}
.search-result h3 {
  margin: 0;
  text-decoration: underline;
}
.search-result h3 a {
  font-size: 24px;
  font-size: 1.5rem;
}
.search-result h3 span {
  font-size: 11px;
  font-size: 0.6875rem;
  display: inline-block;
  padding: 0.18181818em 0.45454545em;
  background: #e6e2dc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  top: -2px;
  left: 10px;
}
.search-result p {
  margin: 0;
  font-weight: 600;
}
/* Footer
   ========================================================================== */
.copyright--wrapper,
.social-links--wrapper {
  margin-top: 10px;
}
.hours-of-operation {
  padding-bottom: 1.07142857em;
}
.hours-of-operation p {
  margin-top: 0.71428571em;
}
.hours-of-operation span {
  float: right;
}
.rotating-footer-cta__copy {
  margin: 1.42857143em auto 1.42857143em;
  max-width: 350px;
  text-align: center;
  position: relative;
}
.rotating-footer-mobile {
  padding-top: 1.42857143em;
  padding-bottom: 1.42857143em;
  background: url(/resources/motif/images/bg--footer-flag.jpg) no-repeat center center;
  background-size: cover;
  margin-right: -40px;
  margin-left: -40px;
}
.email-signup {
  height: 36px;
  overflow: hidden;
}
.email-signup button {
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.email-signup button:before {
  font-size: 3em;
}
/* Home Page Split Banner Section
   ========================================================================== */
.split-interactive-banner__left-content {
  background: url(/resources/motif/images/bush_homebanner_left.jpg) no-repeat left top;
}
.split-interactive-banner__right-content {
  background: url(/resources/motif/images/bush_homebanner_right.jpg) no-repeat right top;
}
.split-interactive-banner__unhidden-copy-wrapper {
  transition: all 0.5s ease;
}
.split-interactive-banner__main-title,
.split-interactive-banner__sub-title {
  font-style: italic;
  display: inline-block;
  letter-spacing: .5px;
  transition: all 0.5s ease;
}
.split-interactive-banner__main-title {
  font-size: 22px;
  font-size: 1.375rem;
  background: rgba(207, 51, 60, 0.85);
  color: #ffffff;
  padding: 0.71428571em;
}
.split-interactive-banner__sub-title {
  background: rgba(255, 255, 255, 0.85);
  color: #696b73;
  padding: 0.71428571em;
  opacity: 1;
}
.split-interactive-banner__right-content .split-interactive-banner__sub-title {
  margin-right: -30px;
}
.split-interactive-banner__left-content,
.split-interactive-banner__right-content {
  position: relative;
  overflow: hidden;
}
.split-interactive-banner__left-content .image--wrapper,
.split-interactive-banner__right-content .image--wrapper {
  position: absolute;
  display: none;
}
.split-interactive-banner__left-content .image--wrapper img,
.split-interactive-banner__right-content .image--wrapper img {
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -o-transform: scale(4);
  -ms-transform: scale(4);
  transform: scale(4);
}
.split-interactive-banner__hover-cover,
.split-interactive-banner__shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.split-interactive-banner__hover-cover {
  background-image: radial-gradient(rgba(255, 255, 255, 0.3), rgba(55, 55, 55, 0.3));
  opacity: .9;
  background: #ffffff;
}
.split-interactive-banner__shadow {
  background-image: radial-gradient(transparent, rgba(45, 45, 45, 0.3));
  opacity: 1;
  transition: all 0.5s ease;
}
.mobile-home-page-banner-left--wrapper,
.mobile-home-page-banner-right--wrapper {
  height: 600px;
  position: relative;
  overflow: hidden;
}
.mobile-home-page-banner-right--wrapper .mobile-home-page-banner-img--wrapper {
  position: absolute;
  right: 0;
}
.mobile-home-page-banner-left--wrapper .mobile-home-page-banner-img--wrapper {
  position: absolute;
  left: 0;
}
.mobile-home-page-banner-img--wrapper {
  height: 600px;
  width: 900px;
}
.mobile-home-page-banner-img,
.split-interactive-banner__hidden-copy-wrapper {
  position: relative;
  z-index: 100;
}
.mobile-home-page-banner-img {
  height: 600px;
}
.split-interactive-banner__hidden-copy-wrapper {
  padding-top: 1.42857143em;
  padding-bottom: 1.42857143em;
}
.split-interactive-banner__hidden-copy-wrapper .wysiwyg .primary-heading {
  color: #696b73;
}
.split-interactive-banner__unhidden-copy-wrapper {
  display: none;
}
.home-banner-cta-copy {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
.card__copy--wrapper {
  transition: all 0.3s ease;
}
.card__copy--wrapper .additional-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #696b73;
  background: #ffffff;
  text-transform: uppercase;
  font-weight: lighter;
  padding: 20px;
  z-index: 1;
}
.card__copy--wrapper .additional-info--copy {
  position: relative;
  padding-left: 1.07142857em;
}
.card__copy--wrapper .additional-info--copy:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  right: 0;
  height: 1px;
  background: #696b73;
}
.card__copy--wrapper .additional-info--copy:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0px;
  top: 6px;
  height: 10px;
  width: 10px;
  background: #696b73;
}
/* Two Choice Engagement Section
   ========================================================================== */
.two-choice-section__wrapper {
  overflow: hidden;
  position: relative;
  padding: 1.42857143em;
}
.two-choice-section__wrapper .btn--red {
  background: #e92a49;
}
.two-choice-section__wrapper .btn--red:hover {
  background: #cb1533;
}
.two-choice-section__agree-copy {
  position: relative;
  display: inline-block;
}
.two-choice-section__agree-copy:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 5px;
  background: #e92a49;
  margin-top: 0.35714286em;
  transition: all 0.5s ease;
}
.two-choice-section__question {
  text-align: center;
  padding: 20px 20px 40px;
}
.two-choice-section__content-cta {
  opacity: 0;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  z-index: 10;
  transition: all 0.3s ease;
  transform: scale(0.5);
  text-align: center;
  padding: 40px 0px;
}
.two-choice-section__content-cta .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.two-choice-section__choice1--wrapper,
.two-choice-section__choice2--wrapper {
  color: #ffffff;
  text-align: center;
  transition: all 0.5s ease;
  position: relative;
}
.two-choice-section__choice1--wrapper .stat-card,
.two-choice-section__choice2--wrapper .stat-card {
  position: relative;
  top: 0;
}
.two-choice-section__choice1--wrapper .stat-card a,
.two-choice-section__choice2--wrapper .stat-card a {
  color: #cf333c;
}
.two-choice-section__choice1--wrapper .choice-link,
.two-choice-section__choice2--wrapper .choice-link {
  color: #d4d0cc;
  transition: all 0.3s ease;
}
.two-choice-section__choice1--wrapper .choice-link:hover,
.two-choice-section__choice2--wrapper .choice-link:hover {
  color: #9d2125;
}
.two-choice-section__choice2--wrapper {
  margin-top: 80px;
  padding-bottom: 40px;
}
.two-choice-section__choice1,
.two-choice-section__choice2 {
  opacity: 1;
  transition: all 0.5s ease;
  padding: 2.14285714em;
  background: #36333d;
  background-image: radial-gradient(#696b73, rgba(45, 45, 45, 0.1));
}
.two-choice-section__choice1:before,
.two-choice-section__choice2:after {
  display: none;
}
.choice-link {
  width: 100%;
  max-height: 280px;
  transition: all 0.5s ease;
}
.choice-link:focus {
  outline-color: transparent;
  outline: -webkit-focus-ring-color auto 0px;
}
.is-chosen .choice-link {
  max-height: 700px;
}
.is-chosen .two-choice-section__choice1--wrapper,
.is-chosen .two-choice-section__choice2--wrapper {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.is-chosen .two-choice-section__choice1,
.is-chosen .two-choice-section__choice2 {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.is-chosen .stat-card {
  opacity: 1;
}
.is-chosen .two-choice-section__content-cta {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.is-chosen .two-choice-wrapper.is-chosen .stat-card {
  background: #ffffff;
}
.stat-card {
  -webkit-box-shadow: 0 5px 25px black;
  -moz-box-shadow: 0 5px 25px black;
  -o-box-shadow: 0 5px 25px black;
  box-shadow: 0 5px 25px black;
  background: url(/resources/motif/images/bg--stat-card.jpg) no-repeat center center;
  background-size: cover;
  color: #36333d;
  padding: 20px;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: all 0.5s ease;
  opacity: 0;
}
.stat-card:hover {
  -webkit-box-shadow: 5px 10px 40px black;
  -moz-box-shadow: 5px 10px 40px black;
  -o-box-shadow: 5px 10px 40px black;
  box-shadow: 5px 10px 40px black;
}
.two-choice-section__result-stat {
  font-size: 90px;
  font-size: 5.625rem;
  position: relative;
  font-weight: bold;
  display: inline-block;
  line-height: 1;
  margin-bottom: 0.16666667em;
  color: #90a9af;
  text-shadow: 2px 1px 0px #637a80;
  font-style: italic;
}
.two-choice-section__result-stat .percent {
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  right: -17px;
  top: 5px;
}
/* Program Page
   ========================================================================== */
.mobile-program-page-banner-img {
  position: relative;
  background: #36333d;
}
.mobile-program-page-banner-img img {
  display: block;
  width: 100%;
  overflow: hidden;
  max-width: none;
  text-align: center;
}
.program-page-banner-text {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0;
  padding: 1.42857143em 1.78571429em 1.78571429em;
}
.hero__video-wrap {
  padding-top: 36.25%;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
}
.hero__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hero__video-button {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.hero-banner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-banner .hover-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #36333d;
  opacity: .9;
}
.hero-banner:after {
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
}
.hero-banner .featured-person--banner-copy-wrapper {
  z-index: 10;
  text-shadow: 1px 1px 5px #36333d;
}
.hero-banner .bg--glory-transparent {
  text-shadow: 1px 1px 5px #9d2125;
}
.featured-person--banner {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
}
.featured-person--banner .hover-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #36333d;
  opacity: .9;
}
.featured-person--banner:after {
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
}
.featured-person--banner .featured-person--banner-copy-wrapper {
  z-index: 10;
  text-shadow: 1px 1px 5px #36333d;
}
.featured-person--banner .bg--glory-transparent {
  text-shadow: 1px 1px 5px #9d2125;
}
.featured-person--wrapper {
  padding: 1.42857143em;
  background: #36333d;
}
.pre-icon--play-video .great-text {
  font-size: 16px;
  font-size: 1rem;
}
.featured-person--video {
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  text-align: center;
  /* &.is-expanded {
            display:block;
        } */
}
#main-content .featured-person--video {
  position: fixed;
}
.featured-person--video__content {
  display: inline-block;
  margin: 4% auto;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.featured-person--video__content iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.divider-line {
  overflow: hidden;
  text-align: center;
}
.divider-line:before,
.divider-line:after {
  background-color: #cecbc5;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 45%;
}
.divider-line--medium:before,
.divider-line--medium:after {
  background-color: #cecbc5;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 30%;
}
.divider-line--small:before,
.divider-line--small:after {
  background-color: #c2bdb6;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 15%;
}
.divider-line:before {
  right: 0.5em;
  margin-left: -50%;
}
.divider-line:after {
  left: 0.5em;
  margin-right: -50%;
}
.divider-line .icon--star {
  color: #5f6785;
}
.divider-line--small .icon--star {
  color: #c2bdb6;
}
.banner-content--bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100px;
  z-index: 99;
}
.full-band-callout {
  background: #163953;
  color: #ffffff;
}
.full-band-callout.grey {
  background: #e6e2dc;
}
.full-band-callout.grey:after {
  background: #e6e2dc;
}
.full-band-callout.split-grey {
  background: #f7f5f4;
  color: #a69e94;
}
.full-band-callout.split-grey:after,
.full-band-callout.split-grey:before {
  content: "";
  position: absolute;
  width: 1000px;
  top: 0;
  bottom: 0;
}
.full-band-callout.split-grey:after {
  background: #f7f5f4;
  left: 100%;
}
.full-band-callout.split-grey:before {
  background: #ffffff;
  right: 100%;
}
.full-band-callout.split-grey .full-band-callout--copy-wrapper {
  padding: 1.42857143em;
  background: #ffffff;
}
.full-band-callout.split-grey .full-band-callout--copy-wrapper .relative-container {
  z-index: 100;
}
.full-band-callout.split-grey .full-band-callout--copy-wrapper:before,
.full-band-callout.split-grey .full-band-callout--copy-wrapper:after {
  content: "";
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 75px;
  height: 50.1%;
  left: 100%;
  margin-left: -1px;
}
.full-band-callout.split-grey .full-band-callout--copy-wrapper:before {
  top: 0;
  -webkit-clip-path: polygon(0 100%, 0 0, 0% 0, 100% 100%);
  clip-path: polygon(0 100%, 0 0, 0% 0, 100% 100%);
}
.full-band-callout.split-grey .full-band-callout--copy-wrapper:after {
  bottom: 0;
  top: inherit;
  -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 0% 100%);
  clip-path: polygon(0 100%, 0 0, 100% 0, 0% 100%);
}
.full-band-callout {
  position: relative;
  color: #ffffff;
}
.full-band-callout:after {
  content: "";
  position: absolute;
  background: #115675;
  background: #094c67;
  /* Old browsers */
  background: -moz-linear-gradient(left, #30637a 0%, #094c67 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #30637a), color-stop(100%, #094c67));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #30637a 0%, #094c67 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #30637a 0%, #094c67 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #30637a 0%, #094c67 100%);
  /* IE10+ */
  background: linear-gradient(to right, #30637a 0%, #094c67 100%);
  /* W3C */
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-size: auto 100%;
}
.full-band-callout--copy-wrapper {
  position: relative;
  z-index: 50;
}
.filter-button-group button {
  font-size: 16px;
  font-size: 1rem;
  border-width: 0;
  background: transparent;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: bold;
  color: #08215a;
}
.filter-button-group button:hover {
  color: #9d2125;
}
.filter-button-group button.is-current {
  font-weight: bold;
  color: #9d2125;
}
.aside-scrolling-card,
.aside-card {
  -webkit-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  -o-box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
  box-shadow: 0 5px 5px rgba(51, 51, 51, 0.3);
}
.program-featured-slider {
  position: relative;
  padding: 0 8%;
}
.program-featured-slider .flex-prev,
.program-featured-slider .flex-next {
  opacity: 1;
  color: #a69f93;
  background: transparent;
}
.program-featured-slider .flex-prev {
  left: -16px;
}
.program-featured-slider .flex-next {
  right: -16px;
}
@media all and (min-width: 48em) {
  .program-featured-slider {
    padding: 0 5%;
  }
}
@media all and (min-width: 62em) {
  .program-featured-slider {
    padding: 0;
  }
  .program-featured-slider .flex-prev {
    left: -68px;
  }
  .program-featured-slider .flex-next {
    right: -47px;
  }
}
/* Events & Exhibits Page
   ========================================================================== */
.mobile-events-exhibits-banner-img {
  position: relative;
  background: #36333d;
  overflow: hidden;
}
.mobile-events-exhibits-banner-img img {
  display: block;
  overflow: hidden;
  max-width: none;
  text-align: center;
  width: 100%;
}
.events-exhibits--banner {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.events-exhibits--banner .hover-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #36333d;
  opacity: .9;
}
.events-exhibits--banner:after {
  background: rgba(0, 0, 0, 0.7);
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
}
.events-exhibits--banner .events-exhibits--banner-copy-wrapper {
  z-index: 10;
  text-shadow: 1px 1px 5px #36333d;
}
.events-exhibits--banner .bg--glory-transparent {
  text-shadow: 1px 1px 5px #9d2125;
}
.events-exhibits-banner-text {
  font-size: 24px;
  font-size: 1.5rem;
  margin-top: 0;
  padding: 0.83333333em 1.04166667em 1.04166667em;
}
/* Panels
   ========================================================================== */
.panel,
.panel--alt {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 1.42857143em;
  background: #ffffff;
  border-width: 0;
  text-align: center;
}
.panel h1,
.panel--alt h1,
.panel h2,
.panel--alt h2,
.panel h3,
.panel--alt h3,
.panel h4,
.panel--alt h4,
.panel h5,
.panel--alt h5,
.panel h6,
.panel--alt h6 {
  font-size: 16px;
  font-size: 1rem;
  color: #36333d;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-transform: capitalize;
  font-weight: bold;
}
.panel h1:first-of-type,
.panel--alt h1:first-of-type,
.panel h2:first-of-type,
.panel--alt h2:first-of-type,
.panel h3:first-of-type,
.panel--alt h3:first-of-type,
.panel h4:first-of-type,
.panel--alt h4:first-of-type,
.panel h5:first-of-type,
.panel--alt h5:first-of-type,
.panel h6:first-of-type,
.panel--alt h6:first-of-type {
  color: #2b7fde;
  position: relative;
  padding-bottom: 1.66666667em;
}
.panel h1:first-of-type:after,
.panel--alt h1:first-of-type:after,
.panel h2:first-of-type:after,
.panel--alt h2:first-of-type:after,
.panel h3:first-of-type:after,
.panel--alt h3:first-of-type:after,
.panel h4:first-of-type:after,
.panel--alt h4:first-of-type:after,
.panel h5:first-of-type:after,
.panel--alt h5:first-of-type:after,
.panel h6:first-of-type:after,
.panel--alt h6:first-of-type:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 114px;
  left: 50%;
  margin-left: -57px;
  bottom: 0;
  background: #08215a;
}
.panel hr,
.panel--alt hr {
  width: 30%;
  margin-top: 3.33333333em;
  margin-bottom: 3.33333333em;
  border-style: solid;
  border-color: rgba(58, 57, 57, 0.31);
}
.panel.align--left,
.panel--alt.align--left {
  text-align: left;
}
.panel.blue,
.panel--alt.blue {
  background: #0a5676;
}
.panel.red,
.panel--alt.red {
  background: #942336;
}
.panel.brown,
.panel--alt.brown {
  background: #372e2c;
}
.panel.blue,
.panel--alt.blue,
.panel.red,
.panel--alt.red,
.panel.brown,
.panel--alt.brown,
.panel.bg--blue-flag,
.panel--alt.bg--blue-flag,
.panel.bg--red-flag,
.panel--alt.bg--red-flag,
.panel.bg--brown-flag,
.panel--alt.bg--brown-flag {
  color: #ffffff;
}
.panel.blue a.link,
.panel--alt.blue a.link,
.panel.red a.link,
.panel--alt.red a.link,
.panel.brown a.link,
.panel--alt.brown a.link,
.panel.bg--blue-flag a.link,
.panel--alt.bg--blue-flag a.link,
.panel.bg--red-flag a.link,
.panel--alt.bg--red-flag a.link,
.panel.bg--brown-flag a.link,
.panel--alt.bg--brown-flag a.link {
  color: #f9c848;
}
.panel.blue a.link:hover,
.panel--alt.blue a.link:hover,
.panel.red a.link:hover,
.panel--alt.red a.link:hover,
.panel.brown a.link:hover,
.panel--alt.brown a.link:hover,
.panel.bg--blue-flag a.link:hover,
.panel--alt.bg--blue-flag a.link:hover,
.panel.bg--red-flag a.link:hover,
.panel--alt.bg--red-flag a.link:hover,
.panel.bg--brown-flag a.link:hover,
.panel--alt.bg--brown-flag a.link:hover,
.panel.blue a.link:focus,
.panel--alt.blue a.link:focus,
.panel.red a.link:focus,
.panel--alt.red a.link:focus,
.panel.brown a.link:focus,
.panel--alt.brown a.link:focus,
.panel.bg--blue-flag a.link:focus,
.panel--alt.bg--blue-flag a.link:focus,
.panel.bg--red-flag a.link:focus,
.panel--alt.bg--red-flag a.link:focus,
.panel.bg--brown-flag a.link:focus,
.panel--alt.bg--brown-flag a.link:focus,
.panel.blue a.link.is-current,
.panel--alt.blue a.link.is-current,
.panel.red a.link.is-current,
.panel--alt.red a.link.is-current,
.panel.brown a.link.is-current,
.panel--alt.brown a.link.is-current,
.panel.bg--blue-flag a.link.is-current,
.panel--alt.bg--blue-flag a.link.is-current,
.panel.bg--red-flag a.link.is-current,
.panel--alt.bg--red-flag a.link.is-current,
.panel.bg--brown-flag a.link.is-current,
.panel--alt.bg--brown-flag a.link.is-current {
  color: #edad08;
}
.panel.blue h1,
.panel--alt.blue h1,
.panel.red h1,
.panel--alt.red h1,
.panel.brown h1,
.panel--alt.brown h1,
.panel.bg--blue-flag h1,
.panel--alt.bg--blue-flag h1,
.panel.bg--red-flag h1,
.panel--alt.bg--red-flag h1,
.panel.bg--brown-flag h1,
.panel--alt.bg--brown-flag h1,
.panel.blue h2,
.panel--alt.blue h2,
.panel.red h2,
.panel--alt.red h2,
.panel.brown h2,
.panel--alt.brown h2,
.panel.bg--blue-flag h2,
.panel--alt.bg--blue-flag h2,
.panel.bg--red-flag h2,
.panel--alt.bg--red-flag h2,
.panel.bg--brown-flag h2,
.panel--alt.bg--brown-flag h2,
.panel.blue h3,
.panel--alt.blue h3,
.panel.red h3,
.panel--alt.red h3,
.panel.brown h3,
.panel--alt.brown h3,
.panel.bg--blue-flag h3,
.panel--alt.bg--blue-flag h3,
.panel.bg--red-flag h3,
.panel--alt.bg--red-flag h3,
.panel.bg--brown-flag h3,
.panel--alt.bg--brown-flag h3,
.panel.blue h4,
.panel--alt.blue h4,
.panel.red h4,
.panel--alt.red h4,
.panel.brown h4,
.panel--alt.brown h4,
.panel.bg--blue-flag h4,
.panel--alt.bg--blue-flag h4,
.panel.bg--red-flag h4,
.panel--alt.bg--red-flag h4,
.panel.bg--brown-flag h4,
.panel--alt.bg--brown-flag h4,
.panel.blue h5,
.panel--alt.blue h5,
.panel.red h5,
.panel--alt.red h5,
.panel.brown h5,
.panel--alt.brown h5,
.panel.bg--blue-flag h5,
.panel--alt.bg--blue-flag h5,
.panel.bg--red-flag h5,
.panel--alt.bg--red-flag h5,
.panel.bg--brown-flag h5,
.panel--alt.bg--brown-flag h5,
.panel.blue h6,
.panel--alt.blue h6,
.panel.red h6,
.panel--alt.red h6,
.panel.brown h6,
.panel--alt.brown h6,
.panel.bg--blue-flag h6,
.panel--alt.bg--blue-flag h6,
.panel.bg--red-flag h6,
.panel--alt.bg--red-flag h6,
.panel.bg--brown-flag h6,
.panel--alt.bg--brown-flag h6 {
  font-size: 16px;
  font-size: 1rem;
  color: #ffffff;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-transform: capitalize;
  font-weight: bold;
}
.panel.blue h1:first-of-type,
.panel--alt.blue h1:first-of-type,
.panel.red h1:first-of-type,
.panel--alt.red h1:first-of-type,
.panel.brown h1:first-of-type,
.panel--alt.brown h1:first-of-type,
.panel.bg--blue-flag h1:first-of-type,
.panel--alt.bg--blue-flag h1:first-of-type,
.panel.bg--red-flag h1:first-of-type,
.panel--alt.bg--red-flag h1:first-of-type,
.panel.bg--brown-flag h1:first-of-type,
.panel--alt.bg--brown-flag h1:first-of-type,
.panel.blue h2:first-of-type,
.panel--alt.blue h2:first-of-type,
.panel.red h2:first-of-type,
.panel--alt.red h2:first-of-type,
.panel.brown h2:first-of-type,
.panel--alt.brown h2:first-of-type,
.panel.bg--blue-flag h2:first-of-type,
.panel--alt.bg--blue-flag h2:first-of-type,
.panel.bg--red-flag h2:first-of-type,
.panel--alt.bg--red-flag h2:first-of-type,
.panel.bg--brown-flag h2:first-of-type,
.panel--alt.bg--brown-flag h2:first-of-type,
.panel.blue h3:first-of-type,
.panel--alt.blue h3:first-of-type,
.panel.red h3:first-of-type,
.panel--alt.red h3:first-of-type,
.panel.brown h3:first-of-type,
.panel--alt.brown h3:first-of-type,
.panel.bg--blue-flag h3:first-of-type,
.panel--alt.bg--blue-flag h3:first-of-type,
.panel.bg--red-flag h3:first-of-type,
.panel--alt.bg--red-flag h3:first-of-type,
.panel.bg--brown-flag h3:first-of-type,
.panel--alt.bg--brown-flag h3:first-of-type,
.panel.blue h4:first-of-type,
.panel--alt.blue h4:first-of-type,
.panel.red h4:first-of-type,
.panel--alt.red h4:first-of-type,
.panel.brown h4:first-of-type,
.panel--alt.brown h4:first-of-type,
.panel.bg--blue-flag h4:first-of-type,
.panel--alt.bg--blue-flag h4:first-of-type,
.panel.bg--red-flag h4:first-of-type,
.panel--alt.bg--red-flag h4:first-of-type,
.panel.bg--brown-flag h4:first-of-type,
.panel--alt.bg--brown-flag h4:first-of-type,
.panel.blue h5:first-of-type,
.panel--alt.blue h5:first-of-type,
.panel.red h5:first-of-type,
.panel--alt.red h5:first-of-type,
.panel.brown h5:first-of-type,
.panel--alt.brown h5:first-of-type,
.panel.bg--blue-flag h5:first-of-type,
.panel--alt.bg--blue-flag h5:first-of-type,
.panel.bg--red-flag h5:first-of-type,
.panel--alt.bg--red-flag h5:first-of-type,
.panel.bg--brown-flag h5:first-of-type,
.panel--alt.bg--brown-flag h5:first-of-type,
.panel.blue h6:first-of-type,
.panel--alt.blue h6:first-of-type,
.panel.red h6:first-of-type,
.panel--alt.red h6:first-of-type,
.panel.brown h6:first-of-type,
.panel--alt.brown h6:first-of-type,
.panel.bg--blue-flag h6:first-of-type,
.panel--alt.bg--blue-flag h6:first-of-type,
.panel.bg--red-flag h6:first-of-type,
.panel--alt.bg--red-flag h6:first-of-type,
.panel.bg--brown-flag h6:first-of-type,
.panel--alt.bg--brown-flag h6:first-of-type {
  color: #ffffff;
  position: relative;
  padding-bottom: 1.66666667em;
  text-transform: uppercase;
}
.panel.blue h1:first-of-type:after,
.panel--alt.blue h1:first-of-type:after,
.panel.red h1:first-of-type:after,
.panel--alt.red h1:first-of-type:after,
.panel.brown h1:first-of-type:after,
.panel--alt.brown h1:first-of-type:after,
.panel.bg--blue-flag h1:first-of-type:after,
.panel--alt.bg--blue-flag h1:first-of-type:after,
.panel.bg--red-flag h1:first-of-type:after,
.panel--alt.bg--red-flag h1:first-of-type:after,
.panel.bg--brown-flag h1:first-of-type:after,
.panel--alt.bg--brown-flag h1:first-of-type:after,
.panel.blue h2:first-of-type:after,
.panel--alt.blue h2:first-of-type:after,
.panel.red h2:first-of-type:after,
.panel--alt.red h2:first-of-type:after,
.panel.brown h2:first-of-type:after,
.panel--alt.brown h2:first-of-type:after,
.panel.bg--blue-flag h2:first-of-type:after,
.panel--alt.bg--blue-flag h2:first-of-type:after,
.panel.bg--red-flag h2:first-of-type:after,
.panel--alt.bg--red-flag h2:first-of-type:after,
.panel.bg--brown-flag h2:first-of-type:after,
.panel--alt.bg--brown-flag h2:first-of-type:after,
.panel.blue h3:first-of-type:after,
.panel--alt.blue h3:first-of-type:after,
.panel.red h3:first-of-type:after,
.panel--alt.red h3:first-of-type:after,
.panel.brown h3:first-of-type:after,
.panel--alt.brown h3:first-of-type:after,
.panel.bg--blue-flag h3:first-of-type:after,
.panel--alt.bg--blue-flag h3:first-of-type:after,
.panel.bg--red-flag h3:first-of-type:after,
.panel--alt.bg--red-flag h3:first-of-type:after,
.panel.bg--brown-flag h3:first-of-type:after,
.panel--alt.bg--brown-flag h3:first-of-type:after,
.panel.blue h4:first-of-type:after,
.panel--alt.blue h4:first-of-type:after,
.panel.red h4:first-of-type:after,
.panel--alt.red h4:first-of-type:after,
.panel.brown h4:first-of-type:after,
.panel--alt.brown h4:first-of-type:after,
.panel.bg--blue-flag h4:first-of-type:after,
.panel--alt.bg--blue-flag h4:first-of-type:after,
.panel.bg--red-flag h4:first-of-type:after,
.panel--alt.bg--red-flag h4:first-of-type:after,
.panel.bg--brown-flag h4:first-of-type:after,
.panel--alt.bg--brown-flag h4:first-of-type:after,
.panel.blue h5:first-of-type:after,
.panel--alt.blue h5:first-of-type:after,
.panel.red h5:first-of-type:after,
.panel--alt.red h5:first-of-type:after,
.panel.brown h5:first-of-type:after,
.panel--alt.brown h5:first-of-type:after,
.panel.bg--blue-flag h5:first-of-type:after,
.panel--alt.bg--blue-flag h5:first-of-type:after,
.panel.bg--red-flag h5:first-of-type:after,
.panel--alt.bg--red-flag h5:first-of-type:after,
.panel.bg--brown-flag h5:first-of-type:after,
.panel--alt.bg--brown-flag h5:first-of-type:after,
.panel.blue h6:first-of-type:after,
.panel--alt.blue h6:first-of-type:after,
.panel.red h6:first-of-type:after,
.panel--alt.red h6:first-of-type:after,
.panel.brown h6:first-of-type:after,
.panel--alt.brown h6:first-of-type:after,
.panel.bg--blue-flag h6:first-of-type:after,
.panel--alt.bg--blue-flag h6:first-of-type:after,
.panel.bg--red-flag h6:first-of-type:after,
.panel--alt.bg--red-flag h6:first-of-type:after,
.panel.bg--brown-flag h6:first-of-type:after,
.panel--alt.bg--brown-flag h6:first-of-type:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 114px;
  left: 50%;
  margin-left: -57px;
  bottom: 0;
  background: #cf333c;
}
/* Two Choice Engagement Section
   ========================================================================== */
.media-object,
.author-info {
  margin-bottom: 1.42857143em;
  margin-top: 1.42857143em;
  position: relative;
}
.media-object .img-wrapper,
.author-info .img-wrapper {
  max-width: 180px;
  margin: 0 auto;
}
.media-object .desc,
.author-info .desc {
  display: block;
  padding: 0 1.42857143em 1.42857143em 1.42857143em;
}
.media-object .link,
.author-info .link {
  display: block;
  font-style: italic;
  margin-top: 1.07142857em;
}
.media-object blockquote,
.author-info blockquote {
  padding: 0;
  text-transform: none;
  font-style: italic;
}
.media-object blockquote cite,
.author-info blockquote cite {
  text-transform: small-caps;
  display: block;
}
.media-object blockquote cite:first-letter,
.author-info blockquote cite:first-letter {
  color: #8f8179;
}
.media-object.media-img-right .desc,
.author-info.media-img-right .desc {
  position: relative;
  width: 100%;
  max-width: none;
  padding-right: 220px;
  padding-left: 0;
}
.media-object.media-img-right .img-wrapper,
.author-info.media-img-right .img-wrapper {
  position: absolute;
  right: 0;
  margin-right: 20px;
}
.author-info {
  margin-bottom: 2.85714286em;
}
.author-info .img-wrapper {
  width: 200px;
  margin-bottom: 30px;
}
.author-info .img-wrapper img {
  display: block;
}
.author-info .author-name,
.author-info .author-title,
.author-info .author-org {
  color: #696b73;
}
.author-info .author-name {
  margin-top: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.author-info .author-name a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #696b73;
  font-style: normal;
  margin-top: 0;
}
.author-info .author-name a:hover {
  color: #9d2125;
}
.author-info .author-title,
.author-info .author-org {
  font-size: 10px;
  font-size: 0.625rem;
}
.author-info .author-org {
  font-style: italic;
}
.author-info a {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  font-style: italic;
  display: inline-block;
  margin-top: 0.83333333em;
  margin-right: 1.25em;
}
.svg-white .stroke {
  stroke: #ffffff;
}
.svg-white .fill {
  fill: #ffffff;
}
.svg-red .stroke {
  stroke: #cf333c;
}
.svg-red .fill {
  fill: #cf333c;
}
.svg-pre {
  width: 15px;
  padding-right: 5px;
}
/* Ajax Pagination Loader
   ========================================================================== */
.pagination-loader {
  padding: 3.57142857em;
  background: url(/resources/motif/images/ajax-loader.gif) no-repeat center center;
}
/* Video
   ========================================================================== */
.iframe-wrapper {
  position: relative;
  padding-top: 56%;
  width: 100%;
  margin-top: 1.42857143em;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.js .grid-two-thirds .grid-sizer,
.js .grid-two-thirds .grid-item {
  width: 100%;
  padding-left: 10px;
}
@media (max-width: 570px) {
  .grid-item {
    width: 100%;
  }
  .mobile-home-page-banner-img--wrapper {
    height: 400px;
    width: 900px;
  }
  .mobile-home-page-banner-img {
    height: 400px;
  }
  .mobile-home-page-banner-left--wrapper,
  .mobile-home-page-banner-right--wrapper {
    height: 400px;
    position: relative;
    overflow: hidden;
  }
  .mobile-home-page-banner-left--wrapper .mobile-home-page-banner-img--wrapper,
  .mobile-home-page-banner-right--wrapper .mobile-home-page-banner-img--wrapper {
    width: 600px;
  }
}
.left-nav-offset {
  margin-left: 0%;
}
.left-nav-offset .align--right {
  text-align: left;
}
.card-event__book-img-wrapper {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.card-event__book-img {
  padding: 20px;
}
.card-event__book-img img {
  max-height: 300px;
  height: 300px;
  width: auto;
  margin: 0 auto;
}
@media (min-width: 62em) {
  .left-nav-offset {
    margin-left: 25%;
  }
  .left-nav-offset .align--right {
    text-align: right;
  }
}
.pyv-nav .nav-info {
  color: #ffffff;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.81818182em;
}
.pyv-nav li {
  padding-left: 3.57142857em;
}
.pyv-nav li a.text--white {
  color: #ffffff;
}
.pyv-nav li a.text--white:hover {
  color: #163953;
}
.pyv-nav .icon-offset {
  margin-left: -2.85714286em;
}
.pyv-nav .icon-offset:before {
  margin-right: -0.06818182em;
  font-size: 44px;
  font-size: 2.75rem;
  padding-left: 0px;
  padding-right: 0px;
}
.pyv-link {
  color: #f9c848;
}
.pyv-link:hover,
.pyv-link:focus,
.pyv-link.is-current {
  color: #edad08;
}
/* The Modal (background) */
.formgate {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
/* Modal Content/Box */
.formgate-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  padding: 20px;
  border-top: 15px solid #163953;
  max-width: 400px;
  /* Could be more or less, depending on screen size */
}
/* The Close Button */
.formgate-close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}
.formgate-close:hover,
.formgate-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.live-event-stream {
  margin-top: 65px;
}
@media all and (min-width: 48em) {
  .live-event-content {
    overflow-y: scroll;
    position: absolute;
    height: 100%;
  }
  .live-event-content::-webkit-scrollbar-track {
    background-color: #fff;
  }
  .live-event-content::-webkit-scrollbar {
    width: 6px;
  }
  .live-event-content::-webkit-scrollbar-thumb {
    background-color: #08215a;
  }
}
.live-event-content {
  display: inline-block;
}
.live-event-content__title {
  text-transform: uppercase;
}
.live-event-content__time {
  text-transform: uppercase;
  color: #a9a6a7;
}
.live-event-content__people {
  display: flow-root;
}
.live-event__session-bar {
  overflow: hidden;
}
.forum-more-link {
  margin-top: 32px;
  margin-left: 20px;
}
.window--small {
  height: 145px;
  width: 100%;
  max-width: 145px;
  position: relative;
}
.window--small img {
  max-width: 155px;
  max-width: initial;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -72px;
  top: 0;
}
.window--small .title {
  font-size: 20px;
  font-size: 1.25rem;
}
.window--small .window--main-copy {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.window--small .window__blur-overlay {
  opacity: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s ease;
}
.window--small:hover .window--intro-copy {
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px);
}
.window--small:hover .window--main-copy {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.window--small:hover .window__blur-overlay {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.window--small:hover .window__color-overlay {
  opacity: .1;
}
.window--small:hover .window__blur-overlay {
  opacity: 1;
}
.info-bar--programs {
  position: fixed;
  top: 65px;
  left: 0;
  right: 0;
  z-index: 20;
}
.info-bar--programs h2,
.info-bar--programs ul {
  clear: none;
}
.info-bar--programs a {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}
.info-bar--programs a:active,
.info-bar--programs a:focus {
  color: #ffffff;
}
.flexspace-description {
  max-width: 100%;
  text-align: center;
}
/**
 * Base & Small Only
 */
@media all and (max-width: 47.9375em) {
  .feature-person-card .feature-person-card__bio-copy-wrapper {
    padding-bottom: 2.85714286em;
  }
  .feature-person-card .feature-person-card__bio-copy-wrapper:after {
    height: 2.85714286em;
  }
}
@media all and (min-width: 30em) and (max-width: 47.9375em) {
  .gcso-half {
    width: 50%;
    padding: 0 1px;
  }
  .list--info-bar li {
    display: block;
    width: 50%;
  }
  .list--info-bar li.gs-full {
    width: 100%;
  }
}
/**
 * Small
 */
/**
 * Medium Only
 */
/**
 * Medium
 */
@media all and (min-width: 48em) {
  /* TYPOGRAPHY RESET
   ========================================================================== */
  .canon-text,
  .wysiwyg h1,
  .wysiwyg .canon-text {
    font-size: 38px;
    font-size: 2.375rem;
  }
  blockquote {
    font-size: 20px;
    font-size: 1.25rem;
  }
  /* Helpers
   ========================================================================== */
  .float--right-medium {
    float: right;
  }
  .float--left-medium {
    float: left;
  }
  .is-hidden--tablet {
    display: none;
  }
  .logo--wrapper {
    padding-right: inherit;
    height: 50px;
    display: inline;
  }
  .logo {
    padding-top: 0;
    width: 100%;
  }
  .items--border-left-white li {
    min-height: 160px;
  }
  .related-item__list {
    margin-top: 60px;
    padding: 0;
  }
  .related-item__list > .related-item__article ~ .related-item__article,
  .related-item__list > .related-item__event ~ .related-item__event,
  .related-item__list > .related-item__article,
  .related-item__list > .related-item__event {
    margin-top: 0px;
  }
  .gutters-thin [class*="gl-row"] {
    margin-left: -0.35714286em;
    margin-right: -0.35714286em;
  }
  .gutters-thin [class*="gcl"] {
    padding-left: 0.35714286em;
    padding-right: 0.35714286em;
  }
  .display-table-cell--tablet {
    display: table-cell !important;
  }
  .card-ph {
    padding: 0 0.71428571em;
  }
  /* Info Bar
   ========================================================================== */
  .info-bar-helper-text {
    font-size: 10px;
    font-size: 0.625rem;
    margin-top: 2px;
    position: absolute;
    left: 0;
    top: -17px;
  }
  .info-bar--eow .institute-title {
    padding-bottom: 1.07142857em;
  }
  .find-by-menu {
    min-height: 64px;
  }
  .find-by-menu.info-bar--programs {
    min-height: 40px;
  }
  .list--info-bar {
    margin-left: -21px;
  }
  .list--info-bar li {
    font-size: 11px;
    font-size: 0.6875rem;
    width: auto;
  }
  .list--info-bar li.search-area--trigger {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .list--info-bar li.search-area--trigger a {
    border-left: 1px solid #e6e2dc;
  }
  .list--info-bar a {
    padding-bottom: 0;
  }
  .list--info-bar .find-button--wrapper,
  .list--info-bar .search-area--trigger {
    position: absolute;
    right: -14px;
  }
  .list--info-bar .find-button--wrapper {
    right: 66px;
  }
  .find-button--wrapper {
    margin: 0;
  }
  .find-button--wrapper .btn--small {
    width: auto;
  }
  .selected-state-wrapper {
    margin-top: -10px;
  }
  /* Links & Navigation
   ========================================================================== */
  .main-nav {
    width: 50%;
  }
  .main-nav .nav-bar__title {
    width: 65px;
    height: 65px;
  }
  .support-link {
    position: absolute;
    right: 0;
  }
  a.nav-bar__link {
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
    margin-bottom: 0.66666667em;
  }
  a.nav-bar__link--eyebrow {
    margin: 0;
    position: relative;
    top: 0;
  }
  .link--action {
    margin-right: 0;
  }
  [class*="nav-bar__list"] {
    margin-top: 0.71428571em;
    padding-bottom: 0px;
  }
  [class*="nav-bar__list"] ul {
    padding-bottom: 1.07142857em;
  }
  [class*="nav-bar__list"] li {
    padding: 0 0.71428571em 0 0;
  }
  .main-header .logo {
    display: inline-block;
  }
  .social-links--wrapper {
    position: absolute;
    right: 0;
    top: 0;
  }
  .footer-sublinks {
    float: right;
    width: 37%;
  }
  .global-links-list li,
  .copyright--wrapper li {
    margin-bottom: 0;
  }
  .global-links-list {
    width: 62%;
    float: left;
  }
  .contact-info--wrapper {
    border-right: 1px solid #a69e94;
  }
  .rotating-footer-cta__wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 33.33%;
  }
  .rotating-footer-cta__copy {
    margin-top: 4.28571429em;
  }
  .rotating-footer-mobile {
    padding-top: 0;
    padding-bottom: 0;
    background: transparent;
    margin-right: 0;
    margin-left: 0;
  }
  .social-links--wrapper {
    margin-top: -13px;
    overflow: hidden;
  }
  .copyright--wrapper {
    margin-top: -10px;
    max-width: 55%;
  }
  .window {
    height: 335px;
    position: relative;
    max-width: 400px;
  }
  .window .title {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .window .window--main-copy {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .window .window__blur-overlay {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease;
  }
  .window:hover .window--intro-copy {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
  .window:hover .window--main-copy {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .window:hover .window__blur-overlay {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .window:hover .window__color-overlay {
    opacity: .1;
  }
  .window:hover .window__blur-overlay {
    opacity: 1;
  }
  .window--small {
    height: 145px;
    width: 100%;
    max-width: 145px;
    position: relative;
  }
  .window--small img {
    max-width: 155px;
    max-width: initial;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    top: 0;
  }
  .window--small .title {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .window--small .window--main-copy {
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .window--small .window__blur-overlay {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease;
  }
  .window--small:hover .window--intro-copy {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
  .window--small:hover .window--main-copy {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .window--small:hover .window__blur-overlay {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .window--small:hover .window__color-overlay {
    opacity: .1;
  }
  .window--small:hover .window__blur-overlay {
    opacity: 1;
  }
  .window--intro-copy {
    /*.size-for-font(24);*/
    position: absolute;
    bottom: 1.42857143em;
    max-width: 17.85714286em;
    opacity: 1;
  }
  .window--short .window--intro-copy {
    bottom: 35%;
  }
  .window--main-copy {
    opacity: 0;
  }
  .window--main-copy .title {
    /*.size-for-font(24);*/
    margin-top: 2.14285714em;
    /*margin-bottom: @20px;*/
    max-width: 17.85714286em;
  }
  .window--main-copy .title:after {
    bottom: -0.71428571em;
  }
  .window--main-copy .sub-text {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .window--main-copy:hover {
    opacity: 1;
  }
  .card-featured-link,
  .card-featured-event-link {
    padding-bottom: 80%;
  }
  .card-featured-link img,
  .card-featured-event-link img {
    position: absolute;
  }
  .card-featured-link .overlay,
  .card-featured-event-link .overlay {
    /*background: url("/resources/motif/images/example-card--interview.jpg") no-repeat right;*/
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 50%;
    display: block;
  }
  .card-featured-link .overlay img,
  .card-featured-event-link .overlay img {
    display: block;
    max-width: inherit;
    width: 200%;
    /* left: 0; */
    right: 0;
    height: auto;
    -webkit-filter: blur(19px);
    -moz-filter: blur(19px);
    -o-filter: blur(19px);
    -ms-filter: blur(19px);
    filter: blur(19px);
  }
  .card-featured-link .card-featured-event__copy-wrapper,
  .card-featured-event-link .card-featured-event__copy-wrapper,
  .card-featured-link .card-featured__copy-wrapper,
  .card-featured-event-link .card-featured__copy-wrapper {
    position: absolute;
  }
  .card-featured__title {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0;
  }
  .card-featured__sub-title {
    font-size: 16px;
    font-size: 1rem;
    padding: 0;
  }
  .card-featured-event__copy-wrapper,
  .card-featured__copy-wrapper {
    position: relative;
    background: rgba(100, 100, 100, 0.4);
    left: 0;
    width: 50%;
    margin-left: 50%;
    margin-right: 0;
    top: 0;
    bottom: 0;
    margin-top: 0;
  }
  .card-report-link,
  .card-link-catalyst-issue {
    min-height: 430px;
  }
  .card-featured-event-link--vertical .card-featured__copy-wrapper {
    width: 100%;
    margin-left: 0;
  }
  .panel.program-card {
    min-height: 390px;
  }
  .program-details {
    padding: 0 1.42857143em 1.42857143em 0 !important;
  }
  .card-past-event-link {
    min-height: 150px;
  }
  .card-past-event-link .img-holder {
    display: block;
  }
  .program-card-link .program-fact {
    opacity: 1;
    transition: all 0.3s ease;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    margin-top: -10px;
    margin-bottom: 0;
    position: absolute;
    padding-left: 1.42857143em;
  }
  .program-card-link:hover .program-card--copy-background {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .program-card-link:hover .program-card--copy-wrapper {
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }
  .program-card-link:hover .program-card--copy-wrapper .title:after {
    opacity: 1;
  }
  .program-card-link:hover .program-card--copy-wrapper .desc,
  .program-card-link:hover .program-card--copy-wrapper .link {
    opacity: 1;
  }
  .program-card-link:hover .program-fact {
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  .program-card--copy-background,
  .program-card--copy-wrapper {
    -webkit-transform: translate(0, 200px);
    -moz-transform: translate(0, 200px);
    -o-transform: translate(0, 200px);
    -ms-transform: translate(0, 200px);
    transform: translate(0, 200px);
  }
  .program-card--copy-background .title,
  .program-card--copy-wrapper .title {
    padding-bottom: 1.42857143em;
  }
  .program-card--copy-background .title:after,
  .program-card--copy-wrapper .title:after {
    opacity: 0;
  }
  .program-card--copy-background .desc,
  .program-card--copy-wrapper .desc,
  .program-card--copy-background .link,
  .program-card--copy-wrapper .link {
    opacity: 0;
  }
  .card-report-link,
  .card-link-catalyst-issue {
    position: relative;
    overflow: hidden;
    background: #36333d;
  }
  .card-report-link img,
  .card-link-catalyst-issue img {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
  }
  .card-report-link .img-overlay,
  .card-link-catalyst-issue .img-overlay {
    position: absolute;
    height: 50px;
    width: 100%;
    background: #36333d;
    bottom: 0;
  }
  .card-report-link .img-overlay:before,
  .card-link-catalyst-issue .img-overlay:before {
    background: #36333d;
    background: -moz-linear-gradient(top, transparent 0, #36333d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, #36333d));
    background: -webkit-linear-gradient(top, transparent 0, #36333d 100%);
    background: -o-linear-gradient(top, transparent 0, #36333d 100%);
    background: -ms-linear-gradient(top, transparent 0, #36333d 100%);
    background: linear-gradient(to bottom, transparent 0, #36333d 100%);
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 50px;
  }
  .card-link-catalyst-issue__copy-wrapper,
  .card-report-link__copy-wrapper {
    position: absolute;
    background: rgba(37, 36, 39, 0.85);
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 20;
    height: 180px;
  }
  .card-link-catalyst-issue__title,
  .card-report-link__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .card-essay-link,
  .card-video-link {
    position: relative;
    overflow: hidden;
  }
  .card-essay-link .card-essay-link__title,
  .card-video-link .card-essay-link__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .card-video-link {
    position: relative;
    overflow: hidden;
  }
  .card-video-link .card-video-link__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .card-essay-link__copy--wrapper,
  .card-video-link__copy--wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .card-book-link {
    position: relative;
    overflow: hidden;
  }
  .card-book-link img {
    display: block;
    width: 100%;
  }
  .card-book-link .card__img--wrapper {
    height: 330px;
  }
  .card-book-link .img-overlay {
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 100%;
    background: #36333d;
  }
  .card-book-link .img-overlay:before {
    background: #36333d;
    background: -moz-linear-gradient(top, transparent 0, #36333d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, #36333d));
    background: -webkit-linear-gradient(top, transparent 0, #36333d 100%);
    background: -o-linear-gradient(top, transparent 0, #36333d 100%);
    background: -ms-linear-gradient(top, transparent 0, #36333d 100%);
    background: linear-gradient(to bottom, transparent 0, #36333d 100%);
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 50px;
  }
  .card-bio-link {
    height: 360px;
  }
  .card-bio-link .card__copy--wrapper {
    height: 360px;
  }
  .card-bio-link .card__copy--wrapper:after {
    display: none;
  }
  .card-bio-link .card__img--wrapper {
    padding-top: 85%;
  }
  .card-book-link__copy--wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 100px;
  }
  .card-external-link {
    position: relative;
  }
  .card-external-link .card__copy--wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: auto;
    min-height: 130px;
  }
  .card-link-catalyst {
    padding-bottom: 5em;
  }
  /* Gallery
   ========================================================================== */
  .gallery--x li .video-link:before {
    width: 50px;
    height: 50px;
    border-width: 10px;
    margin-top: -25px;
    margin-right: -25px;
  }
  .gallery--x li {
    width: 33%;
  }
  .gallery--x li span.gallery-item--wrapper {
    padding-top: 135px;
  }
  .gallery--x li figcaption {
    position: absolute;
    z-index: 110;
    -webkit-transform: translate(1000px, 0);
    -moz-transform: translate(1000px, 0);
    -o-transform: translate(1000px, 0);
    -ms-transform: translate(1000px, 0);
    transform: translate(1000px, 0);
    background: rgba(54, 51, 61, 0.95);
    /* top: -11px; */
    font-size: 11px;
    top: 100%;
    bottom: initial;
    width: 230px;
    height: auto;
    left: 50%;
    margin-left: -115px;
    padding: 1.07142857em;
    margin-top: 1.42857143em;
    opacity: 0;
    -webkit-border-radius: 0.21428571em;
    -moz-border-radius: 0.21428571em;
    -o-border-radius: 0.21428571em;
    border-radius: 0.21428571em;
    font-style: italic;
    color: #ffffff;
    transition: opacity 0.3s ease;
  }
  .gallery--x li figcaption:before {
    content: "";
    position: absolute;
    bottom: 100%;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-bottom-color: red;
    border-bottom-color: rgba(54, 51, 61, 0.95);
    left: 50%;
    margin-left: -10px;
  }
  .gallery--x li figcaption:after {
    display: none;
  }
  .gallery--x li:first-child {
    width: 66%;
    max-width: none;
    padding-bottom: 0;
  }
  .gallery--x li:first-child span.gallery-item--wrapper {
    padding-top: 300px;
  }
  .gallery--x li:first-child figcaption {
    font-size: 12px;
    font-size: 0.75rem;
    background: rgba(54, 51, 61, 0.8);
    color: #ffffff;
    padding: 1.66666667em;
    position: absolute;
    bottom: 0;
    top: inherit;
    left: 0;
    width: 100%;
    font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    font-weight: lighter;
    z-index: 100;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-left: 0;
    opacity: 1;
    font-style: normal;
  }
  .gallery--x li:first-child figcaption:before {
    display: none;
  }
  .gallery--x li:nth-child(2),
  .gallery--x li:nth-child(3),
  .gallery--x li:nth-child(6),
  .gallery--x li:nth-child(9),
  .gallery--x li:nth-child(12),
  .gallery--x li:nth-child(15),
  .gallery--x li:nth-child(18) {
    padding-right: 0;
    padding-left: 0.5rem;
  }
  .gallery--wrapper {
    overflow-y: initial;
    margin-bottom: 3.57142857em;
  }
  /* Banners
   ========================================================================== */
  .our-work-banner {
    min-height: 14.28571429em;
  }
  .header-banner-copy-list {
    padding: 0;
  }
  .header-banner-copy-list .page-title {
    text-align: right;
  }
  .header-banner-copy-list .title-line1-text {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
  .header-banner-copy-list .title-line2-text {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .header-banner-copy-list .page-desc {
    position: relative;
  }
  .header-banner-copy-list .page-desc:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 90px;
    margin-top: -45px;
    width: 1px;
    background: #ffffff;
    display: block;
  }
  .header-banner-copy-list .page-title,
  .header-banner-copy-list .page-desc {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 200px;
  }
  .header-banner-copy-list .page-title--medium,
  .header-banner-copy-list .page-desc--medium {
    height: 130px;
  }
  .header-banner-copy-list.overflow-content .page-title,
  .header-banner-copy-list.overflow-content .page-desc {
    height: auto;
    min-height: 200px;
  }
  .header-banner-copy-list.overflow-content .page-title--medium,
  .header-banner-copy-list.overflow-content .page-desc--medium {
    height: auto;
    min-height: 130px;
  }
  .bg--header-banner-small .header-banner-copy-list .page-title,
  .bg--header-banner-small .header-banner-copy-list .page-desc {
    height: 80px;
    margin-top: 0.57142857em;
  }
  .bg--header-banner-small .header-banner-copy-list.overflow-content .page-title,
  .bg--header-banner-small .header-banner-copy-list.overflow-content .page-desc {
    height: auto;
    min-height: 80px;
  }
  .bg--header-banner-small .header-banner-copy-list .title-line1-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .bg--header-banner-small .header-banner-copy-list .title-line2-text {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .bg--header-banner-small .header-banner-copy-list .page-desc {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .bg--header-banner-small .header-banner-copy-list .page-desc:before {
    height: 70px;
    margin-top: -30px;
  }
  .large-right {
    text-align: right;
  }
  .what-we-do-banner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 66.66667%;
    min-height: 14.28571429em;
    background: url(http://placehold.it/350x150?text=IMG);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .what-we-do-banner--copy-wrapper {
    position: absolute;
    color: #ffffff;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.42857143em;
    background-color: #a9a6a7;
  }
  .sticky-bar--our-work-tabs {
    background-color: #f4f0ed;
    transition: all 0.3s ease;
  }
  .is-sticky.sticky-bar--wrapper {
    height: 45px;
  }
  .is-sticky .sticky-bar {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
  }
  .is-sticky .sticky-bar--our-work-tabs {
    background-color: #ffffff;
  }
  .basic-page--banner {
    height: 218px;
  }
  .featured-person--banner {
    min-height: 480px;
  }
  .featured-person--banner.js-fade {
    cursor: pointer;
    cursor: hand;
  }
  .hero-banner {
    min-height: 400px;
  }
  .featured-person--wrapper {
    position: absolute;
    left: 3.21428571em;
    bottom: -2.14285714em;
    max-width: 400px;
    padding: 0;
    background: transparent;
    margin: 1.42857143em 0;
    z-index: 10;
  }
  .pre-icon--play-video .great-text {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .events-exhibits--banner {
    min-height: 540px;
  }
  .events-exhibits--banner .hover-cover {
    opacity: .3;
  }
  .events-exhibits--banner .events-exhibits-banner-text {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 0.33333333em;
  }
  .events-exhibits--banner .events-exhibits--banner-copy-wrapper {
    position: absolute;
    bottom: 15%;
    left: 8%;
    margin: 0 !important;
    padding: 0 !important;
  }
  .events-exhibits--banner .events-exhibits--banner-copy-wrapper .events-exhibits-banner-text__wrapper {
    margin: 0;
  }
  .card-event .social-links-list {
    position: absolute;
    bottom: 0;
    right: 4px;
    padding-top: 0;
  }
  /* Reveal Content
   ========================================================================== */
  .hover-reveal--trigger .hover-reveal {
    opacity: 0;
    transition: all 0.5s ease;
  }
  .hover-reveal--trigger:hover .hover-reveal {
    opacity: 1;
  }
  .split-interactive-banner--wrapper {
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
  }
  .split-interactive-banner--wrapper:hover + .homepage-arrow {
    transition: opacity 350ms ease-in-out;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content {
    width: 30%;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content .split-interactive-banner__unhidden-copy-wrapper {
    -webkit-transform: scale(0.7) translate(20%, 205%);
    -moz-transform: scale(0.7) translate(20%, 205%);
    -o-transform: scale(0.7) translate(20%, 205%);
    -ms-transform: scale(0.7) translate(20%, 205%);
    transform: scale(0.7) translate(20%, 205%);
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content .split-interactive-banner__unhidden-copy-wrapper {
    -webkit-transform: scale(0.7) translate(-21%, 205%);
    -moz-transform: scale(0.7) translate(-21%, 205%);
    -o-transform: scale(0.7) translate(-21%, 205%);
    -ms-transform: scale(0.7) translate(-21%, 205%);
    transform: scale(0.7) translate(-21%, 205%);
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__hover-cover {
    width: 100%;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content:hover,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content:hover {
    width: 70%;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content:hover:after,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content:hover:after {
    opacity: 1;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content:hover .split-interactive-banner__main-title,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content:hover .split-interactive-banner__main-title {
    background: transparent;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content:hover .split-interactive-banner__hover-cover,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content:hover .split-interactive-banner__hover-cover {
    width: 100%;
    opacity: .95;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content:hover .split-interactive-banner__unhidden-copy-wrapper,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content:hover .split-interactive-banner__unhidden-copy-wrapper {
    opacity: 0;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content:hover .split-interactive-banner__hidden-copy-wrapper,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content:hover .split-interactive-banner__hidden-copy-wrapper {
    opacity: 1;
  }
  .split-interactive-banner--wrapper:hover .split-interactive-banner__left-content:hover .split-interactive-banner__shadow,
  .split-interactive-banner--wrapper:hover .split-interactive-banner__right-content:hover .split-interactive-banner__shadow {
    opacity: .5;
  }
  .split-interactive-banner__unhidden-copy-wrapper {
    width: 260px;
    display: block;
    -webkit-transform: translate(10%, 60%);
    -moz-transform: translate(10%, 60%);
    -o-transform: translate(10%, 60%);
    -ms-transform: translate(10%, 60%);
    transform: translate(10%, 60%);
    transition: all 0.5s ease;
  }
  .split-interactive-banner__right-content .split-interactive-banner__unhidden-copy-wrapper {
    margin-left: 150px;
  }
  .split-interactive-banner__hidden-copy-wrapper {
    width: 400px;
    -webkit-transform: translate(3%, -35%);
    -moz-transform: translate(3%, -35%);
    -o-transform: translate(3%, -35%);
    -ms-transform: translate(3%, -35%);
    transform: translate(3%, -35%);
    transition: all 0.5s ease;
    opacity: 0;
    color: #696b73;
    padding-top: 5.71428571em;
  }
  .split-interactive-banner__hidden-copy-wrapper .tertiary-heading {
    color: #696b73;
  }
  .split-interactive-banner__left-content,
  .split-interactive-banner__right-content {
    transition: all 0.5s ease;
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 200;
  }
  .split-interactive-banner__left-content .image--wrapper,
  .split-interactive-banner__right-content .image--wrapper {
    position: absolute;
    width: 1400px;
    display: block;
  }
  .split-interactive-banner__left-content .image--wrapper img,
  .split-interactive-banner__right-content .image--wrapper img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .split-interactive-banner__left-content .image--wrapper:before,
  .split-interactive-banner__right-content .image--wrapper:before {
    content: "";
    top: 0;
    bottom: 0;
    z-index: 20;
    width: 30px;
    position: absolute;
    background: transparent;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e6e1de 0%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e6e1de), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e6e1de 0%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e6e1de 0%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e6e1de 0%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(to right, #e6e1de 0%, transparent 100%);
    /* W3C */
  }
  .split-interactive-banner__left-content:after,
  .split-interactive-banner__right-content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px;
    background: #9d2125;
    opacity: 0;
    transition: all 0.7s ease;
    z-index: 100;
  }
  .split-interactive-banner__hover-cover {
    position: absolute;
    background: #ffffff;
    opacity: 0;
    top: 0;
    bottom: 0;
    transition: all 0.7s ease;
  }
  .split-interactive-banner__left-content {
    left: 0;
    right: 50%;
    /*&:hover {
            width: 70%;
            z-index: 100;
        }*/
  }
  .split-interactive-banner__left-content .image--wrapper {
    left: 0;
  }
  .split-interactive-banner__left-content .image--wrapper:before {
    right: 0;
  }
  .split-interactive-banner__left-content .split-interactive-banner__hover-cover {
    left: 0;
    right: 0;
  }
  .split-interactive-banner__left-content .split-interactive-banner__sub-title {
    margin-top: -10px;
    margin-left: -30px;
  }
  .split-interactive-banner__right-content {
    left: auto;
    right: 0;
    /*&:hover {
            width: 70%;
            z-index: 100;
        }*/
  }
  .split-interactive-banner__right-content .image--wrapper {
    right: 0;
  }
  .split-interactive-banner__right-content .image--wrapper:before {
    left: 0;
  }
  .split-interactive-banner__right-content .split-interactive-banner__hover-cover {
    left: 0;
    right: 0;
  }
  .split-interactive-banner__right-content .split-interactive-banner__sub-title {
    margin-top: -10px;
    margin-right: -20px;
    margin-left: 10px;
  }
  .split-interactive-banner__right-content .split-interactive-banner__unhidden-copy-wrapper {
    margin-right: 30px;
  }
  .home-banner-cta-copy {
    max-width: none;
    margin: 0;
    text-align: inherit;
    padding-top: 30px;
  }
  /* Publications & Cards
   ========================================================================== */
  .grid-sizer,
  .grid-item {
    width: 33.3%;
  }
  .grid-item {
    float: left;
  }
  .grid-item--width2 {
    width: 66.6%;
  }
  .grid .card-link,
  .grid .card-external-link,
  .grid .card-link-catalyst,
  .grid .card-essay-link,
  .grid .card-video-link,
  .grid .card-book-link,
  .grid .card-link-catalyst-issue,
  .grid .card-resource-link,
  .grid .card-report-link {
    height: 430px;
    width: 100%;
    max-width: 300px;
  }
  .grid .card-featured-link {
    padding-bottom: 80%;
  }
  .grid .card-featured-link img {
    position: absolute;
  }
  .grid .card-featured-link .card-featured__copy-wrapper {
    position: absolute;
  }
  .grid-two-thirds .grid-sizer,
  .grid-two-thirds .grid-item {
    width: 33.3%;
  }
  .grid-two-thirds .grid-item--width2 {
    width: 66.6%;
  }
  .grid-two-thirds.program-page-resource-list .grid-item {
    width: 25%;
  }
  .grid-two-thirds.program-page-resource-list .grid-item--width2 {
    width: 50%;
  }
  .author-info .img-wrapper {
    width: 200px;
    float: left;
    margin-right: 2.85714286em;
  }
  .card-link,
  .card-external-link,
  .card-link-catalyst,
  .card-essay-link,
  .card-video-link,
  .card-book-link,
  .card-link-catalyst-issue,
  .card-resource-link,
  .card-report-link {
    height: 430px;
    width: 100%;
    max-width: 300px;
  }
  .noUi-base:before,
  .noUi-base:after {
    top: -7px !important;
  }
  .noUi-base:after {
    right: -80px !important;
  }
  .noUi-base:before {
    left: -50px !important;
  }
  .noUi-horizontal .noUi-handle {
    width: 20px !important;
    height: 20px !important;
    top: -9px !important;
  }
  .noUi-tooltip {
    top: 24px !important;
  }
  .cards--equal-heights .card-featured-link,
  .cards--equal-heights .card-featured-event-link {
    height: 500px;
  }
  .cards--equal-heights .card-featured-event__copy-wrapper {
    min-height: 450px;
  }
  .cards--equal-heights .card__copy--wrapper {
    height: 300px;
  }
  .card-featured-event-link--vertical .card-featured__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .card-featured-event-link--vertical .underlay img {
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
    height: 100%;
  }
  .card__copy--wrapper {
    min-height: 270px;
  }
  .card__img--wrapper {
    height: 180px;
  }
  .search-area {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    right: 30px;
  }
  .search-area--wrapper {
    padding-top: 0;
  }
  .search-area--trigger {
    width: 48px;
  }
  .search-area--trigger a {
    float: inherit;
    border-left: 1px solid #aaacb1;
  }
  .search-area--trigger .is-revealed {
    color: #ffffff !important;
  }
  .search-results-wrapper,
  .page404 {
    min-height: 400px;
  }
  .book.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro,
  .article-catalyst.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro,
  .resource-report.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro,
  .article.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro {
    margin-top: 0;
  }
  .book.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro > *:first-child,
  .article-catalyst.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro > *:first-child,
  .resource-report.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro > *:first-child,
  .article.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper .card__intro > *:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  .book.grid-item--width2 .card-book-link .card__copy--wrapper,
  .article-catalyst.grid-item--width2 .card-book-link .card__copy--wrapper,
  .resource-report.grid-item--width2 .card-book-link .card__copy--wrapper,
  .article.grid-item--width2 .card-book-link .card__copy--wrapper,
  .book.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .article-catalyst.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .resource-report.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .article.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .book.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper,
  .article-catalyst.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper,
  .resource-report.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper,
  .article.grid-item--width2 .card-resource-link .card-report-link__copy-wrapper,
  .book.grid-item--width2 .card-link .card__copy--wrapper,
  .article-catalyst.grid-item--width2 .card-link .card__copy--wrapper,
  .resource-report.grid-item--width2 .card-link .card__copy--wrapper,
  .article.grid-item--width2 .card-link .card__copy--wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 20;
    min-height: auto;
    height: 180px;
  }
  .book.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .article-catalyst.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .resource-report.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .article.grid-item--width2 .card-link-catalyst .card__copy--wrapper,
  .book.grid-item--width2 .card-link .card__copy--wrapper,
  .article-catalyst.grid-item--width2 .card-link .card__copy--wrapper,
  .resource-report.grid-item--width2 .card-link .card__copy--wrapper,
  .article.grid-item--width2 .card-link .card__copy--wrapper {
    min-height: 180px;
  }
  .book.grid-item--width2 .card-book-link .card__img--wrapper,
  .article-catalyst.grid-item--width2 .card-book-link .card__img--wrapper,
  .resource-report.grid-item--width2 .card-book-link .card__img--wrapper,
  .article.grid-item--width2 .card-book-link .card__img--wrapper,
  .book.grid-item--width2 .card-resource-link .card__img--wrapper,
  .article-catalyst.grid-item--width2 .card-resource-link .card__img--wrapper,
  .resource-report.grid-item--width2 .card-resource-link .card__img--wrapper,
  .article.grid-item--width2 .card-resource-link .card__img--wrapper,
  .book.grid-item--width2 .card-link-catalyst .card__img--wrapper,
  .article-catalyst.grid-item--width2 .card-link-catalyst .card__img--wrapper,
  .resource-report.grid-item--width2 .card-link-catalyst .card__img--wrapper,
  .article.grid-item--width2 .card-link-catalyst .card__img--wrapper,
  .book.grid-item--width2 .card-link .card__img--wrapper,
  .article-catalyst.grid-item--width2 .card-link .card__img--wrapper,
  .resource-report.grid-item--width2 .card-link .card__img--wrapper,
  .article.grid-item--width2 .card-link .card__img--wrapper {
    height: 430px;
  }
  .book.grid-item--width2 .card-book-link img,
  .article-catalyst.grid-item--width2 .card-book-link img,
  .resource-report.grid-item--width2 .card-book-link img,
  .article.grid-item--width2 .card-book-link img {
    width: auto;
    margin: 20px auto;
    max-height: 300px;
  }
  .book.grid-item--width2 .card-external-link__title,
  .article-catalyst.grid-item--width2 .card-external-link__title,
  .resource-report.grid-item--width2 .card-external-link__title,
  .article.grid-item--width2 .card-external-link__title {
    margin-bottom: 10px;
  }
  .book.grid-item--width2 .card-link-catalyst__title,
  .article-catalyst.grid-item--width2 .card-link-catalyst__title,
  .resource-report.grid-item--width2 .card-link-catalyst__title,
  .article.grid-item--width2 .card-link-catalyst__title,
  .book.grid-item--width2 .card-report-link__title,
  .article-catalyst.grid-item--width2 .card-report-link__title,
  .resource-report.grid-item--width2 .card-report-link__title,
  .article.grid-item--width2 .card-report-link__title,
  .book.grid-item--width2 .card-book-link__title,
  .article-catalyst.grid-item--width2 .card-book-link__title,
  .resource-report.grid-item--width2 .card-book-link__title,
  .article.grid-item--width2 .card-book-link__title,
  .book.grid-item--width2 .card-external-link__title,
  .article-catalyst.grid-item--width2 .card-external-link__title,
  .resource-report.grid-item--width2 .card-external-link__title,
  .article.grid-item--width2 .card-external-link__title,
  .book.grid-item--width2 .card__title,
  .article-catalyst.grid-item--width2 .card__title,
  .resource-report.grid-item--width2 .card__title,
  .article.grid-item--width2 .card__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2;
    margin-bottom: 1.66666667em;
  }
  .featured-items__wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }
  .featured-item:nth-of-type(3n+1) {
    height: 450px;
    width: 60%;
    float: left;
  }
  .featured-item:nth-of-type(3n+1) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+1) .card-report-link__title,
  .featured-item:nth-of-type(3n+1) .card-book-link__title,
  .featured-item:nth-of-type(3n+1) .card__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .featured-item:nth-of-type(3n+1) .card-book-link,
  .featured-item:nth-of-type(3n+1) .card-link-catalyst,
  .featured-item:nth-of-type(3n+1) .card-resource-link,
  .featured-item:nth-of-type(3n+1) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link {
    height: 450px;
  }
  .featured-item:nth-of-type(3n+1) .card-book-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link-catalyst .card__copy--wrapper,
  .featured-item:nth-of-type(3n+1) .card-resource-link .card-report-link__copy-wrapper,
  .featured-item:nth-of-type(3n+1) .card-link .card__copy--wrapper {
    min-height: 150px;
  }
  .featured-item:nth-of-type(3n+1) .card-link .card-title {
    margin-bottom: 30px;
  }
  .featured-item:nth-of-type(3n+1) .card__copy--wrapper:after {
    height: 30px;
  }
  .featured-item:nth-of-type(3n+1) .card-book-link img {
    max-height: 330px;
    width: auto;
    margin: 0 auto;
  }
  .featured-item:nth-of-type(3n+2),
  .featured-item:nth-of-type(3n+3) {
    height: 215px;
    margin-bottom: 20px;
    width: 40%;
    float: left;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link,
  .featured-item:nth-of-type(3n+3) .card-book-link,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst,
  .featured-item:nth-of-type(3n+2) .card-resource-link,
  .featured-item:nth-of-type(3n+3) .card-resource-link,
  .featured-item:nth-of-type(3n+2) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link,
  .featured-item:nth-of-type(3n+3) .card-link {
    height: 215px;
  }
  .featured-item:nth-of-type(3n+2) .card__copy--wrapper:after,
  .featured-item:nth-of-type(3n+3) .card__copy--wrapper:after {
    height: 30px;
  }
  .featured-item:nth-of-type(3n+2) .card-resource-link .tag-content-wrapper .tag-name,
  .featured-item:nth-of-type(3n+3) .card-resource-link .tag-content-wrapper .tag-name {
    left: -12px;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link img,
  .featured-item:nth-of-type(3n+3) .card-book-link img {
    max-height: 200px;
    height: 200px;
    width: auto;
    margin: 0 auto;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-book-link__copy--wrapper {
    min-height: 80px;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-book-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst .card__copy--wrapper,
  .featured-item:nth-of-type(3n+2) .card-resource-link .card-report-link__copy-wrapper,
  .featured-item:nth-of-type(3n+3) .card-resource-link .card-report-link__copy-wrapper,
  .featured-item:nth-of-type(3n+2) .card-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link .card__copy--wrapper {
    padding: 1.42857143em 0.85714286em 0.85714286em;
    max-height: 110px;
    min-height: 100px;
  }
  .featured-item:nth-of-type(3n+2) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+2) .card-report-link__title,
  .featured-item:nth-of-type(3n+3) .card-report-link__title,
  .featured-item:nth-of-type(3n+2) .card-book-link__title,
  .featured-item:nth-of-type(3n+3) .card-book-link__title,
  .featured-item:nth-of-type(3n+2) .card__title,
  .featured-item:nth-of-type(3n+3) .card__title {
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* Home Page - Featured Engagement Section
   ========================================================================== */
  .two-choice-section__wrapper {
    min-height: 650px;
    position: relative;
  }
  .two-choice-section__choice1 {
    position: relative;
    padding-left: 50px;
  }
  .two-choice-section__choice1:before {
    display: inline-block;
    font-size: 100px;
    font-size: 6.25rem;
    position: absolute;
    left: -28px;
    top: 50%;
    margin-top: -60px;
  }
  .two-choice-section__choice2 {
    position: relative;
    padding-right: 50px;
  }
  .two-choice-section__choice2:after {
    display: inline-block;
    font-size: 100px;
    font-size: 6.25rem;
    position: absolute;
    right: -28px;
    top: 50%;
    margin-top: -60px;
  }
  .two-choice-section__question,
  .two-choice-section__choice1--wrapper,
  .two-choice-section__choice2--wrapper {
    position: absolute;
  }
  .two-choice-section__choice1,
  .two-choice-section__choice2 {
    max-width: 320px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all 0.3s ease;
    background: transparent;
    background-image: none;
  }
  .stat-card {
    position: absolute;
    width: 250px;
    top: 0;
    transition: all 0.3s ease;
    opacity: 1;
  }
  .two-choice-section__choice2 {
    float: right;
    transition: all 0.5s ease;
  }
  .two-choice-section__choice1--wrapper,
  .two-choice-section__choice2--wrapper {
    top: 0px;
    bottom: 0;
    width: 48%;
    padding: 200px 20px 20px;
    color: #ffffff;
    transition: all 0.3s ease;
  }
  .two-choice-section__choice1--wrapper .hover-cover,
  .two-choice-section__choice2--wrapper .hover-cover {
    background: radial-gradient(circle closest-side, rgba(60, 113, 174, 0.3), transparent);
    background: -ms-radial-gradient(circle closest-side, rgba(60, 113, 174, 0.3), transparent);
    opacity: 0;
    transition: all 0.6s ease;
  }
  .two-choice-section__choice1--wrapper .stat-card,
  .two-choice-section__choice2--wrapper .stat-card {
    margin-top: 185px;
    position: absolute;
  }
  .two-choice-section__choice1--wrapper:hover,
  .two-choice-section__choice2--wrapper:hover {
    color: #ffffff;
  }
  .two-choice-section__choice1--wrapper:hover .hover-cover,
  .two-choice-section__choice2--wrapper:hover .hover-cover {
    opacity: 1;
  }
  .two-choice-section__choice1--wrapper:hover .choice-link,
  .two-choice-section__choice2--wrapper:hover .choice-link {
    color: #ffffff;
  }
  .two-choice-section__choice1--wrapper:hover .choice-link:hover,
  .two-choice-section__choice2--wrapper:hover .choice-link:hover {
    color: #9d2125;
    cursor: pointer;
    cursor: hand;
  }
  .two-choice-section__choice1--wrapper:hover .two-choice-section__agree-copy:after,
  .two-choice-section__choice2--wrapper:hover .two-choice-section__agree-copy:after {
    opacity: 1;
  }
  .two-choice-section__question {
    left: 50%;
    width: 500px;
    margin-left: -250px;
    text-align: center;
    z-index: 10;
  }
  .two-choice-section__content-cta {
    position: absolute;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    top: 200px;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .two-choice-section__choice1--wrapper {
    left: 0;
    text-align: left;
  }
  .two-choice-section__choice1--wrapper .hover-cover {
    -webkit-transform: translate(-150px, 0);
    -moz-transform: translate(-150px, 0);
    -o-transform: translate(-150px, 0);
    -ms-transform: translate(-150px, 0);
    transform: translate(-150px, 0);
  }
  .two-choice-section__choice1--wrapper .stat-card {
    left: 0;
    -webkit-transform: translate(-240px, 0);
    -moz-transform: translate(-240px, 0);
    -o-transform: translate(-240px, 0);
    -ms-transform: translate(-240px, 0);
    transform: translate(-240px, 0);
  }
  .lte8 .two-choice-section__choice1--wrapper .stat-card {
    display: none;
  }
  .two-choice-section__choice1--wrapper:hover .stat-card {
    -webkit-transform: translate(-235px, 0);
    -moz-transform: translate(-235px, 0);
    -o-transform: translate(-235px, 0);
    -ms-transform: translate(-235px, 0);
    transform: translate(-235px, 0);
  }
  .two-choice-section__choice1--wrapper:hover .two-choice-section__choice1 {
    -webkit-transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    -o-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }
  .two-choice-section__choice2--wrapper {
    right: 0;
    text-align: right;
    margin-top: 0;
  }
  .two-choice-section__choice2--wrapper .hover-cover {
    -webkit-transform: translate(150px, 0);
    -moz-transform: translate(150px, 0);
    -o-transform: translate(150px, 0);
    -ms-transform: translate(150px, 0);
    transform: translate(150px, 0);
  }
  .two-choice-section__choice2--wrapper .stat-card {
    right: 0;
    -webkit-transform: translate(240px, 0);
    -moz-transform: translate(240px, 0);
    -o-transform: translate(240px, 0);
    -ms-transform: translate(240px, 0);
    transform: translate(240px, 0);
  }
  .two-choice-section__choice2--wrapper:hover .stat-card {
    -webkit-transform: translate(235px, 0);
    -moz-transform: translate(235px, 0);
    -o-transform: translate(235px, 0);
    -ms-transform: translate(235px, 0);
    transform: translate(235px, 0);
  }
  .two-choice-section__choice2--wrapper:hover .two-choice-section__choice2 {
    -webkit-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
  }
  .is-chosen .two-choice-section__content-cta {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .is-chosen .two-choice-section__choice1--wrapper .stat-card {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
  .lte8 .is-chosen .two-choice-section__choice1--wrapper .stat-card {
    display: block;
  }
  .is-chosen .two-choice-section__choice1--wrapper .stat-card:hover {
    -webkit-transform: translate(0px, -5px);
    -moz-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
  }
  .is-chosen .two-choice-section__choice1--wrapper .hover-cover {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
  .is-chosen .two-choice-section__choice2--wrapper .stat-card {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
  .lte8 .is-chosen .two-choice-section__choice2--wrapper .stat-card {
    display: block;
  }
  .is-chosen .two-choice-section__choice2--wrapper .stat-card:hover {
    -webkit-transform: translate(0px, -5px);
    -moz-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
  }
  .is-chosen .two-choice-section__choice2--wrapper .hover-cover {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
  .is-chosen .two-choice-section__content-cta {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  /* Program Page & Video
   ========================================================================== */
  #main-content .featured-person--video {
    position: fixed;
  }
  .featured-person--video__content {
    display: inline-block;
    margin: 4% auto;
    position: relative;
    width: 80%;
    padding-bottom: 46.25%;
  }
  .featured-person--video__content iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .featured-person--banner .hover-cover {
    opacity: 0.3;
  }
  .feature-person-card {
    padding: 0;
    display: table;
    width: 100%;
    word-break: break-word;
  }
  .feature-person-card .feature-person-card__img {
    display: table-cell;
    left: 0;
    width: 200px;
    height: 200px;
  }
  .feature-person-card .feature-person-card__img img {
    display: block;
  }
  .feature-person-card .feature-person-card__bio-copy-wrapper {
    display: table-cell;
    height: 200px;
    vertical-align: top;
  }
  .feature-person-card .bio-link {
    position: absolute;
    bottom: 15px;
    left: 20px;
    z-index: 10;
  }
  .feature-person-card .copy-height-fixed--medium {
    max-height: 199px;
    padding: 1.42857143em;
  }
  .program-page-banner-text {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 0.33333333em;
  }
  .program-page-banner-text__wrapper {
    margin: 2.85714286em 0;
  }
  .ourwork-page-banner-text__wrapper {
    margin: 2.85714286em 0 160px;
  }
  /* Post Templates
   ========================================================================== */
  .post--left-content .panel {
    margin-top: 0;
  }
  /* Wysiwyg
   ========================================================================== */
  .full-band-callout.split-grey .full-band-callout--copy-wrapper {
    max-width: 85%;
  }
  /* Wysiwyg
   ========================================================================== */
  .wysiwyg .content-area {
    margin-right: 25%;
  }
  .wysiwyg .pull-left,
  .wysiwyg .img--left {
    float: left;
    max-width: 66.6%;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .wysiwyg .pull-left.panel,
  .wysiwyg .img--left.panel {
    width: 33.3%;
  }
  .wysiwyg .panel,
  .wysiwyg .panel--alt {
    padding: 2.85714286em;
  }
  .wysiwyg .portrait-width,
  .wysiwyg .img--right.portrait-width {
    max-width: 250px;
  }
  .wysiwyg .pull-right,
  .wysiwyg .img--right {
    float: right;
    max-width: 66.6%;
    margin-bottom: 20px;
    margin-left: 20px;
  }
  .wysiwyg .pull-right.panel,
  .wysiwyg .img--right.panel {
    width: 33.3%;
  }
  .wysiwyg .img--full {
    width: 100%;
  }
  .wysiwyg .img--full img {
    width: 100%;
  }
  .wysiwyg .img--center {
    width: 100%;
  }
  .wysiwyg .img--center img,
  .wysiwyg .img--center figcaption {
    margin: 0 auto;
    width: 50%;
  }
  .no-left-content .wysiwyg .content-area {
    margin-right: 0;
  }
  .home-page-featured-list .grid-item.grid-item--width2 {
    width: 100%;
  }
  .home-page-featured-list .grid-item {
    width: 50%;
    margin-bottom: 0;
  }
  .home-page-featured-list .card-past-event-link {
    padding-top: 2.14285714em;
    margin-bottom: 1.42857143em;
    overflow: hidden;
    display: block;
  }
  .home-page-featured-list .card-past-event-link .card__dates-wrapper {
    position: absolute;
    bottom: 24px;
    background: #ffffff;
  }
  .home-page-featured-list .card-past-event-link .card__dates-wrapper:before {
    z-index: 1;
  }
  .home-page-featured-list .card-past-event-link .card__dates-wrapper:after {
    content: "";
    background: #ffffff;
    background: -moz-linear-gradient(top, transparent 0, #ffffff 65%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(65%, #ffffff));
    background: -webkit-linear-gradient(top, transparent 0, #ffffff 65%);
    background: -o-linear-gradient(top, transparent 0, #ffffff 65%);
    background: -ms-linear-gradient(top, transparent 0, #ffffff 65%);
    background: linear-gradient(to bottom, transparent 0, #ffffff 65%);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 24px;
    height: 20px;
    opacity: 1;
    display: block;
    transition: all 0.7s ease;
    z-index: 0;
  }
  .home-page-featured-list .card-past-event-link .img-holder {
    z-index: 1;
  }
  .home-page-featured-list .card-past-event-link .card__title {
    max-height: 73px;
    min-height: 60px;
    overflow: hidden;
    position: relative;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .home-page-featured-list .card-past-event-link .card-past-event__copy-wrapper {
    padding-top: 0;
  }
  .home-page-featured-list .card-featured-event-link,
  .home-page-featured-list .card-featured-event-link--vertical,
  .home-page-featured-list .card-featured-link {
    height: 580px;
  }
  .home-page-featured-list .card-featured-event-link--vertical .card-featured__copy-wrapper {
    height: 410px !important;
  }
  .home-page-featured-list .gcm-category .card-past-event-link,
  .home-page-featured-list .gcl-category .card-past-event-link {
    height: 130px;
    min-height: 130px;
  }
  .home-page-featured-list .card-link,
  .home-page-featured-list .card-external-link,
  .home-page-featured-list .card-link-catalyst,
  .home-page-featured-list .card-essay-link,
  .home-page-featured-list .card-video-link,
  .home-page-featured-list .card-book-link,
  .home-page-featured-list .card-link-catalyst-issue,
  .home-page-featured-list .card-resource-link,
  .home-page-featured-list .card-report-link {
    height: 430px;
  }
  .home-page-featured-list .card-link-catalyst img,
  .home-page-featured-list .card-link img {
    height: 100%;
    width: auto;
    max-width: none;
  }
  .home-page-featured-list .card-featured-event-link--vertical .card-featured__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .home-page-featured-list .card-featured-event-link--vertical .card-featured__title:first-line {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .home-page-featured-list .card-featured-event-link .card__img-wrapper,
  .home-page-featured-list .card-featured-event-link--vertical .card__img-wrapper {
    position: relative;
    padding-top: 100%;
  }
  .home-page-featured-list .card-featured-event-link .card__img-wrapper img,
  .home-page-featured-list .card-featured-event-link--vertical .card__img-wrapper img {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: auto;
    max-width: none;
  }
  .card-event__book-img img {
    max-height: 350px;
    height: 350px;
  }
}
/**
 * Large
 */
@media all and (min-width: 62em) {
  .panel.program-card {
    min-height: 300px;
  }
  .float--right-large {
    float: right;
  }
  .is-hidden--desktop {
    display: none;
  }
  .is-unhidden--desktop {
    display: block;
  }
  /* Helpers
   ========================================================================== */
  .items--border-left-white li {
    min-height: 80px;
  }
  .align--center--large {
    text-align: center;
  }
  .no-left-content .card-event {
    max-width: 75%;
    margin: auto;
  }
  .no-left-content .event-wrapper {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  .no-left-content .wysiwyg .pull-right,
  .no-left-content .wysiwyg .img--right {
    margin-right: -38%;
  }
  .no-left-content .wysiwyg .content-area {
    margin-right: 27%;
  }
  /* Banners
   ========================================================================== */
  .split-interactive-banner--wrapper {
    height: 700px;
  }
  .split-interactive-banner__hidden-copy-wrapper {
    max-width: 600px;
    width: 600px;
    -webkit-transform: translate(3%, -30%);
    -moz-transform: translate(3%, -30%);
    -o-transform: translate(3%, -30%);
    -ms-transform: translate(3%, -30%);
    transform: translate(3%, -30%);
  }
  .split-interactive-banner__unhidden-copy-wrapper {
    width: 560px;
    -webkit-transform: translate(2%, 165%);
    -moz-transform: translate(2%, 165%);
    -o-transform: translate(2%, 165%);
    -ms-transform: translate(2%, 165%);
    transform: translate(2%, 165%);
  }
  .split-interactive-banner__left-content .split-interactive-banner__unhidden-copy-wrapper {
    -webkit-transform: translate(2%, 165%);
    -moz-transform: translate(2%, 165%);
    -o-transform: translate(2%, 165%);
    -ms-transform: translate(2%, 165%);
    transform: translate(2%, 165%);
  }
  .split-interactive-banner__right-content .split-interactive-banner__main-title {
    margin-right: 30px;
  }
  .split-interactive-banner__main-title {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .header-banner-copy-list .title-line2-text {
    font-size: 36px;
    font-size: 2.25rem;
  }
  .window {
    height: 335px;
    max-width: 410px;
  }
  .window--small {
    height: 145px;
    width: 100%;
    max-width: 145px;
  }
  .window--small img {
    max-width: 155px;
    max-width: initial;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    top: 0;
  }
  .window .title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .window--main-copy .sub-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .footer__link {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .footer-nav .footer__link:first-child {
    margin-left: 0;
  }
  .two-choice-section__question {
    left: 50%;
    width: 800px;
    margin-left: -400px;
  }
  .two-choice-section__choice1--wrapper,
  .two-choice-section__choice2--wrapper {
    padding-top: 180px;
  }
  .two-choice-section__choice1,
  .two-choice-section__choice2 {
    max-width: 500px;
  }
  .is-chosen .two-choice-section__choice1--wrapper .stat-card {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
  }
  .is-chosen .two-choice-section__choice1--wrapper .stat-card:hover {
    -webkit-transform: translate(30px, -5px);
    -moz-transform: translate(30px, -5px);
    -o-transform: translate(30px, -5px);
    -ms-transform: translate(30px, -5px);
    transform: translate(30px, -5px);
  }
  .is-chosen .two-choice-section__choice2--wrapper .stat-card {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0);
  }
  .is-chosen .two-choice-section__choice2--wrapper .stat-card:hover {
    -webkit-transform: translate(-30px, -5px);
    -moz-transform: translate(-30px, -5px);
    -o-transform: translate(-30px, -5px);
    -ms-transform: translate(-30px, -5px);
    transform: translate(-30px, -5px);
  }
  .is-chosen .two-choice-section__content-cta {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .lte8 .is-chosen .two-choice-section__content-cta {
    display: block;
  }
  .large-screen-padding {
    padding-left: 1.42857143em;
  }
  .side-banner--wrapper {
    position: relative;
    min-height: 450px;
  }
  .sticy-side-banner-page--intro-section {
    min-height: 450px;
  }
  .aside-scrolling-card--wrapper {
    padding-right: 2.57142857em;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 33.33333%;
    width: -webkit-calc((100% + 36px) / 3);
    width: -moz-calc((100% + 36px) / 3);
    width: calc((100% + 36px) / 3);
  }
  .aside-scrolling-card--wrapper.is-sticky .aside-scrolling-card {
    position: fixed;
    top: 60px;
    left: 4%;
    width: 18%;
    width: -webkit-calc(((92% + 36px) / 4) - 36px);
    width: -moz-calc(((92% + 36px) / 4) - 36px);
    width: calc(((92% + 36px) / 4) - 36px);
  }
  .aside-scrolling-card--wrapper.is-sticky-bottom .aside-scrolling-card {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-right: 2.99142857em;
  }
  .aside-scrolling-card {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .without-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .event-dates-section .aside-scrolling-card {
    min-height: auto;
  }
  .reveal-hidden-card--wrapper {
    overflow: hidden;
  }
  .js .reveal-hidden-card1 .aside-scrolling-card {
    z-index: 100;
  }
  .js .reveal-hidden-card2 .aside-scrolling-card {
    z-index: 200;
  }
  .js .reveal-hidden-card3 .aside-scrolling-card {
    z-index: 300;
  }
  /* Navigation
   ========================================================================== */
  .info-band-present {
    margin-top: -305px;
  }
  .side-nav-vertical-offset .sidenav {
    margin-top: -4.64285714em;
  }
  .side-nav-vertical-offset .sidenav.info-bar-offset {
    margin-top: -12.14285714em;
    position: relative;
  }
  .info-bar-helper-text {
    font-size: 14px;
    font-size: 0.875rem;
    top: 0;
  }
  .list--info-bar {
    padding-left: 60px;
    margin-left: 0;
  }
  .list--info-bar li {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .info-bar--eow .list--info-bar {
    padding-left: 200px;
  }
  .info-bar--eow .info-bar-helper-text {
    left: 150px;
  }
  .info-bar--eow .institute-title {
    position: absolute;
    width: 150px;
    text-align: right;
    padding-right: 10px;
    line-height: 1.2;
    left: -5px;
    top: 0;
  }
  .info-bar--eow .institute-title:after {
    content: "";
    position: absolute;
    top: -2px;
    width: 1px;
    height: 35px;
    background: #ffffff;
    right: 0;
  }
  /* Publications
   ========================================================================== */
  .grid-sizer,
  .grid-item {
    width: 25%;
  }
  .grid-item--width2 {
    width: 50%;
  }
  .grid .card-link,
  .grid .card-featured-link {
    height: 430px;
  }
  /* Featured Publications
   ========================================================================== */
  .featured-item:nth-of-type(3n+1) {
    height: 600px;
  }
  .featured-item:nth-of-type(3n+1) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+1) .card-report-link__title,
  .featured-item:nth-of-type(3n+1) .card-book-link__title,
  .featured-item:nth-of-type(3n+1) .card__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .featured-item:nth-of-type(3n+1) .card-book-link,
  .featured-item:nth-of-type(3n+1) .card-link-catalyst,
  .featured-item:nth-of-type(3n+1) .card-resource-link,
  .featured-item:nth-of-type(3n+1) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link {
    height: 600px;
  }
  .featured-item:nth-of-type(3n+1) .card-book-link img {
    max-height: 500px;
    height: 500px;
  }
  .featured-item:nth-of-type(3n+2),
  .featured-item:nth-of-type(3n+3) {
    height: 290px;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link,
  .featured-item:nth-of-type(3n+3) .card-book-link,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst,
  .featured-item:nth-of-type(3n+2) .card-resource-link,
  .featured-item:nth-of-type(3n+3) .card-resource-link,
  .featured-item:nth-of-type(3n+2) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link,
  .featured-item:nth-of-type(3n+3) .card-link {
    height: 290px;
  }
  .featured-item:nth-of-type(3n+2) .card__copy--wrapper:after,
  .featured-item:nth-of-type(3n+3) .card__copy--wrapper:after {
    height: 30px;
  }
  .featured-item:nth-of-type(3n+2) .card-resource-link .tag-content-wrapper .tag-name,
  .featured-item:nth-of-type(3n+3) .card-resource-link .tag-content-wrapper .tag-name {
    left: -12px;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-book-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst .card__copy--wrapper,
  .featured-item:nth-of-type(3n+2) .card-resource-link .card-report-link__copy-wrapper,
  .featured-item:nth-of-type(3n+3) .card-resource-link .card-report-link__copy-wrapper,
  .featured-item:nth-of-type(3n+2) .card-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link .card__copy--wrapper {
    padding: 1.42857143em 0.85714286em 0.85714286em;
    max-height: 110px;
    min-height: 100px;
  }
  .featured-item:nth-of-type(3n+2) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+2) .card-report-link__title,
  .featured-item:nth-of-type(3n+3) .card-report-link__title,
  .featured-item:nth-of-type(3n+2) .card-book-link__title,
  .featured-item:nth-of-type(3n+3) .card-book-link__title,
  .featured-item:nth-of-type(3n+2) .card__title,
  .featured-item:nth-of-type(3n+3) .card__title {
    font-size: 14px;
    font-size: 0.875rem;
  }
  /* Links & Navigation
   ========================================================================== */
  .main-nav-bar__list li:hover .search-trigger .close-trigger {
    background: #ffffff;
  }
  a.main-nav-bar__title {
    margin: 0;
    color: #08215a;
    background: #1f75ae;
    padding: 0.71428571em 4%;
    cursor: pointer;
  }
  a.main-nav-bar__title:hover,
  a.main-nav-bar__title:focus,
  a.main-nav-bar__title.is-expanded {
    background: #024f82;
  }
  a.main-nav-bar__link {
    font-size: 11px;
    font-size: 0.6875rem;
    color: #173952;
    text-decoration: none;
    position: relative;
    margin: 0.71428571em 0;
    padding: 0;
    display: inline-block;
    font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
  }
  a.main-nav-bar__link:hover,
  a.main-nav-bar__link:focus,
  a.main-nav-bar__link.is-current {
    color: #173952;
  }
  a.main-nav-bar__link:after {
    content: "";
    position: absolute;
    bottom: -0.45454545em;
    left: 0;
    width: 100%;
    height: 3px;
    background: #cf333c;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  .lte8 a.main-nav-bar__link:after {
    display: none;
  }
  a.main-nav-bar__link:hover:after,
  a.main-nav-bar__link:focus:after,
  a.main-nav-bar__link.is-current:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .lte8 a.main-nav-bar__link:hover:after,
  .lte8 a.main-nav-bar__link:focus:after,
  .lte8 a.main-nav-bar__link.is-current:after {
    display: block;
  }
  a.main-nav-bar__link--white {
    color: #ffffff;
  }
  a.main-nav-bar__link--white:hover,
  a.main-nav-bar__link--white:focus,
  a.main-nav-bar__link--white.is-current {
    color: #ffffff;
  }
  a.main-nav-bar__link--white:after {
    bottom: -9px;
  }
  .main-nav-bar__link,
  .main-nav-bar__link--eyebrow {
    padding: 0;
    border-top-width: 0;
  }
  a.main-nav-bar__link--eyebrow {
    font-size: 10px;
    font-size: 0.625rem;
    color: #08215a;
    font-weight: bold;
    font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-style: italic;
    position: relative;
    top: 1px;
    margin: 0.71428571em 4%;
  }
  a.main-nav-bar__link--eyebrow.white-link {
    color: #ffffff;
  }
  a.main-nav-bar__link--eyebrow.icon--search {
    margin-top: 8px;
  }
  a.main-nav-bar__link--eyebrow.first-eyebrow {
    border-left: solid 1px #08215a;
    padding-left: 8px;
  }
  .js .main-nav-bar--menu .main-nav-bar__title {
    display: none;
  }
  .js .main-nav-bar--menu [class*="main-nav-bar__list"] {
    max-height: 999px;
    position: relative;
    left: 0;
    box-shadow: 0 0 0 transparent;
    padding: 5px 0 5px;
    margin: 0;
  }
  .main-nav-bar__list li:hover {
    background: transparent;
  }
  [class*="main-nav-bar__list"] {
    /*background: @blue-1;*/
  }
  [class*="main-nav-bar__list"] > li,
  [class*="main-nav-bar__list"] [class*="list--x"] > li,
  [class*="main-nav-bar__list"] .tabs nav > ul > li {
    clear: none !important;
    width: auto !important;
  }
  .main-nav {
    position: relative !important;
    top: 0;
    left: 0;
    width: auto;
    transform: initial;
  }
  .main-nav.is-revealed {
    transform: initial;
  }
  .main-nav .nav-bar__list {
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    -o-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: relative !important;
    padding: 5px 0 0;
    left: 0;
  }
  .main-nav .nav-bar__list li:hover {
    background: transparent;
  }
  .main-nav ul {
    display: table;
    width: 100%;
    max-width: 850px;
  }
  .main-nav li {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .main-nav li:last-child {
    text-align: right;
  }
  .main-nav--shifted {
    top: -0.78571429em;
  }
  .main-nav .list--regular {
    display: block;
    width: auto;
  }
  .main-nav .list-item--regular {
    display: inline-block;
    margin-left: 1.42857143em;
  }
  .main-nav .list-item--regular:first-child {
    margin-left: 0;
  }
  .main-nav .list-item--regular-spaced {
    margin-left: 2.85714286em;
  }
  .search-bar.is-revealed {
    position: absolute !important;
    left: 0;
    right: 38px;
    top: 0;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .lte8 .search-bar.is-revealed {
    display: block;
  }
  .search-bar {
    position: absolute !important;
    left: 0;
    right: 38px;
    top: 0;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: all 0.5s ease;
  }
  .lte8 .search-bar {
    display: none;
  }
  .search-trigger.is-revealed .close-trigger {
    top: 0;
    left: 0;
  }
  .js .reveal__target.search-bar {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: auto;
    height: auto;
    clip: auto;
  }
  .program-card--copy-background,
  .program-card--copy-wrapper {
    -webkit-transform: translate(0, 230px);
    -moz-transform: translate(0, 230px);
    -o-transform: translate(0, 230px);
    -ms-transform: translate(0, 230px);
    transform: translate(0, 230px);
  }
  .program-card--copy-background .title,
  .program-card--copy-wrapper .title {
    padding-bottom: 1.42857143em;
  }
  a.nav-bar__link {
    font-size: 11px;
    font-size: 0.6875rem;
    display: table-cell;
  }
  [class*="nav-bar__list"] {
    margin-top: 1.07142857em;
    padding-bottom: 1.42857143em;
  }
  [class*="nav-bar__list"] ul {
    padding-bottom: 0;
  }
  [class*="nav-bar__list"] li {
    padding: 0.35714286em;
    padding-bottom: 0;
  }
  .card-featured__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .card-featured__sub-title {
    padding: 0 1.07142857em;
  }
  .card-bio-link {
    height: 360px;
  }
  .card-featured-event-link--vertical .card-featured__copy-wrapper {
    min-height: 350px;
  }
  /* Post & Program Pages
   ========================================================================== */
  .gallery--x li:first-child span.gallery-item--wrapper {
    padding-top: 54%;
  }
  .gallery--x li span.gallery-item--wrapper {
    padding-top: 49%;
  }
  .full-band-callout.split-grey .full-band-callout--copy-wrapper {
    margin-left: -100px;
    max-width: none;
  }
  .full-band-callout.split-grey .full-band-callout--copy-wrapper:before,
  .full-band-callout.split-grey .full-band-callout--copy-wrapper:after {
    width: 100px;
  }
  /* Wysiwyg
   ========================================================================== */
  .wysiwyg .content-area {
    margin-right: 27%;
  }
  .wysiwyg .img--full-extended-width,
  .wysiwyg .extended-width {
    position: relative;
    width: 138%;
    margin: 4.28571429em 0 1.42857143em;
  }
  .wysiwyg .extended-width.panel {
    padding: 3.92857143em;
  }
  .wysiwyg .img--full-extended-width img {
    width: 100%;
  }
  .wysiwyg .pull-left.panel,
  .wysiwyg .pull-right.panel {
    width: 40%;
  }
  .wysiwyg .pull-right,
  .wysiwyg .img--right {
    margin-left: 20px;
    margin-right: -38%;
  }
  /* Home Featured Area
   ========================================================================== */
  .home-page-featured-list .card-link-catalyst img,
  .home-page-featured-list .card-link img {
    height: auto;
    width: 100%;
  }
}
/**
 * Extra Large
 */
@media all and (min-width: 77.5em) {
  a.nav-bar__link {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .footer__link {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .rotating-footer-cta__copy-wrapper {
    margin-right: -65px;
  }
  .aside-scrolling-card--wrapper {
    width: 260px;
  }
  .aside-scrolling-card--wrapper.is-sticky .aside-scrolling-card {
    left: 10%;
    left: auto;
    width: -webkit-calc(((80% + 36px) / 4) - 36px);
    width: -moz-calc(((80% + 36px) / 4) - 36px);
    width: calc(((80% + 36px) / 4) - 36px);
    width: 224px;
  }
  .split-interactive-banner__main-title {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .split-interactive-banner__hidden-copy-wrapper {
    max-width: 700px;
    width: 700px;
  }
  .rotating-footer-cta__wrapper {
    width: 40%;
  }
  .two-choice-section__content-cta {
    width: 450px;
  }
  .full-band-callout.split-grey .full-band-callout--copy-wrapper:before,
  .full-band-callout.split-grey .full-band-callout--copy-wrapper:after {
    width: 140px;
  }
  .info-band-present {
    margin-top: -290px;
  }
  .feature-person-card .feature-person-card__bio-copy-wrapper {
    height: 170px;
  }
  .feature-person-card .feature-person-card__img {
    height: 170px;
    width: 170px;
  }
  .feature-person-card .feature-person-card__img img {
    width: 170px;
  }
  .feature-person-card .copy-height-fixed--medium {
    height: 169px;
  }
  .program-card-link {
    margin-left: -14px;
    margin-right: -14px;
  }
  /* Program Page Hero Section
============================================================================ */
  /* Home Page Featured Area
   ========================================================================== */
  .home-page-featured-list .card-past-event-link .card__title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .home-page-featured-list .card-past-event-link .card__title:after {
    content: "";
    background: #ffffff;
    background: -moz-linear-gradient(top, transparent 0, #ffffff 65%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(65%, #ffffff));
    background: -webkit-linear-gradient(top, transparent 0, #ffffff 65%);
    background: -o-linear-gradient(top, transparent 0, #ffffff 65%);
    background: -ms-linear-gradient(top, transparent 0, #ffffff 65%);
    background: linear-gradient(to bottom, transparent 0, #ffffff 65%);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -5;
    height: 20px;
    opacity: 1;
    display: block;
    transition: all 0.7s ease;
    z-index: 100;
  }
  .home-page-featured-list .card-featured-event-link,
  .home-page-featured-list .card-featured-event-link--vertical,
  .home-page-featured-list .card-featured-link {
    height: 620px;
  }
  .home-page-featured-list .card-featured-event-link--vertical .card-featured__copy-wrapper {
    height: 410px !important;
  }
  .home-page-featured-list .gcm-category .card-past-event-link,
  .home-page-featured-list .gcl-category .card-past-event-link {
    height: 140px;
    min-height: 130px;
  }
  .home-page-featured-list .card-link,
  .home-page-featured-list .card-external-link,
  .home-page-featured-list .card-link-catalyst,
  .home-page-featured-list .card-essay-link,
  .home-page-featured-list .card-video-link,
  .home-page-featured-list .card-book-link,
  .home-page-featured-list .card-link-catalyst-issue,
  .home-page-featured-list .card-resource-link,
  .home-page-featured-list .card-report-link {
    height: 460px;
  }
  .home-page-featured-list .card-featured-event-link--vertical .card-featured__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .home-page-featured-list .card-featured-event-link--vertical .card-featured__title:first-line {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media all and (min-width: 77.5em) and (min-width: 1366px) {
  .featured-person--banner {
    min-height: 500px;
  }
}
@media all and (min-width: 77.5em) and (min-width: 1440px) {
  .featured-person--banner {
    min-height: 650px;
  }
}
@media all and (min-width: 77.5em) and (min-width: 1310px) {
  .gcxxl-quarter {
    width: 25%;
  }
  .program-card--copy-background,
  .program-card--copy-wrapper {
    -webkit-transform: translate(0, 215px);
    -moz-transform: translate(0, 215px);
    -o-transform: translate(0, 215px);
    -ms-transform: translate(0, 215px);
    transform: translate(0, 215px);
  }
  .program-card--copy-wrapper .title {
    font-size: 16px;
    font-size: 1rem;
  }
  .featured-item:nth-of-type(3n+1) {
    height: 700px;
  }
  .featured-item:nth-of-type(3n+1) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+1) .card-report-link__title,
  .featured-item:nth-of-type(3n+1) .card-book-link__title,
  .featured-item:nth-of-type(3n+1) .card__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .featured-item:nth-of-type(3n+1) .card-book-link,
  .featured-item:nth-of-type(3n+1) .card-link-catalyst,
  .featured-item:nth-of-type(3n+1) .card-resource-link,
  .featured-item:nth-of-type(3n+1) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+1) .card-link {
    height: 700px;
  }
  .featured-item:nth-of-type(3n+1) .card-book-link img {
    max-height: 590px;
    height: 590px;
  }
  .featured-item:nth-of-type(3n+2),
  .featured-item:nth-of-type(3n+3) {
    height: 340px;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link,
  .featured-item:nth-of-type(3n+3) .card-book-link,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst,
  .featured-item:nth-of-type(3n+2) .card-resource-link,
  .featured-item:nth-of-type(3n+3) .card-resource-link,
  .featured-item:nth-of-type(3n+2) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-book-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-resource-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link .card__img--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link,
  .featured-item:nth-of-type(3n+3) .card-link {
    height: 340px;
  }
  .featured-item:nth-of-type(3n+2) .card__copy--wrapper:after,
  .featured-item:nth-of-type(3n+3) .card__copy--wrapper:after {
    height: 30px;
  }
  .featured-item:nth-of-type(3n+2) .card-resource-link .tag-content-wrapper .tag-name,
  .featured-item:nth-of-type(3n+3) .card-resource-link .tag-content-wrapper .tag-name {
    left: -12px;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link img,
  .featured-item:nth-of-type(3n+3) .card-book-link img {
    max-height: 240px;
    height: 240px;
  }
  .featured-item:nth-of-type(3n+2) .card-book-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-book-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+2) .card-link-catalyst .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst .card__copy--wrapper,
  .featured-item:nth-of-type(3n+2) .card-resource-link .card-report-link__copy-wrapper,
  .featured-item:nth-of-type(3n+3) .card-resource-link .card-report-link__copy-wrapper,
  .featured-item:nth-of-type(3n+2) .card-link .card__copy--wrapper,
  .featured-item:nth-of-type(3n+3) .card-link .card__copy--wrapper {
    padding: 1.42857143em 0.85714286em 0.85714286em;
    max-height: 150px;
    min-height: 100px;
  }
  .featured-item:nth-of-type(3n+2) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+3) .card-link-catalyst__title,
  .featured-item:nth-of-type(3n+2) .card-report-link__title,
  .featured-item:nth-of-type(3n+3) .card-report-link__title,
  .featured-item:nth-of-type(3n+2) .card-book-link__title,
  .featured-item:nth-of-type(3n+3) .card-book-link__title,
  .featured-item:nth-of-type(3n+2) .card__title,
  .featured-item:nth-of-type(3n+3) .card__title {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .featured-item:nth-of-type(3n+2) .card__title,
  .featured-item:nth-of-type(3n+3) .card__title {
    margin-bottom: 35px;
  }
}
/**
 * Print
 */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  html {
    font: 12pt/1.5em Georgia, "Times New Roman", Times, serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 0.5em;
    margin-top: 1em;
    page-break-after: avoid;
    orphans: 3;
    widows: 3;
  }
  li h1,
  li h2,
  li h3,
  li h4,
  li h5,
  li h6 {
    margin-top: 0;
  }
  h1 {
    font-size: 24pt;
  }
  h2 {
    font-size: 21pt;
  }
  h3 {
    font-size: 18pt;
  }
  h4 {
    font-size: 16pt;
  }
  h5 {
    font-size: 14pt;
  }
  h6 {
    font-size: 12pt;
  }
  blockquote,
  p,
  ul,
  ol,
  dl,
  figure,
  img {
    margin-bottom: 1em;
  }
  figure img {
    margin-bottom: 0;
  }
  ul,
  ol,
  dd {
    margin-left: 3em;
  }
  pre,
  blockquote {
    border-left: 0.5em solid #999;
    padding-left: 1.5em;
    page-break-inside: avoid;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  figcaption {
    text-transform: uppercase;
    font-size: 10pt;
  }
  strong {
    font-weight: bold;
  }
  em {
    font-style: italic;
  }
  thead {
    display: table-header-group;
  }
  table tr {
    display: table-row;
  }
  table td {
    display: table-cell;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  form,
  video,
  nav,
  .main-footer,
  .social-links-list,
  .card-book-link .img-overlay:before,
  .find-by-menu,
  .side-nav-vertical-offset,
  .sidenav {
    display: none !important;
  }
  @page {
    margin: 2cm;
  }
  .split-interactive-banner--wrapper {
    height: auto;
  }
  .mobile-home-page-banner-right--wrapper .mobile-home-page-banner-img--wrapper,
  .mobile-home-page-banner-img--wrapper {
    display: block;
    height: 400px;
  }
  .mobile-home-page-banner-right--wrapper {
    width: 100%;
    height: 400px;
  }
  .mobile-home-page-banner-img {
    width: 100%;
    height: auto;
  }
  .split-interactive-banner__left-content,
  .split-interactive-banner__right-content {
    position: relative;
    width: 100%;
  }
  .split-interactive-banner__unhidden-copy-wrapper {
    display: none;
  }
  .split-interactive-banner__hidden-copy-wrapper {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
  .split-interactive-banner__left-content .split-interactive-banner__hover-cover,
  .split-interactive-banner__right-content .split-interactive-banner__hover-cover {
    opacity: 1;
    background: #ffffff !important;
  }
  [class*="gallery--x"] li img {
    position: relative;
    opacity: 1;
  }
  [class*="gallery--x"] li .img--wrapper {
    position: relative;
  }
  .gallery--x li figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
    opacity: 1;
    color: #36333d;
  }
  .gallery--x li span.gallery-item--wrapper {
    padding-top: 0;
  }
  .video-link:before,
  .pre-icon--play-video:before,
  .video-link:after,
  .pre-icon--play-video:after {
    display: none;
  }
  .card-link .card__copy--wrapper,
  .card__copy--wrapper {
    position: relative;
  }
  a[href].card-link:after,
  a[href].card-external-link:after,
  a[href].card-link-catalyst:after,
  a[href].card-essay-link:after,
  a[href].card-video-link:after,
  a[href].card-book-link:after,
  a[href].card-resource-link:after,
  a[href].card-report-link:after {
    position: absolute;
    bottom: 0;
    background: #ffffff;
  }
  .program-page-banner-text,
  .canon-text,
  .super-primer-text,
  .wysiwyg h1,
  .wysiwyg .canon-text {
    font-size: 20pt;
  }
  .vet-social__links,
  .vet-subtopic__continue,
  .veteran__aside-scrolling-card,
  .vet-subtopic__close,
  .veteran__explore-resources {
    display: none;
  }
  .logo {
    display: none;
  }
  .veteran__header-link {
    text-decoration: none;
    line-height: 1;
    margin-top: 0;
  }
  .veteran__header-link[href]:after {
    content: none !important;
  }
  .vet-subtopic__questions:not(.is-revealed) {
    display: block;
  }
  .vet-subtopic__questions.wysiwyg ul {
    padding-left: 0;
  }
  .vet-subtopic__questions.wysiwyg ul li {
    list-style-type: disc;
    padding-left: 0;
  }
  .vet-subtopic__link {
    margin-top: 0;
    display: none;
  }
  .vet-subtopic__link.is-revealed .vet-subtopic__continue {
    display: none;
  }
  .vet-subtopic__link:not(.is-revealed) .vet-subtopic__close {
    display: none;
  }
  .veteran--header-banner {
    min-height: 20px;
    padding: 0 !important;
  }
}
@media print and all and (min-width: 48em) {
  .veteran--header-banner .header-banner-copy-list .page-desc {
    height: auto;
  }
}
@media print and all and (min-width: 48em) {
  .veteran--header-banner .header-banner-copy-list .page-title {
    height: auto;
  }
}
/**
 * Prototype Styles
 * REMOVE WHEN BEGINNING PRODUCTION
 */
/*

Config

*/
/*

Font Faces

*/
/*

Applied Font Faces

These classes based on every typeface used on the project, including many which were
embedded via `@font-face` declarations.

*/
.lato-light,
.lato-regular,
.lato-bold,
.lato-black,
.tabs nav > ul a,
.tabs__list--x a,
.tabs__list--x--forceful a {
  font-family: "Lato", Helvetica, Arial, "Arial Unicode", "Lucida Sans Unicode", sans-serif;
}
.lato-light {
  font-weight: 300;
}
.lato-regular {
  font-weight: 400;
}
.lato-bold,
.tabs nav > ul a,
.tabs__list--x a,
.tabs__list--x--forceful a {
  font-weight: 700;
}
.lato-black {
  font-weight: 900;
}
/*

Type Styles

*/
/*h1,
h2,
h3,
h4,
h5,
h6,
.primary-heading {
    &:extend( .lato-bold );
}

h1,
h2,
h3,
h4,
h5,
h6,
.primary-heading,
.secondary-heading {
    color: @primary-header-color;
}

.secondary-heading  {
    &:extend( .lato-light );
}*/
/*.tertiary-heading  {
    &:extend( .lato-black );

    color: @grey;
    text-transform: uppercase;
}*/
/*

Body Text

A quick class to help make any element's text look like the site's default body text.

*/
/*body,
.body-text {
    &:extend( .lato-regular );
}*/
dt,
th,
.input-label,
strong {
  font-weight: 700;
}
/*

Blockquote

*/
.blockquote {
  padding-left: 1.28571429em;
  font-size: 128%;
  color: #a9a6a7;
  border-left: 7px solid #dddddd;
}
/*

Forms

*/
/*input,
textarea {

    // Vars
    @inner-shadow: fadeout(@black, 95%);

    padding: @half-vertical @full-side;
    background: @white;
    border: 1px solid @grey-4;

    // Mixins
    &:extend( .body-text );
    line-height: normal;
    .border-radius( @default-radius );
    .box-shadow-inset(0, @3px, @3px, @inner-shadow);

    &:hover,
    &:focus,
    &:active,
    &.is-current {
        border-color: @dark-grey;
    }
}*/
textarea {
  /* Display & Box Model */
  min-height: 10.5em;
}
/*

Buttons

*/
/*[class*="btn"] {

    // Extends
    &:extend( .lato-bold );

    // Mixins
    .border-radius( @default-radius );

    background-color: @grey-3;
    border: 1px solid @grey-2;

    &,
    &:hover,
    &:focus,
    &.is-current {
        color: @light-black;
    }
    &:hover,
    &:focus,
    &.is-current {
        background-color: darken(@grey-3, 5%);
        border-color: @grey-1;
    }
}
.btn {
    &--blue,
    &--primary {
        .m-button-color( @blue, @dark-blue );
    }
    &--red,
    &--danger {
        .m-button-color( @red, @dark-red );
    }
}*/
/*

Panels

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

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

*/
.panel--alt {
  background-color: #ffffff;
}
.panel--inverse {
  color: #ffffff;
  background-color: #1f75ae;
  border-color: #1f75ae;
}
.panel--inverse h1,
.panel--inverse h2,
.panel--inverse h3,
.panel--inverse h4,
.panel--inverse h5,
.panel--inverse h6 {
  color: inherit;
}
.panel--inverse a,
.panel--inverse a:hover,
.panel--inverse a:focus {
  color: inherit;
}
.panel--inverse a:hover,
.panel--inverse a:focus {
  color: #cfcbca;
}
.panel--inverse .btn,
.panel--inverse .btn:hover,
.panel--inverse .btn:focus {
  color: #262626;
}
.alert-panel--info {
  border-color: #00a4d8;
  background-color: #eaf7ff;
}
.alert-panel--error {
  border-color: #e63c4d;
  background-color: #f6e1df;
}
.alert-panel--success {
  border-color: #72bc44;
  background-color: #f4faf2;
}
/*

Figures

*/
.figure > a,
[class*="figure--"] > a {
  padding: 0.35714286em;
  border: 1px solid #e6e2dc;
}
.figure > a:hover,
[class*="figure--"] > a:hover,
.figure > a:focus,
[class*="figure--"] > a:focus {
  border-color: #3d9ddc;
}
.figure figcaption,
.figcaption {
  padding: 0.71428571em 1.28571429em;
}
/*

List Modules

*/
/*

Nav Bar

A quick navigation bar, typically good for prototyping the main menu of a site.

````nav-bar
<nav class="nav-bar--menu" role="navigation">
    <h3 class="nav-bar__title pre-icon--rows js-expand"
     id="reveal-main-nav"
     data-reveal="main-nav-list">
        <b class="button-label">Main Menu</b>
    </h3>
    <ul class="nav-bar__list--x--forceful expand__target" id="main-nav-list">
        <li>
            <a class="nav-bar__link is-current" href="#">
                Current Nav Link
            </a>
        </li>
        <li>
            <a class="nav-bar__link" href="#">
                Nav Link
            </a>
        </li>
        <li>
            <a class="nav-bar__link" href="#">
                Nav Link
            </a>
        </li>
    </ul>
</nav>
````

*/
/*.nav-bar {
    &__title {

        // Create
        margin: 0;
        padding: @half-vertical 4%;
        display: inline-block;
        color: @white;
        background: @blue-1;
        cursor: pointer;

        &:hover,
        &:focus,
        &.is-expanded {
            background: @blue-4;
        }

    }
    &__link {
        color: @white;
        text-decoration: none;
        padding: @half-vertical 4%;

        &:hover,
        &:focus,
        &.is-current {
            color: @white;

            // Mixins
            background: @blue-4;
        }
    }
}
[class*="nav-bar__list"] {
    margin: 0;

    // Mixins
    background: @blue-1;

    ul {
        margin: 0;
    }
}*/
@media all and (min-width: 30em) {
  [class*="nav-bar__list"] > li,
  [class*="nav-bar__list"] [class*="list--x"] > li,
  [class*="nav-bar__list"] .tabs nav > ul > li {
    width: 50%;
  }
  [class*="nav-bar__list"] > li:nth-child( odd ),
  [class*="nav-bar__list"] [class*="list--x"] > li:nth-child( odd ),
  [class*="nav-bar__list"] .tabs nav > ul > li:nth-child( odd ) {
    clear: both;
  }
  .nav-bar__link {
    padding: 0.71428571em 1.28571429em;
  }
}
/*

Vertical Nav

````vertical-nav
<ul class="nav--vert">
    <li>
        <a href="#">Nav Link</a>
    </li>
    <li>
        <a href="#" class="is-current">Current Nav Link</a>
        <ul>
            <li>
                <a href="#">Nav Link</a>
            </li>
            <li>
                <a href="#">Nav Link</a>
            </li>
            <li>
                <a href="#" class="is-current">Current Nav Link</a>
            </li>
            <li>
                <a href="#">Nav Link</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#">Nav Link</a>
    </li>
    <li>
        <a href="#">Nav Link</a>
    </li>
    <li>
        <a href="#">Nav Link</a>
    </li>
</ul>
````

*/
/*

Breadcrumb

*/
.breadcrumb__list--x {
  text-transform: capitalize;
}
.breadcrumb li:before {
  content: "/";
  margin-right: 0.64285714em;
}
.breadcrumb li:first-child:before {
  content: "";
  margin: 0;
}
/*

Button List

*/
[class*="button-list--x"] li:not(:first-child) a {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  -o-border-bottom-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
[class*="button-list--x"] li:not(:last-child) a {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topright: 0;
  -o-border-bottom-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
[class*="button-list--x"] a {
  border-left-width: 0;
}
[class*="button-list--x"] li:first-child a {
  border-left-width: 1px;
}
/*

Tabs

*/
.tabs {
  margin-top: 1.4285714285714286em;
}
.tabs nav > ul,
.tabs__list--x,
.tabs__list--x--forceful {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 1.42857143em;
}
.tabs nav > ul a,
.tabs__list--x a,
.tabs__list--x--forceful a {
  /* Extends .lato-bold */
  -webkit-border-top-right-radius: 0.21428571em;
  -webkit-border-top-left-radius: 0.21428571em;
  -moz-border-radius-topright: 0.21428571em;
  -moz-border-radius-topleft: 0.21428571em;
  -o-border-top-right-radius: 0.21428571em;
  -o-border-top-left-radius: 0.21428571em;
  border-top-right-radius: 0.21428571em;
  border-top-left-radius: 0.21428571em;
  padding: 0.71428571em 1.28571429em;
  color: #cfcbca;
  text-decoration: none;
  position: relative;
  bottom: -1px;
  border: 1px solid transparent;
}
.tabs nav > ul a:hover,
.tabs__list--x a:hover,
.tabs__list--x--forceful a:hover,
.tabs nav > ul a:focus,
.tabs__list--x a:focus,
.tabs__list--x--forceful a:focus {
  color: #262626;
}
.tabs nav > ul .is-current,
.tabs__list--x .is-current,
.tabs__list--x--forceful .is-current {
  color: #262626;
  background-color: #ffffff;
  border-color: #cfcbca;
  border-bottom-color: transparent;
}
.js.csstransitions .tabs > nav + *,
.js.csstransitions .tabs__section {
  -webkit-transition: height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tabs > nav + * > * > :first-child,
.tabs .tab > :first-child {
  margin-top: 0;
}
/*

Tables

*/
td[data-th]:before {
  /* Pretty */
  font-weight: 700;
}
@media all and (min-width: 48em) {
  th {
    border-bottom: 0.07142857em solid #dddddd;
  }
  th + th,
  td + td {
    border-left: 0.07142857em solid #dddddd;
  }
  tr + tr td {
    border-top: 0.07142857em solid #dddddd;
  }
  tbody tr:nth-child( odd ),
  table > tr:nth-child( odd ) {
    background: #f7f7f9;
  }
}
/*

Messaging

*/
.bubble,
[class*="input-alert"] {
  margin: 0;
  padding: 0.71428571em;
  background-color: #ffffff;
  position: relative;
  -webkit-border-radius: 0.21428571em;
  -moz-border-radius: 0.21428571em;
  -o-border-radius: 0.21428571em;
  border-radius: 0.21428571em;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.bubble:after,
[class*="input-alert"]:after {
  position: absolute;
  border: 0.35714286em solid transparent;
  content: "";
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
}
.bubble.left-wisp:after,
.bubble.right-wisp:after,
[class*="input-alert"].left-wisp:after,
[class*="input-alert"].right-wisp:after {
  top: 50%;
  margin-top: -0.35714286em;
}
.bubble.left-wisp:after,
[class*="input-alert"].left-wisp:after {
  left: -0.71428571em;
  border-right-color: #ffffff;
}
.bubble.right-wisp:after,
[class*="input-alert"].right-wisp:after {
  right: -0.71428571em;
  border-left-color: #ffffff;
}
.bubble.top-wisp:after,
.bubble.bottom-wisp:after,
[class*="input-alert"].top-wisp:after,
[class*="input-alert"].bottom-wisp:after {
  left: 50%;
  margin-left: -0.35714286em;
}
.bubble.top-wisp:after,
[class*="input-alert"].top-wisp:after {
  top: -0.71428571em;
  border-bottom-color: #ffffff;
}
.bubble.bottom-wisp:after,
[class*="input-alert"].bottom-wisp:after {
  bottom: -0.71428571em;
  border-top-color: #ffffff;
}
/*

Input Alerts

*/
[class*="input-alert"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 0.35714286em 0.71428571em;
  color: #ffffff;
}
[class*="input-alert"]:after {
  left: 0.71428571em;
  margin-left: 0;
  top: -0.71428571em;
  border-bottom-color: #ffffff;
}
.input-alert--warning {
  background-color: #edad08;
}
.input-alert--warning:after {
  border-bottom-color: #edad08;
}
.input-alert--info {
  background-color: #163953;
}
.input-alert--info:after {
  border-bottom-color: #163953;
}
.input-alert--error {
  background-color: #cf333c;
}
.input-alert--error:after {
  border-bottom-color: #cf333c;
}
.input-alert--success {
  background-color: #72bc44;
}
.input-alert--success:after {
  border-bottom-color: #72bc44;
}
.no-boxshadow .bubble,
.no-boxshadow [class*="input-alert"] {
  border: 1px solid #a9a6a7;
}
/*

Form Modules

*/
.attached-label {
  /*.border-radius( @default-radius );*/
  /* Pretty */
  /*border: 1px solid @grey-4;*/
}
.attached-label:hover,
.attached-label:focus,
.attached-label:active,
.attached-label.is-current {
  border-color: #837f81;
}
.attached-label .label {
  text-align: center;
  padding: 0 1.28571429em;
  background-color: #f7f7f9;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.attached-label .label:first-child,
.attached-label .label + input {
  border-left: none;
}
.attached-label input,
.attached-label [class*="btn"] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  /* Pretty */
  border: none;
}
.attached-label input + .label,
.attached-label .label:last-child {
  border-right: none;
}
/*# sourceMappingURL=motif.css.map */