@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F; }

.flickity-prev-next-button:active {
  filter: alpha(opacity=60);
  /* IE8 */
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30);
  /* IE8 */
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25);
  /* IE8 */
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100);
  /* IE8 */
  opacity: 1; }

/*
 * Breakpoints
 */
.u-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 46.25em) {
    .u-container {
      padding-left: 40px;
      padding-right: 40px; } }

.u-cf:before, .Header-content:before, .LocationBar:before, .PageBreak--staff:before, .u-cf:after, .Header-content:after, .LocationBar:after, .PageBreak--staff:after {
  content: " ";
  display: table; }
.u-cf:after, .Header-content:after, .LocationBar:after, .PageBreak--staff:after {
  clear: both; }

.u-hiddenVisually, .SearchBox-label, .SearchBox-buttonText {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important; }

.u-alignVertically, .LocationBar-toggle .Icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.u-ir, .Branding {
  background-color: transparent;
  border: 0;
  overflow: hidden; }

.u-ir:before, .Branding:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.u-spaceTop {
  margin-top: 25px !important; }
  @media (min-width: 46.25em) {
    .u-spaceTop {
      margin-top: 50px !important; } }

.u-spaceTop--small {
  margin-top: 10px !important; }
  @media (min-width: 46.25em) {
    .u-spaceTop--small {
      margin-top: 15px !important; } }

.u-spaceBottom {
  margin-bottom: 25px !important; }
  @media (min-width: 46.25em) {
    .u-spaceBottom {
      margin-bottom: 50px !important; } }

@font-face {
  font-family: 'Questa Sans';
  src: url("/assets/fonts/questa-sans/regular/questa-sans-regular.eot");
  src: url("/assets/fonts/questa-sans/regular/questa-sans-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/questa-sans/regular/questa-sans-regular.woff2") format("woff2"), url("/assets/fonts/questa-sans/regular/questa-sans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Questa Sans';
  src: url("/assets/fonts/questa-sans/bold/questa-sans-bold.eot");
  src: url("/assets/fonts/questa-sans/bold/questa-sans-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/questa-sans/bold/questa-sans-bold.woff2") format("woff2"), url("/assets/fonts/questa-sans/bold/questa-sans-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Questa Sans';
  src: url("/assets/fonts/questa-sans/italic/questa-sans-regular-italic.eot");
  src: url("/assets/fonts/questa-sans/italic/questa-sans-regular-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/questa-sans/italic/questa-sans-regular-italic.woff2") format("woff2"), url("/assets/fonts/questa-sans/italic/questa-sans-regular-italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Questa Sans';
  src: url("/assets/fonts/questa-sans/bold-italic/questa-sans-bold-italic.eot");
  src: url("/assets/fonts/questa-sans/bold-italic/questa-sans-bold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/questa-sans/bold-italic/questa-sans-bold-italic.woff2") format("woff2"), url("/assets/fonts/questa-sans/bold-italic/questa-sans-bold-italic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Questa';
  src: url("/assets/fonts/questa/italic/questa-italic.eot");
  src: url("/assets/fonts/questa/italic/questa-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/questa/italic/questa-italic.woff2") format("woff2"), url("/assets/fonts/questa/italic/questa-italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Copernicus';
  src: url("/assets/fonts/copernicus/bold-italic/copernicus-bold-italic.eot");
  src: url("/assets/fonts/copernicus/bold-italic/copernicus-bold-italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/copernicus/bold-italic/copernicus-bold-italic.woff2") format("woff2"), url("/assets/fonts/copernicus/bold-italic/copernicus-bold-italic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Copernicus';
  src: url("/assets/fonts/copernicus/bold/copernicus-bold.eot");
  src: url("/assets/fonts/copernicus/bold/copernicus-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/copernicus/bold/copernicus-bold.woff2") format("woff2"), url("/assets/fonts/copernicus/bold/copernicus-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }
*,
*:before,
*:after {
  box-sizing: border-box; }

html {
  line-height: 1.0;
  font-family: "Questa Sans", "Calibri", "PT Sans", "Droid Sans", "Trebuchet MS", sans-serif;
  color: #333;
  background: #333; }

body {
  text-rendering: optimizeLegibility;
  background: #fff; }

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0; }

button {
  background: transparent;
  border: 0;
  padding: 0; }

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

iframe {
  border: 0; }

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

a {
  color: #2889c0; }
  a:visited, a:hover, a:active {
    color: #2889c0; }

/**
 * Suppress the focus outline on links that cannot be accessed via keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 */
[tabindex="-1"]:focus {
  outline: none !important; }

/**
 * Hide/show elements based on page states...
 */
.js-search-hide-small,
.js-search-hide-medium,
.js-search-hide-large {
  opacity: 1;
  transition: opacity .1s ease-in-out; }

@media (max-width: 46.24em) {
  .pnav-open .js-pnav-hide {
    display: none; }

  .search-open .js-search-hide-small {
    opacity: 0; } }
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .search-open .js-search-hide-medium {
    opacity: 0; } }
@media (min-width: 61.25em) {
  .search-open .js-search-hide-large {
    opacity: 0; } }
/**
 * Shared slient classes 
 */
.ImageGrid-title, .StaffList-title, .Text h2 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 0.7em;
  letter-spacing: 2px;
  border-bottom: 1px solid #ddd;
  text-transform: uppercase; }
  @media (min-width: 46.25em) {
    .ImageGrid-title, .StaffList-title, .Text h2 {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.03846; } }

.ContactCard .ContactCard-avatar, .PageBreak--staff .PageBreak-personAvatar, .StaffList-avatar {
  border-radius: 100%;
  border: 1px solid #ddd;
  width: 80px;
  height: 80px;
  overflow: hidden;
  background-color: #fff; }
  .ContactCard .ContactCard-avatar img, .PageBreak--staff .PageBreak-personAvatar img, .StaffList-avatar img {
    width: 100%; }

.BlockNav-items, .ContextualNav-items, .FeaturedArticle-content, .ImageGrid-items, .Page-content, .Pagination-container {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -16px; }
  .BlockNav-items:before, .ContextualNav-items:before, .FeaturedArticle-content:before, .ImageGrid-items:before, .Page-content:before, .Pagination-container:before, .BlockNav-items:after, .ContextualNav-items:after, .FeaturedArticle-content:after, .ImageGrid-items:after, .Page-content:after, .Pagination-container:after {
    content: " ";
    display: table; }
  .BlockNav-items:after, .ContextualNav-items:after, .FeaturedArticle-content:after, .ImageGrid-items:after, .Page-content:after, .Pagination-container:after {
    clear: both; }
  .BlockNav-items > .BlockNav-items, .ContextualNav-items > .BlockNav-items, .FeaturedArticle-content > .BlockNav-items, .ImageGrid-items > .BlockNav-items, .Page-content > .BlockNav-items, .Pagination-container > .BlockNav-items, .BlockNav-items > .ContextualNav-items, .ContextualNav-items > .ContextualNav-items, .FeaturedArticle-content > .ContextualNav-items, .ImageGrid-items > .ContextualNav-items, .Page-content > .ContextualNav-items, .Pagination-container > .ContextualNav-items, .BlockNav-items > .FeaturedArticle-content, .ContextualNav-items > .FeaturedArticle-content, .FeaturedArticle-content > .FeaturedArticle-content, .ImageGrid-items > .FeaturedArticle-content, .Page-content > .FeaturedArticle-content, .Pagination-container > .FeaturedArticle-content, .BlockNav-items > .ImageGrid-items, .ContextualNav-items > .ImageGrid-items, .FeaturedArticle-content > .ImageGrid-items, .ImageGrid-items > .ImageGrid-items, .Page-content > .ImageGrid-items, .Pagination-container > .ImageGrid-items, .BlockNav-items > .Page-content, .ContextualNav-items > .Page-content, .FeaturedArticle-content > .Page-content, .ImageGrid-items > .Page-content, .Page-content > .Page-content, .Pagination-container > .Page-content, .BlockNav-items > .Pagination-container, .ContextualNav-items > .Pagination-container, .FeaturedArticle-content > .Pagination-container, .ImageGrid-items > .Pagination-container, .Page-content > .Pagination-container, .Pagination-container > .Pagination-container {
    margin-left: 0; }

.BlockNav-item, .ContextualNav-column, .FeaturedArticle-image,
.FeaturedArticle-details, .ImageGrid-item, .Page-header, .Pagination-move, .Pagination-items, .Tabs {
  padding-left: 16px;
  width: 100%;
  box-sizing: border-box;
  float: left; }

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.Grid`.
 */
/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.Grid`.
 */
/**
 * Create grids with narrower gutters. Extends `.Grid`.
 */
/**
 * Create grids with wider gutters. Extends `.Grid`.
 */
[class*="u-push-"],
[class*="u-pull-"] {
  position: relative; }

/**
 * Whole
 */
.Page-header, .Section.Section--wide {
  width: 100%; }

/**
 * Halves
 */
.Pagination-move {
  width: 50%; }

/**
 * Thirds
 */
/**
 * Quarters
 */
/**
 * Fifths
 */
/**
 * Sixths
 */
/**
 * Eighths
 */
/**
 * Tenths
 */
/**
 * Twelfths
 */
/**
 * Whole
 */
.Page-header, .Section.Section--wide {
  width: 100%; }

/**
 * Halves
 */
.Pagination-move {
  width: 50%; }

/**
 * Thirds
 */
/**
 * Quarters
 */
/**
 * Fifths
 */
/**
 * Sixths
 */
/**
 * Eighths
 */
/**
 * Tenths
 */
/**
 * Twelfths
 */
/**
 * Whole
 */
/**
 * Halves
 */
/**
 * Thirds
 */
/**
 * Quarters
 */
/**
 * Fifths
 */
/**
 * Sixths
 */
/**
 * Eighths
 */
/**
 * Tenths
 */
/**
 * Twelfths
 */
/**
 * Whole
 */
/**
 * Halves
 */
/**
 * Thirds
 */
/**
 * Quarters
 */
/**
 * Fifths
 */
/**
 * Sixths
 */
/**
 * Eighths
 */
/**
 * Tenths
 */
/**
 * Twelfths
 */
@media (min-width: 23.75em) {
  /**
   * Whole
   */
  /**
   * Halves
   */
  .BlockNav-item, .ImageGrid-item, .StaffList-person {
    width: 50%; }

  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */ }
@media (min-width: 35em) {
  /**
   * Whole
   */
  /**
   * Halves
   */
  .FeaturedArticle-image,
  .FeaturedArticle-details, .ContactCard, .ContentGrid-block, .Text .Note {
    width: 50%; }

  /**
   * Thirds
   */
  .ArticlesList--horizontal .ArticlesList-article {
    width: 33.333%; }

  /**
   * Quarters
   */
  /**
   * Fifths
   */
  .Pagination-move {
    width: 20%; }

  .Pagination-items {
    width: 60%; }

  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */ }
@media (min-width: 46.25em) {
  /**
   * Whole
   */
  .Page-intro {
    width: 100%; }

  /**
   * Halves
   */
  .Text blockquote.Quote--right, .Text blockquote.Quote--left {
    width: 50%; }

  /**
   * Thirds
   */
  .BlockNav-item, .ImageGrid-item, .StaffList-person {
    width: 33.333%; }

  /**
   * Quarters
   */
  /**
   * Fifths
   */
  .ContextualNav-column {
    width: 20%; }

  .Page-bannerContentInner, .Section {
    width: 80%; }

  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  .PageBreak--staff .PageBreak-personName, .PageBreak--staff .PageBreak-personMeta li, .Text dt {
    width: 30%; }

  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  .ContextualNav-column {
    left: 20%; }

  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  .Section {
    left: 10%; }

  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */ }
@media (min-width: 61.25em) {
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  .BlockNav-item, .ContentGrid-block, .ImageGrid-item {
    width: 33.333%; }

  /**
   * Quarters
   */
  /**
   * Fifths
   */
  .PageBreak--links .PageBreak-item, .PageBreak--staff .PageBreak-personName, .PageBreak--staff .PageBreak-personMeta li, .PageBreak--date .PageBreak-date, .Pagination-move, .StaffList-person {
    width: 20%; }

  .Pagination-items, .Section {
    width: 60%; }

  .Page-intro {
    width: 80%; }

  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  .Section {
    left: 20%; }

  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */
  /**
   * Whole
   */
  /**
   * Halves
   */
  /**
   * Thirds
   */
  /**
   * Quarters
   */
  /**
   * Fifths
   */
  /**
   * Sixths
   */
  /**
   * Eighths
   */
  /**
   * Tenths
   */
  /**
   * Twelfths
   */ }
.ArticlesFilter {
  border-bottom: 1px solid #ddd; }
  .ArticlesFilter a {
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase; }

.ArticlesFilter-types {
  font-size: 0; }

.ArticlesFilter-type {
  font-size: 13px;
  font-size: 0.8125rem;
  display: inline-block;
  border-bottom: 3px solid transparent; }
  .ArticlesFilter-type + .ArticlesFilter-type {
    border-left: 1px solid #ddd;
    padding-left: 15px; }

.ArticlesFilter-typeLink {
  padding: 6px 25px 12px 1px;
  display: block; }
  .ArticlesFilter-typeLink:link, .ArticlesFilter-typeLink:visited, .ArticlesFilter-typeLink:active {
    color: #999; }
  .ArticlesFilter-typeLink:hover {
    color: #000; }

.ArticlesFilter-type.is-current {
  font-weight: bold;
  border-bottom: 3px solid #000; }
  .ArticlesFilter-type.is-current .ArticlesFilter-typeLink {
    color: #000; }

.ArticlesFilter-categories {
  border-top: 1px solid #ddd;
  padding: 14px 0 14px 1px; }

.ArticlesFilter-category {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4em;
  display: inline-block;
  margin-right: 10px; }
  .ArticlesFilter-category:last-child {
    margin-right: 0; }

.ArticlesFilter-catLink:hover {
  text-decoration: underline; }
@media (max-width: 34.99em) {
  .ArticlesFilter-catLink span {
    display: none; } }

.ArticlesFilter-category.is-current .ArticlesFilter-catLink {
  font-weight: bold; }
  .ArticlesFilter-category.is-current .ArticlesFilter-catLink:link, .ArticlesFilter-category.is-current .ArticlesFilter-catLink:visited, .ArticlesFilter-category.is-current .ArticlesFilter-catLink:hover, .ArticlesFilter-category.is-current .ArticlesFilter-catLink:active {
    color: #000; }
  .ArticlesFilter-category.is-current .ArticlesFilter-catLink:hover {
    text-decoration: none; }

.ArticlesList img {
  width: 100%; }

.ArticlesList-pubdate {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #999;
  margin-bottom: 0.5em;
  display: block; }

.ArticlesList-image {
  margin-bottom: 14px;
  display: block; }

.ArticlesList-title {
  font-size: 24px;
  font-size: 1.5rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 0.3em;
  letter-spacing: 1px; }
  .ArticlesList-title a {
    text-decoration: none;
    color: #000; }

.ArticlesList-snippet p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  display: inline; }

.ArticlesList-readMore {
  text-decoration: none;
  font-weight: bold; }

.ArticlesList--vertical .ArticlesList-article {
  border-bottom: 1px solid #ddd;
  padding: 20px 0 20px 0; }
  .ArticlesList--vertical .ArticlesList-article:last-child {
    border-bottom: 0; }
  @media (min-width: 35em) {
    .ArticlesList--vertical .ArticlesList-article {
      padding: 30px 0 30px 0; } }

.ArticlesList--horizontal .ArticlesList-articles {
  font-size: 0;
  padding: 0 16px; }
  @media (min-width: 35em) {
    .ArticlesList--horizontal .ArticlesList-articles {
      padding: 0 3%; } }
.ArticlesList--horizontal .ArticlesList-article {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px; }
  @media (min-width: 35em) {
    .ArticlesList--horizontal .ArticlesList-article {
      padding: 0 3% 14px 3%;
      margin-bottom: 0; } }

@media (min-width: 35em) {
  .ArticlesList--search {
    margin-top: 10px; } }
.ArticlesList--search .ArticlesList-title a {
  color: #2889c0; }

.Branding {
  display: inline-block;
  position: relative;
  z-index: 2; }

.Branding-primary,
.Branding-secondary {
  display: block;
  text-align: center; }

.Branding-primary {
  color: #010202; }

.Branding-secondary {
  color: #9A9999; }

.Branding {
  background-image: url("/assets/img/sps-logo.png");
  background-image: linear-gradient(transparent, transparent), url("/assets/img/sps-logo.png");
  background-size: 100%;
  -ms-behavior: url(/assets/js/backgroundsize.htc);
  width: 188px;
  height: 50px;
  background-repeat: no-repeat;
  top: 1px; }
  @media (max-width: 46.24em) {
    .Branding {
      width: 148px;
      height: 30px; } }

.Branding--footer {
  background-image: url("/assets/img/sps-logo-white.png");
  background-image: linear-gradient(transparent, transparent), url("/assets/img/sps-logo-white.png");
  width: 135px;
  height: 28px; }

.BlockNav {
  overflow: hidden; }

.BlockNav-item {
  position: relative;
  margin-bottom: 16px; }

.BlockNav-link {
  background-size: cover;
  -ms-behavior: url(/assets/js/backgroundsize.htc);
  background-repeat: no-repeat;
  padding-bottom: 56%;
  display: block;
  position: relative; }
  .BlockNav-link:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.3;
    transition: opacity .2s ease-in-out;
    content: ' ';
    z-index: 1; }
  .BlockNav-link:hover:after {
    opacity: 0; }

.BlockNav-text {
  font-size: 16px;
  font-size: 1rem;
  top: 50%;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  width: 100%;
  z-index: 2;
  display: block; }

.Button, .Form-button {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  display: inline-block;
  color: #fff;
  padding: 0.7em 2em 0.75em 2em;
  background: #000;
  text-decoration: none;
  line-height: 1.1; }
  .Button:link, .Form-button:link, .Button:visited, .Form-button:visited, .Button:hover, .Form-button:hover, .Button:active, .Form-button:active {
    color: #fff; }
  .is-cc .Button, .is-cc .Form-button {
    background: #181e42; }

.Carousel {
  padding-bottom: 30px; }
  .Carousel img {
    height: 200px;
    display: block;
    border-right: 2px solid #fff; }
    @media (min-width: 46.25em) {
      .Carousel img {
        height: 300px; } }
  .Carousel picture {
    display: block; }
  .Carousel figure {
    position: relative; }
    .Carousel figure figcaption {
      position: absolute;
      bottom: 10px;
      left: 10px;
      display: inline-block;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.3);
      padding: 5px 10px 7px 10px;
      font-size: 14px; }
  .Carousel .flickity-page-dots {
    margin: 0;
    bottom: -35px; }

.Carousel-content {
  background: #000;
  height: 200px; }
  @media (min-width: 46.25em) {
    .Carousel-content {
      height: 300px; } }

[data-js="no"] .Carousel {
  width: 100%;
  overflow: scroll;
  white-space: nowrap;
  font-size: 0; }
  [data-js="no"] .Carousel > * {
    display: inline-block; }

.ContactCard {
  background: #fff;
  border-top: 15px solid #c1a15d;
  border-bottom: 15px solid #c1a15d;
  padding: 25px 0;
  margin-bottom: 10px;
  text-align: center; }
  @media (min-width: 35em) {
    .ContactCard {
      float: right;
      margin-left: 16px; } }
  .ContactCard .ContactCard-meta {
    margin-bottom: 0; }
    .ContactCard .ContactCard-meta li {
      list-style: none;
      margin: 0;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.1; }
  .ContactCard .ContactCard-avatar {
    margin: 0 auto 20px auto; }
  .ContactCard .ContactCard-name {
    font-weight: bold;
    display: block;
    margin-bottom: 14px;
    letter-spacing: 0;
    text-transform: none; }
  .Text .ContactCard + h2, .Text .ContactCard + h3, .Text .ContactCard + h4, .Text .ContactCard + h5, .Text .ContactCard + h6 {
    clear: none; }

.ContactCard--left {
  margin-right: 16px;
  margin-left: 0; }
  @media (min-width: 35em) {
    .ContactCard--left {
      float: left; } }

.ContentGrid-title {
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1.2em; }

.ContentGrid-items {
  font-size: 0;
  overflow: hidden;
  margin-top: 20px; }
  .flexbox .ContentGrid-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media (min-width: 35em) {
      .flexbox .ContentGrid-items {
        margin-right: -16px; } }

.ContentGrid-block {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 16px;
  padding: 0 16px 0 0; }
  .flexbox .ContentGrid-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 34.99em) {
      .flexbox .ContentGrid-block {
        padding: 0; } }
    @media (min-width: 35em) and (max-width: 61.24em) {
      .flexbox .ContentGrid-block:nth-of-type(2n) {
        margin-right: -16px; } }
    @media (min-width: 61.25em) {
      .flexbox .ContentGrid-block:nth-of-type(3n) {
        margin-right: -16px; } }

.ContentGrid-item {
  background: #eee; }

.ContentPanel--news a:link,
.ContentPanel--news a:visited,
.ContentPanel--news a:active,
.ContentPanel--news a:hover {
  text-decoration: none; }
.ContentPanel--news .ContentPanel-image {
  width: 100%; }
.ContentPanel--news .ContentPanel-section {
  padding: 15px 30px 0 0; }
.ContentPanel--news .ContentPanel-title {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 10px; }
  .ContentPanel--news .ContentPanel-title a:link,
  .ContentPanel--news .ContentPanel-title a:visited,
  .ContentPanel--news .ContentPanel-title a:active,
  .ContentPanel--news .ContentPanel-title a:hover {
    color: #000; }
.ContentPanel--news .ContentPanel-summary {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3; }

.ContentPanel--admissions {
  background: #f5f5f5;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .ContentPanel--admissions p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3; }
  .ContentPanel--admissions p + p {
    margin-top: 1.0em; }
  .ContentPanel--admissions .ContentPanel-section {
    padding: 15px 20px 20px 20px; }
  .ContentPanel--admissions .ContentPanel-body {
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .ContentPanel--admissions .ContentPanel-title {
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: bold; }
  .ContentPanel--admissions .ContentPanel-footer {
    background: #ededed;
    border-top: 1px solid #ddd; }
  .ContentPanel--admissions .ContentPanel-cta {
    margin-top: 20px; }
  .ContentPanel--admissions .ContentPanel-visitLink {
    float: right; }

.ContextualNav-column {
  position: relative; }

.ContextualNav-item {
  padding: 6px 16px; }
  @media (min-width: 46.25em) {
    .ContextualNav-item {
      padding: 10px 0; } }

.ContextualNav-link:link, .ContextualNav-link:visited, .ContextualNav-link:active {
  text-decoration: none; }
.ContextualNav-link:hover {
  text-decoration: underline; }
.ContextualNav-item.is-current .ContextualNav-link:link, .ContextualNav-item.is-current .ContextualNav-link:visited, .ContextualNav-item.is-current .ContextualNav-link:active, .ContextualNav-item.is-current .ContextualNav-link:hover {
  color: #000;
  text-decoration: none; }

.FeaturedArticle {
  border-top: 3px solid #2889c0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 32px; }
  .FeaturedArticle img {
    width: 100%; }

.FeaturedArticle-content {
  overflow: hidden; }

.FeaturedArticle-label {
  font-size: 14px;
  font-size: 0.875rem;
  background: #2889c0;
  display: inline-block;
  position: absolute;
  padding: 5px 10px 7px 10px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-left: 32px; }

.FeaturedArticle-details {
  padding-top: 16px; }

.FeaturedArticle-pubdate {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #999;
  margin-bottom: 0.5em;
  display: block; }

.FeaturedArticle-title {
  font-size: 30px;
  font-size: 1.875rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 0.3em;
  letter-spacing: 1px; }
  @media (min-width: 46.25em) {
    .FeaturedArticle-title {
      font-size: 48px;
      font-size: 3rem; } }

.FeaturedArticle-snippet p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.45;
  margin-bottom: 1.0em; }
  @media (min-width: 46.25em) {
    .FeaturedArticle-snippet p {
      font-size: 19px;
      font-size: 1.1875rem; } }

.FeaturedArticle-readMore {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold; }

.Footer {
  background: #0a0a0a; }
  .is-cc .Footer {
    background: #181e42; }

.Footer-top {
  padding-top: 25px;
  padding-bottom: 25px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.Footer-bottom {
  padding-top: 25px;
  border-top: 1px solid #666; }
  @media (min-width: 46.25em) {
    .Footer-bottom {
      overflow: hidden;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }

.Footer-social {
  font-size: 0;
  margin-left: auto;
  float: right; }

.Footer-socialLink {
  display: inline-block;
  font-size: 14px; }
  .Footer-socialLink + .Footer-socialLink {
    margin-left: 10px; }
  .Footer-socialLink span {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; }

.Footer-navItems {
  font-size: 0;
  padding-bottom: 25px; }
  @media (min-width: 46.25em) {
    .Footer-navItems {
      float: left; } }

.Footer-navItem {
  position: relative;
  display: inline-block;
  margin: 5px 12px 5px 0; }
  @media (min-width: 35em) {
    .Footer-navItem + .Footer-navItem {
      border-left: 1px solid #eee;
      padding-left: 12px; } }

.Footer-navLink {
  font-size: 14px;
  font-size: 0.875rem; }
  .Footer-navLink:link, .Footer-navLink:hover, .Footer-navLink:visited, .Footer-navLink:active {
    color: #fff;
    text-decoration: none; }

.Footer-button {
  white-space: nowrap;
  margin-bottom: 25px;
  margin-left: auto;
  font-size: 15px;
  font-size: 0.9375rem;
  display: inline-block;
  padding: 0.8em 1em;
  background: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold; }
  @media (min-width: 46.25em) {
    .Footer-button {
      float: right; } }
  .Footer-button:after {
    content: '❯';
    display: inline-block;
    margin-left: 15px; }
  .Footer-button:link, .Footer-button:hover, .Footer-button:visited, .Footer-button:active {
    color: #000;
    text-decoration: none; }

.Footer-coda {
  text-align: center;
  background: #333;
  padding: 6px 0 7px 0; }
  .Footer-coda p {
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    opacity: 0.4;
    margin: 0; }

.Form {
  margin: 0 auto;
  max-width: 430px; }

.Form-item {
  vertical-align: top; }
  .Form-item input,
  .Form-item textarea,
  .Form-item select {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f9f9f9;
    padding: 0.7em;
    display: block; }
  .Form-item textarea {
    min-height: 150px; }
  .Form-item input[type="radio"],
  .Form-item input[type="checkbox"] {
    width: auto;
    display: inline-block;
    margin-right: 5px; }
  .Form-item .Form-input--small {
    width: 90px; }
  .Form-item.has-error input,
  .Form-item.has-error textarea,
  .Form-item.has-error select {
    border-color: #c5402a; }
  .Form-item + * {
    margin-top: 25px; }

.Form-item--thirds {
  /* Add to three .Form-item's to put them inline, still with labels. */
  display: inline-block;
  width: 32.5%;
  padding-right: 15px; }
  .Form-item--thirds select {
    margin-top: 0.9em; }

.Form-item--thirdslast {
  /* Sorry. */
  padding-right: 0; }

.Form-label {
  display: block;
  margin-bottom: 6px; }

.Form-requiredHint {
  font-weight: normal;
  color: #c5402a; }

.Form-item--checkbox .Form-label,
.Form-item--radio .Form-label {
  display: inline-block; }

.Form-error {
  color: #c5402a;
  display: block;
  margin-top: 8px; }

.Form-set {
  margin-bottom: 25px; }
  .Form-set legend {
    font-weight: bold;
    margin-bottom: 12px;
    display: block; }
  .Form-set .Form-item + .Form-item {
    margin-top: 8px; }

.Form-set--inline {
  vertical-align: top; }
  .Form-set--inline .Form-item {
    width: auto;
    display: inline-block;
    margin-top: 0 !important;
    margin-right: 15px; }

.Form-set--inputs .Form-label {
  display: none; }

.Form-button + .Form-cancel {
  margin-left: 20px; }

.Form-button--right {
  float: right; }

.Form-cancel:link, .Form-cancel:visited, .Form-cancel:hover, .Form-cancel:active {
  color: #000;
  text-decoration: none; }
.Form-cancel:hover {
  text-decoration: hover;
  color: #c5402a; }

.Form-callout {
  padding: 20px;
  background: #f5f5f5;
  margin-bottom: 25px; }
  .Form-callout .Form-set:last-child {
    margin-bottom: 0; }

.Form-group {
  margin-top: 30px;
  margin-bottom: 30px; }
  .Form-group + .Form-group {
    margin-top: 40px; }

.Form-groupTitle {
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  letter-spacing: 1px;
  padding-bottom: 0.8em;
  margin-bottom: 1.2em; }

@media (max-width: 46.24em) {
  .Header .SearchBox {
    position: absolute;
    top: 10px;
    left: 2px; } }
@media (max-width: 61.24em) {
  .Header {
    text-align: center; } }
@media (min-width: 46.25em) {
  .Header .SearchBox {
    position: absolute;
    top: 25px;
    right: 40px; } }
@media (min-width: 61.25em) {
  .Header {
    text-align: left; }
    .Header .Branding {
      float: left; }
    .Header .PrimaryNav {
      float: right; } }

.Header-content {
  position: relative;
  padding-top: 20px; }
  @media (max-width: 46.24em) {
    .Header-content {
      padding-top: 10px; } }
  .pnav-open .Header-content {
    position: static; }

@media (max-width: 46.24em) {
  [data-js="yes"] .Header-content {
    padding-bottom: 10px; } }
@media (min-width: 61.25em) {
  [data-js="yes"] .PrimaryNav {
    margin-right: 60px; } }

.Icon {
  background-size: 100%;
  -ms-behavior: url(/assets/js/backgroundsize.htc);
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  display: inline-block; }

.ImageGrid {
  overflow: hidden;
  margin: 10px 0; }

.ImageGrid-title {
  margin-bottom: 0.9em; }

.ImageGrid-item {
  margin-bottom: 16px; }

.ImageGrid-element {
  box-sizing: content-box;
  position: relative;
  height: 0;
  padding-bottom: 56%;
  display: block;
  background: #eee;
  overflow: hidden; }
  .ImageGrid-element img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%; }

.ImageGroup {
  overflow: hidden; }

.Text .ImageGroup--pair .Image {
  margin-top: 0;
  margin-bottom: 0; }
@media (min-width: 31.25em) {
  .ImageGroup--pair .Image {
    width: 50%;
    float: left; }
  .ImageGroup--pair .Image:first-child {
    padding-right: 8px; }
  .ImageGroup--pair .Image + .Image {
    padding-left: 8px; } }

.Image {
  overflow: hidden; }
  .Image img {
    width: 100%; }

.Image-caption {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  color: #999;
  display: block;
  margin-top: 3px; }
  .Image-caption a {
    color: #999; }

@media (min-width: 31.25em) {
  .Image--right {
    width: 50%;
    float: right;
    padding-left: 8px;
    margin-left: 8px;
    margin-bottom: 10px; } }

@media (min-width: 31.25em) {
  .Image--left {
    width: 50%;
    float: left;
    padding-right: 8px;
    margin-right: 8px;
    margin-bottom: 10px; } }

.Image--wide, .ImageGroup--wide {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 46.25em) {
    .Image--wide, .ImageGroup--wide {
      margin: 35px -13% 30px -13%; } }
  @media (min-width: 61.25em) {
    .Image--wide, .ImageGroup--wide {
      margin: 35px -34.2% 30px -34.2%; } }

.Intro {
  margin-top: 35px;
  margin-bottom: 50px;
  overflow: hidden; }
  @media (min-width: 46.25em) {
    .Intro {
      margin-top: 50px;
      margin-bottom: 70px;
      display: table;
      width: 100%;
      border-bottom: 1px solid #ddd; } }

@media (min-width: 46.25em) {
  .Intro-inner {
    display: table-row; } }

.Intro-title {
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.7em; }

.Intro-content p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3125; }
  @media (min-width: 46.25em) {
    .Intro-content p {
      font-size: 19px;
      font-size: 1.1875rem;
      line-height: 1.42105; } }
.Intro-content p + p {
  margin-top: 1.0em; }
.Intro-content .Intro-cta {
  margin-top: 1.7em; }
@media (max-width: 46.24em) {
  .Intro-content {
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd; } }
@media (min-width: 46.25em) {
  .Intro-content {
    display: table-cell;
    vertical-align: top;
    padding-right: 30px;
    padding-bottom: 30px; }
    .Intro-content p {
      max-width: 600px; } }

.Intro-relatedHeader .Icon {
  width: 60px;
  height: 22px;
  position: relative;
  left: -7px;
  display: none; }
@media (min-width: 46.25em) {
  .Intro-relatedHeader {
    display: table-cell;
    width: 100px;
    vertical-align: top;
    padding-bottom: 30px;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px; }
    .Intro-relatedHeader .Icon {
      display: inline-block; } }

.Intro-relatedTitle {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 5px;
  font-weight: 600; }
  @media (max-width: 46.24em) {
    .Intro-relatedTitle {
      margin: 25px 0 15px 0; } }

@media (max-width: 46.24em) {
  .Intro-relatedItems {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd; } }
@media (min-width: 46.25em) {
  .Intro-relatedItems {
    display: table-cell;
    width: 200px;
    vertical-align: top;
    border-left: 1px solid #ddd;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-top: 10px; } }
.Intro-relatedItems a {
  display: block;
  margin-bottom: 8px;
  text-decoration: none; }
  .Intro-relatedItems a:hover {
    text-decoration: underline; }

.LocationBar {
  font-size: 14px;
  font-size: 0.875rem;
  display: none;
  background: #191919;
  background: rgba(25, 25, 25, 0.9); }
  @media (max-width: 46.24em) {
    .LocationBar {
      display: block; } }
  .is-cc .LocationBar {
    background: #181e42;
    background: rgba(24, 30, 66, 0.9); }

[data-js="no"] .LocationBar {
  display: block; }

[data-js="yes"] .LocationBar {
  cursor: pointer; }

.LocationBar-content {
  padding-right: 30px; }

.LocationBar-text {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  float: left;
  position: relative;
  top: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; }
  .LocationBar-text strong {
    color: #ccc;
    font-weight: normal; }

.LocationBar-toggle {
  color: #fff;
  text-decoration: none;
  width: 20px;
  height: 40px;
  margin-right: -35px;
  float: right;
  text-align: center;
  display: block; }
  .LocationBar-toggle .Icon {
    font-style: normal;
    display: block;
    height: 17px;
    width: 17px;
    position: relative;
    margin-top: 1px;
    margin-left: 1px; }
  .LocationBar-toggle .Icon--cross-white {
    height: 13px;
    width: 13px;
    margin-top: 0;
    margin-left: 4px; }

.Notification {
  text-align: center;
  color: #fff;
  background: #ccc;
  border: 2px solid #aaa;
  padding: 20px;
  font-weight: bold; }
  .Notification p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3; }

.Notification-title {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 5px;
  text-transform: uppercase; }

.Notification--error {
  background: #d47362;
  border-color: #c23720; }

.Notification--success {
  background: #a6d66a;
  border-color: #85ac55; }

.PageBreak {
  margin-left: 16px;
  clear: both;
  position: relative; }

hr.PageBreak {
  border: 1px solid #ddd;
  height: 0;
  padding: 0;
  background-color: #fff;
  color: #fff;
  line-height: 0;
  page-break-after: always;
  text-align: center; }

.PageBreak--links {
  border-bottom: 1px solid #ddd;
  top: -5px; }
  @media (min-width: 46.25em) {
    .PageBreak--links {
      top: -10px; } }
  .PageBreak--links .PageBreak-items {
    font-size: 0;
    text-align: right; }
  .PageBreak--links .PageBreak-item {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    padding: 3px 10px 10px 10px;
    white-space: nowrap; }
    @media (min-width: 61.25em) {
      .PageBreak--links .PageBreak-item {
        border-left: 1px solid #ddd;
        text-align: left; } }
    .PageBreak--links .PageBreak-item a {
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px; }

.PageBreak--staff {
  font-size: 14px;
  font-size: 0.875rem; }
  .PageBreak--staff .PageBreak-personAvatar {
    margin: 0 auto 10px auto;
    z-index: 2; }
    .PageBreak--staff .PageBreak-personAvatar img {
      position: relative;
      z-index: 1; }
  .PageBreak--staff .PageBreak-personName {
    font-weight: bold; }
  @media (max-width: 46.24em) {
    .PageBreak--staff {
      text-align: center;
      padding-top: 20px; }
      .PageBreak--staff .PageBreak-person {
        border-top: 1px solid #ddd; }
      .PageBreak--staff .PageBreak-personAvatar {
        margin-top: -26px;
        width: 50px;
        height: 50px; } }
  @media (min-width: 46.25em) {
    .PageBreak--staff .PageBreak-personAvatar {
      width: 80px;
      height: 80px;
      position: absolute;
      top: -10px;
      right: 31%; }
    .PageBreak--staff .PageBreak-personName {
      padding: 3px 10px 10px 10px;
      float: right; }
    .PageBreak--staff .PageBreak-personMeta {
      border-top: 1px solid #ddd;
      clear: both;
      padding-top: 10px; }
      .PageBreak--staff .PageBreak-personMeta li {
        padding: 0 10px 0 10px;
        float: right;
        clear: right; } }
  @media (min-width: 61.25em) {
    .PageBreak--staff .PageBreak-personAvatar {
      right: 21%; } }

.PageBreak--date {
  border-bottom: 1px solid #ddd;
  top: -5px;
  text-align: right; }
  .PageBreak--date .PageBreak-date {
    font-size: 13px;
    font-size: 0.8125rem;
    display: block;
    color: #999;
    padding: 3px 10px 10px 0;
    display: inline-block;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media (min-width: 61.25em) {
      .PageBreak--date .PageBreak-date {
        border-left: 1px solid #ddd;
        text-align: left;
        padding-left: 10px; } }

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

.Page-banner {
  position: relative; }
  @media (min-width: 46.25em) {
    .Page-banner {
      margin-bottom: 70px; } }

.Page-banner--image {
  background-size: cover;
  -ms-behavior: url(/assets/js/backgroundsize.htc);
  padding-top: 45%;
  margin-bottom: 0;
  background-position: 50% 50%; }
  @media (min-width: 61.25em) {
    .Page-banner--image {
      padding-top: 441px; } }
  @media (max-height: 1000px) {
    .Page-banner--image {
      padding-top: 35%; } }
  @media (min-width: 61.25em) and (max-height: 1000px) {
    .Page-banner--image {
      padding-top: 343px; } }
  .Page-banner--image.Page-banner--deep {
    padding-top: 75%; }
    @media (min-width: 61.25em) {
      .Page-banner--image.Page-banner--deep {
        padding-top: 735px; } }
    @media (max-height: 1000px) {
      .Page-banner--image.Page-banner--deep {
        padding-top: 65%; } }
    @media (min-width: 61.25em) and (max-height: 1000px) {
      .Page-banner--image.Page-banner--deep {
        padding-top: 637px; } }

.Page-bannerContent {
  position: relative;
  z-index: 20; }

.Page-banner--content {
  background-size: cover;
  -ms-behavior: url(/assets/js/backgroundsize.htc);
  background-position: 50% 50%;
  margin-bottom: 0; }
  .Page-banner--content .Page-bannerContent {
    padding: 13% 0 12% 0; }

.Page-banner--deep {
  position: relative; }
  .Page-banner--deep.Page-banner--content .Page-bannerContent {
    width: 100%;
    padding: 18% 0; }
  @media (min-width: 35em) {
    .Page-banner--deep {
      max-height: 80vh; }
      .Page-banner--deep.Page-banner--content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        overflow: hidden; }
        .Page-banner--deep.Page-banner--content .Page-bannerContent {
          padding: 25vh 0; } }

.Page-content {
  padding-bottom: 50px; }
  @media (min-width: 46.25em) {
    .Page-content {
      padding-bottom: 80px; } }

.Page-header {
  margin-top: 20px;
  text-align: center; }
  @media (min-width: 61.25em) and (min-height: 1200px) {
    .Page-header {
      margin-top: 40px; } }

.Page-headerContent {
  padding-bottom: 20px;
  position: relative; }
  @media (min-width: 46.25em) {
    .Page-headerContent {
      padding-bottom: 50px; } }

.Page-subsection {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.07143;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #919191;
  display: block; }
  .Page-subsection:link {
    text-decoration: none; }

.Page-title {
  margin-top: 8px;
  color: #c1a15d;
  line-height: 1.10204;
  font-family: "Copernicus", "Georgia", "Droid Serif", serif;
  font-size: 36px;
  font-size: 2.25rem; }
  .is-cc .Page-title {
    color: #181e42; }
  @media (min-width: 35em) {
    .Page-title {
      font-size: 50px;
      font-size: 3.125rem; } }
  @media (min-width: 46.25em) {
    .Page-title {
      font-size: 70px;
      font-size: 4.375rem; } }
  @media (min-width: 61.25em) and (min-height: 1200px) {
    .Page-title {
      font-size: 98px;
      font-size: 6.125rem; } }

.Page-intro {
  margin-left: auto;
  margin-right: auto; }

.Page-title {
  margin-left: auto;
  margin-right: auto; }

.Page-intro p {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.26316;
  color: #666; }
  @media (min-width: 46.25em) {
    .Page-intro p {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.26923; } }

.Page-title + .Page-intro {
  margin-top: 1em; }

.Page-intro--homepage {
  font-size: 19px;
  font-size: 1.1875rem;
  padding-bottom: 20px;
  padding-top: 15px; }
  @media (min-width: 46.25em) {
    .Page-intro--homepage {
      font-size: 26px;
      font-size: 1.625rem;
      padding-top: 40px;
      padding-bottom: 40px; } }

.Page-summary {
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 20px; }
  .Page-summary strong {
    color: #999;
    font-weight: normal; }
  @media (min-width: 46.25em) {
    .Page-summary {
      font-size: 24px;
      font-size: 1.5rem;
      margin-top: 0;
      position: relative;
      bottom: -30px; } }

@media (min-width: 46.25em) {
  .Page-header--condensed .Page-title {
    font-size: 48px;
    font-size: 3rem; } }

.Page-bannerContent {
  background-color: rgba(0, 0, 0, 0.4); }

.Page-bannerContentInner {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 1200px; }
  @media (max-width: 46.24em) {
    .Page-bannerContentInner {
      padding-left: 20px;
      padding-right: 20px; } }

.Page-bannerTitle {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.11765;
  font-family: "Copernicus", "Georgia", "Droid Serif", serif;
  color: #fff;
  margin-bottom: 20px; }
  .Page-bannerTitle span {
    display: inline-block; }
  @media (min-width: 35em) {
    .Page-bannerTitle {
      font-size: 60px;
      font-size: 3.75rem;
      line-height: 1.06667;
      margin-bottom: 2%; } }
  @media (min-width: 61.25em) {
    .Page-bannerTitle {
      font-size: 98px;
      font-size: 6.125rem;
      line-height: 1.06122; } }
  @media (min-width: 35em) {
    .Page-banner--deep .Page-bannerTitle {
      font-size: 48px;
      font-size: 3rem;
      line-height: 1.04167; } }
  @media (min-width: 61.25em) {
    .Page-banner--deep .Page-bannerTitle {
      font-size: 70px;
      font-size: 4.375rem;
      line-height: 1.08571; } }

.Page-bannerCopy {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  color: #fff;
  margin: 0 auto; }
  @media (min-width: 46.25em) {
    .Page-bannerCopy {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      width: 80%; } }
  @media (min-width: 61.25em) {
    .Page-bannerCopy {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.33333; } }

.Page-bannerButtons {
  padding-top: 25px;
  font-size: 0; }
  @media (min-width: 35em) {
    .Page-bannerButtons {
      padding-top: 5%;
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; } }

.Page-bannerButton {
  vertical-align: middle;
  text-decoration: none;
  margin-bottom: 8px;
  display: block;
  font-size: 16px;
  font-size: 1rem; }
  .Page-bannerButton span {
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 24px 0;
    color: #fff;
    text-decoration: none; }
    @media (min-width: 35em) {
      .Page-bannerButton span {
        margin: 0 8px; } }
  .Page-bannerButton:hover span {
    background-color: rgba(0, 0, 0, 0.7); }
  .Page-bannerButton:last-child {
    margin-bottom: 0; }
  @media (min-width: 35em) {
    .Page-bannerButton {
      width: 33%;
      display: inline-block;
      margin-bottom: 0; } }
  @media (min-width: 46.25em) {
    .Page-bannerButton {
      font-size: 18px;
      font-size: 1.125rem; } }

.Pagination {
  border-bottom: 1px solid #ddd; }

.Pagination-move {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: 4px;
  padding-bottom: 12px;
  text-decoration: none;
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase; }
  .Pagination-move.is-disabled {
    color: #999;
    pointer-events: none; }

.Pagination-movePrev:before {
  display: inline-block;
  content: '<';
  margin-right: 3px;
  margin-left: 2px;
  position: relative;
  top: -1px;
  white-space: nowrap; }

.Pagination-moveNext {
  text-align: right;
  float: right; }
  .Pagination-moveNext:after {
    display: inline-block;
    content: '>';
    margin-left: 3px;
    margin-right: 2px;
    position: relative;
    top: -1px;
    white-space: nowrap; }

.Pagination-items {
  display: inline-block;
  text-align: center; }
  .flexbox .Pagination-items {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  @media (max-width: 34.99em) {
    .Pagination-items {
      display: none !important; } }

.Pagination-item {
  display: inline-block;
  vertical-align: top; }
  .flexbox .Pagination-item {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.Pagination-link,
.Pagination-break {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 4px 15px 15px 15px;
  display: block;
  text-decoration: none;
  color: #000; }
  .flexbox .Pagination-link, .flexbox
  .Pagination-break {
    border-right: 1px solid #ddd; }
  .flexbox .Pagination-item:first-child .Pagination-link, .flexbox .Pagination-item:first-child
  .Pagination-break {
    border-left: 1px solid #ddd; }

.Panel-title {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 14px; }

.Panel-content {
  border-top: 1px solid #ddd;
  background-color: #fcf8f4;
  padding-top: 16px;
  padding-bottom: 16px; }
  @media (min-width: 35em) {
    .Panel-content {
      padding-top: 32px;
      padding-bottom: 32px; } }

/*
 * Primary nav has a matrix of variants:
 * - with/without JS
 * - small/medium/large screen views
 * 
 * Default: small screen, no JS
 */
/*
 * Shared Styles
 */
.PrimaryNav-items {
  font-size: 0; }

.PrimaryNav-link {
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.5px; }
  .PrimaryNav-link:link, .PrimaryNav-link:visited, .PrimaryNav-link:hover, .PrimaryNav-link:active {
    color: #000; }

.PrimaryNav-link {
  font-size: 14px;
  font-size: 0.875rem; }

.PrimaryNav-toggle {
  display: none; }

/*
 * Small screen, no JS
 */
@media (max-width: 46.24em) {
  [data-js="no"] .PrimaryNav {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px; }
  [data-js="no"] .PrimaryNav-item {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px; }
  [data-js="no"] .PrimaryNav-link {
    font-size: 13px;
    font-size: 0.8125rem; } }

/*
 * Small screen, with JS
 */
@media (max-width: 46.24em) {
  [data-js="yes"] .PrimaryNav-toggle {
    display: block;
    position: absolute;
    top: 7px;
    right: 0px;
    padding: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 2; }
    [data-js="yes"] .PrimaryNav-toggle .Icon {
      display: block;
      width: 20px;
      height: 20px; }
    [data-js="yes"] .PrimaryNav-toggle .Icon--cross {
      position: relative;
      width: 15px;
      height: 15px;
      left: 2px;
      top: -2px;
      margin: 5px; }
    [data-js="yes"] .PrimaryNav-toggle span {
      position: absolute !important;
      overflow: hidden !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      border: 0 !important;
      clip: rect(1px, 1px, 1px, 1px) !important; }
  [data-js="yes"] .PrimaryNav-items {
    display: none;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 100%; }
  [data-js="yes"] .PrimaryNav.is-open .PrimaryNav-items {
    display: block;
    height: 100%;
    padding-top: 70px;
    z-index: 1; }
  [data-js="yes"] .PrimaryNav-item {
    display: table;
    text-align: left;
    height: 20%;
    min-height: 50px;
    width: 100%;
    padding-top: 2px; }
    [data-js="yes"] .PrimaryNav-item:first-child {
      border-top: 1px solid #e6e6e6; }
  [data-js="yes"] .PrimaryNav-item + .PrimaryNav-item {
    border-top: 1px solid #e6e6e6; }
  [data-js="yes"] .PrimaryNav-link {
    display: block;
    color: #000;
    padding: 0 20px;
    display: table-cell;
    height: 100%;
    vertical-align: middle; } }

/*
 * Medium screen upwards, with and without JS
 */
@media (min-width: 46.25em) {
  .PrimaryNav-items {
    padding-top: 0 !important; }

  .PrimaryNav-item--active {
    border-bottom: 3px solid #191919; }
    .is-cc .PrimaryNav-item--active {
      border-bottom-color: #181e42; }

  .PrimaryNav-link {
    display: inline-block; } }
/*
 * Medium to large screen, with and without JS
 */
@media (min-width: 46.25em) and (max-width: 61.24em) {
  .PrimaryNav {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: 8px;
    padding-left: 40px;
    padding-right: 40px; }

  .PrimaryNav-item {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px; }

  .PrimaryNav-link {
    padding-bottom: 10px; } }
/*
 * Large screen, with and without JS
 */
@media (min-width: 61.25em) {
  .PrimaryNav-item {
    display: inline-block; }
    .PrimaryNav-item + .PrimaryNav-item {
      margin-left: 20px; }

  .PrimaryNav-link {
    padding-top: 15px;
    padding-bottom: 30px; } }
.Quote,
.Text .Quote {
  padding-left: 1.3125em;
  clear: both; }
  .Quote p,
  .Text .Quote p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125;
    margin-bottom: 0;
    font-style: italic; }
    @media (min-width: 46.25em) {
      .Quote p,
      .Text .Quote p {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.42105; } }
  .Quote p + p,
  .Text .Quote p + p {
    margin-top: 1.0em; }
  .Quote footer,
  .Text .Quote footer {
    margin-top: 7px; }
  .Quote cite,
  .Text .Quote cite {
    font-family: "Questa Sans", "Calibri", "PT Sans", "Droid Sans", "Trebuchet MS", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.28571;
    font-style: normal; }

.Quote--standout,
.Text .Quote--standout {
  font-family: "Questa", "PT Serif", "Cambria", "Droid Serif", serif;
  padding-left: 0;
  text-align: center;
  position: relative;
  padding-top: 3.3em; }
  .Quote--standout:before,
  .Text .Quote--standout:before {
    display: block;
    content: '\201C';
    font-size: 100px;
    font-size: 6.25rem;
    vertical-align: middle;
    font-family: "Copernicus", "Georgia", "Droid Serif", serif;
    font-weight: bold;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    color: #000; }
    .is-cc .Quote--standout:before, .is-cc
    .Text .Quote--standout:before {
      color: #181e42; }
  .Quote--standout p,
  .Text .Quote--standout p {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.45; }
    @media (min-width: 46.25em) {
      .Quote--standout p,
      .Text .Quote--standout p {
        font-size: 24px;
        font-size: 1.5rem; } }
  .Quote--standout footer,
  .Text .Quote--standout footer {
    margin-top: 12px; }

@media (min-width: 46.25em) {
  .Quote--wide {
    margin-left: -16%;
    margin-right: -16%; } }

@media (min-width: 46.25em) {
  .Text blockquote.Quote--right {
    float: right;
    margin: 10px 0 10px 16px; } }

@media (min-width: 46.25em) {
  .Text blockquote.Quote--left {
    float: left;
    margin: 10px 16px 10px 0; } }

.Related {
  overflow: hidden;
  position: relative; }
  .Related .Icon {
    width: 70px;
    height: 23px;
    margin-left: 1px; }

.Related-header {
  padding-right: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.Related-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px; }

.Related-items {
  margin-left: 100px;
  border-left: 1px solid #ddd;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 68px; }

.Related-item + .Related-item {
  margin-top: 14px; }

.Related-link:link, .Related-link:visited, .Related-link:hover, .Related-link:active {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none; }
.Related-link:hover {
  text-decoration: underline; }

/*
 * Secondary nav has a matrix of variants:
 * - with/without JS
 * - small/medium/large screen views
 * 
 * Default: small screen, no JS
 */
/*
 * Shared styles
 */
.SecondaryNav {
  z-index: 2;
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
     -moz-font-feature-settings: "lnum";
          font-feature-settings: "lnum"; }
  .SecondaryNav a {
    text-decoration: none; }
    .SecondaryNav a:link, .SecondaryNav a:visited, .SecondaryNav a:hover, .SecondaryNav a:active {
      color: #fff; }

.SecondaryNav-link {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px; }

/*
 * Shared no-js styles
 */
[data-js="no"] .SecondaryNav {
  margin-top: 15px;
  margin-bottom: 15px; }
[data-js="no"] .SecondaryNav-toggle {
  display: none; }

@media (max-width: 46.24em) {
  /*
   * Small screens, with + without JS
   */
  .SecondaryNav {
    background: #191919; }
    .SecondaryNav a {
      display: block; }

  .SecondaryNav-link {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

  .SecondaryNav-subItem {
    padding-left: 15px;
    padding-right: 15px;
    background: #333333; }
    .SecondaryNav-subItem + .SecondaryNav-subItem {
      border-top: 1px solid rgba(255, 255, 255, 0.1); }

  .SecondaryNav-subLink {
    padding: 15px 15px 15px 30px; }

  .is-cc .SecondaryNav {
    background: #181e42; }
  .is-cc .SecondaryNav-subItem {
    background: #1f2755; }

  /*
   * Small screens without JS
   */
  [data-js="no"] .SecondaryNav-link {
    padding-top: 15px;
    padding-bottom: 15px; }

  /*
   * Small screens with JS
   */
  [data-js="yes"] .SecondaryNav {
    display: none; }
    [data-js="yes"] .SecondaryNav.is-open {
      display: block;
      z-index: 10; }
  [data-js="yes"] .SecondaryNav-linkContent {
    padding-right: 40px; }
    [data-js="yes"] .SecondaryNav-linkContent:before, [data-js="yes"] .SecondaryNav-linkContent:after {
      content: " ";
      display: table; }
    [data-js="yes"] .SecondaryNav-linkContent:after {
      clear: both; }
  [data-js="yes"] .SecondaryNav-sub {
    display: none; }
  [data-js="yes"] .SecondaryNav-link {
    min-height: 40px; }
  [data-js="yes"] .SecondaryNav-toggle {
    width: 20px;
    padding-left: 10px;
    height: 40px;
    display: block;
    float: right;
    margin-right: -35px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
    [data-js="yes"] .SecondaryNav-toggle .Icon {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-style: normal;
      display: block;
      width: 8px;
      height: 8px;
      position: relative;
      left: 5px; }
  [data-js="yes"] .SecondaryNav-linkText {
    position: relative;
    top: 14px;
    float: left;
    width: 100%; } }
@media (min-width: 46.25em) {
  /*
   * Medium and up, with and without JS
   */
  .SecondaryNav {
    font-size: 0;
    display: block !important; }

  .SecondaryNav-items {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px; }

  .SecondaryNav-item {
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem; }

  .SecondaryNav-link {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 17px;
    padding-bottom: 15px;
    display: block; }

  /*
   * Medium and up with JS
   */
  [data-js="yes"] .SecondaryNav {
    background: rgba(25, 25, 25, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100; }
  [data-js="yes"] .is-cc .SecondaryNav {
    background: rgba(24, 30, 66, 0.9); }
  [data-js="yes"] .SecondaryNav-item {
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    border-bottom: 3px solid transparent; }
  [data-js="yes"] .SecondaryNav-item--current {
    border-bottom-color: #fff; }
  [data-js="yes"] .SecondaryNav.has-open-child .SecondaryNav-item--current {
    border-bottom-color: transparent; }
  [data-js="yes"] .SecondaryNav.has-open-child .SecondaryNav-item.is-open {
    border-bottom-color: #fff; }
  [data-js="yes"] .SecondaryNav-item {
    margin-left: 10px;
    margin-right: 10px; }
  [data-js="yes"] .SecondaryNav-link {
    font-size: 13px;
    font-size: 0.8125rem; }
  [data-js="yes"] .SecondaryNav-toggle {
    display: none; }
  [data-js="yes"] .SecondaryNav-sub {
    display: none;
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 2px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    border-bottom: 1px solid #ddd; }
  [data-js="yes"] .SecondaryNav-subItems {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 0; }
  [data-js="yes"] .SecondaryNav-subItem {
    width: 25%;
    display: inline-block;
    padding-right: 16px; }
  [data-js="yes"] .SecondaryNav-subLink {
    font-size: 15px;
    font-size: 0.9375rem;
    display: block;
    padding: 10px 10px 9px 10px;
    border-bottom: 1px solid transparent; }
    [data-js="yes"] .SecondaryNav-subLink:link, [data-js="yes"] .SecondaryNav-subLink:visited, [data-js="yes"] .SecondaryNav-subLink:hover, [data-js="yes"] .SecondaryNav-subLink:active {
      color: #000; }
    [data-js="yes"] .SecondaryNav-subLink:hover {
      border-bottom: 1px solid #ccc; }

  /*
   * Medium and up without JS
   */
  [data-js="no"] .SecondaryNav {
    background: #191919;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left; }
  [data-js="no"] .SecondaryNav-item {
    width: 25%;
    margin-bottom: 20px; }
  [data-js="no"] .SecondaryNav-subLink {
    display: block;
    padding: 3px 0;
    opacity: 0.7;
    font-size: 14px;
    font-size: 0.875rem; }
    [data-js="no"] .SecondaryNav-subLink:hover {
      opacity: 1.0; } }
@media (min-width: 61.25em) {
  /*
   * Large screens with JS
   */
  [data-js="yes"] .SecondaryNav {
    text-align: right; }
  [data-js="yes"] .SecondaryNav-item {
    margin-left: 0;
    margin-right: 0; }
  [data-js="yes"] .SecondaryNav-item + .SecondaryNav-item {
    margin-left: 20px; } }
.SearchBox {
  width: 42px;
  min-height: 34px;
  transition: width .1s ease-in-out; }
  @media (max-width: 46.24em) {
    .SearchBox {
      padding: 4px 0 4px 50px; } }
  @media (min-width: 46.25em) {
    .SearchBox {
      padding: 4px 40px 4px 0;
      border: 1px solid #e1e1e1;
      background: #f4f4f4;
      border-radius: 3px; } }

[data-js="no"] .SearchBox {
  display: none; }

.SearchBox-input {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  outline: none;
  vertical-align: top;
  display: none;
  color: #555;
  position: relative;
  top: 1px;
  width: 0;
  transition: width .2s ease-in-out; }
  @media (max-width: 46.24em) {
    .SearchBox-input {
      padding-right: 6px;
      float: right; } }
  @media (min-width: 46.25em) {
    .SearchBox-input {
      padding-left: 6px;
      float: left; } }
  .is-open .SearchBox-input {
    width: 98%; }

[data-js="yes"] .SearchBox.is-open {
  width: 80%; }
  [data-js="yes"] .SearchBox.is-open .SearchBox-input {
    display: inline-block; }
  @media (min-width: 46.25em) {
    [data-js="yes"] .SearchBox.is-open {
      width: 91%; } }
  @media (min-width: 61.25em) {
    [data-js="yes"] .SearchBox.is-open {
      width: 40%; } }

.SearchBox-button {
  margin-top: 2px; }
  @media (max-width: 46.24em) {
    .SearchBox-button {
      float: left;
      margin-left: -40px; } }
  @media (min-width: 46.25em) {
    .SearchBox-button {
      right: 10px;
      position: absolute; } }

.SearchBox-close {
  display: none; }

.Section {
  padding-left: 16px;
  position: relative;
  clear: both; }
  .Section.Section--wide {
    left: 0; }
  .Section > * {
    clear: both; }
  .Section + .Section {
    margin-top: 0.5em; }
    @media (min-width: 46.25em) {
      .Section + .Section {
        margin-top: 1.5em; } }

.Section--wide .Image--wide, .Section--wide .ImageGroup--wide {
  margin-left: 0;
  margin-right: 0; }

.Slideshow {
  position: relative;
  z-index: 1; }
  .Slideshow .Page-bannerContent {
    background-color: transparent; }

.Slideshow.is-ready {
  background-image: none !important; }
  .Slideshow.is-ready .Slideshow-images .Slideshow-image:first-child {
    opacity: 1; }

.Slideshow-images {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.Slideshow-image {
  background-size: cover;
  -ms-behavior: url(/assets/js/backgroundsize.htc);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0; }

.StaffList-people {
  font-size: 0; }
  .flexbox .StaffList-people {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }

.StaffList-person {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  padding: 20px;
  vertical-align: top;
  text-align: center; }
  .flexbox .StaffList-person {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    @media (max-width: 23.74em) {
      .flexbox .StaffList-person {
        border-right: 0;
        width: 100%; } }
    @media (max-width: 46.24em) {
      .flexbox .StaffList-person:nth-of-type(2n) {
        border-right: 0; } }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      .flexbox .StaffList-person:nth-of-type(3n) {
        border-right: 0; } }
    @media (min-width: 61.25em) {
      .flexbox .StaffList-person:nth-of-type(5n) {
        border-right: 0; } }

.StaffList-avatar {
  margin: 0 auto 20px auto; }

.StaffList-name {
  font-weight: bold;
  display: block;
  margin-bottom: 14px; }

.StaffList-description {
  color: #666; }

.Tablewrap {
  overflow-x: auto;
  width: 100%; }

table {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.125;
  border-collapse: collapse;
  width: 100%; }

td,
th {
  padding: 1.0em 0.6666em;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
  text-align: left; }

.td--number,
.th--number {
  text-align: right; }

thead th {
  text-align: center; }

caption {
  caption-side: bottom; }

.Table-caption {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  color: #999;
  display: block;
  margin-top: 10px; }
  .Table-caption a {
    color: #999; }

.table--compact td,
.table--compact th {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.Tabs .Section {
  padding-left: 0; }

.Tabs-title {
  text-align: center;
  margin-bottom: 17px; }

.Tabs-tabs {
  font-size: 0;
  text-align: center;
  border-top: 1px solid #ddd;
  width: 100%;
  margin-bottom: 60px;
  position: relative;
  top: -1px; }
  .Tabs-tabs + .Section {
    margin-top: 1.5em; }

.Tabs-tab {
  display: inline-block; }
  .Tabs-tab + .Tabs-tab {
    margin-left: 10px; }
    @media (max-width: 34.99em) {
      .Tabs-tab + .Tabs-tab {
        margin-left: 4px; } }

.Tabs-link {
  font-size: 19px;
  font-size: 1.1875rem;
  padding: 1.1em 0.7em;
  background: #c1a15d;
  display: block;
  text-align: center;
  min-width: 3.3em;
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
     -moz-font-feature-settings: "lnum";
          font-feature-settings: "lnum"; }
  .Tabs-link:link, .Tabs-link:visited, .Tabs-link:hover, .Tabs-link:active {
    color: #000;
    text-decoration: none; }
  .Tabs-link:hover, .Tabs-tab.is-selected .Tabs-link {
    background: #000;
    color: #fff; }
    .Tabs-link:hover.is-cc, .Tabs-tab.is-selected .Tabs-link.is-cc {
      color: #fff;
      background: #181e42; }
  @media (max-width: 34.99em) {
    .Tabs-link {
      font-size: 16px;
      font-size: 1rem;
      padding: 0.9em 0.5em;
      min-width: 2.9em; } }

[data-js="yes"] .Tabs-target {
  display: none; }

.Text p,
.Text ol,
.Text ul,
.Text dl {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3125;
  margin-bottom: 1.0em; }
  @media (min-width: 46.25em) {
    .Text p,
    .Text ol,
    .Text ul,
    .Text dl {
      font-size: 19px;
      font-size: 1.1875rem;
      line-height: 1.42105; } }
.Text ul li,
.Text ol li {
  margin-left: 30px; }
.Text ul li {
  list-style-type: disc; }
.Text ol li {
  list-style-type: decimal; }
.Text li + li {
  margin-top: 0.47368em; }
@media (min-width: 46.25em) {
  .Text dl:before, .Text dl:after {
    content: " ";
    display: table; }
  .Text dl:after {
    clear: both; } }
.Text dt {
  font-weight: bold; }
  @media (min-width: 46.25em) {
    .Text dt {
      clear: left;
      float: left;
      margin-top: 0.47368em;
      padding-right: 16px;
      overflow: hidden; } }
@media (min-width: 46.25em) {
  .Text dd {
    margin-top: 0.47368em;
    margin-left: 30%; } }
.Text dd + dt {
  margin-top: 0.47368em; }
.Text h2, .Text h3, .Text h4, .Text h5, .Text h6 {
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
     -moz-font-feature-settings: "lnum";
          font-feature-settings: "lnum"; }
.Text h2 {
  margin-bottom: 0.9em; }
.Text * + h2 {
  margin-top: 1.7em; }
.Text h3 {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.05882;
  font-weight: bold;
  margin-bottom: 0.7em; }
  @media (min-width: 46.25em) {
    .Text h3 {
      font-size: 23px;
      font-size: 1.4375rem;
      line-height: 1.04348; } }
.Text * + h3 {
  margin-top: 1.3em; }
.Text h4,
.Text h5,
.Text h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.7em; }
.Text * + h4,
.Text * + h5,
.Text * + h6 {
  margin-top: 1.3em; }
.Text hr {
  height: 0px;
  border: 1px solid #ddd;
  padding: 0;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  background: #fff;
  clear: both;
  width: 100%; }
.Text .Quote {
  margin-top: 1.42105em;
  margin-bottom: 1.42105em; }
.Text .Quote--standout {
  margin-top: 3em;
  margin-bottom: 3em; }
.Text .Image,
.Text .ImageGroup,
.Text .Video,
.Text .Table {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 46.25em) {
    .Text .Image,
    .Text .ImageGroup,
    .Text .Video,
    .Text .Table {
      margin-top: 35px;
      margin-bottom: 30px; } }
.Text .Image--left,
.Text .Image--right {
  margin-top: 6px;
  margin-bottom: 15px; }
.Text .Carousel {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 46.25em) {
    .Text .Carousel {
      margin-top: 35px;
      margin-bottom: 30px; } }
.Text .lede {
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.35; }
  @media (min-width: 46.25em) {
    .Text .lede {
      font-size: 26px;
      font-size: 1.625rem; } }
.Text .Note {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 1em;
  border-top: 15px solid #c1a15d;
  border-bottom: 15px solid #c1a15d; }
  @media (min-width: 35em) {
    .Text .Note {
      float: right;
      margin-left: 16px; } }
  .Text .Note + h2,
  .Text .Note + h3,
  .Text .Note + h4,
  .Text .Note + h5,
  .Text .Note + h6 {
    clear: none; }
.Text .Note p {
  font-size: 14px;
  font-size: 0.875rem; }
  @media (min-width: 46.25em) {
    .Text .Note p {
      font-size: 16px;
      font-size: 1rem; } }
  .Text .Note p:last-child {
    margin-bottom: 0; }

.Video-container {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }

.Video-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.Video-caption {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28571;
  color: #999;
  display: block;
  margin-top: 3px; }
  .Video-caption a {
    color: #999; }

.Video--wide {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 46.25em) {
    .Video--wide {
      margin: 35px -13% 30px -13%; } }
  @media (min-width: 61.25em) {
    .Video--wide {
      margin: 35px -34.2% 30px -34.2%; } }