@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.
 */
.m-images__image-as-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .m-images__image-as-bg {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
/**
 * 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;
}
@media all and (min-width: 48em) {
  .pl__1-col {
    padding-left: calc(11.11111111%) !important;
  }
}
@media all and (min-width: 62em) {
  .pl__1-col {
    padding-left: calc(8.33333333%) !important;
  }
}
@media all and (min-width: 48em) {
  .pr__1-col {
    padding-right: calc(11.11111111%) !important;
  }
}
@media all and (min-width: 62em) {
  .pr__1-col {
    padding-right: calc(8.33333333%) !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;
}
@media all and (max-width: 47.9375em) {
  .new-line-small {
    display: block;
  }
}
.group,
.breadcrumb,
.media-object--checkbox,
.effectiveImplementationFramework__row,
.effectiveImplementationFrameworkNav,
.media-object,
.author-info {
  /* Mixins */
  clear: both;
}
.group:before,
.group:after,
.media-object--checkbox:before,
.media-object--checkbox:after,
.effectiveImplementationFramework__row:before,
.effectiveImplementationFramework__row:after,
.effectiveImplementationFrameworkNav:before,
.effectiveImplementationFrameworkNav: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,
.effectiveImplementationFramework__row:after,
.effectiveImplementationFrameworkNav: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,
  .effectiveImplementationFrameworkNav__title {
    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,
  .effectiveImplementationFrameworkNav__title.focusable:active,
  .effectiveImplementationFrameworkNav__title.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,
  body:hover .effectiveImplementationFrameworkNav__title a,
  body:hover .effectiveImplementationFrameworkNav__title input,
  body:hover .effectiveImplementationFrameworkNav__title button {
    display: none;
  }
}
@media all and (min-width: 62em) {
  .is-hidden-large,
  .effectiveImplementationFrameworkNav__title {
    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,
  .effectiveImplementationFrameworkNav__title.focusable:active,
  .effectiveImplementationFrameworkNav__title.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,
  body:hover .effectiveImplementationFrameworkNav__title a,
  body:hover .effectiveImplementationFrameworkNav__title input,
  body:hover .effectiveImplementationFrameworkNav__title 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;
}
.breadcrumb__link {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 0.71428571em;
  padding-bottom: 0.71428571em;
  padding-right: 0.64285714em;
  letter-spacing: 1.2px;
  line-height: 26px;
  transition: all 0.3s ease-in-out;
}
.breadcrumb__link:hover,
.breadcrumb__link:focus {
  color: #f9c848;
}
@media all and (min-width: 48em) {
  .breadcrumb__link {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 37px;
  }
}
/*

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;
  opacity: 0;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded {
  max-height: 3000px;
  opacity: 1;
}
.js .expand__target.is-expanded,
.js .fade__target.is-faded,
.js .expand__target.was-expanded,
.js .fade__target.was-faded {
  -webkit-transition: all 0.55s ease-in-out;
  -moz-transition: all 0.55s ease-in-out;
  -o-transition: all 0.55s ease-in-out;
  transition: all 0.55s 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;
}
.card-event-meta [class^="icon--"] {
  margin-left: -9px;
}
.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,
.person .wysiwyg,
.card-featured__title,
.card__sub-title,
.card-featured__sub-title,
.effectiveImplementationFramework__title,
.effectiveImplementationFrameworkComponent__title,
.effectiveImplementationFrameworkIndicator__title,
.effectiveImplementationFrameworkPanel__title,
.effectiveImplementationFrameworkResources__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,
.person .wysiwyg,
.card-featured__title,
.card__sub-title,
.card-featured__sub-title,
.effectiveImplementationFramework__title,
.effectiveImplementationFrameworkComponent__title,
.effectiveImplementationFrameworkIndicator__title,
.effectiveImplementationFrameworkPanel__title,
.effectiveImplementationFrameworkResources__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,
.effectiveImplementationFramework__title,
.effectiveImplementationFrameworkComponent__title,
.effectiveImplementationFrameworkIndicator__title,
.effectiveImplementationFrameworkPanel__title,
.effectiveImplementationFrameworkResources__title {
  text-transform: uppercase;
  /*.size-for-font(24);*/
  color: #696b73;
}
.primary-heading a,
.effectiveImplementationFrameworkComponent__title a,
.effectiveImplementationFrameworkIndicator__title a,
.effectiveImplementationFrameworkPanel__title a,
.effectiveImplementationFrameworkResources__title a {
  font-style: normal;
}
.secondary-heading,
.wysiwyg h3,
.effectiveImplementationFrameworkSubIndicator__title,
.effectiveImplementationFrameworkPanel__subtitle {
  /*.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

*/
.super-canon-text {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1.08333333;
}
/*

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"],
.wysiwyg .topic,
.person .wysiwyg {
  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,
.person .wysiwyg,
.input-hint,
.input-desc,
[class*="input-alert"] {
  line-height: 1.6;
}
@font-face {
  font-family: "motif-icons";
  src: url("../fonts/motif-icons/motif-icons-f78f0b50144c65bd5c7522cf215afb4e.eot");
  src: url("../fonts/motif-icons/motif-icons-f78f0b50144c65bd5c7522cf215afb4e.eot?#iefix") format("embedded-opentype"), url("../fonts/motif-icons/motif-icons-f78f0b50144c65bd5c7522cf215afb4e.woff") format("woff"), url("../fonts/motif-icons/motif-icons-f78f0b50144c65bd5c7522cf215afb4e.ttf") format("truetype"), url("../fonts/motif-icons/motif-icons-f78f0b50144c65bd5c7522cf215afb4e.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,
.immigration__stories-controls--prev:after {
  content: "\f105";
}
.pre-icon--arrow-thin--right:before,
.icon--arrow-thin--right:before,
.post-icon--arrow-thin--right:after,
.flex-next:after,
.immigration__stories-controls--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--linkedin-sq:before,
.icon--linkedin-sq:before,
.post-icon--linkedin-sq:after {
  content: "\f12a";
}
.pre-icon--linkedin:before,
.icon--linkedin:before,
.post-icon--linkedin:after {
  content: "\f12b";
}
.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: "\f12c";
}
.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: "\f12d";
}
.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: "\f12e";
}
.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: "\f12f";
}
.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: "\f130";
}
.pre-icon--nav-down:before,
.icon--nav-down:before,
.post-icon--nav-down:after {
  content: "\f131";
}
.pre-icon--nav-right-2:before,
.icon--nav-right-2:before,
.post-icon--nav-right-2:after {
  content: "\f132";
}
.pre-icon--nav-right:before,
.icon--nav-right:before,
.post-icon--nav-right:after {
  content: "\f133";
}
.pre-icon--newsletter:before,
.icon--newsletter:before,
.post-icon--newsletter:after {
  content: "\f134";
}
.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: "\f135";
}
.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: "\f136";
}
.pre-icon--print:before,
.icon--print:before,
.post-icon--print:after {
  content: "\f137";
}
.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: "\f138";
}
.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: "\f139";
}
.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: "\f13a";
}
.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: "\f13b";
}
.pre-icon--tan-badge:before,
.icon--tan-badge:before,
.post-icon--tan-badge:after {
  content: "\f13c";
}
.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: "\f13d";
}
.pre-icon--twitter:before,
.icon--twitter:before,
.post-icon--twitter:after {
  content: "\f13e";
}
.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: "\f13f";
}
.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: "\f140";
}
.pre-icon--youtube:before,
.icon--youtube:before,
.post-icon--youtube:after {
  content: "\f141";
}
/*

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"],
.effectiveImplementationFrameworkNav__button {
  -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;
  border: 3px solid #2b7fde;
  margin-top: 1.4285714285714286em;
}
p > .btn,
p > [class*="btn"],
p > .effectiveImplementationFrameworkNav__button {
  margin-top: 0;
}
.btn:hover,
[class*="btn"]:hover,
.btn:focus,
[class*="btn"]:focus,
.btn.is-current,
[class*="btn"].is-current,
.effectiveImplementationFrameworkNav__button:hover,
.effectiveImplementationFrameworkNav__button:focus,
.effectiveImplementationFrameworkNav__button.is-current {
  border: 3px solid #1d66b9;
  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,
.effectiveImplementationFrameworkNav__button--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,
.effectiveImplementationFrameworkNav__button--tiny {
  font-size: 10px;
  font-size: 0.625rem;
  padding: 0.71428571em 1.28571429em;
}
.btn--small,
.effectiveImplementationFrameworkNav__button--small {
  font-size: 10px;
  font-size: 0.625rem;
}
.btn--large,
.effectiveImplementationFrameworkNav__button--large {
  font-size: 18px;
  font-size: 1.125rem;
}
.btn--full-width,
.effectiveImplementationFrameworkNav__button--full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn--red,
.effectiveImplementationFrameworkNav__button--red {
  border: 3px solid #cf333c;
  background: #cf333c;
  color: #ffffff !important;
}
.btn--red:hover,
.btn--red:focus,
.btn--red.is-current,
.effectiveImplementationFrameworkNav__button--red:hover,
.effectiveImplementationFrameworkNav__button--red:focus,
.effectiveImplementationFrameworkNav__button--red.is-current {
  border: 3px solid #9d2125;
  background: #9d2125;
}
.btn--disabled,
.effectiveImplementationFrameworkNav__button--disabled {
  border: 3px solid #a9a6a7;
  background: #a9a6a7;
}
.btn--disabled:hover,
.btn--disabled:focus,
.btn--disabled.is-current,
.effectiveImplementationFrameworkNav__button--disabled:hover,
.effectiveImplementationFrameworkNav__button--disabled:focus,
.effectiveImplementationFrameworkNav__button--disabled.is-current {
  border: 3px solid #a9a6a7;
  background: #a9a6a7;
}
.btn--window,
.effectiveImplementationFrameworkNav__button--window {
  border: 3px solid #ffffff;
  background: transparent;
}
.btn--window:hover,
.btn--window:focus,
.btn--window.is-current,
.effectiveImplementationFrameworkNav__button--window:hover,
.effectiveImplementationFrameworkNav__button--window:focus,
.effectiveImplementationFrameworkNav__button--window.is-current {
  background: white;
  color: #08215a;
}
.btn--window.btn--featured,
.effectiveImplementationFrameworkNav__button--window.btn--featured {
  font-weight: normal;
  text-shadow: none;
  display: inline-block;
}
@media all and (min-width: 30em) {
  .btn--window.btn--featured.btn--last,
  .effectiveImplementationFrameworkNav__button--window.btn--featured.btn--last {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.btn--window.cream,
.effectiveImplementationFrameworkNav__button--window.cream {
  border-color: #ece9e0;
  color: #ece9e0;
}
.btn--window.cream:hover,
.btn--window.cream:focus,
.btn--window.cream.is-current,
.effectiveImplementationFrameworkNav__button--window.cream:hover,
.effectiveImplementationFrameworkNav__button--window.cream:focus,
.effectiveImplementationFrameworkNav__button--window.cream.is-current {
  background: #ece9e0;
  color: #08215a;
}
.btn--window.red,
.effectiveImplementationFrameworkNav__button--window.red {
  border-color: #cf333c;
  color: #cf333c;
}
.btn--window.red:hover,
.btn--window.red:focus,
.btn--window.red.is-current,
.effectiveImplementationFrameworkNav__button--window.red:hover,
.effectiveImplementationFrameworkNav__button--window.red:focus,
.effectiveImplementationFrameworkNav__button--window.red.is-current {
  background: #cf333c;
  color: #ffffff;
}
.btn--window.yellow,
.effectiveImplementationFrameworkNav__button--window.yellow {
  border-color: #f9c848;
}
.btn--window.yellow:hover,
.btn--window.yellow:focus,
.btn--window.yellow.is-current,
.effectiveImplementationFrameworkNav__button--window.yellow:hover,
.effectiveImplementationFrameworkNav__button--window.yellow:focus,
.effectiveImplementationFrameworkNav__button--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;
}
a.link--normal,
.link.link--normal {
  font-style: normal;
}
.link--in-context {
  font-style: italic;
  position: relative;
  background: #ede9e6;
  padding: 0.5em;
  font-weight: bold;
}
.link--white {
  color: #ffffff !important;
}
.link--white:hover,
.link--white:focus {
  color: #d9d9d9 !important;
}
.link--cream {
  color: #cfc7b1 !important;
}
.link--cream:hover,
.link--cream:focus {
  color: #bcb191 !important;
}
.link--yellow {
  color: #f9c848 !important;
  font-style: italic;
}
.link--yellow:hover,
.link--yellow:focus,
.link--yellow.is-current {
  color: #edad08 !important;
}
.link--grey {
  color: #696b73 !important;
}
.link--grey:hover,
.link--grey:focus,
.link--grey.is-current {
  color: #9d2125 !important;
}
.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;
  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;
}
.social-links-list .icon--linkedin {
  font-size: 18px;
  font-size: 1.125rem;
}
.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-card__img--wrapper,
.horizontal-micro-card__img--wrapper {
  width: 30%;
  max-width: 122px;
  float: left;
  height: auto;
  background: none;
}
.horizontal-card__img--wrapper {
  padding: 0 0.71428571em 0.71428571em 0;
}
.horizontal-card {
  min-height: 150px;
}
.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;
}
a .horizontal-card__copy--wrapper {
  font-style: normal;
  font-weight: normal;
}
a .horizontal-card__copy--wrapper h3 {
  font-weight: normal;
}
.horizontal-micro-card__copy--wrapper,
.card__copy--wrapper {
  padding: 0.71428571em 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;
}
.post__title,
.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;
}
.post__title:after,
.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;
}
.post__title {
  font-size: 36px;
  font-size: 2.25rem;
  font-style: normal;
  color: #36333d;
  font-weight: normal;
}
.post__title:after {
  width: 150px;
  height: 3px;
}
.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.83333333em;
  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 !important;
  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;
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  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;
  left: 1.07142857em;
  right: 1.07142857em;
  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;
}
.link__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.link__overlay:after {
  display: none;
}
.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:not(.immigration__stories-controls--prev),
.flex-next:not(.immigration__stories-controls--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:not(.immigration__stories-controls--prev):after,
.flex-next:not(.immigration__stories-controls--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:not(.immigration__stories-controls--prev).flex-disabled,
.flex-next:not(.immigration__stories-controls--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 !important;
  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 !important;
  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;
}
/*== start of code for tooltips ==*/
.tool {
  cursor: help;
  position: relative;
  text-decoration: underline;
}
/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
  left: 50%;
  opacity: 0;
  position: absolute;
  z-index: -100;
}
.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
  opacity: 1;
  transform: scale(1) translateY(0);
  z-index: 100;
}
/*== pointer tip ==*/
.tool::before {
  border-style: solid;
  border-width: 1em 0.75em 0 0.75em;
  border-color: #3E474F transparent transparent transparent;
  bottom: 100%;
  content: "";
  margin-left: -0.5em;
  margin-top: 0;
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26), opacity 0.65s 0.5s;
  transform: scale(0.6) translateY(-90%);
}
.tool:hover::before,
.tool:focus::before {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
}
/*== speech bubble ==*/
.tool::after {
  background: #3E474F;
  border-radius: .25em;
  bottom: 180%;
  color: #EDEFF0;
  content: attr(data-tip);
  margin-left: -8.75em;
  padding: 1em;
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26) 0.2s;
  transform: scale(0.6) translateY(50%);
  width: 17.5em;
}
.tool:hover::after,
.tool:focus::after {
  transition: all 0.65s cubic-bezier(0.84, -0.18, 0.31, 1.26);
}
@media (max-width: 760px) {
  .tool::after {
    font-size: .75em;
    margin-left: -5em;
    width: 10em;
  }
}
/*

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,
.email-signup .effectiveImplementationFrameworkNav__button {
  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: 10px;
  width: 0.42857143em;
  height: 0.42857143em;
  background: #133880;
}
.wysiwyg .bg--veracity-blue ul li:before {
  background: #ffffff;
}
.wysiwyg .content-area {
  margin-bottom: 2.85714286em;
}
.wysiwyg ol {
  counter-reset: li;
}
.wysiwyg ol li {
  position: relative;
  padding-left: 1em;
}
.wysiwyg ol li:before {
  font-size: 16px;
  font-size: 1rem;
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  left: -0.3125em;
  top: 6px;
  width: 0.625em;
  height: 0.625em;
  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;
}
.wysiwyg .yellow-callout {
  font-size: 48px;
  font-size: 3rem;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: 600;
  color: #FFD659;
  margin-top: 0;
}
@media all and (min-width: 48em) {
  .wysiwyg .yellow-callout {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
/*

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,
.mobile-filter--submit .effectiveImplementationFrameworkNav__button {
  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;
  }
}
.layoutFive {
  background-color: #ffffff;
}
.layoutFive[data-background="cream"] {
  background-color: #f4f0ed;
}
.layoutFive[data-count="1"] .layoutFive__section {
  padding-top: 6em !important;
}
.layoutFive__section {
  padding-top: 3em;
  padding-bottom: 3em;
}
@media all and (min-width: 48em) {
  .layoutFive__section {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media all and (min-width: 62em) {
  .layoutFive__section {
    padding-top: 6em;
    padding-bottom: 6em;
  }
}
@media all and (min-width: 48em) {
  .layoutFive__section-col-1 {
    padding-right: 50%;
  }
}
@media all and (min-width: 62em) {
  .layoutFive__section-col-1 {
    padding-right: 25%;
  }
}
.layoutFive__section-title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.05555556;
  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: #20191b;
  text-transform: uppercase;
  margin-top: 0;
}
.layoutFive__section-title:after {
  content: '';
  display: block;
  width: 2.08333333em;
  height: 0.05555556em;
  margin: 0.55555556em 0 0;
  background: #2b7fde;
}
@media all and (min-width: 62em) {
  .layoutFive__section-title:after {
    width: 2.08333333em;
    height: 0.05555556em;
    margin-top: 0.55555556em;
  }
}
.layoutFive__section--headerLink {
  color: #163953 !important;
  font-style: normal;
  font-weight: normal;
  position: relative;
}
.layoutFive__section--headerLink:hover,
.layoutFive__section--headerLink:focus {
  color: #9d2125 !important;
}
.layoutFive__section--seeAll {
  color: #163953 !important;
  font-style: normal;
  background-color: transparent;
}
.layoutFive__section--seeAll:after {
  transform: translateX(0);
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.layoutFive__section--seeAll:hover:after,
.layoutFive__section--seeAll:focus:after {
  transform: translateX(3px);
}
.layoutFive__section--heading {
  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: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  padding-right: 90px;
}
@media all and (min-width: 48em) {
  .layoutFive__section--heading {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
a .layoutFive__section--heading {
  color: #163953;
}
.layoutFive__section--statement {
  margin-top: .5em;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.layoutFive__section--headerCTA {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.layoutFive__section--headerCTA:after {
  padding-left: 0;
}
a .layoutFive__section--headerCTA {
  color: #163953;
}
.layoutFive__card-large {
  width: 100%;
  border-bottom: 1px solid #ece9e0;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media all and (max-width: 47.9375em) {
  .layoutFive__card-large {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 48em) {
  .layoutFive__card-large {
    border-bottom-width: 0;
    height: 100%;
    margin-bottom: 0;
  }
  .layoutFive__card-large .card-ph {
    flex: 0 0 auto;
    display: flex;
    width: 100%;
  }
  .layoutFive__card-large .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
}
.layoutFive__card-large a:focus {
  outline: 1px dotted #9d2125;
  outline-offset: 7px;
}
.layoutFive__card-small a:focus {
  outline: 1px dotted #9d2125;
  outline-offset: 7px;
}
.layoutFive__card-small .card__copy--wrapper {
  padding-top: .5em;
  height: auto;
}
.layoutFive__card-small .card-link {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  height: auto;
}
.layoutFive__card-small .card__img--wrapper {
  background-color: #a69f93;
  width: 72px;
  height: 72px;
  margin-left: 20px;
}
.layoutFive__card-small:before {
  display: none;
}
@media all and (min-width: 48em) {
  .layoutFive__card-small {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: calc((100% / 3) - 20px);
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 0;
  }
  .layoutFive__card-small .card-ph {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
  }
  .layoutFive__card-small .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
  }
  .layoutFive__card-small .card-ph .card-link .card__img--wrapper {
    background-color: #a69f93;
    width: 100px;
    height: 100px;
    order: 2;
    margin-left: 20px;
  }
  .layoutFive__card-small .card-ph .card-link .card__copy--wrapper {
    flex: 0 0 auto;
    width: 63%;
    order: 1;
    padding-top: 0;
    position: relative;
  }
}
.layoutFive .card-link {
  box-shadow: none;
}
.layoutFive .card-link:hover,
.layoutFive .card-link:focus {
  box-shadow: none;
  transform: none;
}
.layoutFive .card-link .card-link-catalyst__author {
  color: #696b73;
  font-size: 14px;
  font-size: 0.875rem;
}
.layoutFive .small-card .card-link {
  display: flex;
}
.small-card .card-ph {
  width: 100%;
}
/* New Card Styling*/
@media all and (min-width: 48em) {
  .layoutFive .featured-card--secondary {
    padding-right: 25%;
  }
}
.layoutFive .featured-card--secondary .card__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.04166667;
}
.layoutFive .featured-card .card__img--wrapper {
  position: relative;
  flex: 1 0 auto;
  padding-top: 49%;
}
.layoutFive .featured-card .card__img--wrapper img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 101%;
}
.layoutFive .featured-card .card__img--wrapper.post-icon--nav-right:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #163953;
  border: 5px solid #163953;
  border-radius: 50%;
  padding: 0;
  background: rgba(255, 255, 255, 0.5);
}
.layoutFive .featured-card .card__title {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  margin-top: .5em;
  margin-bottom: .5em !important;
}
.layoutFive .featured-card .card-link .card__copy--wrapper:after {
  background: none;
}
.layoutFive .card-link {
  box-shadow: none;
  margin-bottom: 0;
}
.layoutFive .card-link .card__copy--wrapper {
  min-height: 0 !important;
}
@media all and (min-width: 48em) {
  .layoutFive .card-link .card__copy--wrapper {
    height: 43.75% !important;
  }
}
.layoutFive .card__title,
.layoutFive__filterResults .card__title {
  color: #163953;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0;
}
.layoutFive .card__title:after,
.layoutFive__filterResults .card__title:after {
  content: none;
}
.layoutFive .card__copy--wrapper {
  padding-left: 0;
  padding-right: 0;
  position: relative !important;
  background-color: transparent;
}
.layoutFive .card__copy--wrapper:after {
  height: 0;
}
.layoutFive .horizontal-micro-card__copy--wrapper:after {
  height: 25px;
}
.layoutFive .horizontal-micro-card__copy--wrapper .card__title {
  font-size: 18px;
  font-size: 1.125rem;
  padding-right: 0;
}
.card__category {
  color: #163953;
  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;
  text-transform: none;
  font-size: 10px;
  font-size: 0.625rem;
}
.layout__twoCards {
  padding-bottom: 3em;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 48em) {
  .layout__twoCards {
    padding-bottom: 4em;
    display: flex;
  }
}
@media all and (min-width: 62em) {
  .layout__twoCards {
    padding-bottom: 6em;
  }
}
.layout__twoCards .card__img-wrapper {
  position: relative;
  height: auto;
}
@media all and (min-width: 48em) {
  .layout__twoCards .card__img-wrapper {
    flex: 0 0 auto;
    height: 56.25%;
    width: 100%;
  }
}
.layout__twoCards .card__img-wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.layout__twoCards .card__img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.layout__twoCards .card-featured__copy-wrapper {
  background-color: #ece9e0;
  min-height: 0 !important;
  height: auto;
  max-height: none;
  text-align: left;
  padding-bottom: 1.5em;
}
@media all and (min-width: 48em) {
  .layout__twoCards .card-featured__copy-wrapper {
    flex: 1 0 auto;
  }
}
.layout__twoCards .card-featured-event-link--vertical {
  box-shadow: none;
  margin-bottom: 0;
}
.layout__twoCards .card-featured-event-link--vertical:hover,
.layout__twoCards .card-featured-event-link--vertical:focus {
  transform: none;
}
.layout__twoCards .card__category {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.layout__twoCards .card__title {
  font-size: 22px;
  font-size: 1.375rem;
}
.layout__twoCards .card-link-catalyst__author {
  font-size: 14px;
  font-size: 0.875rem;
}
.layout__twoCards .card-featured-event-link--vertical {
  display: flex;
  flex-direction: column;
}
.layoutFive__featureCard {
  padding-bottom: 3em;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 48em) {
  .layoutFive__featureCard {
    padding-bottom: 4em;
  }
}
@media all and (min-width: 62em) {
  .layoutFive__featureCard {
    padding-bottom: 6em;
  }
}
@media all and (min-width: 48em) {
  .layoutFive__featureCard--flex {
    display: flex;
  }
}
.layoutFive__featureCard--content {
  position: relative;
  padding: 3em 2em;
  color: #ffffff;
}
@media all and (min-width: 48em) {
  .layoutFive__featureCard--content {
    flex: 0 0 auto;
    width: 50%;
  }
}
.layoutFive__featureCard--bgFigure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: 0;
}
.layoutFive__featureCard--bgFigure img {
  display: block;
}
.layoutFive__featureCard--contentWrapper {
  position: relative;
  z-index: 1;
  font-weight: normal;
}
.layoutFive__featureCard--subHeading {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.layoutFive__featureCard--heading {
  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: normal;
  margin-top: .5em;
  font-size: 30px;
  font-size: 1.875rem;
}
.layoutFive__featureCard--desc {
  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: normal;
  margin-top: .5em;
  font-size: 16px;
  font-size: 1rem;
}
.layoutFive__featureCard--cta {
  margin-top: 4em;
}
.layoutFive__featureCard--cta a {
  font-style: normal;
  background: transparent;
  color: #ffffff;
}
.layoutFive__featureCard--image {
  min-height: 300px;
}
@media all and (min-width: 48em) {
  .layoutFive__featureCard--image {
    flex: 0 0 auto;
    width: 50%;
    min-height: 0;
  }
}
.layoutFive__featureCard--image img {
  display: block;
}
.cards-flex {
  display: flex;
  flex-wrap: wrap;
}
.cards-flex--card {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
}
.cards-flex--card:nth-child(odd) {
  padding-right: 10px;
}
.cards-flex--card:nth-child(even) {
  padding-left: 10px;
}
@media all and (min-width: 62em) {
  .cards-flex--card {
    width: calc(100% / 3);
  }
  .cards-flex--card:nth-child(odd) {
    padding-right: 0;
  }
  .cards-flex--card:nth-child(even) {
    padding-left: 0;
  }
  .cards-flex--card:nth-child(3n+2) {
    padding-right: 1em;
    padding-left: 1em;
  }
}
.cards-flex--card .card-link {
  height: auto !important;
  max-width: none !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: none;
}
.cards-flex--card .card-link:hover,
.cards-flex--card .card-link:focus {
  transform: none;
}
.cards-flex--card .card-link .card__img--wrapper {
  background-color: #a69f93;
  flex: 0 0 auto;
  width: 100%;
  height: 65%;
  position: relative;
}
.cards-flex--card .card-link .card__img--wrapper:before {
  content: "";
  display: block;
  padding-top: 65%;
}
.cards-flex--card .card-link .card__img--wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cards-flex--card .card-link .card__copy--wrapper {
  flex: 1 0 auto;
  width: 100%;
  height: 35%;
  min-height: 0;
  position: relative;
  bottom: auto;
  padding-left: 0;
  padding-right: 0;
}
.cards-flex--card .card-link .card__copy--wrapper:after {
  content: none;
}
.cards-flex--card .card-link .card__copy--wrapper .card__title:after {
  content: none;
}
.cards-flex--card .card-link-catalyst__author {
  color: #696b73;
}
.layoutFive__additional-articles--trigger .is-revealed {
  display: none;
}
.layoutFive__additional-articles:not(.is-revealed) {
  display: none;
}
.cta__wrapper {
  position: relative;
  background-color: #20191b;
}
@media all and (min-width: 48em) {
  .cta__wrapper {
    display: flex;
    align-items: center;
  }
}
.cta__figure {
  width: 100%;
  margin: 0;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.cta__figure:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 73.6196319%;
}
.cta__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .cta__figure img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media all and (min-width: 48em) {
  .cta__figure {
    position: relative;
    width: 100%;
    width: 50%;
    margin: 0;
    flex: 0 0 auto;
    left: auto;
    right: auto;
  }
  .cta__figure:before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 73.6196319%;
  }
  .cta__figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .no-objectfit .cta__figure img {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}
.cta__content-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
}
.cta__content-row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cta__content-col {
  width: 100%;
  padding-left: calc(8.33333333%);
  padding-right: calc(8.33333333%);
  text-align: center;
}
@media all and (min-width: 48em) {
  .cta__content-col {
    padding-left: calc(12.5%);
    padding-right: 20%;
    text-align: left;
  }
}
.cta__headline {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.05;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif !important;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 400;
  margin-top: 0;
  text-align: center;
}
@media all and (min-width: 48em) {
  .cta__headline {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 1.2;
    text-align: left;
  }
}
.cta__text {
  position: relative;
}
.cta__text:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  height: 2px;
  width: 40%;
  background-color: #910028;
  transform: translateX(-50%);
}
@media all and (min-width: 48em) {
  .cta__text:before {
    left: 0;
    transform: none;
  }
}
.ctaSmall {
  background: #20191b;
  padding-bottom: 60px;
}
@media all and (min-width: 48em) {
  .ctaSmall {
    padding-bottom: 0;
  }
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .ctaSmall__flex {
    margin-left: -1.14285714em;
    margin-right: -1.14285714em;
    clear: both;
  }
  .ctaSmall__flex:before,
  .ctaSmall__flex:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  .ctaSmall__flex:after {
    clear: both;
  }
}
@media all and (min-width: 48em) {
  .ctaSmall__flex {
    display: flex;
    align-items: center;
  }
}
@media all and (min-width: 62em) {
  .ctaSmall__flex {
    margin-left: -1.28571429em;
    margin-right: -1.28571429em;
    clear: both;
  }
  .ctaSmall__flex:before,
  .ctaSmall__flex:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden;
  }
  .ctaSmall__flex:after {
    clear: both;
  }
}
.ctaSmall__figure {
  width: 100%;
  margin: 0;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.ctaSmall__figure:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 85.9375%;
}
.ctaSmall__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .ctaSmall__figure img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media all and (min-width: 48em) {
  .ctaSmall__figure {
    position: relative;
    width: 100%;
    margin: 0;
    width: 25%;
    margin: 0 1.28571429em;
    flex: 0 0 auto;
    left: auto;
    right: auto;
  }
  .ctaSmall__figure:before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 83.92857143%;
  }
  .ctaSmall__figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .no-objectfit .ctaSmall__figure img {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}
.ctaSmall__headlines {
  color: #ffffff;
}
@media all and (min-width: 48em) {
  .ctaSmall__headlines {
    margin: 0 1.28571429em;
    padding: 80px 0;
  }
}
.ctaSmall__headline {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.05;
  margin-top: 40px;
}
@media all and (min-width: 48em) {
  .ctaSmall__headline {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.05555556;
    margin-top: 0;
    text-transform: uppercase;
  }
}
.ctaSmall__subheadline {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.08333333;
  margin-top: 10px;
}
@media all and (min-width: 48em) {
  .ctaSmall__subheadline {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.21428571;
    margin-top: 0;
    font-style: italic;
  }
}
.ctaSmall__links {
  margin-top: 40px;
}
.ctaSmall__links a {
  display: block;
  width: 100%;
}
.ctaSmall__links a:last-of-type {
  margin-top: 20px;
}
@media all and (min-width: 48em) {
  .ctaSmall__links {
    width: 33.33333%;
    margin: 0 1.28571429em;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .ctaSmall__links a {
    display: inline-block;
    flex: 1;
    width: 50%;
  }
  .ctaSmall__links a:last-of-type {
    margin-left: 0.64285714em;
  }
}
.card-simple {
  display: block;
  -webkit-box-shadow: 0 6px 14px 0 rgba(145, 133, 131, 0.43);
  box-shadow: 0 6px 14px 0 rgba(145, 133, 131, 0.43);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.card-simple:focus,
.card-simple:hover {
  box-shadow: 0 20px 10px -10px #808080;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.card-simple__figure {
  position: relative;
  padding-top: 420px;
}
.card-simple__figure-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .card-simple__figure-img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.card-simple__content {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  padding: 40px;
  text-align: center;
  background-color: #6f001f;
}
.card-simple__content[data-background="red"] {
  background-color: #6f001f;
}
.card-simple__content[data-background="blue"] {
  background-color: #08215a;
}
.card-simple__content[data-background="dark-blue"] {
  background-color: #36333d;
}
.card-bucket {
  display: block;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
@media all and (max-width: 47.9375em) {
  .card-bucket {
    margin-bottom: 20px;
  }
}
.card-bucket__figure {
  position: relative;
  width: 76px;
  height: 76px;
  margin-left: 20px;
  flex: 0 0 auto;
}
@media all and (min-width: 48em) {
  .card-bucket__figure {
    width: 100px;
    height: 100px;
  }
}
.card-bucket__figure-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .card-bucket__figure-img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.card-bucket__post-wrap {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}
@media all and (min-width: 48em) {
  .card-bucket__post-wrap {
    padding: 0 25px;
    margin: 25px;
    border-left: 1px solid #a69e94;
  }
}
.card-bucket__post-heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1875;
}
@media all and (min-width: 48em) {
  .card-bucket__post-heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.11111111;
  }
}
a .card-bucket__post-heading {
  color: #163953;
  transition: all 0.3s ease-in-out;
}
a .card-bucket__post-heading:hover,
a .card-bucket__post-heading:focus {
  color: #9d2125;
}
.card-bucket-large {
  display: block;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
}
@media all and (max-width: 47.9375em) {
  .card-bucket-large {
    margin-bottom: 20px;
  }
}
.card-bucket-large__figure {
  position: relative;
  padding-top: 50%;
  margin-top: 0;
  width: 100%;
}
.card-bucket-large__figure-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .card-bucket-large__figure-img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.card-bucket-large__header,
.card-bucket__header {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background-color: #6f001f;
}
@media all and (min-width: 48em) {
  .card-bucket-large__header,
  .card-bucket__header {
    padding: 24px 30px;
  }
}
.card-bucket-large__header[data-background="blue"],
.card-bucket__header[data-background="blue"] {
  background-color: #163953;
}
.card-bucket-large__header[data-background="brown"],
.card-bucket__header[data-background="brown"] {
  background-color: #382e2c;
}
.card-bucket-large__heading,
.card-bucket__heading {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.20833333;
}
@media all and (min-width: 48em) {
  .card-bucket-large__heading,
  .card-bucket__heading {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
  }
}
.card-bucket-large__post-wrap {
  margin: 20px;
}
@media all and (min-width: 48em) {
  .card-bucket-large__post-wrap {
    margin: 25px;
    padding: 0 25px;
    border-left: 1px solid #a69e94;
  }
}
.card-bucket-large__post-heading {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.20833333;
}
@media all and (min-width: 48em) {
  .card-bucket-large__post-heading {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
  }
}
a .card-bucket-large__post-heading {
  color: #163953;
  transition: all 0.3s ease-in-out;
}
a .card-bucket-large__post-heading:hover,
a .card-bucket-large__post-heading:focus {
  color: #9d2125;
}
.card-bucket-large__link,
.card-bucket__link {
  flex: 0 0 auto;
}
.card-small {
  position: relative;
  padding: 20px 20px 25px;
  background: #ffffff;
}
.card-small__figure {
  position: relative;
  width: 100%;
  margin: 0;
}
.card-small__figure:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 56.25%;
}
.card-small__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .card-small__figure img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.card-small__content {
  padding-top: 0.71428571em;
}
.card-small__tag,
.immigration__engage-pretitle {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.5;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #163953;
}
.card-small__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.11111111;
  margin: 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;
  font-weight: 200;
}
.card-small__copy {
  padding-top: 0.71428571em;
}
.card-small__copy h1:first-of-type,
.card-small__copy h2:first-of-type,
.card-small__copy h3:first-of-type,
.card-small__copy h4:first-of-type,
.card-small__copy h5:first-of-type,
.card-small__copy h6:first-of-type,
.card-small__copy p:first-of-type {
  margin-top: 0;
}
.card-small__copy:before {
  display: none;
}
.accordionBlock ul li {
  position: relative;
}
.accordionBlock ul li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #a69e94;
}
@media all and (min-width: 62em) {
  .accordionBlock ul li:after {
    right: 40%;
  }
}
.accordionBlock__content {
  padding-bottom: 15px;
}
@media all and (min-width: 62em) {
  .accordionBlock__content {
    display: flex;
    justify-content: space-between;
  }
}
.accordionBlock__content-link {
  font-style: normal;
}
@media all and (min-width: 62em) {
  .accordionBlock__wysiwyg {
    width: 66.6666%;
  }
}
.accordionBlock__panel {
  border-bottom: 1px solid #a69e94;
  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: #ffffff;
  padding: 2.85714286em 1.28571429em;
  margin-top: 1.42857143em;
}
@media all and (min-width: 48em) {
  .accordionBlock__panel {
    margin-top: 0;
  }
}
.accordionBlock__panel .wysiwyg p {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.08333333;
}
.accordionBlock__panel .wysiwyg p:first-of-type {
  margin-top: 0;
}
@media all and (min-width: 62em) {
  .accordionBlock__panel {
    margin: 0 0 0 1.28571429em;
    width: 33.3333%;
    align-self: flex-start;
  }
}
.accordionBlock__dropdown-link {
  cursor: pointer;
  color: #a69e94;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 0 0;
  transition: color 0.3s ease-in-out;
}
@media all and (min-width: 62em) {
  .accordionBlock__dropdown-link {
    margin-right: 40%;
  }
}
.accordionBlock__dropdown-link .accordionBlock__icon {
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
.accordionBlock__dropdown-link.is-expanded {
  color: #000000;
}
.accordionBlock__dropdown-link.is-expanded .accordionBlock__icon {
  color: #cf333c;
  transform: rotate(180deg);
}
.accordionBlock__dropdown-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  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;
}
.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;
}
.logo-link-wrapper_wwa {
  background: url("/resources/motif/images/logo--bush-institute-white.svg") no-repeat top center !important;
  margin-top: 5px !important;
}
.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 !important;
  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 !important;
  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 !important;
  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 !important;
  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*/
.effectiveImplementationFramework {
  background: #ffffff;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework {
    background: linear-gradient(to right, transparent 50%, white 50%);
  }
}
.effectiveImplementationFramework__row {
  position: relative;
  padding: 2.85714286em 0;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework__row {
    margin-left: -1.28571429em;
    margin-right: -1.28571429em;
    padding-bottom: 5.71428571em;
    background: linear-gradient(to right, transparent 33.333%, white 33.333%);
  }
}
.effectiveImplementationFramework__sidebar {
  padding: 2.85714286em 0 0;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework__sidebar {
    position: absolute;
    left: 0;
    width: 33.3333%;
    padding: 2.85714286em 2.57142857em 5.71428571em 1.28571429em;
  }
}
.effectiveImplementationFramework__sidebar.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 65px;
  z-index: 20;
  padding: 0 4%;
  background: #ffffff;
}
@media all and (max-width: 61.9375em) {
  .effectiveImplementationFramework__sidebar.is-sticky {
    width: 100% !important;
  }
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework__sidebar.is-sticky {
    padding: 2.85714286em 2.57142857em 5.71428571em 1.28571429em;
    left: auto;
    right: auto;
    transform: translateX(-100%);
    overflow: auto;
    max-height: 90vh;
    max-height: calc(100vh - 65px);
    margin-left: -5.14285714em;
    box-shadow: none;
    background: none;
  }
}
.effectiveImplementationFramework__sidebar.was-sticky {
  position: absolute;
  bottom: 0;
}
.effectiveImplementationFrameworkContact {
  margin-top: 1.42857143em;
}
.is-sticky .effectiveImplementationFrameworkContact {
  display: none;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkContact {
    margin-top: 1.78571429em;
  }
  .is-sticky .effectiveImplementationFrameworkContact {
    display: block;
  }
}
.effectiveImplementationFrameworkContact:before {
  content: "";
  display: block;
  width: 5.35714286em;
  height: 0.14285714em;
  background: #cf333c;
}
.effectiveImplementationFrameworkContact__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  margin-top: 0.71428571em;
  color: #36333d;
  font-weight: normal;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkContact__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
  }
}
.effectiveImplementationFrameworkContact__description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.333;
  margin-top: 0.71428571em;
  color: #696b73;
  font-weight: 600;
}
.effectiveImplementationFrameworkContact__description a {
  background: none;
  font-style: normal;
  color: #08215a;
}
.effectiveImplementationFrameworkContact__description a:hover,
.effectiveImplementationFrameworkContact__description a:focus {
  color: #cf333c;
}
.effectiveImplementationFramework__content {
  counter-reset: eif-title-counter;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework__content {
    width: 66.6667%;
    padding: 0 1.28571429em 0 5.14285714em;
    float: right;
  }
}
.effectiveImplementationFramework__title {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 0.8333;
  margin-top: 0;
  color: #36333d;
  text-align: center;
}
.effectiveImplementationFramework__title:after {
  content: "";
  display: block;
  width: 1.97368421em;
  height: 0.05263158em;
  margin: 0.78947368em auto 0 auto;
  background: #cf333c;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework__title {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.0625;
  }
  .effectiveImplementationFramework__title:after {
    width: 2.39583333em;
    height: 0.04166667em;
    margin: 0.625em auto 0 auto;
  }
}
.effectiveImplementationFramework__subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  padding: 0 0 1.78571429em 0;
  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-weight: 100;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
.effectiveImplementationFramework__intro {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  margin-top: 1.5625em;
  color: #696b73;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
}
.effectiveImplementationFramework__description {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  color: #696b73;
  margin-top: 1.78571429em;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework__description {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
.effectiveImplementationFrameworkGraph {
  position: relative;
  display: block;
  margin-top: 1.42857143em;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkGraph {
    margin-top: 2.85714286em;
  }
}
.effectiveImplementationFrameworkGraph__image {
  display: block;
  width: 100%;
}
.effectiveImplementationFrameworkGraph__list {
  padding: 0;
  list-style: none outside none;
  overflow: hidden;
  display: block;
  margin: 0 3.5% 0;
  height: 100%;
}
.effectiveImplementationFrameworkGraph__list-item {
  margin-bottom: 0;
  position: static;
}
.effectiveImplementationFrameworkGraph__list-item:before {
  display: none !important;
}
.effectiveImplementationFrameworkGraph__link {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.25;
  display: block;
  color: #08215a;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  padding: 0 0.64285714em 0;
  width: 20%;
}
.effectiveImplementationFrameworkGraph__list-item:nth-child(1) .effectiveImplementationFrameworkGraph__link {
  left: 0%;
}
.effectiveImplementationFrameworkGraph__list-item:nth-child(2) .effectiveImplementationFrameworkGraph__link {
  left: 20%;
}
.effectiveImplementationFrameworkGraph__list-item:nth-child(3) .effectiveImplementationFrameworkGraph__link {
  left: 40%;
}
.effectiveImplementationFrameworkGraph__list-item:nth-child(4) .effectiveImplementationFrameworkGraph__link {
  left: 60%;
}
.effectiveImplementationFrameworkGraph__list-item:nth-child(5) .effectiveImplementationFrameworkGraph__link {
  left: 80%;
}
@media print {
  .effectiveImplementationFrameworkGraph__link {
    display: none;
    padding-top: 0;
  }
}
.effectiveImplementationFrameworkGraph__link-text {
  display: block;
  margin-top: 0.71428571em;
  color: transparent;
}
.effectiveImplementationFrameworkNav__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0;
  color: #696b73;
}
.is-sticky .effectiveImplementationFrameworkNav__title {
  display: none;
}
.effectiveImplementationFrameworkNav__list {
  counter-reset: eif-nav-counter;
  margin: 0.71428571em 0 0;
  padding: 0;
}
.is-sticky .effectiveImplementationFrameworkNav__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  margin: 0;
  padding: 0.71428571em 4%;
  background: #ffffff;
}
.is-sticky.is-expanded .effectiveImplementationFrameworkNav__list {
  display: block;
  border-bottom: 1px solid #696b73;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkNav__list {
    margin: 1.42857143em 0 0;
  }
  .effectiveImplementationFrameworkNav__list,
  .is-sticky .effectiveImplementationFrameworkNav__list,
  .is-sticky.is-expanded .effectiveImplementationFrameworkNav__list {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: block;
    margin-top: 1.42857143em;
    padding: 0;
    background: none;
    border: none;
  }
}
.effectiveImplementationFrameworkNav__list.is-expanded {
  display: block;
}
.effectiveImplementationFrameworkNav__list-item {
  counter-increment: eif-nav-counter;
  position: relative;
  margin: 0;
}
.effectiveImplementationFrameworkNav__list-item:before {
  display: none;
}
.effectiveImplementationFrameworkNav__list-item:first-child {
  margin-top: 0;
}
.effectiveImplementationFrameworkNav__link {
  position: relative;
  display: block;
  padding: 5px 0 5px 30px;
  color: #08215a;
  font-style: normal;
  text-transform: uppercase;
}
.effectiveImplementationFrameworkNav__link:before,
.effectiveImplementationFrameworkNav__link:after {
  position: absolute;
  top: 6px;
  left: 0;
}
.effectiveImplementationFrameworkNav__link:before {
  content: counter(eif-nav-counter);
  width: 20px;
  height: 20px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  background: linear-gradient(to right, #06215a 0%, #06215a 50%, #003876 50%, #082c6d 100%);
}
.effectiveImplementationFrameworkNav__link:after {
  content: "";
  border: 3px solid transparent;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}
.effectiveImplementationFrameworkNav__link:hover,
.effectiveImplementationFrameworkNav__link:focus,
.effectiveImplementationFrameworkNav__link.is-current {
  color: #cf333c;
}
.effectiveImplementationFrameworkNav__link:hover:before,
.effectiveImplementationFrameworkNav__link:focus:before,
.effectiveImplementationFrameworkNav__link.is-current:before {
  background: linear-gradient(to right, #c7171b 0%, #c7171b 50%, #e72c33 50%, #c10505 100%);
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkNav__link {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22222222;
    padding: 0.55555556em 0 0.55555556em 1.66666667em;
    transition: transform 0.15s ease-out;
  }
  .effectiveImplementationFrameworkNav__link:before,
  .effectiveImplementationFrameworkNav__link:after {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    top: 0.6875em;
  }
  .effectiveImplementationFrameworkNav__link:after {
    border-top-color: #f4f0ed;
    border-left-color: #f4f0ed;
  }
}
.effectiveImplementationFrameworkNav__sub-list-wrapper {
  display: none;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkNav__sub-list-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: all 0.35s ease-out;
  }
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkNav.is-expanded .effectiveImplementationFrameworkNav__sub-list-wrapper,
  .effectiveImplementationFrameworkNav__link.is-current + .effectiveImplementationFrameworkNav__sub-list-wrapper {
    max-height: 10.71428571em;
  }
}
.effectiveImplementationFrameworkNav__sub-list {
  counter-reset: eif-sub-nav-counter;
  margin: 0;
  padding: 0;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkNav__sub-list {
    padding: 0 0 0.71428571em 10px;
  }
}
.effectiveImplementationFrameworkNav__sub-list-item {
  counter-increment: eif-sub-nav-counter;
  margin: 0;
  padding: 0;
}
.effectiveImplementationFrameworkNav__sub-list-item:before {
  display: none;
}
.effectiveImplementationFrameworkNav__sub-link {
  position: relative;
  display: block;
  padding-left: 20px;
  color: #696b73;
  font-style: normal;
  font-weight: 600;
}
.effectiveImplementationFrameworkNav__sub-link:before {
  content: counter(eif-sub-nav-counter, lower-alpha) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  text-align: left;
}
.effectiveImplementationFrameworkNav__sub-link:hover,
.effectiveImplementationFrameworkNav__sub-link:focus,
.effectiveImplementationFrameworkNav__sub-link.is-current {
  color: #cf333c;
}
.effectiveImplementationFrameworkNav__current-link {
  position: relative;
  float: left;
  overflow: hidden;
  display: none;
  width: 100%;
  padding: 1.07142857em 10px 0.35714286em 30px;
  border: none;
  border-bottom: 1px solid #696b73;
  outline: none;
  color: #08215a;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  background: none;
}
.effectiveImplementationFrameworkNav__current-link:after {
  content: '';
  position: absolute;
  right: 0;
  top: 25px;
  display: inline-block;
  border: 4px solid transparent;
  border-top-color: #cf333c;
}
.is-sticky .effectiveImplementationFrameworkNav__current-link {
  display: block;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkNav__current-link {
    display: none !important;
  }
}
.effectiveImplementationFrameworkNav__current-link-number {
  position: absolute;
  left: 0;
  top: 1.07142857em;
  width: 20px;
  height: 20px;
  color: #ffffff;
  line-height: 20px;
  text-align: center;
  background: #08215a;
}
.effectiveImplementationFrameworkNav__current-link-number:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  border: 3px solid transparent;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}
.effectiveImplementationFrameworkNav__button {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
  margin: 0;
  background: #cf333c;
  color: #ffffff !important;
}
.effectiveImplementationFrameworkNav__button:hover,
.effectiveImplementationFrameworkNav__button:focus,
.effectiveImplementationFrameworkNav__button.is-current {
  background: #9d2125;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkNav__button {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }
}
@media all and (max-width: 61.9375em) {
  .effectiveImplementationFrameworkNav__button {
    border-radius: 0 !important;
  }
}
.effectiveImplementationFrameworkComponent {
  counter-increment: eif-title-counter;
  counter-reset: eif-indicator-title-counter;
  padding-top: 2.85714286em;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkComponent {
    padding-top: 8.57142857em;
  }
}
@media all and (min-width: 62em) {
  .effectiveImplementationFramework__sidebar.is-sticky + .effectiveImplementationFrameworkComponent {
    margin-top: 0 !important;
  }
}
.effectiveImplementationFrameworkComponent__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  position: relative;
  min-height: 1.625em;
  margin-top: 0;
  padding-top: 0.08333333em;
  padding-left: 1.79166667em;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkComponent__title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.25;
    min-height: 1.84210526em;
    padding-top: 0.15789474em;
    padding-left: 1.94736842em;
  }
}
.effectiveImplementationFrameworkComponent__title:before,
.effectiveImplementationFrameworkComponent__title:after {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333333;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkComponent__title:before,
  .effectiveImplementationFrameworkComponent__title:after {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.38095238;
  }
}
.effectiveImplementationFrameworkComponent__title:before {
  content: counter(eif-title-counter);
  background: linear-gradient(to right, #06215a 0%, #06215a 50%, #003876 50%, #082c6d 100%);
  color: #ffffff;
  width: 1.375em;
  height: 1.375em;
  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-align: center;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkComponent__title:before {
    width: 1.42857143em;
    height: 1.42857143em;
  }
}
.effectiveImplementationFrameworkComponent__title:after {
  content: "";
  border: 5px solid transparent;
  border-top-color: #ffffff;
  border-left-color: #ffffff;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkComponent__title:after {
    border-width: 10px;
  }
}
.effectiveImplementationFrameworkComponent__description {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkComponent__description {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
  }
}
.effectiveImplementationFrameworkIndicator {
  counter-increment: eif-indicator-title-counter;
  padding-top: 2.85714286em;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkIndicator {
    padding-top: 7.14285714em;
  }
  .effectiveImplementationFrameworkComponent__title + .effectiveImplementationFrameworkIndicator,
  .effectiveImplementationFrameworkComponent__description + .effectiveImplementationFrameworkIndicator {
    padding-top: 5em;
  }
}
.effectiveImplementationFrameworkIndicator__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-top: 0;
}
.effectiveImplementationFrameworkIndicator__title:before {
  content: counter(eif-indicator-title-counter, lower-alpha) ".";
  text-transform: lowercase;
}
.effectiveImplementationFrameworkIndicator__title:after {
  content: '';
  display: block;
  width: 3.75em;
  height: 0.1em;
  margin: 1.5em 0 0;
  background: #cf333c;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkIndicator__title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.25;
  }
  .effectiveImplementationFrameworkIndicator__title:after {
    width: 2.5em;
    height: 0.06666667em;
    margin-top: 1em;
  }
}
.effectiveImplementationFrameworkIndicator__description {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
}
.effectiveImplementationFrameworkSubIndicator__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkSubIndicator__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
  }
}
.effectiveImplementationFrameworkSubIndicator__best-practice {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.85714286;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkSubIndicator__best-practice {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625;
  }
}
.effectiveImplementationFrameworkPanel {
  margin: 1.42857143em -4.34782609% 0;
  padding: 1.42857143em 4%;
  color: #ffffff;
  background: #08215a;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkPanel {
    margin: 5em 0 0;
    padding: 1.78571429em;
  }
}
.effectiveImplementationFrameworkPanel__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-top: 0;
  color: #ffffff;
}
.effectiveImplementationFrameworkPanel__title:after {
  content: '';
  display: block;
  width: 3.125em;
  height: 0.08333333em;
  margin: 0.625em 0 0;
  background: #cf333c;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkPanel__title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.25;
  }
  .effectiveImplementationFrameworkPanel__title:after {
    width: 2.5em;
    height: 0.06666667em;
    margin-top: 0.5em;
  }
}
.effectiveImplementationFrameworkPanel__subtitle {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  margin-top: 1.07142857em;
  color: #ffffff;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkPanel__subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
  }
}
.effectiveImplementationFrameworkPanel__list {
  counter-reset: eif-question-list;
  margin: 1.42857143em 0 0;
  padding: 0;
  font-weight: 600;
}
.effectiveImplementationFrameworkPanel__list-item {
  counter-increment: eif-question-list;
  padding: 0 0 0 30px;
}
.effectiveImplementationFrameworkPanel__list-item:before {
  content: counter(eif-question-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  color: currentColor;
  background: none;
  display: block;
  text-align: right;
  font-weight: bold;
}
.effectiveImplementationFrameworkResources {
  margin: 1.42857143em -4.34782609% 0;
  padding: 1.42857143em 4%;
  background: #f4f0ed;
  color: #696b73;
}
.effectiveImplementationFrameworkPanel + .effectiveImplementationFrameworkResources {
  margin-top: 0;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkResources {
    margin: 5em 0 0;
    padding: 1.78571429em;
  }
  .effectiveImplementationFrameworkPanel + .effectiveImplementationFrameworkResources {
    margin-top: 2.85714286em;
  }
}
.effectiveImplementationFrameworkResources__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-top: 0;
}
@media all and (min-width: 62em) {
  .effectiveImplementationFrameworkResources__title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.25;
  }
}
.effectiveImplementationFrameworkResources__list {
  counter-reset: eif-resource-list;
  margin: 1.42857143em 0 0;
  padding: 0;
  font-weight: 600;
}
.effectiveImplementationFrameworkResources__list-item {
  counter-increment: eif-resource-list;
  padding: 0 0 0 30px;
}
.effectiveImplementationFrameworkResources__list-item:before {
  content: counter(eif-resource-list) ".";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  color: currentColor;
  background: none;
  display: block;
  text-align: right;
  font-weight: bold;
}
.effectiveImplementationFrameworkResources__list-item a {
  color: #08215a;
  font-style: normal;
  text-transform: uppercase;
}
.effectiveImplementationFrameworkResources__list-item a:hover,
.effectiveImplementationFrameworkResources__list-item a:focus {
  color: #cf333c;
}
.effectiveImplementationFrameworkResources__list-item:nth-child(n+6) {
  display: none;
}
.effectiveImplementationFrameworkResources.is-revealed .effectiveImplementationFrameworkResources__list-item:nth-child(n+6) {
  display: block;
}
.effectiveImplementationFrameworkResources__trigger {
  position: relative;
  display: inline-block;
  margin: 1.42857143em 0 0;
  padding: 0 1em 0 0;
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
  font-family: inherit;
  font-weight: bold;
  line-height: 1.25;
  color: #08215a;
}
.effectiveImplementationFrameworkResources__trigger:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0.5em;
  border: 0.28571429em solid transparent;
  border-top-color: #cf333c;
}
.effectiveImplementationFrameworkResources__trigger.is-revealed:before {
  transform: rotate(180deg);
  transform-origin: center 0.14285714em;
}
.effectiveImplementationFrameworkResources__trigger:after {
  content: ' More';
}
.effectiveImplementationFrameworkResources__trigger.is-revealed:after {
  content: ' Less';
}
.ourIdeas {
  background-color: #ffffff;
}
@media all and (min-width: 62em) {
  .ourIdeas {
    margin-right: 250px;
  }
  .immigration__stories .ourIdeas {
    margin-right: auto;
  }
}
@media all and (min-width: 1500px) {
  .ourIdeas {
    margin-right: 0;
  }
}
@media all and (min-width: 1500px) {
  .ourIdeas {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 250px;
  }
}
.ourIdeas__introBar {
  background-color: #ffffff;
}
@media all and (min-width: 48em) {
  .ourIdeas__introBar .header-banner-copy-list {
    display: flex;
  }
}
@media all and (min-width: 48em) {
  .ourIdeas__introBar .header-banner-copy-list .page-title {
    flex: 0 0 auto;
    margin-right: 20px;
    text-align: left;
  }
}
.ourIdeas__introBar .header-banner-copy-list .page-desc:before {
  background: #163953;
}
@media all and (min-width: 48em) {
  .ourIdeas__introBar .header-banner-copy-list .page-desc {
    padding-left: 20px;
  }
}
@media all and (min-width: 62em) {
  .ourIdeas__introBar .header-banner-copy-list .page-desc {
    flex-basis: 65%;
  }
}
.ourIdeas__introBar--heading {
  color: #163953;
}
.ourIdeas__introBar--desc {
  color: #163953;
}
.ourIdeas__heroCarousel {
  background: #ffffff;
}
.ourIdeas__heroCarousel .wrapper {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
.ourIdeas__heroCarousel--slideWrapper,
.immigration__stories--slideWrapper {
  position: relative;
  z-index: 0;
}
@media all and (min-width: 48em) {
  .ourIdeas__heroCarousel--slideWrapper.small,
  .immigration__stories--slideWrapper.small {
    padding-left: calc( ( 100% / 9 ) * 1 );
    padding-right: calc( ( 100% / 9 ) * 1 );
  }
}
@media all and (min-width: 62em) {
  .ourIdeas__heroCarousel--slideWrapper.small,
  .immigration__stories--slideWrapper.small {
    padding-left: calc( ( 100% / 12 ) * 1 );
    padding-right: calc( ( 100% / 12 ) * 1 );
  }
}
.ourIdeas__heroCarousel--slideWrapper .slides,
.immigration__stories--slideWrapper .slides {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ourIdeas__heroCarousel--slideWrapper .slides .slide:before,
.immigration__stories--slideWrapper .slides .slide:before {
  content: none;
}
.ourIdeas__heroCarousel--slideWrapper .flex-container,
.immigration__stories--slideWrapper .flex-container {
  position: absolute;
  bottom: 10px;
  z-index: 3;
  right: 50%;
  transform: translateX(50%);
}
@media all and (min-width: 48em) {
  .ourIdeas__heroCarousel--slideWrapper .flex-container,
  .immigration__stories--slideWrapper .flex-container {
    right: 25%;
    transform: translateX(25%);
  }
}
.ourIdeas__heroCarousel--slideWrapper .flex-container--counter,
.immigration__stories--slideWrapper .flex-container--counter {
  margin-top: 0;
  font-weight: bold;
}
.ourIdeas__heroCarousel--slideWrapper .flex-prev,
.immigration__stories--slideWrapper .flex-prev {
  position: absolute;
  left: -100%;
  top: 0;
  opacity: 1;
  background: transparent;
  color: #163953;
  margin-top: -40%;
}
.ourIdeas__heroCarousel--slideWrapper .flex-prev:after,
.immigration__stories--slideWrapper .flex-prev:after {
  font-size: 42px;
  font-weight: bold;
  left: -15px;
}
.ourIdeas__heroCarousel--slideWrapper .flex-next,
.immigration__stories--slideWrapper .flex-next {
  position: absolute;
  right: -100%;
  top: 0;
  opacity: 1;
  background: transparent;
  color: #163953;
  margin-top: -40%;
}
.ourIdeas__heroCarousel--slideWrapper .flex-next:after,
.immigration__stories--slideWrapper .flex-next:after {
  font-size: 42px;
  font-weight: bold;
  right: -15px;
}
.ourIdeas__heroCarousel--slide {
  background: #f4f0ed;
  font-style: normal;
}
@media all and (min-width: 48em) {
  .ourIdeas__heroCarousel--slide {
    display: flex;
  }
}
.ourIdeas__heroCarousel--slideImage {
  min-height: 300px;
}
@media all and (min-width: 48em) {
  .ourIdeas__heroCarousel--slideImage {
    flex: 0 0 auto;
    width: 50%;
    min-height: 0;
  }
}
.ourIdeas__heroCarousel--slideImage img {
  display: block;
}
.ourIdeas__heroCarousel--slideContent {
  padding: 1em 1.5em 5em 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media all and (min-width: 48em) {
  .ourIdeas__heroCarousel--slideContent {
    padding: 1em 1.5em 2em;
    flex: 0 0 auto;
    width: 50%;
    min-height: 500px;
  }
}
@media all and (min-width: 62em) {
  .ourIdeas__heroCarousel--slideContent {
    min-height: 600px;
  }
}
.ourIdeas__slideContent--heading {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2;
  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: normal;
  text-align: center;
  margin-top: 1em;
  width: 100%;
}
@media all and (min-width: 77.5em) {
  .ourIdeas__slideContent--heading {
    font-size: 38px;
    font-size: 2.375rem;
  }
}
.ourIdeas__slideContent--subheading {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.ourIdeas__slideContent--desc {
  font-weight: normal;
  text-align: center;
  width: 100%;
}
.ourIdeas__slideContent--author {
  text-align: center;
  width: 100%;
}
.find-by-menu-light .find-by-menu {
  color: #000000 !important;
  background-color: #ffffff;
  margin: 1.5em 0;
  border: 1px solid #ece9e0;
  border-width: 1px 0;
}
.find-by-menu-light .find-by-menu .list--pubs-filter-bar a,
.find-by-menu-light .find-by-menu .list--info-bar a {
  color: #163953;
  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;
}
.find-by-menu-light .find-by-menu .expand__target:before {
  content: none;
}
.find-by-menu-light .find-by-menu .checkbox--styled .fake-input {
  border: 1px solid #163953;
}
.find-by-menu-light .find-by-menu .program-filters h4,
.find-by-menu-light .find-by-menu .checkbox--styled .fake-input-copy {
  color: #163953;
}
.ourIdeas__filterResults .find-by-menu {
  margin-top: 2em;
}
.list--info-bar {
  margin-left: -8px !important;
  padding-left: 0 !important;
}
@media all and (min-width: 62em) {
  .list--info-bar {
    margin-left: -10px !important;
  }
}
@media all and (min-width: 77.5em) {
  .list--info-bar {
    padding-left: 60px !important;
    margin-left: 0 !important;
  }
}
.list--info-bar li {
  position: static;
}
.selected-state-wrapper {
  top: auto !important;
  bottom: 0;
  width: 100% !important;
  padding-left: 0 !important;
  display: flex;
}
.selected-state-item {
  display: inline-block;
}
.secondScroll--wrapper {
  --header-margin-top: 65px;
  background-color: #ffffff;
}
@media all and (min-width: 62em) {
  .secondScroll--wrapper {
    width: 250px;
    max-height: calc(100vh - 65px);
    overflow: hidden;
    z-index: 2;
    margin-top: 65px;
    position: fixed;
    top: 0;
    right: 0;
    border-left: 4px solid #163953;
  }
  .secondScroll--wrapper.was-sticky {
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0;
    left: auto;
  }
  .secondScroll--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: 100px;
  }
}
@media all and (min-width: 1500px) {
  .secondScroll--wrapper {
    right: calc((100vw - 1500px) / 2);
  }
  .secondScroll--wrapper.was-sticky {
    right: calc((100vw - 1500px) / 2);
  }
}
.secondScroll__clickScroll--arrow {
  display: none;
}
@media all and (min-width: 62em) {
  .secondScroll__clickScroll--arrow {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    padding-right: 20px;
  }
  .secondScroll__clickScroll--arrow .pre-icon--nav-down {
    font-size: 35px;
    color: #163953;
    transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .secondScroll__clickScroll--arrow .pre-icon--nav-down:before {
    padding-right: 0;
  }
  .secondScroll__clickScroll--arrow .pre-icon--nav-down:hover,
  .secondScroll__clickScroll--arrow .pre-icon--nav-down:focus {
    color: #0b1d2b;
  }
}
@media all and (min-width: 62em) {
  .secondScroll {
    height: calc(100vh - 65px);
    overflow-y: scroll;
  }
  .secondScroll > * {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (min-width: 1025px) {
  .secondScroll {
    width: calc(100% + 20px);
    padding-right: 20px;
  }
}
@media all and (max-width: 61.9375em) {
  .secondScroll__section:not(.contributors-list) {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
  }
}
.ourIdea__audio--player {
  width: 100%;
}
.secondScroll__podcast--heading {
  color: #163953 !important;
  font-style: normal;
}
.secondScroll__podcast--play {
  margin-top: .15em;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .contributors-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.secondScroll__section.contributors-list img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: filter 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  max-width: 120px;
  margin: 0 auto;
}
.contributors-list--item {
  border-bottom: 1px solid #ece9e0;
  padding-bottom: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.contributors-list--item:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .contributors-list--item {
    flex: 0 0 auto;
    width: calc(50% - 10px);
  }
  .contributors-list--item:nth-child(odd) {
    margin-right: 10px;
  }
  .contributors-list--item:nth-child(even) {
    margin-left: 10px;
  }
}
.contributors-list--link {
  display: block;
  text-align: center;
}
.contributors-list--link:hover img,
.contributors-list--link:focus img {
  -webkit-filter: none;
  /* Safari 6.0 - 9.0 */
  filter: none;
}
.contributors-list--name {
  color: #163953;
  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: normal;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 0;
}
.contributors-list--title {
  color: #696b73;
  font-weight: normal;
  font-style: normal;
  margin-top: 0;
  font-size: 12px;
  font-size: 0.75rem;
}
.contributors-more {
  border-bottom: 1px solid #ece9e0;
  margin-bottom: 1em;
}
@media all and (min-width: 62em) {
  .contributors-more {
    margin-bottom: 80px;
  }
}
.contributors-more-cta {
  display: block;
  background: transparent;
  color: #163953 !important;
  font-style: normal;
  font-weight: bold;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 12px;
  font-size: 0.75rem;
}
.secondScroll__section--heading {
  color: #163953;
  border-bottom: 4px solid #163953;
  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;
  text-transform: uppercase;
  padding-bottom: .5em;
}
.secondScroll__section--imageWrapper {
  background-color: #163953;
  margin-top: .35em;
}
.secondScroll__section--image {
  display: block;
  margin: 0 auto;
}
.secondScroll__section--cta {
  display: block;
  background-color: transparent;
  color: #163953 !important;
  font-style: normal;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}
.secondScroll__section--cta .pre-icon--play-video {
  height: 1.5em;
  margin: 0;
}
.secondScroll__section--cta .pre-icon--play-video:before {
  border: 0.2em solid #163953;
  width: 2em;
  height: 2em;
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
}
.secondScroll__section--cta .pre-icon--play-video:after {
  top: .7em;
  left: .75em;
}
.secondScroll__section--cta:hover .pre-icon--play-video:after,
.secondScroll__section--cta:focus .pre-icon--play-video:after {
  border-left-color: #9d2125;
}
.secondScroll__list {
  list-style: none;
  counter-reset: popular-lisItems;
  padding-left: 0;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .secondScroll__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.secondScroll__listItem {
  border-bottom: 1px solid #ece9e0;
  padding-bottom: 1em;
  margin-bottom: 1em;
  text-align: center;
}
@media all and (min-width: 48em) and (max-width: 61.9375em) {
  .secondScroll__listItem {
    flex: 0 0 auto;
    width: calc(50% - 10px);
  }
  .secondScroll__listItem:nth-child(odd) {
    margin-right: 10px;
  }
  .secondScroll__listItem:nth-child(even) {
    margin-left: 10px;
  }
}
.secondScroll__listItem:last-child {
  border-bottom-width: 0;
  padding-bottom: 0;
}
.secondScroll__listItem:before {
  content: counter(popular-lisItems);
  counter-increment: popular-lisItems;
  display: block;
  color: #163953;
  font-weight: bold;
  text-align: center;
  border-radius: 0;
  width: auto;
  height: auto;
  background: transparent;
  position: relative;
  left: auto;
  top: auto;
}
.secondScroll__listItem--link {
  color: #163953;
  font-style: normal;
}
.secondScroll__listItem--heading {
  margin-top: .1em;
}
a .secondScroll__listItem--heading {
  color: #163953;
}
.secondScroll__listItem--author {
  color: #696b73;
  font-weight: normal;
  margin-top: .5em;
  font-size: 12px;
  font-size: 0.75rem;
}
@media all and (min-width: 62em) {
  .main-content.is-sticky {
    position: relative;
  }
}
.ourIdeas__section--topHeader {
  text-align: center;
}
.ourIdeas__section--topHeading {
  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: normal;
  margin-top: .5em;
  margin-bottom: 1em;
  font-size: 40px;
  font-size: 2.5rem;
  position: relative;
}
.ourIdeas__section--topHeading:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background-color: #9d2125;
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translateX(-50%);
}
.ourIdeas__section {
  padding-bottom: 3em;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 48em) {
  .ourIdeas__section {
    padding-bottom: 4em;
  }
}
@media all and (min-width: 62em) {
  .ourIdeas__section {
    padding-bottom: 6em;
  }
}
.ourIdeas__section [class*="gcs"],
.ourIdeas__section .gs-quarters > *,
.ourIdeas__section .gs-thirds > *,
.ourIdeas__section .gs-halves > * {
  float: none;
}
.ourIdeas__section.layoutFour {
  padding-bottom: 20px;
}
.ourIdeas__section--header {
  border-bottom: 4px solid #163953;
  position: relative;
}
.ourIdeas__section--headerLink {
  color: #163953 !important;
  font-style: normal;
  font-weight: normal;
  position: relative;
}
.ourIdeas__section--headerLink:hover,
.ourIdeas__section--headerLink:focus {
  color: #9d2125 !important;
}
.ourIdeas__section--seeAll {
  color: #163953 !important;
  font-style: normal;
  background-color: transparent;
}
.ourIdeas__section--seeAll:after {
  transform: translateX(0);
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ourIdeas__section--seeAll:hover:after,
.ourIdeas__section--seeAll:focus:after {
  transform: translateX(3px);
}
.ourIdeas__section--heading {
  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: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  padding-right: 90px;
}
@media all and (min-width: 48em) {
  .ourIdeas__section--heading {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
a .ourIdeas__section--heading {
  color: #163953;
}
.ourIdeas__section--statement {
  margin-top: .5em;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}
.ourIdeas__section--headerCTA {
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.ourIdeas__section--headerCTA:after {
  padding-left: 0;
}
a .ourIdeas__section--headerCTA {
  color: #163953;
}
@media all and (min-width: 48em) {
  .publication-card-layout-1,
  .publication-card-layout-3 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 425px;
    background-color: #ffffff;
  }
  .publication-card-layout-1 [class*="card-item"],
  .publication-card-layout-3 [class*="card-item"] {
    background-color: #ffffff;
  }
  .publication-card-layout-1 .card__copy--wrapper,
  .publication-card-layout-3 .card__copy--wrapper {
    position: relative;
  }
}
@media all and (min-width: 62em) {
  .publication-card-layout-1,
  .publication-card-layout-3 {
    height: 500px;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 425px;
    background-color: #ffffff;
  }
  .publication-card-layout-2 .card__copy--wrapper {
    position: relative;
  }
}
@media all and (min-width: 62em) {
  .publication-card-layout-2 {
    height: 500px;
  }
}
.publication-card-layout-1 .card-item-1,
.publication-card-layout-2 .card-item-1,
.publication-card-layout-3 .card-item-1 {
  flex: 0 0 auto;
  width: 100%;
  border-bottom: 1px solid #ece9e0;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
@media all and (max-width: 47.9375em) {
  .publication-card-layout-1 .card-item-1,
  .publication-card-layout-2 .card-item-1,
  .publication-card-layout-3 .card-item-1 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-1,
  .publication-card-layout-2 .card-item-1,
  .publication-card-layout-3 .card-item-1 {
    flex-grow: 3;
    flex-shrink: 0;
    flex-basis: auto;
    order: 1;
    border-bottom-width: 0;
    border-right: 1px solid #ece9e0;
    width: 50%;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    align-items: stretch;
  }
  .publication-card-layout-1 .card-item-1 .card-ph,
  .publication-card-layout-2 .card-item-1 .card-ph,
  .publication-card-layout-3 .card-item-1 .card-ph {
    flex: 0 0 auto;
    display: flex;
    width: 100%;
  }
  .publication-card-layout-1 .card-item-1 .card-ph .card-link,
  .publication-card-layout-2 .card-item-1 .card-ph .card-link,
  .publication-card-layout-3 .card-item-1 .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-1 {
    padding-left: 0;
  }
  .publication-card-layout-1 .card-item-1 .card-ph {
    padding-left: 0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-2 .card-item-1 .card-ph {
    padding-left: 0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-3 .card-item-1 {
    order: 2;
  }
}
.publication-card-layout-1 .card-item-2,
.publication-card-layout-3 .card-item-2 {
  border-bottom: 1px solid #ece9e0;
  margin-bottom: 20px;
}
@media all and (max-width: 47.9375em) {
  .publication-card-layout-1 .card-item-2,
  .publication-card-layout-3 .card-item-2 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-2,
  .publication-card-layout-3 .card-item-2 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    order: 2;
    display: flex;
    align-items: stretch;
    border-bottom-width: 0;
    border-right: 1px solid #ece9e0;
    width: 25%;
    height: calc(75% - 20px);
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-right: 0;
  }
  .publication-card-layout-1 .card-item-2 .card-ph,
  .publication-card-layout-3 .card-item-2 .card-ph {
    flex: 0 0 auto;
    display: flex;
    width: 100%;
  }
  .publication-card-layout-1 .card-item-2 .card-ph .card-link,
  .publication-card-layout-3 .card-item-2 .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
  }
}
.publication-card-layout-2 .card-item-2 {
  border-bottom: 1px solid #ece9e0;
}
.publication-card-layout-2 .card-item-2 .card__copy--wrapper {
  height: 100% !important;
  padding-top: .5em;
  padding-left: 10px;
}
@media all and (min-width: 48em) {
  .publication-card-layout-2 .card-item-2 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    order: 2;
    display: flex;
    align-items: stretch;
    width: 50%;
    height: calc((100% / 3) - 20px);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .publication-card-layout-2 .card-item-2 .card-ph {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
  }
  .publication-card-layout-2 .card-item-2 .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .publication-card-layout-2 .card-item-2 .card-ph .card-link .card__img--wrapper {
    flex: 0 0 auto;
    width: 50%;
    height: 100% !important;
    order: 1;
  }
  .publication-card-layout-2 .card-item-2 .card-ph .card-link .card__copy--wrapper {
    flex: 0 0 auto;
    width: 50%;
    height: 100% !important;
    order: 2;
    position: relative;
  }
}
.publication-card-layout-3 .card-item-2 {
  height: 100%;
  padding-right: 0;
  margin-bottom: 0;
}
@media all and (min-width: 48em) {
  .publication-card-layout-3 .card-item-2 {
    order: 1;
  }
  .publication-card-layout-3 .card-item-2 .card-ph {
    padding-left: 0;
  }
}
.publication-card-layout-3 .card-item-2 .card__copy {
  font-weight: normal;
  font-style: normal;
  color: #696b73;
}
.publication-card-layout-3 .card-item-2 .card-link .card__copy--wrapper {
  height: calc(100% - 160px) !important;
}
.publication-card-layout-3 .card-item-2 .card-link-catalyst__author {
  font-style: normal;
}
.publication-card-layout-1 .card-item-3,
.publication-card-layout-3 .card-item-3 {
  margin-bottom: 20px;
  border-bottom: 1px solid #ece9e0;
}
@media all and (max-width: 47.9375em) {
  .publication-card-layout-1 .card-item-3,
  .publication-card-layout-3 .card-item-3 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-3,
  .publication-card-layout-3 .card-item-3 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    order: 4;
    display: flex;
    align-items: stretch;
    width: 25%;
    height: calc(75% - 20px);
    margin-bottom: 20px;
    padding-left: 0;
  }
  .publication-card-layout-1 .card-item-3 .card-ph,
  .publication-card-layout-3 .card-item-3 .card-ph {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    padding-right: 0;
  }
  .publication-card-layout-1 .card-item-3 .card-ph .card-link,
  .publication-card-layout-3 .card-item-3 .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
  }
}
@media all and (min-width: 62em) {
  .publication-card-layout-1 .card-item-3,
  .publication-card-layout-3 .card-item-3 {
    padding-left: 0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-3 {
    border-bottom-width: 0;
    padding-bottom: 0;
  }
}
.publication-card-layout-2 .card-item-3 .card__copy--wrapper {
  height: 100% !important;
  padding-top: .5em;
  padding-left: 10px;
}
@media all and (min-width: 48em) {
  .publication-card-layout-2 .card-item-3 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    order: 3;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #ece9e0;
    width: 50%;
    height: calc((100% / 3) - 20px);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .publication-card-layout-2 .card-item-3 .card-ph {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
  }
  .publication-card-layout-2 .card-item-3 .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .publication-card-layout-2 .card-item-3 .card-ph .card-link .card__img--wrapper {
    flex: 0 0 auto;
    width: 50%;
    height: 100%;
    order: 1;
  }
  .publication-card-layout-2 .card-item-3 .card-ph .card-link .card__copy--wrapper {
    flex: 0 0 auto;
    width: 50%;
    height: 100% !important;
    order: 2;
    position: relative;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-3 .card-item-3 {
    order: 3;
    height: calc(50% - 20px);
    margin-bottom: 10px;
  }
  .publication-card-layout-3 .card-item-3 .card-ph {
    padding-bottom: 10px;
  }
  .publication-card-layout-3 .card-item-3 .card__img--wrapper {
    max-height: 56.25%;
  }
}
.publication-card-layout-1 .card-item-4 {
  padding-right: 10px;
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-4:before {
    content: "" !important;
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    width: calc(100% - 10px);
    height: 1px;
    background-color: #ece9e0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-4 {
    border-right: 1px solid #ece9e0;
  }
}
@media all and (min-width: 62em) {
  .publication-card-layout-1 .card-item-4 {
    padding-right: 0;
  }
  .publication-card-layout-1 .card-item-4:before {
    left: 10px;
    width: calc(100% - 10px);
  }
}
@media all and (max-width: 47.9375em) {
  .publication-card-layout-1 .card-item-4,
  .publication-card-layout-3 .card-item-4 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-4,
  .publication-card-layout-3 .card-item-4 {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    order: 3;
    display: flex;
    width: 25%;
    height: 25%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .publication-card-layout-1 .card-item-4 .card-ph,
  .publication-card-layout-3 .card-item-4 .card-ph {
    display: flex;
  }
}
.publication-card-layout-2 .card-item-4 .card__copy--wrapper {
  height: 100% !important;
  padding-top: .5em;
  padding-left: 10px;
}
@media all and (min-width: 48em) {
  .publication-card-layout-2 .card-item-4 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    order: 4;
    display: flex;
    align-items: stretch;
    width: 50%;
    height: calc((100% / 3) - 20px);
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .publication-card-layout-2 .card-item-4 .card-ph {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
  }
  .publication-card-layout-2 .card-item-4 .card-ph .card-link {
    flex: 0 0 auto;
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .publication-card-layout-2 .card-item-4 .card-ph .card-link .card__img--wrapper {
    flex: 0 0 auto;
    width: 50%;
    height: 100%;
    order: 1;
  }
  .publication-card-layout-2 .card-item-4 .card-ph .card-link .card__copy--wrapper {
    flex: 0 0 auto;
    width: 50%;
    height: 100% !important;
    order: 2;
    position: relative;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-3 .card-item-4 {
    border-right: 0;
    border-bottom: 1px solid #ece9e0;
    order: 4;
    margin-bottom: 10px;
  }
  .publication-card-layout-3 .card-item-4 .card-ph {
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.publication-card-layout-1 .card-item-5 {
  padding-left: 10px;
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-5 {
    padding-left: 0;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-5:before {
    content: "" !important;
    display: block;
    position: absolute;
    right: 0;
    left: auto;
    top: -10px;
    width: calc(100% - 10px);
    height: 1px;
    background-color: #ece9e0;
  }
}
@media all and (min-width: 62em) {
  .publication-card-layout-1 .card-item-5:before {
    right: 10px;
    width: calc(100% - 10px);
  }
}
@media all and (max-width: 47.9375em) {
  .publication-card-layout-1 .card-item-5,
  .publication-card-layout-3 .card-item-5 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-1 .card-item-5,
  .publication-card-layout-3 .card-item-5 {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    order: 5;
    display: flex;
    width: 25%;
    height: 25%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .publication-card-layout-1 .card-item-5 .card-ph,
  .publication-card-layout-3 .card-item-5 .card-ph {
    display: flex;
  }
}
@media all and (min-width: 48em) {
  .publication-card-layout-3 .card-item-5 .card-ph {
    padding-right: 0;
  }
}
.ourIdeas .card-link {
  box-shadow: none;
}
.ourIdeas .card-link:hover,
.ourIdeas .card-link:focus {
  box-shadow: none;
  transform: none;
}
.ourIdeas .card-link .card-link-catalyst__author {
  color: #696b73;
}
.ourIdeas .small-card .card-link {
  display: flex;
}
.small-card .card-ph {
  width: 100%;
}
/* New Card Styling*/
.ourIdeas .featured-card .card__img--wrapper {
  background-image: none;
  height: auto !important;
  position: relative;
  flex: 1 0 auto;
  height: 56.25% !important;
}
.ourIdeas .featured-card .card__img--wrapper img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ourIdeas .featured-card .card__img--wrapper.post-icon--nav-right:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 120px;
  color: #163953;
  border: 5px solid #163953;
  border-radius: 50%;
  padding: 0;
  background: rgba(255, 255, 255, 0.5);
}
.ourIdeas .featured-card .card__title {
  margin-top: .5em;
  margin-bottom: .5em !important;
}
.ourIdeas .featured-card .card-link .card__copy--wrapper {
  flex: 0 0 auto;
  height: auto !important;
  padding-bottom: 0;
}
.ourIdeas .featured-card .card-link .card__copy--wrapper:after {
  background: none;
}
.ourIdeas .card-link {
  box-shadow: none;
  height: auto !important;
  margin-bottom: 0;
}
.ourIdeas .card-link .card__copy--wrapper {
  min-height: 0 !important;
}
@media all and (min-width: 48em) {
  .ourIdeas .card-link .card__copy--wrapper {
    height: 43.75% !important;
  }
}
.ourIdeas .card-link .horizontal-micro-card__copy--wrapper {
  height: auto !important;
  min-height: 0;
}
@media all and (min-width: 62em) {
  .ourIdeas .card-link .horizontal-micro-card__copy--wrapper {
    padding-right: 0;
  }
}
.ourIdeas .card__title,
.ourIdeas__filterResults .card__title {
  color: #163953;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0;
}
.ourIdeas .card__title:after,
.ourIdeas__filterResults .card__title:after {
  content: none;
}
.ourIdeas .card__copy--wrapper {
  padding-left: 0;
  padding-right: 0;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  height: auto;
  bottom: auto !important;
}
.ourIdeas .card__copy--wrapper:after {
  height: 0;
}
.ourIdeas .horizontal-micro-card__copy--wrapper:after {
  height: 25px;
}
.ourIdeas .horizontal-micro-card__copy--wrapper .card__title {
  font-size: 14px;
  font-size: 0.875rem;
  padding-right: 0;
}
.card__category {
  color: #163953;
  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;
  text-transform: none;
  font-size: 10px;
  font-size: 0.625rem;
}
.layout__twoCards {
  padding-bottom: 3em;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 48em) {
  .layout__twoCards {
    padding-bottom: 4em;
    display: flex;
  }
}
@media all and (min-width: 62em) {
  .layout__twoCards {
    padding-bottom: 6em;
  }
}
.layout__twoCards .card__img-wrapper {
  position: relative;
  height: auto;
}
@media all and (min-width: 48em) {
  .layout__twoCards .card__img-wrapper {
    flex: 0 0 auto;
    height: 56.25%;
    width: 100%;
  }
}
.layout__twoCards .card__img-wrapper:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.layout__twoCards .card__img-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.layout__twoCards .card-featured__copy-wrapper {
  background-color: #ece9e0;
  min-height: 0 !important;
  height: auto;
  max-height: none;
  text-align: left;
  padding-bottom: 1.5em;
}
@media all and (min-width: 48em) {
  .layout__twoCards .card-featured__copy-wrapper {
    flex: 1 0 auto;
  }
}
.layout__twoCards .card-featured-event-link--vertical {
  box-shadow: none;
  margin-bottom: 0;
}
.layout__twoCards .card-featured-event-link--vertical:hover,
.layout__twoCards .card-featured-event-link--vertical:focus {
  transform: none;
}
.layout__twoCards .card__category {
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.layout__twoCards .card__title {
  font-size: 22px;
  font-size: 1.375rem;
}
.layout__twoCards .card-link-catalyst__author {
  font-size: 14px;
  font-size: 0.875rem;
}
@media all and (min-width: 48em) {
  .layout__twoCards--card {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
  }
}
.layout__twoCards--card:first-child {
  margin-bottom: 2em;
}
@media all and (min-width: 48em) {
  .layout__twoCards--card:first-child {
    margin-bottom: 0;
    padding-right: 10px;
  }
}
@media all and (min-width: 48em) {
  .layout__twoCards--card:last-child {
    padding-left: 10px;
  }
}
.layout__twoCards .card-featured-event-link--vertical {
  display: flex;
  flex-direction: column;
}
.ourIdeas__featureCard {
  padding-bottom: 3em;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 48em) {
  .ourIdeas__featureCard {
    padding-bottom: 4em;
  }
}
@media all and (min-width: 62em) {
  .ourIdeas__featureCard {
    padding-bottom: 6em;
  }
}
@media all and (min-width: 48em) {
  .ourIdeas__featureCard--flex {
    display: flex;
  }
}
.ourIdeas__featureCard--content {
  position: relative;
  padding: 3em 2em;
  color: #ffffff;
}
@media all and (min-width: 48em) {
  .ourIdeas__featureCard--content {
    flex: 0 0 auto;
    width: 50%;
  }
}
.ourIdeas__featureCard--bgFigure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: 0;
}
.ourIdeas__featureCard--bgFigure img {
  display: block;
}
.ourIdeas__featureCard--contentWrapper {
  position: relative;
  z-index: 1;
  font-weight: normal;
}
.ourIdeas__featureCard--subHeading {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.ourIdeas__featureCard--heading {
  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: normal;
  margin-top: .5em;
  font-size: 30px;
  font-size: 1.875rem;
}
.ourIdeas__featureCard--desc {
  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: normal;
  margin-top: .5em;
  font-size: 16px;
  font-size: 1rem;
}
.ourIdeas__featureCard--cta {
  margin-top: 4em;
}
.ourIdeas__featureCard--cta a {
  font-style: normal;
  background: transparent;
  color: #ffffff;
}
.ourIdeas__featureCard--image {
  min-height: 300px;
}
@media all and (min-width: 48em) {
  .ourIdeas__featureCard--image {
    flex: 0 0 auto;
    width: 50%;
    min-height: 0;
  }
}
.ourIdeas__featureCard--image img {
  display: block;
}
.cards-flex {
  display: flex;
  flex-wrap: wrap;
}
.cards-flex--card {
  flex: 0 0 auto;
  width: 50%;
  display: flex;
}
.cards-flex--card:nth-child(odd) {
  padding-right: 10px;
}
.cards-flex--card:nth-child(even) {
  padding-left: 10px;
}
@media all and (min-width: 62em) {
  .cards-flex--card {
    width: calc(100% / 3);
  }
  .cards-flex--card:nth-child(odd) {
    padding-right: 0;
  }
  .cards-flex--card:nth-child(even) {
    padding-left: 0;
  }
  .cards-flex--card:nth-child(3n+2) {
    padding-right: 1em;
    padding-left: 1em;
  }
}
.cards-flex--card .card-link {
  height: auto !important;
  max-width: none !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: none;
}
.cards-flex--card .card-link:hover,
.cards-flex--card .card-link:focus {
  transform: none;
}
.cards-flex--card .card-link .card__img--wrapper {
  flex: 0 0 auto;
  width: 100%;
  height: 65%;
  position: relative;
}
.cards-flex--card .card-link .card__img--wrapper:before {
  content: "";
  display: block;
  padding-top: 65%;
}
.cards-flex--card .card-link .card__img--wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.cards-flex--card .card-link .card__copy--wrapper {
  flex: 1 0 auto;
  width: 100%;
  height: 35%;
  min-height: 0;
  position: relative;
  bottom: auto;
  padding-left: 0;
  padding-right: 0;
}
.cards-flex--card .card-link .card__copy--wrapper:after {
  content: none;
}
.cards-flex--card .card-link .card__copy--wrapper .card__title:after {
  content: none;
}
.cards-flex--card .card-link-catalyst__author {
  color: #696b73;
}
.ourIdeas__filterResults {
  position: relative;
  background: #ffffff;
}
.ourIdeas__filterResults #results {
  position: absolute;
  top: -170px;
}
.infoBar__publications .info-bar-helper-text {
  color: #163953;
  font-size: 10px !important;
  font-size: 0.625rem !important;
}
@media all and (min-width: 48em) {
  .infoBar__publications .info-bar-helper-text {
    top: -17px;
  }
}
@media all and (min-width: 77.5em) {
  .infoBar__publications .info-bar-helper-text {
    top: -3px;
    font-size: 14px !important;
    font-size: 0.875rem !important;
  }
}
.card-event-meta {
  border-top: 1px solid #cf333c;
  border-bottom: 1px solid #cf333c;
}
.twitter-blue {
  color: #1da1f2;
}
a.twitter-blue:hover {
  color: #1da1f2;
}
.facebook-blue {
  color: #3b5998;
}
a.facebook-blue:hover {
  color: #3b5998;
}
.mail-grey {
  margin-top: 6px;
  margin-left: 8px;
  color: #444444;
  font-size: 14px;
  font-size: 0.875rem;
}
a.mail-grey:hover {
  color: #444444;
}
a.facebook-blue:hover {
  color: #3b5998;
}
.linkedin-blue {
  color: #0072b1;
  margin-top: 7px;
  font-size: 12px;
  font-size: 0.75rem;
}
.linkedin-blue:hover {
  color: #0072b1;
  margin-top: 7px;
  font-size: 12px;
  font-size: 0.75rem;
}
a.facebook-blue:hover {
  color: #0072b1;
}
h3.articles__sidebarHeading .icon--twitter {
  position: relative;
  font-size: 1.1em;
  bottom: 5px;
}
.articles__sidebarHeading {
  border-bottom: 4px solid #163953;
}
.articles__secondarySidebarHeading {
  border-bottom: 1px solid #163953;
}
.articles__sidebarList li {
  text-indent: -1em;
  padding-left: 1.3em;
}
.event-wrapper ul.articles__sidebarList li {
  font-size: 1em;
}
.articles__dynamic-content {
  margin-left: 5%;
  margin-right: 5%;
}
.wysiwyg figure.articles__smallImage {
  width: 50%;
  float: left;
}
.wysiwyg figure.articles__smallerImage {
  width: 45%;
  float: left;
}
.immigration__nav-bar {
  background-color: #382e2c;
}
.immigration__nav-bar-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}
@media all and (min-width: 48em) {
  .immigration__nav-bar-links {
    padding-top: 10px;
    padding-bottom: 10px;
    flex-direction: row;
  }
}
.immigration__nav-bar-link {
  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: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 0;
  transition: all 0.3s ease-in-out;
}
@media all and (min-width: 48em) {
  .immigration__nav-bar-link {
    padding: 5px 25px;
  }
}
@media all and (min-width: 62em) {
  .immigration__nav-bar-link {
    padding: 5px 40px;
  }
  .immigration__nav-bar-link:not(:last-of-type) {
    border-right: 1px solid #ffffff;
  }
}
.immigration__nav-bar-link:hover,
.immigration__nav-bar-link:focus {
  color: #f9c848;
}
.immigration__portraits,
.immigration__explore,
.immigration__thanks {
  background-color: #f4f0ed;
  padding-top: 60px;
  padding-bottom: 60px;
}
@media all and (min-width: 48em) {
  .immigration__portraits,
  .immigration__explore,
  .immigration__thanks {
    padding-top: 100px;
    padding-bottom: 60px;
  }
}
.immigration__portraits .card-simple {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.immigration__portraits .card-simple__figure {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 0;
}
.immigration__portraits .card-simple__figure:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 59.89304813%;
}
.immigration__portraits .card-simple__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .immigration__portraits .card-simple__figure img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.immigration__portraits .card-simple__content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
}
.immigration__engage-content {
  margin-bottom: 2.85714286em;
}
@media all and (min-width: 62em) {
  .immigration__engage-content {
    padding-right: 70px;
  }
}
.immigration__engage-content .wysiwyg {
  position: relative;
  padding-top: 1.42857143em;
}
.immigration__engage-content .wysiwyg:before {
  content: '';
  position: absolute;
  top: 1.42857143em;
  left: 0;
  width: 175px;
  height: 2px;
  background: #2b7fde;
}
.immigration__cards {
  display: flex;
  flex-wrap: wrap;
}
.immigration__card {
  width: 100%;
  padding: 0 1.28571429em;
  margin-bottom: 2.85714286em;
}
.immigration__card .card-small {
  -webkit-box-shadow: 0 6px 14px 0 rgba(145, 133, 131, 0.43);
  box-shadow: 0 6px 14px 0 rgba(145, 133, 131, 0.43);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.immigration__card .card-small:focus,
.immigration__card .card-small: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 (min-width: 48em) {
  .immigration__card {
    flex-basis: 50%;
  }
}
.immigration__stories {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media all and (min-width: 48em) {
  .immigration__stories {
    padding-top: 110px;
    padding-bottom: 110px;
  }
}
.immigration__explore-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: "one" "two" "four" "five" "six" "seven" "three";
}
.immigration__explore-grid [data-card-number="1"] {
  grid-area: one;
}
.immigration__explore-grid [data-card-number="2"] {
  grid-area: two;
}
.immigration__explore-grid [data-card-number="3"] {
  grid-area: three;
}
.immigration__explore-grid [data-card-number="4"] {
  grid-area: four;
}
.immigration__explore-grid [data-card-number="5"] {
  grid-area: five;
}
.immigration__explore-grid [data-card-number="6"] {
  grid-area: six;
}
.immigration__explore-grid [data-card-number="7"] {
  grid-area: seven;
}
@media all and (min-width: 48em) {
  .immigration__explore-grid {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 32px 32px;
    grid-template-areas: "one four" "one five" "two six" "three seven";
  }
}
.immigration__engage-title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.05555556;
  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: 200;
  color: #20191b;
  text-transform: uppercase;
  margin: 0;
}
.immigration__engage-pretitle + .immigration__engage-title {
  margin-top: 5px;
}
.immigration__engage-subtitle {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.21428571;
  margin: 0.71428571em 0 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;
  font-weight: 200;
  font-style: italic;
  color: #36333d;
}
.immigration__engage-side-card {
  margin-top: 45px;
  -webkit-box-shadow: 0 6px 14px 0 rgba(145, 133, 131, 0.43);
  box-shadow: 0 6px 14px 0 rgba(145, 133, 131, 0.43);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.immigration__engage-side-card:focus,
.immigration__engage-side-card:hover {
  box-shadow: 0 20px 10px -10px #808080;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.immigration__engage-side-card[data-bp="med"] {
  display: none;
}
@media all and (min-width: 48em) {
  .immigration__engage-side-card[data-bp="med"] {
    display: block;
  }
}
@media all and (min-width: 48em) {
  .immigration__engage-side-card[data-bp="sm"] {
    display: none;
  }
}
.immigration__policies {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media all and (min-width: 48em) {
  .immigration__policies {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.immigration__stories--slideContent {
  padding: 1em 1.5em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 30px;
  text-align: center;
}
@media all and (min-width: 48em) {
  .immigration__stories--slideContent {
    margin-top: 0;
    padding: 45px 125px 2em 0;
    flex: 0 0 auto;
    width: calc( ( 100% / 9 ) * 4 );
    text-align: left;
  }
}
@media all and (min-width: 62em) {
  .immigration__stories--slideContent {
    width: calc( ( 100% / 12 ) * 5 );
  }
}
.immigration__stories--slide {
  display: flex;
  flex-direction: column-reverse;
  font-style: normal;
}
@media all and (min-width: 48em) {
  .immigration__stories--slide {
    flex-direction: row;
  }
}
.immigration__stories--slide-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-size: 36px;
  font-size: 2.25rem;
  color: #20191b;
  font-weight: 200;
  margin-top: 0;
}
.immigration__stories--slide-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 2px;
  width: 5em;
  background-color: #910028;
  margin-top: 25px;
  transform: translateX(-50%);
}
@media all and (min-width: 48em) {
  .immigration__stories--slide-title:after {
    left: 0;
    transform: none;
  }
}
.immigration__stories-counter {
  position: absolute;
  bottom: -50px !important;
  z-index: 3;
  right: 50% !important;
  transform: translateX(50%);
}
.immigration__stories-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.85714286em;
}
.immigration__stories-controls--prev,
.immigration__stories-controls--next {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.immigration__stories-controls--prev:after,
.immigration__stories-controls--next:after {
  font-family: "motif-icons";
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 6px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  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;
  font-size: 42px;
  font-weight: bold;
  color: #cf333c;
}
.immigration__stories-flex-control-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.immigration__stories-flex-control-nav li:before {
  display: none;
}
.immigration__stories-flex-control-nav li a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  color: #36333d;
  font-weight: 400;
  font-style: normal;
  display: block;
  padding: 10px;
  background: transparent;
}
.immigration__stories-flex-control-nav li a.immigration__stories-flex-active {
  background: #cf333c;
  color: #ffffff;
}
.immigration__stories-images {
  display: flex;
  justify-content: flex-end;
}
@media all and (min-width: 48em) {
  .immigration__stories-images {
    display: block;
    width: calc( ( 100% / 9 ) * 5 );
    position: relative;
    flex: 0 0 auto;
  }
  .immigration__stories-images[data-images="2"] {
    margin-bottom: 24px;
  }
}
@media all and (min-width: 48em) and all and (min-width: 48em) {
  .immigration__stories-images[data-images="2"] {
    margin-bottom: 30px;
  }
}
@media all and (min-width: 62em) {
  .immigration__stories-images {
    width: calc( ( 100% / 12 ) * 7 );
  }
}
.immigration__stories-figure[data-pos="1"] {
  position: relative;
  width: 100%;
  margin: 0;
}
.immigration__stories-figure[data-pos="1"]:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 100%;
}
.immigration__stories-figure[data-pos="1"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .immigration__stories-figure[data-pos="1"] img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media all and (min-width: 48em) {
  [data-images="1"] .immigration__stories-figure[data-pos="1"] {
    position: relative;
    width: 100%;
    margin: 0;
  }
  [data-images="1"] .immigration__stories-figure[data-pos="1"]:before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 51.57750343%;
  }
  [data-images="1"] .immigration__stories-figure[data-pos="1"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .no-objectfit [data-images="1"] .immigration__stories-figure[data-pos="1"] img {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}
[data-images="2"] .immigration__stories-figure[data-pos="1"] {
  width: 75%;
}
@media all and (min-width: 48em) {
  [data-images="2"] .immigration__stories-figure[data-pos="1"] {
    position: relative;
    width: 100%;
    margin: 0;
    width: calc( 100% - ( ( 100% / 5 ) * 1 ) );
  }
  [data-images="2"] .immigration__stories-figure[data-pos="1"]:before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 56.32%;
  }
  [data-images="2"] .immigration__stories-figure[data-pos="1"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
  }
  .no-objectfit [data-images="2"] .immigration__stories-figure[data-pos="1"] img {
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
}
@media all and (min-width: 62em) {
  [data-images="2"] .immigration__stories-figure[data-pos="1"] {
    width: calc( 100% - ( ( 100% / 7 ) * 1 ) );
  }
}
.immigration__stories-figure[data-pos="2"] {
  position: absolute;
  width: 50%;
  left: 0;
  bottom: -20px;
}
@media all and (min-width: 48em) {
  .immigration__stories-figure[data-pos="2"] {
    left: auto;
    right: 0;
    bottom: -30px;
    width: calc( ( 100% / 5 ) * 2 );
  }
}
@media all and (min-width: 62em) {
  .immigration__stories-figure[data-pos="2"] {
    width: calc( ( 100% / 7 ) * 2 );
  }
}
@media all and (min-width: 48em) {
  .wrapper-pinch {
    padding-left: calc( ( 100% / 12 ) * 1 );
    padding-right: calc( ( 100% / 12 ) * 1 );
  }
}
@media all and (min-width: 62em) {
  .wrapper-pinch {
    padding-left: calc( ( 100% / 18 ) * 1 );
    padding-right: calc( ( 100% / 18 ) * 1 );
  }
}
.impactHero {
  background-color: #20191b;
  margin-bottom: -32px;
}
@media all and (min-width: 48em) {
  .impactHero {
    background-color: #ffffff;
    margin-bottom: 0;
  }
}
.impactHero__figure-wrap {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column-reverse;
}
.impactHero__figure-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background: linear-gradient(360deg, #20191b 30%, rgba(32, 25, 27, 0) 70%);
}
@media all and (min-width: 48em) {
  .impactHero__figure-wrap {
    display: block;
    min-height: 300px;
  }
  .impactHero__figure-wrap:after {
    display: none;
  }
}
.impactHero__figure {
  position: relative;
  width: 100%;
  margin: 0;
}
.impactHero__figure:before {
  content: "";
  width: 100%;
  display: block;
  padding-top: 71.02803738%;
}
.impactHero__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
.no-objectfit .impactHero__figure img {
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
@media all and (min-width: 48em) {
  .impactHero__figure {
    position: absolute;
    right: 0;
    width: 71%;
    height: 100%;
    top: 50%;
    left: unset;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
  }
  .impactHero__figure:before {
    display: none;
  }
}
.impactHero__content-wrap {
  position: relative;
  z-index: 0;
}
.impactHero__content-bg {
  background: linear-gradient(#20191b 50%, rgba(32, 25, 27, 0) 70%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 20px 0;
}
@media all and (min-width: 48em) {
  .impactHero__content-bg {
    background: linear-gradient(270deg, rgba(32, 25, 27, 0) 60%, #20191b 70%);
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 80px;
    min-height: 300px;
  }
}
.impactHero__content {
  margin-top: 30px;
}
@media all and (min-width: 48em) {
  .impactHero__content {
    margin-top: 0;
    max-width: 315px;
  }
}
.impactHero__headline {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif !important;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: 400;
  margin-top: 0;
}
@media all and (min-width: 48em) {
  .impactHero__headline {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 1.2;
  }
}
.impactHero__subhead {
  font-family: 'Open Sans', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  color: #ffffff;
  margin-top: 20px;
}
.impactHero__subhead:before {
  content: '';
  display: block;
  width: 5.35714286em;
  height: 0.14285714em;
  margin: 1.42857143em 0;
  background: #cf333c;
}
@media all and (min-width: 62em) {
  .impactHero__subhead:before {
    width: 5.35714286em;
    height: 0.14285714em;
  }
}
.impactHero__impact-statement {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2;
  display: block;
  color: #fff;
  width: 100%;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
}
.impactHero__impact-statement.text--yellow {
  color: #f9c848;
}
.impactHero__impact-statement pre {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.20833333;
  font-family: "Requiem Text A", "Requiem Text B", Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif !important;
  margin-top: 0;
}
@media all and (min-width: 48em) {
  .impactHero__impact-statement pre {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
  }
}
@media all and (min-width: 48em) {
  .impactHero__impact-statement .wysiwyg {
    padding-right: 30%;
  }
}
@media all and (min-width: 48em) {
  .impactHero__impact-statement {
    width: calc(83.33333333%);
    margin-top: -100px;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 60px;
  }
}
.impactHero__breadcrumbs {
  background-color: #382e2c;
  color: #ffffff;
}
.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,
#recent-episodes .effectiveImplementationFramework__row,
#recent-episodes .effectiveImplementationFrameworkNav {
  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;
}
.bg--wwa-header {
  background-color: #a69e94 !important;
}
/* 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;
}
.text--dark-brown {
  color: #20191b;
}
.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 {
  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;
  line-height: 1.6;
}
blockquote footer {
  margin-top: 1.42857143em;
}
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;
  line-height: 1.6;
}
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,
.list--info-bar .search-area--trigger a {
  padding-right: 0 !important;
}
.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: 0.71428571em;
  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;
  border: 1px solid #696b73;
  border-width: 1px 0 1px 1px;
}
.attached-label .filter-search-input:focus {
  background-color: transparent;
}
.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: 1px solid #696b73;
  border-width: 1px 1px 1px 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 !important;
  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;
}
.person-filters input[type=checkbox] + .fake-input {
  border-color: #3e7ae1;
}
.person-filters input[type="radio"]:checked + .fake-input:after,
.person-filters 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,
.split-interactive-banner__hidden-copy-wrapper .wysiwyg .effectiveImplementationFrameworkComponent__title,
.split-interactive-banner__hidden-copy-wrapper .wysiwyg .effectiveImplementationFrameworkIndicator__title,
.split-interactive-banner__hidden-copy-wrapper .wysiwyg .effectiveImplementationFrameworkPanel__title,
.split-interactive-banner__hidden-copy-wrapper .wysiwyg .effectiveImplementationFrameworkResources__title {
  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,
.two-choice-section__content-cta .effectiveImplementationFrameworkNav__button {
  -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: none;
  margin: 4% auto;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.is-faded .featured-person--video__content {
  display: inline-block;
}
.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: #f4f0ed;
  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: #f4f0ed;
  right: 100%;
}
.full-band-callout.split-grey .full-band-callout--copy-wrapper {
  padding: 1.42857143em;
  background: #f4f0ed;
}
.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: #f4f0ed;
  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;
}
/* Topic Pages
   ========================================================================== */
.topic .topic-filters a {
  font-style: normal;
  cursor: pointer;
  color: #36333d;
  font-weight: normal;
}
.topic .topic-filters a:hover {
  color: #9d2125;
}
.topic .topic-filters a.active-filter {
  border-left: 5px solid #cf333c;
  padding-left: 4px;
  font-weight: bold;
}
/* Person Pages
   ========================================================================== */
.person .wysiwyg {
  color: #36333d;
}
.person .icon--twitter {
  margin-left: -7px;
}
.person-education p:first-of-type {
  margin: 0;
}
.person--featured-section-header {
  border-bottom: 4px solid #163953;
}
.person .author-info {
  margin-bottom: 0;
}
.person-filters {
  padding-left: 0.14285714em;
}
/*
    .person-bio {
        &.is-condensed {
            max-height:300px;
        }
    }
    */
.can-condense {
  position: relative;
  overflow: hidden;
}
.can-condense .show-more {
  display: none;
  position: absolute;
  bottom: 0;
  right: 30px;
  z-index: 5;
}
.can-condense.is-condensed {
  padding-bottom: 30px;
}
.can-condense.is-condensed:after {
  content: "";
  display: block;
  padding-top: 60px;
  z-index: 4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: transparent;
  background: -moz-linear-gradient(180deg, rgba(244, 240, 237, 0) 0%, #f4f0ed 50%, #f4f0ed 100%);
  background: -webkit-linear-gradient(180deg, rgba(244, 240, 237, 0) 0%, #f4f0ed 50%, #f4f0ed 100%);
  background: linear-gradient(180deg, rgba(244, 240, 237, 0) 0%, #f4f0ed 50%, #f4f0ed 100%);
}
.can-condense.is-condensed .show-more {
  display: block;
}
/* 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;
}
/* Articles 2.0 */
.card-event-lead figure img {
  display: block;
}
.event-wrapper p {
  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.28571429em;
}
.event-wrapper ul li {
  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.28571429em;
}
.event-wrapper ol li {
  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.28571429em;
  line-height: 1.8;
}
/* *** Warrior Wellness Alliance ** */
.wwa-link-item {
  color: #ffffff !important;
}
.wwa-secondary-nav {
  border-left: 8px solid #cf333c;
  height: 60px;
  vertical-align: middle;
}
.wwa-primary-header {
  font-family: Futura PT, Helvetica, Arial, sans-serif;
}
.wwa-secondary-header {
  margin-top: 15px;
  letter-spacing: normal;
  line-height: 1.4em;
}
.wwa-secondary-header .line-split {
  display: block;
}
.wwa-cta {
  width: 33.33333%;
  float: left;
  height: 240px;
}
.wwa-cta p {
  font-style: normal;
  font-weight: 400;
}
.wwa-cta .link--action {
  font-style: italic;
  text-decoration: underline;
}
.wwa-cta .link--action:after {
  border-left-color: #ffffff;
}
a .wwa-cta {
  transition-duration: .4s;
}
a .bg--glory.wwa-cta:hover {
  box-shadow: 0 60px 0 0 #cf333c;
}
a .bg--navy.wwa-cta:hover {
  box-shadow: 0 60px 0 0 #08215a;
}
a .bg--cool-grey.wwa-cta:hover {
  box-shadow: 0 60px 0 0 #696b73;
}
.wwa-cta--headline {
  font-family: Futura PT, Open Sans, Helvetica, Arial, sans-serif;
  font-style: normal;
}
.wwa-hero {
  height: 700px;
  background-image: url(https://gwbcenter.imgix.net/Explore_Our_Work/Fostering_Policy/Veteran_Transition/WWA/wwa-cover-photo2.jpg?w=1200&q=55);
  background-size: cover;
}
.wwa-hero-small {
  height: 300px;
  background-image: url('//gwbcenter.imgix.net/Explore_Our_Work/Fostering_Policy/Veteran_Transition/WWA/team-rwb-1.jpg?h=300&w=900&fit=crop&crop=faces');
  background-size: cover;
}
.wwa-about {
  margin-top: -125px;
}
.wwa-about figure a {
  border: none;
}
.wwa-about h4,
.wwa-about p {
  padding-left: 4em;
  padding-right: 4em;
}
@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;
  }
  /* ************************
Warrior Wellness Alliance Styles
************************* */
  .wwa-title {
    height: 250px;
    position: relative;
    background-image: url(https://gwbcenter.imgix.net/Explore_Our_Work/Fostering_Policy/Veteran_Transition/WWA/wwa-header-white-72a.jpg?w=600&q=55);
    background-size: cover;
  }
  .wwa-title h1 {
    font-size: 1.2rem;
    font-weight: 900;
    margin-bottom: 0;
    position: absolute;
    bottom: 55px;
  }
  .wwa-title h2 {
    position: absolute;
    bottom: 10px;
    font-size: .8em;
  }
  .wwa-cta {
    width: 100%;
    height: 190px;
  }
  .wwa-cta p {
    font-style: normal;
    font-weight: 400;
  }
  .wwa-cta .link--action {
    font-style: italic;
    text-decoration: underline;
  }
  .wwa-cta .link--action:after {
    border-left-color: #ffffff;
  }
  .wwa-cta h3 {
    margin-top: 1em;
  }
  .wwa-cta p {
    margin-top: .75em;
  }
  a .bg--glory.wwa-cta:hover {
    box-shadow: none;
  }
  a .bg--navy.wwa-cta:hover {
    box-shadow: none;
  }
  a .bg--cool-grey.wwa-cta:hover {
    box-shadow: none;
  }
  .wwa-about {
    margin-top: 0;
  }
  .wwa-about h4,
  .wwa-about p {
    padding-left: 0;
    padding-right: 0;
  }
  .wwa-hero-small {
    height: 150px;
    background-image: url('//gwbcenter.imgix.net/Explore_Our_Work/Fostering_Policy/Veteran_Transition/WWA/team-rwb-1.jpg?h=150&w=500&fit=crop&crop=faces');
    background-size: cover;
  }
  .wwa-secondary-header .line-split {
    display: inline;
  }
}
@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%;
  }
  .person-sidebar {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-left: 2.14285714em;
    margin-right: 2.14285714em;
    padding-left: 0;
    padding-right: 0;
  }
  .person-filters {
    padding-left: 0.71428571em;
  }
}
/**
 * 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: 16px;
    font-size: 1rem;
  }
  /* 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: -8px;
  }
  .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;
  }
  /* 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: 24px;
  }
  .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 {
    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,
.panel--inverse .effectiveImplementationFrameworkNav__button,
.panel--inverse .effectiveImplementationFrameworkNav__button:hover,
.panel--inverse .effectiveImplementationFrameworkNav__button: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 */