@import url("//hello.myfonts.net/count/32fd5b");
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=42127ea0-53f8-4242-8593-40c97f177709");
html {
  box-sizing: border-box; }

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

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**/
@font-face {
  font-family: "mark-pro";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/mark-pro/32FD5B_1_0.c98fc72f1e10.eot?#iefix") format("embedded-opentype"), url("../fonts/mark-pro/32FD5B_1_0.ca3cff21371b.woff2") format("woff2"), url("../fonts/mark-pro/32FD5B_1_0.6decaee8dfdf.woff") format("woff"), url("../fonts/mark-pro/32FD5B_1_0.832c757f2dd2.ttf") format("truetype"); }
@font-face {
  font-family: "mark-pro";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/mark-pro/32FD5B_4_0.ec9a8fd8b8b9.eot?#iefix") format("embedded-opentype"), url("../fonts/mark-pro/32FD5B_4_0.8ab66dfa07ae.woff2") format("woff2"), url("../fonts/mark-pro/32FD5B_4_0.12da7d9dd45b.woff") format("woff"), url("../fonts/mark-pro/32FD5B_4_0.06bd6bf3474d.ttf") format("truetype"); }
@font-face {
  font-family: "mark-pro";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/mark-pro/32FD5B_0_0.32129292a07b.eot?#iefix") format("embedded-opentype"), url("../fonts/mark-pro/32FD5B_0_0.2685c18f28a5.woff2") format("woff2"), url("../fonts/mark-pro/32FD5B_0_0.e5c041599e92.woff") format("woff"), url("../fonts/mark-pro/32FD5B_0_0.a637fa1235e1.ttf") format("truetype"); }
@font-face {
  font-family: "mark-pro";
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/mark-pro/32FD5B_2_0.579f7411bf1e.eot?#iefix") format("embedded-opentype"), url("../fonts/mark-pro/32FD5B_2_0.ef60ba466fd2.woff2") format("woff2"), url("../fonts/mark-pro/32FD5B_2_0.d4fc570fef99.woff") format("woff"), url("../fonts/mark-pro/32FD5B_2_0.49c1e3a9a013.ttf") format("truetype"); }
@font-face {
  font-family: "mark-pro-bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/mark-pro/32FD5B_6_0.ac57700b7bd2.eot?#iefix") format("embedded-opentype"), url("../fonts/mark-pro/32FD5B_6_0.78916d67c489.woff2") format("woff2"), url("../fonts/mark-pro/32FD5B_6_0.965a65cd9e48.woff") format("woff"), url("../fonts/mark-pro/32FD5B_6_0.528a82bf64b4.ttf") format("truetype"); }
@font-face {
  font-family: "mark-pro-bold";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/mark-pro/32FD5B_5_0.5aa540cf97bf.eot?#iefix") format("embedded-opentype"), url("../fonts/mark-pro/32FD5B_5_0.ef3c5b7bba03.woff2") format("woff2"), url("../fonts/mark-pro/32FD5B_5_0.41d4b90b1c34.woff") format("woff"), url("../fonts/mark-pro/32FD5B_5_0.e57aa60d96ae.ttf") format("truetype"); }
@font-face {
  font-family: "Univers49";
  src: url("../fonts/univers/c5ac8b78-594b-4ba2-acf3-aa4e2977b48e.13eeb981d264.eot?#iefix");
  src: url("../fonts/univers/c5ac8b78-594b-4ba2-acf3-aa4e2977b48e.13eeb981d264.eot?#iefix") format("eot"), url("../fonts/univers/315eba9a-1de1-4947-9e48-e36be51ceaf9.36806e8a8c4c.woff2") format("woff2"), url("../fonts/univers/e28e2802-76b7-4961-87fd-2db3819775d1.9e54b9e15046.woff") format("woff"), url("../fonts/univers/14c479c8-e060-4c89-a6a8-5e3f6d874b89.07ac31a88194.ttf") format("truetype"), url("../fonts/univers/0aff3dae-f88e-4024-be1d-35280dfbec9c.9c8f2a1c890d.svg#0aff3dae-f88e-4024-be1d-35280dfbec9c") format("svg"); }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.3bec8ff74182.eot?a0ft7l");
  src: url("../fonts/icomoon/icomoon.3bec8ff74182.eot?a0ft7l#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.a47b51e04b2e.ttf?a0ft7l") format("truetype"), url("../fonts/icomoon/icomoon.0f0fd4f9a7ed.woff?a0ft7l") format("woff"), url("../fonts/icomoon/icomoon.6f471e5c3468.svg?a0ft7l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon2';
  src: url("../fonts/icomoon/icomoon-twitterx.d552763902b2.eot?a0ft7l");
  src: url("../fonts/icomoon/icomoon-twitterx.d552763902b2.eot?a0ft7l#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon-twitterx.8a94e81be7a5.ttf?a0ft7l") format("truetype"), url("../fonts/icomoon/icomoon-twitterx.df3b59c042ae.woff?a0ft7l") format("woff"), url("../fonts/icomoon/icomoon-twitterx.747a74417e9e.svg?a0ft7l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-gallery:before {
  content: "\e907"; }

.icon-arrow-left:before {
  content: "\e904"; }

.icon-arrow-right:before {
  content: "\e905"; }

.icon-close:before {
  content: "\e906"; }

.icon-youtube:before {
  content: "\e901"; }

.icon-instagram:before {
  content: "\e902"; }

.icon-pinterest:before {
  content: "\e903"; }

.icon-cta-arrow-prev:before {
  content: "\e908"; }

.icon-cta-arrow:before {
  content: "\e900"; }

.icon-twitter:before,
.icon-twitterx:before {
  font-family: 'icomoon2' !important;
  content: "\e900"; }

.icon-linkedin:before {
  content: "\e601"; }

.icon-facebook:before {
  content: "\e61a"; }

.icon-google-plus:before {
  content: "\ea88"; }

.icon-flickr:before {
  content: "\eaa0"; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.425em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.425em; }

input,
select,
textarea {
  display: block;
  font-family: "mark-pro", arial, serif;
  font-size: 1em; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  margin-bottom: 0.85em;
  padding: 0.56667em;
  transition: border-color 250ms ease;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
    border-color: #ababab; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
    border-color: #79bde9;
    box-shadow: none, 0 0 5px rgba(17, 76, 140, 0.7);
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #ededed;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
      border: 1px solid #d6d6d6; }
  input[type="color"]::placeholder, input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="email"]::placeholder, input[type="month"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="time"]::placeholder, input[type="url"]::placeholder, input[type="week"]::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #898989; }

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.425em; }

[type="file"] {
  margin-bottom: 0.85em;
  width: 100%; }

select {
  padding: .5rem;
  margin-bottom: 0.85em;
  width: 100%; }

input[type="submit"],
button[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  padding: 12px 30px;
  background: #1458a3;
  border: none;
  border-radius: 8px;
  color: white;
  font-family: "mark-pro-bold", arial, serif;
  font-size: 0.875rem;
  line-height: 1em;
  text-shadow: none;
  cursor: pointer;
  transition: background 250ms ease; }
  input[type="submit"]:hover, input[type="submit"]:focus,
  button[type="submit"]:hover,
  button[type="submit"]:focus {
    color: white;
    background: #00b0e7; }

form p + p,
form ul + p {
  margin-top: 25px; }
form ul {
  list-style: none;
  padding-left: 1rem; }
form .helptext {
  display: block;
  margin-top: -5px;
  font-size: 0.875rem;
  font-style: italic; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%;
  height: auto; }

table {
  border-collapse: collapse;
  margin: 0.85em 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a0a0a0;
  font-weight: 600;
  padding: 0.85em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #d6d6d6;
  padding: 0.85em 0; }

tr,
td,
th {
  vertical-align: middle; }

.primary-button,
.primary-button--reversed,
.primary-button--red,
.primary-button--red-reversed {
  position: relative;
  display: inline-block;
  width: 114px;
  height: 46px;
  padding-top: 10px;
  text-align: center;
  color: white;
  font-size: 1rem;
  font-family: "mark-pro-bold", arial, serif;
  z-index: 1; }
  .primary-button:before, .primary-button:after,
  .primary-button--reversed:before,
  .primary-button--reversed:after,
  .primary-button--red:before,
  .primary-button--red:after,
  .primary-button--red-reversed:before,
  .primary-button--red-reversed:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/primary-button-background.89a231120337.svg") no-repeat center;
    background-size: contain;
    opacity: 1;
    z-index: -1;
    /*transition: opacity $base-duration $base-timing;*/ }
  .primary-button:after,
  .primary-button--reversed:after,
  .primary-button--red:after,
  .primary-button--red-reversed:after {
    background-image: url("../img/primary-button-background-hover.01253196215a.svg");
    opacity: 0;
    z-index: -2; }
  .primary-button:hover, .primary-button:focus,
  .primary-button--reversed:hover,
  .primary-button--reversed:focus,
  .primary-button--red:hover,
  .primary-button--red:focus,
  .primary-button--red-reversed:hover,
  .primary-button--red-reversed:focus {
    color: white;
    text-decoration: none; }
    .primary-button:hover:before, .primary-button:focus:before,
    .primary-button--reversed:hover:before,
    .primary-button--reversed:focus:before,
    .primary-button--red:hover:before,
    .primary-button--red:focus:before,
    .primary-button--red-reversed:hover:before,
    .primary-button--red-reversed:focus:before {
      opacity: 0; }
    .primary-button:hover:after, .primary-button:focus:after,
    .primary-button--reversed:hover:after,
    .primary-button--reversed:focus:after,
    .primary-button--red:hover:after,
    .primary-button--red:focus:after,
    .primary-button--red-reversed:hover:after,
    .primary-button--red-reversed:focus:after {
      opacity: 1; }

.template-donate-campaign-landing-page .page-header .primary-button {
  width: 160px; }
  .template-donate-campaign-landing-page .page-header .primary-button:before {
    background-size: 100% 100%;
    background-image: url("../img/primary-button-background-teal.8bc907268c8e.png"); }
  .template-donate-campaign-landing-page .page-header .primary-button:after {
    background-size: 100% 100%;
    background-image: url("../img/primary-button-background-dark-blue.3861a9a9ef97.png"); }

.primary-button--reversed {
  color: #1458a3; }
  .primary-button--reversed:before {
    background-image: url("../img/primary-button-background-reversed.7a242baed480.svg"); }
  .primary-button--reversed:after {
    background-image: url("../img/primary-button-background-hover.01253196215a.svg"); }
  .stella-campaign-landing-page .primary-button--reversed {
    color: #cd0013; }
    .stella-campaign-landing-page .primary-button--reversed:before {
      background-image: url("../img/primary-button-background-reversed.7a242baed480.svg"); }
    .stella-campaign-landing-page .primary-button--reversed:after {
      background-image: url("../img/primary-button-background-red-dark.e6864a2905e8.svg"); }
    .stella-campaign-landing-page .primary-button--reversed:hover, .stella-campaign-landing-page .primary-button--reversed:focus {
      color: white; }

.primary-button--red:before {
  background-image: url("../img/primary-button-background-red.b879d6dd4a7f.svg"); }
.primary-button--red:after {
  background-image: url("../img/primary-button-background-red-dark.e6864a2905e8.svg"); }

.secondary-button {
  color: #1458a3;
  font-family: "mark-pro-bold", arial, serif;
  font-size: 0.875rem;
  text-decoration: underline; }
  .secondary-button .icon-cta-arrow {
    display: inline-block;
    margin-left: 5px;
    font-size: 0.625rem; }
  .secondary-button .icon-cta-arrow-prev {
    display: inline-block;
    margin-right: 5px;
    font-size: 0.625rem; }

.tertiary-button,
.tertiary-button--reversed {
  display: inline-block;
  padding: 12px 30px;
  background: #1458a3;
  border: none;
  border-radius: 8px;
  color: white;
  font-family: "mark-pro-bold", arial, serif;
  font-size: 0.875rem;
  line-height: 1em;
  cursor: pointer;
  transition: background 250ms ease; }
  .tertiary-button:hover, .tertiary-button:focus,
  .tertiary-button--reversed:hover,
  .tertiary-button--reversed:focus {
    color: white;
    background: #00b0e7;
    text-decoration: none; }
  .tertiary-button .icon-gallery,
  .tertiary-button--reversed .icon-gallery {
    font-size: 0.625rem;
    margin-right: 4px; }

.tertiary-button--reversed {
  background: white;
  color: #1458a3; }
  .tertiary-button--reversed:hover, .tertiary-button--reversed:focus {
    color: white;
    background: #00b0e7; }

.tertiary-button--red {
  background: #cd0013; }
  .tertiary-button--red:hover, .tertiary-button--red:focus {
    background: #a40312; }

body {
  color: #3b3b3b;
  font-family: "mark-pro", arial, serif;
  font-size: 1em;
  line-height: 1.7; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "mark-pro", arial, serif;
  /*color: $blue;*/
  line-height: 1.33;
  font-weight: bold; }

h1 {
  font-size: 1.875rem; }
  @media screen and (min-width: 1020px) {
    h1 {
      font-size: 3rem; } }

h2 {
  font-size: 1.5rem; }
  @media screen and (min-width: 1020px) {
    h2 {
      font-size: 2.25rem; } }

h3 {
  font-size: 1.375rem; }
  @media screen and (min-width: 1020px) {
    h3 {
      font-size: 1.75rem; } }

h4 {
  font-size: 1.25rem; }
  @media screen and (min-width: 1020px) {
    h4 {
      font-size: 1.375rem; } }

h5 {
  font-size: 1rem; }
  @media screen and (min-width: 1020px) {
    h5 {
      font-size: 1.125rem; } }

h6 {
  font-size: 0.875rem; }

p {
  margin: 0;
  font-size: 1rem; }

a {
  color: #1458a3;
  text-decoration: none;
  transition: color 250ms ease; }
  a:active, a:focus, a:hover {
    color: #00b0e7;
    text-decoration: underline; }

ul,
ol {
  margin: 0; }

blockquote {
  padding: 20px 0;
  margin: 30px 0;
  border-top: 1px solid #79bde9;
  border-bottom: 1px solid #79bde9;
  color: #002c5f;
  font-style: italic;
  font-size: 1.5rem;
  line-height: 1.3em; }
  @media screen and (min-width: 1020px) {
    blockquote {
      padding: 30px 0;
      margin: 40px 0;
      font-size: 1.75rem; } }

hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #d6d6d6; }

.content-container {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 0px;
  padding-bottom: 0px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 720px) {
    .content-container {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 1020px) {
    .content-container {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (min-width: 1340px) {
    .content-container {
      padding-right: 0px;
      padding-left: 0px; } }

.content-container--small {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 0px;
  padding-bottom: 0px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 720px) {
    .content-container--small {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 1020px) {
    .content-container--small {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (min-width: 1340px) {
    .content-container--small {
      padding-right: 0px;
      padding-left: 0px; } }

.wide-container {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto; }
  .stella-campaign-landing-page .wide-container {
    position: relative; }

.single-column-content {
  max-width: 850px;
  margin: 0 auto; }
  .single-column-content--to-side {
    margin: 0; }

.fade-container {
  position: relative;
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  /*border: 1px solid;*/ }
  @media screen and (min-width: 1300px) {
    .fade-container:before, .fade-container:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      width: calc((100% - 1300px)/2);
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1; }
    .fade-container:before {
      left: 0;
      background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 200px); }
    .fade-container:after {
      right: 0;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 200px); } }

.stripe-section {
  padding: 15px 0; }
  @media screen and (min-width: 720px) {
    .stripe-section {
      padding: 25px 0; } }
  @media screen and (min-width: 1020px) {
    .stripe-section {
      padding: 40px 0; } }

.stripe-section--has-pattern {
  position: relative; }
  .stripe-section--has-pattern .content-container {
    position: relative;
    z-index: 1; }

.stripe-section--shaded {
  background-color: #f1f8fd;
  padding: 32px 0; }
  @media screen and (min-width: 720px) {
    .stripe-section--shaded {
      padding: 40px 0; } }
  @media screen and (min-width: 1020px) {
    .stripe-section--shaded {
      padding: 60px 0; } }

.stripe-section__pattern {
  display: none; }
  @media screen and (min-width: 720px) {
    .stripe-section__pattern {
      display: block;
      position: absolute;
      bottom: -60px;
      left: 0;
      width: 100%;
      height: 120px;
      background-repeat: repeat-x;
      background-position: center;
      background-size: contain;
      z-index: -1; } }
  @media screen and (min-width: 1020px) {
    .stripe-section__pattern {
      bottom: -100px;
      height: 200px; } }
  @media screen and (min-width: 1340px) {
    .stripe-section__pattern {
      bottom: -160px;
      height: 320px; } }

.stripe-section__wave-pattern {
  display: none; }
  @media screen and (min-width: 720px) {
    .stripe-section__wave-pattern {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 14vw;
      background-image: url("../img/wave-pattern.3082c85ba1a5.svg");
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: contain;
      z-index: -1; } }
  .stripe-section__wave-pattern--reversed {
    background-image: url("../img/wave-pattern-reversed.a2c05998a049.svg"); }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.wow {
  visibility: hidden; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15%);
    transform: translateY(15%); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15%);
    -ms-transform: translateY(15%);
    transform: translateY(15%); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInRight,
.fadeInright {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.fadeInLeft,
.fadeInleft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.95); }

  50% {
    opacity: 1; } }
.zoomIn {
  animation-name: zoomIn;
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }
  .zoomIn.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }

.site-header {
  border-bottom: 1px solid #d6d6d6; }
  .site-header .content-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center; }
    @media screen and (min-width: 720px) {
      .site-header .content-container {
        align-items: flex-start; } }

.site-header__logo {
  width: 150px;
  height: 44px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: url("../img/water-org-logo.bd23a712cf69.svg") no-repeat center;
  background-size: contain; }
  @media screen and (min-width: 800px) {
    .site-header__logo {
      margin-top: 76px;
      margin-bottom: 0; } }
  @media screen and (min-width: 1020px) {
    .site-header__logo {
      width: 190px;
      height: 56px;
      margin-top: 70px; } }
  @media screen and (min-width: 800px) {
    .site-header__logo.site-header__logo--light {
      margin-top: 19px; } }

.site-header__mobile-menu-button {
  margin-left: auto;
  font-size: 1.875rem;
  color: #3b3b3b;
  cursor: pointer; }
  .site-header__mobile-menu-button:hover, .site-header__mobile-menu-button:focus {
    color: #79bde9; }
  @media screen and (min-width: 800px) {
    .site-header__mobile-menu-button {
      display: none; } }

.site-header__navigation {
  display: none;
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  padding: 20px 5% 10px;
  background: white;
  border-bottom: 1px solid #d6d6d6;
  z-index: 10; }
  .site-header__navigation.site-header__navigation--empty {
    display: block;
    position: static;
    top: auto;
    left: auto;
    padding: 0;
    border-bottom: none; }
  @media screen and (min-width: 800px) {
    .site-header__navigation {
      position: static;
      top: auto;
      left: auto;
      display: block;
      width: auto;
      padding: 0;
      margin-left: auto;
      border-bottom: none; } }
  .site-header__navigation ul {
    list-style: none;
    padding: 0;
    margin: 0; }

@media screen and (min-width: 800px) {
  .site-header__utility-nav {
    margin: 16px 0 34px;
    text-align: right; } }
.site-header__utility-nav ul {
  display: flex;
  flex-flow: column-reverse nowrap; }
  @media screen and (min-width: 800px) {
    .site-header__utility-nav ul {
      flex-direction: row;
      justify-content: flex-end;
      align-items: center; } }
.site-header__utility-nav a {
  display: block;
  padding: 6px 0;
  font-family: "mark-pro-bold", arial, serif; }
  @media screen and (min-width: 800px) {
    .site-header__utility-nav a {
      font-size: 0.75rem;
      text-transform: uppercase; } }

@media screen and (min-width: 800px) {
  .site-header__utility-nav-item + .site-header__utility-nav-item {
    margin-left: 24px; } }

.site-header__utility-nav-item--is-search {
  width: 50%;
  margin-bottom: 20px; }
  @media screen and (min-width: 800px) {
    .site-header__utility-nav-item--is-search {
      width: auto;
      margin-bottom: 0; } }

input[type="text"].site-header__search-field {
  margin-bottom: 0;
  font-size: 0.75rem; }

@media screen and (min-width: 800px) {
  .site-header__main-nav.light_menu {
    padding-bottom: 24px;
    margin-top: 24px;
    text-align: right;
    min-height: 70px; } }

.site-header__main-nav-item {
  border-top: 1px solid #d6d6d6; }
  @media screen and (min-width: 800px) {
    .site-header__main-nav-item {
      display: inline-block;
      border-top: none; } }
  @media screen and (min-width: 800px) {
    .site-header__main-nav-item + .site-header__main-nav-item {
      /*margin-left: 28px;*/
      margin-left: 3vw; } }
  @media screen and (min-width: 1020px) {
    .site-header__main-nav-item + .site-header__main-nav-item {
      margin-left: 40px; } }
  .site-header__main-nav-item a:not(.primary-button) {
    display: block;
    padding: 6px 0; }
    @media screen and (min-width: 800px) {
      .site-header__main-nav-item a:not(.primary-button) {
        display: inline;
        padding: 0; } }
  .site-header__main-nav-item > a:not(.primary-button) {
    color: #1458a3;
    font-family: "mark-pro-bold", arial, serif; }
    @media screen and (min-width: 800px) {
      .site-header__main-nav-item > a:not(.primary-button) {
        display: inline-block;
        padding-bottom: 34px;
        font-family: "mark-pro", arial, serif; } }
    .site-header__main-nav-item > a:not(.primary-button):hover, .site-header__main-nav-item > a:not(.primary-button):focus {
      color: #00b0e7;
      text-decoration: none; }

.site-header__main-nav-item--is-button {
  border-top: none;
  position: absolute;
  top: 14px;
  right: 5%; }
  .site-header__navigation--empty .site-header__main-nav-item--is-button {
    top: 10px; }
    @media screen and (min-width: 800px) {
      .site-header__navigation--empty .site-header__main-nav-item--is-button {
        top: auto; } }
  @media screen and (min-width: 800px) {
    .site-header__main-nav-item--is-button {
      position: relative;
      top: auto;
      right: auto; } }

@media screen and (min-width: 800px) {
  .site-header__main-nav-item--has-submenu:hover .site-header__submenu-container {
    opacity: 1;
    visibility: visible;
    z-index: 2; } }

.site-header__submenu-container {
  display: none;
  width: 100%;
  padding-left: 3%; }
  @media screen and (min-width: 800px) {
    .site-header__submenu-container {
      padding-left: 5%;
      padding-right: 5%;
      padding-top: 0px;
      padding-bottom: 0px;
      display: flex;
      position: absolute;
      left: 0;
      top: auto;
      padding-top: 44px;
      padding-bottom: 44px;
      background: white;
      border-top: 1px solid #d6d6d6;
      border-bottom: 1px solid #d6d6d6;
      text-align: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s linear;
      transition-delay: 0.2s; } }
  @media screen and (min-width: 800px) and (min-width: 720px) {
    .site-header__submenu-container {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 800px) and (min-width: 1020px) {
    .site-header__submenu-container {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (min-width: 800px) and (min-width: 1340px) {
    .site-header__submenu-container {
      padding-right: 0px;
      padding-left: 0px; } }

  @media screen and (min-width: 1020px) {
    .site-header__submenu-container {
      padding-top: 56px;
      padding-bottom: 56px; } }
  @media screen and (min-width: 1700px) {
    .site-header__submenu-container {
      left: calc((100% - 1700px) / 2);
      width: 1700px; } }
  .site-header__submenu-container a {
    line-height: 2em; }
    .site-header__submenu-container a:hover, .site-header__submenu-container a:focus {
      color: #00b0e7; }

.site-header__submenu-content {
  display: inline-block;
  margin: 0 auto;
  text-align: left; }

@media screen and (min-width: 800px) {
  .site-header__submenu-ul-container {
    display: flex;
    justify-content: center; } }

.site-header__submenu-title {
  font-family: "mark-pro-bold", arial, serif; }
  @media screen and (min-width: 1020px) {
    .site-header__submenu-title {
      font-size: 1.5rem;
      margin-bottom: 2rem; } }
  @media screen and (min-width: 800px) {
    .site-header__submenu-title + .site-header__submenu-ul-container {
      margin-top: 1rem; } }

@media screen and (min-width: 800px) {
  .site-header__submenu + .site-header__submenu {
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid #d6d6d6; } }
@media screen and (min-width: 1020px) {
  .site-header__submenu + .site-header__submenu {
    padding-left: 45px;
    margin-left: 45px; } }
.site-header__submenu ul {
  display: none; }
  @media screen and (min-width: 800px) {
    .site-header__submenu ul {
      display: block; } }
.site-header__submenu > li > a {
  font-family: "mark-pro-bold", arial, serif; }
.site-header__submenu a {
  font-size: .875rem; }
  @media screen and (min-width: 1020px) {
    .site-header__submenu a {
      font-size: 1rem; } }

.site-header__submenu-column {
  display: inline-block;
  vertical-align: top; }
  .site-header__submenu-column + .site-header__submenu-column {
    margin-left: 50px; }
    @media screen and (min-width: 1020px) {
      .site-header__submenu-column + .site-header__submenu-column {
        margin-left: 90px; } }

.site-header__submenu-column-header {
  margin: 10px 0;
  font-size: 0.8125rem;
  color: #999; }

.site-header__submenu-column-header,
.site-header__tertiary-menu {
  display: none; }
  @media screen and (min-width: 800px) {
    .site-header__submenu-column-header,
    .site-header__tertiary-menu {
      display: block; } }

@media screen and (min-width: 800px) {
  .site-header__main-nav-item--about .site-header__submenu {
    flex: 1; } }
@media screen and (min-width: 1020px) {
  .site-header__main-nav-item--about .site-header__submenu {
    flex: inherit; } }
@media screen and (min-width: 800px) {
  .site-header__main-nav-item--about .site-header__tertiary-menu li + li {
    margin-top: 5px; } }
@media screen and (min-width: 1020px) {
  .site-header__main-nav-item--about .site-header__tertiary-menu li + li {
    margin-top: 0; } }

.page-header {
  position: relative;
  padding: 50px 0 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: white; }
  .page-header:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4); }
    @media screen and (min-width: 720px) {
      .page-header:after {
        background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, transparent 60%); } }
  .page-header.page-header--has-video {
    overflow: hidden; }
  .remove-header-gradient .page-header:after {
    content: none; }
  @media screen and (min-width: 720px) {
    .page-header {
      padding: 90px 0 120px; } }
  @media screen and (min-width: 1020px) {
    .page-header {
      padding: 160px 0; } }
  .page-header .content-container {
    display: block; }
    .page-header .content-container::after {
      clear: both;
      content: "";
      display: block; }

.page-header--short {
  padding: 30px 0 40px; }
  @media screen and (min-width: 720px) {
    .page-header--short {
      padding: 40px 0 50px; } }
  @media screen and (min-width: 1020px) {
    .page-header--short {
      padding: 70px 0; } }

@media screen and (min-width: 720px) {
  .page-header--low-btn {
    height: 26vw;
    max-height: 26rem; } }
.page-header--low-btn .page-header__content + .page-header__button-wrapper {
  margin: 0; }
  @media screen and (min-width: 720px) {
    .page-header--low-btn .page-header__content + .page-header__button-wrapper {
      position: absolute;
      bottom: 3vw; } }
  @media screen and (min-width: 104rem) {
    .page-header--low-btn .page-header__content + .page-header__button-wrapper {
      bottom: 3rem; } }

@media screen and (min-width: 720px) {
  .page-header--centered {
    height: 26vw;
    max-height: 26rem; } }
.page-header--centered .page-header__content + .page-header__button-wrapper {
  margin: 0; }
  @media screen and (min-width: 720px) {
    .page-header--centered .page-header__content + .page-header__button-wrapper {
      position: absolute;
      bottom: 2vw;
      left: calc(34vw - 3.5rem); } }
  @media screen and (min-width: 1020px) {
    .page-header--centered .page-header__content + .page-header__button-wrapper {
      bottom: auto;
      top: calc(50% + 6vw); } }
  @media screen and (min-width: 1700px) {
    .page-header--centered .page-header__content + .page-header__button-wrapper {
      left: 32.25rem;
      bottom: 3.25rem;
      top: auto; } }

@media screen and (min-width: 720px) {
  .page-header--has-form .content-container {
    display: flex;
    align-items: center; } }
@media screen and (min-width: 720px) {
  .page-header--has-form .page-header__content {
    padding: 0 0 5vw 0;
    width: 40%; } }
.page-header--has-form .page-header__form {
  width: 22.5rem;
  max-width: 100%;
  height: 30rem;
  margin: 1.5rem auto 0;
  background-color: white;
  z-index: 1; }
  @media screen and (min-width: 720px) {
    .page-header--has-form .page-header__form {
      margin: 0 0 0 auto; } }
.page-header--has-form iframe {
  width: 100%;
  height: 100%;
  border: none; }

.page-header__content {
  position: relative;
  width: 100%;
  z-index: 1; }
  @media screen and (min-width: 720px) {
    .page-header__content {
      padding-right: 60%; } }
  @media screen and (min-width: 1340px) {
    .page-header__content {
      padding-right: 68%; } }
  .page-header__content .primary-button + .primary-button {
    margin-left: 2rem; }

.page-header__headline + .page-header__body {
  margin-top: 16px; }

.page-header__body {
  font-weight: bold; }

.page-header__headline + .primary-button, .page-header__headline + .tertiary-button, .page-header__headline + .page-header__button-wrapper,
.page-header__body + .primary-button,
.page-header__body + .tertiary-button,
.page-header__body + .page-header__button-wrapper,
.page-header__content + .primary-button,
.page-header__content + .tertiary-button,
.page-header__content + .page-header__button-wrapper {
  margin-top: 32px; }
  @media screen and (min-width: 720px) {
    .page-header__headline + .primary-button, .page-header__headline + .tertiary-button, .page-header__headline + .page-header__button-wrapper,
    .page-header__body + .primary-button,
    .page-header__body + .tertiary-button,
    .page-header__body + .page-header__button-wrapper,
    .page-header__content + .primary-button,
    .page-header__content + .tertiary-button,
    .page-header__content + .page-header__button-wrapper {
      margin-top: 44px; } }

.page-header__button-wrapper {
  position: relative;
  margin-top: 24px;
  z-index: 1; }
  @media screen and (min-width: 720px) {
    .page-header__button-wrapper {
      display: inline-block;
      margin-top: 32px;
      margin-right: 32px; } }

.page-header--old .page-header__button-wrapper .primary-button:before {
  background-image: url("../img/primary-button-background-light-blue.5cfdfca170f3.svg"); }
.page-header--old .page-header__button-wrapper .primary-button:after {
  background-image: url("../img/primary-button-background.89a231120337.svg"); }
.page-header--old .page-header__button-wrapper .tertiary-button {
  background-color: #79bde9; }
  .page-header--old .page-header__button-wrapper .tertiary-button:hover, .page-header--old .page-header__button-wrapper .tertiary-button:focus {
    background: #1458a3; }

.page-header__stella-logo {
  max-width: 140px; }
  @media screen and (min-width: 720px) {
    .page-header__stella-logo {
      max-width: 187px; } }

.page-header__pattern {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 200%;
  z-index: 1; }
  @media screen and (min-width: 720px) {
    .page-header__pattern {
      height: 70px;
      background-size: auto; } }
  @media screen and (min-width: 1020px) {
    .page-header__pattern {
      height: 100px; } }

.page-header__video {
  display: block;
  position: absolute;
  bottom: calc(100% - 51vw);
  left: 0;
  width: 100%; }
  @media screen and (min-width: 720px) {
    .page-header__video {
      top: 50%;
      left: 50%;
      bottom: auto;
      transform: translate3d(-50%, -50%, 0); } }
  @media screen and (min-width: 720px) {
    .page-header--is-horizontal .page-header__video {
      width: 100%;
      height: auto; } }
  @media screen and (min-width: 720px) {
    .page-header--is-vertical .page-header__video {
      width: auto;
      height: 100%; } }

@media screen and (max-width: 719px) {
  .template-eoy-campaign-landing-page .page-header,
  .template-homepage .page-header,
  .template-campaign-landing-page .page-header,
  .template-donate-campaign-landing-page .page-header {
    background-size: 100%;
    background-position: center top;
    padding-top: 51vw;
    padding-bottom: 30px;
    margin-bottom: 10px;
    background-color: #fff;
    border-bottom: 1px solid #d6d6d6;
    color: #3b3b3b; }
    .template-eoy-campaign-landing-page .page-header:after,
    .template-homepage .page-header:after,
    .template-campaign-landing-page .page-header:after,
    .template-donate-campaign-landing-page .page-header:after {
      display: none; } }
@media screen and (max-width: 719px) {
  .template-eoy-campaign-landing-page .page-header .content-container,
  .template-homepage .page-header .content-container,
  .template-campaign-landing-page .page-header .content-container,
  .template-donate-campaign-landing-page .page-header .content-container {
    padding-top: 20px;
    background: white; } }
@media screen and (max-width: 719px) {
  .template-eoy-campaign-landing-page .page-header__pattern,
  .template-homepage .page-header__pattern,
  .template-campaign-landing-page .page-header__pattern,
  .template-donate-campaign-landing-page .page-header__pattern {
    display: none; } }
@media screen and (max-width: 719px) {
  .template-eoy-campaign-landing-page .page-header__headline,
  .template-homepage .page-header__headline,
  .template-campaign-landing-page .page-header__headline,
  .template-donate-campaign-landing-page .page-header__headline {
    color: #002c5f; } }
@media screen and (min-width: 720px) {
  .template-eoy-campaign-landing-page .page-header__headline:not(:first-child),
  .template-homepage .page-header__headline:not(:first-child),
  .template-campaign-landing-page .page-header__headline:not(:first-child),
  .template-donate-campaign-landing-page .page-header__headline:not(:first-child) {
    padding-right: 60%; } }
@media screen and (min-width: 1340px) {
  .template-eoy-campaign-landing-page .page-header__headline:not(:first-child),
  .template-homepage .page-header__headline:not(:first-child),
  .template-campaign-landing-page .page-header__headline:not(:first-child),
  .template-donate-campaign-landing-page .page-header__headline:not(:first-child) {
    padding-right: 68%; } }

@media screen and (max-width: 719px) {
  .template-donate-campaign-landing-page .page-header__headline {
    color: #419cb0; } }

.template-eoy-campaign-landing-page .page-header {
  background-image: url("../img/eoy-bright-futures-m.27c1b37d4930.jpg") !important; }
  @media screen and (min-width: 720px) {
    .template-eoy-campaign-landing-page .page-header {
      padding-top: 30px;
      padding-bottom: 40px;
      background-position: center 70%;
      background-image: url("../img/eoy-bright-futures-m-2.6303e7d54e2b.jpg") !important; } }
  @media screen and (min-width: 815px) {
    .template-eoy-campaign-landing-page .page-header {
      padding-top: 90px;
      background-position: center;
      background-image: url("../img/eoy-bright-futures-m.27c1b37d4930.jpg") !important; } }
  @media screen and (min-width: 1020px) {
    .template-eoy-campaign-landing-page .page-header {
      padding-top: 160px;
      background-image: url("../img/eoy-bright-futures-l.8b747e9652fc.jpg") !important; } }
  @media screen and (min-width: 1340px) {
    .template-eoy-campaign-landing-page .page-header {
      background-image: url("../img/eoy-bright-futures-xl.f62f4b82d989.jpg") !important; } }
  .template-eoy-campaign-landing-page .page-header:after {
    content: none; }
@media screen and (min-width: 720px) {
  .template-eoy-campaign-landing-page .page-header__content {
    width: 46%;
    margin-top: 120px;
    margin-left: 54%; } }
@media screen and (min-width: 815px) {
  .template-eoy-campaign-landing-page .page-header__content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    margin-left: 59%; }
    .template-eoy-campaign-landing-page .page-header__content:last-child {
      margin-right: 0; } }
@media screen and (min-width: 1020px) {
  .template-eoy-campaign-landing-page .page-header__content {
    margin-top: 120px; } }
@media screen and (min-width: 1340px) {
  .template-eoy-campaign-landing-page .page-header__content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-left: 68%; }
    .template-eoy-campaign-landing-page .page-header__content:last-child {
      margin-right: 0; } }
.template-eoy-campaign-landing-page .page-header__body {
  color: #3b3b3b; }
  @media screen and (min-width: 720px) {
    .template-eoy-campaign-landing-page .page-header__body {
      font-size: .875rem; } }
  @media screen and (min-width: 815px) {
    .template-eoy-campaign-landing-page .page-header__body {
      font-size: 1rem; } }
.template-eoy-campaign-landing-page .page-header__body + .primary-button {
  margin-top: 22px; }
  @media screen and (min-width: 815px) {
    .template-eoy-campaign-landing-page .page-header__body + .primary-button {
      margin-top: 44px; } }

.site-footer {
  background: #d6d6d6; }

.site-footer__navigation {
  display: block; }
  .site-footer__navigation::after {
    clear: both;
    content: "";
    display: block; }
  .site-footer__navigation ul {
    margin: 0;
    padding: 0;
    list-style: none; }

@media screen and (min-width: 720px) {
  .site-footer__menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%; }
    .site-footer__menu:last-child {
      margin-right: 0; }
    .site-footer__menu:nth-child(4n) {
      margin-right: 0; }
    .site-footer__menu:nth-child(4n+1) {
      clear: left; } }
@media screen and (min-width: 1020px) {
  .site-footer__menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%; }
    .site-footer__menu:last-child {
      margin-right: 0; } }
.site-footer__menu + .site-footer__menu {
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .site-footer__menu + .site-footer__menu {
      margin-top: 0; } }
.site-footer__menu h6 {
  font-family: "mark-pro-bold", arial, serif;
  line-height: 1.7; }
.site-footer__menu a,
.site-footer__menu #ot-sdk-btn.ot-sdk-show-settings {
  display: inline-block;
  padding: 6px 0;
  color: #3b3b3b;
  font-size: 0.875rem; }
  .site-footer__menu a:hover, .site-footer__menu a:focus,
  .site-footer__menu #ot-sdk-btn.ot-sdk-show-settings:hover,
  .site-footer__menu #ot-sdk-btn.ot-sdk-show-settings:focus {
    color: #00b0e7;
    background: none; }
  @media screen and (min-width: 720px) {
    .site-footer__menu a,
    .site-footer__menu #ot-sdk-btn.ot-sdk-show-settings {
      display: inline;
      padding: 0; } }
.site-footer__menu #ot-sdk-btn.ot-sdk-show-settings {
  border: none;
  background: none; }

.site-footer__social-menu {
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .site-footer__social-menu {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%; }
      .site-footer__social-menu:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1020px) {
    .site-footer__social-menu {
      float: right;
      width: auto;
      margin-top: 0; } }
  .site-footer__social-menu .secondary-button {
    display: inline-block;
    margin-top: 20px; }

.site-footer__social-item {
  display: inline-block;
  font-size: 1.375rem; }
  .site-footer__social-item + .site-footer__social-item {
    margin-left: 14px; }
  .site-footer__social-item a {
    color: #3b3b3b; }
    .site-footer__social-item a:hover, .site-footer__social-item a:focus {
      color: #00b0e7;
      text-decoration: none; }

.text-block .site-footer__social-item a {
  text-decoration: none; }

.site-footer__legal {
  font-size: 0.875rem; }
  @media screen and (min-width: 720px) {
    .site-footer__legal {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; } }
  @media screen and (min-width: 720px) {
    .site-footer__legal {
      margin-top: 30px; } }
  @media screen and (min-width: 1020px) {
    .site-footer__legal {
      margin-top: 45px; } }

.site-footer__logo {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  display: block;
  width: 190px;
  height: 56px;
  margin: 30px 0;
  background: url("../img/water-org-logo.bd23a712cf69.svg") no-repeat center;
  background-size: contain; }
  @media screen and (min-width: 720px) {
    .site-footer__logo {
      margin: 0; } }

.breadcrumbs-stripe {
  display: none; }
  @media screen and (min-width: 720px) {
    .breadcrumbs-stripe {
      display: block;
      padding-top: 30px; } }

.breadcrumbs {
  padding: 0;
  margin: 0;
  line-height: 1em; }

.breadcrumbs__item {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold; }
  .breadcrumbs__item + .breadcrumbs__item:before {
    content: " > ";
    padding: 0 3px;
    color: #1458a3; }

.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6,
.text-block--condensed h1,
.text-block--condensed h2,
.text-block--condensed h3,
.text-block--condensed h4,
.text-block--condensed h5,
.text-block--condensed h6,
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  color: #002c5f; }
  .template-donate-campaign-landing-page .text-block h1, .template-donate-campaign-landing-page
  .text-block h2, .template-donate-campaign-landing-page
  .text-block h3, .template-donate-campaign-landing-page
  .text-block h4, .template-donate-campaign-landing-page
  .text-block h5, .template-donate-campaign-landing-page
  .text-block h6, .template-donate-campaign-landing-page
  .text-block--condensed h1, .template-donate-campaign-landing-page
  .text-block--condensed h2, .template-donate-campaign-landing-page
  .text-block--condensed h3, .template-donate-campaign-landing-page
  .text-block--condensed h4, .template-donate-campaign-landing-page
  .text-block--condensed h5, .template-donate-campaign-landing-page
  .text-block--condensed h6, .template-donate-campaign-landing-page
  .rich-text h1, .template-donate-campaign-landing-page
  .rich-text h2, .template-donate-campaign-landing-page
  .rich-text h3, .template-donate-campaign-landing-page
  .rich-text h4, .template-donate-campaign-landing-page
  .rich-text h5, .template-donate-campaign-landing-page
  .rich-text h6 {
    color: #419cb0; }

.text-block,
.rich-text {
  overflow: hidden;
  /*hr {
    margin: 20px 0;
    border: none;
    border-top: $base-border;
  }*/ }
  .text-block h1,
  .rich-text h1 {
    font-size: 1.5rem; }
    @media screen and (min-width: 1020px) {
      .text-block h1,
      .rich-text h1 {
        font-size: 2.25rem; } }
  .text-block ol,
  .text-block ul,
  .rich-text ol,
  .rich-text ul {
    padding-left: 20px; }
    @media screen and (min-width: 1020px) {
      .text-block ol,
      .text-block ul,
      .rich-text ol,
      .rich-text ul {
        padding-left: 40px; } }
    .text-block ol li,
    .text-block ul li,
    .rich-text ol li,
    .rich-text ul li {
      padding-left: 5px; }
  .text-block h1,
  .text-block h2,
  .text-block h3,
  .text-block h4,
  .text-block h5,
  .text-block h6,
  .rich-text h1,
  .rich-text h2,
  .rich-text h3,
  .rich-text h4,
  .rich-text h5,
  .rich-text h6 {
    margin-bottom: 16px; }
  .text-block p + p,
  .text-block p + ul,
  .text-block ul + p,
  .text-block p + ol,
  .text-block ol + p,
  .text-block * + h1,
  .text-block * + h2,
  .text-block * + h3,
  .text-block * + h4,
  .text-block * + h5,
  .text-block * + h6,
  .text-block * + form,
  .rich-text p + p,
  .rich-text p + ul,
  .rich-text ul + p,
  .rich-text p + ol,
  .rich-text ol + p,
  .rich-text * + h1,
  .rich-text * + h2,
  .rich-text * + h3,
  .rich-text * + h4,
  .rich-text * + h5,
  .rich-text * + h6,
  .rich-text * + form {
    margin-top: 20px; }
  .text-block p.mousetype,
  .rich-text p.mousetype {
    font-size: 0.8125rem;
    font-style: italic; }
  .text-block a,
  .rich-text a {
    text-decoration: underline; }
  .text-block .text-block__headline,
  .rich-text .text-block__headline {
    margin-bottom: 27px; }
  .text-block .block-infograph,
  .text-block .secondary-button,
  .rich-text .block-infograph,
  .rich-text .secondary-button {
    display: inline-block;
    margin-top: 16px; }
    @media screen and (min-width: 720px) {
      .text-block .block-infograph,
      .text-block .secondary-button,
      .rich-text .block-infograph,
      .rich-text .secondary-button {
        margin-top: 32px; } }
  .text-block .richtext-image.left,
  .rich-text .richtext-image.left {
    float: left;
    margin: 0 30px 30px 0; }
  .text-block .richtext-image.right,
  .rich-text .richtext-image.right {
    float: right;
    margin: 0 0 30px 30px; }
  .text-block .richtext-image.full-width,
  .rich-text .richtext-image.full-width {
    display: block; }

.text-block--condensed p {
  font-size: 0.875rem; }
.text-block--condensed .tertiary-button {
  margin-top: 16px; }

.text-block--ruled {
  padding: 15px 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .text-block--ruled {
      padding: 25px 0; } }
  @media screen and (min-width: 1020px) {
    .text-block--ruled {
      padding: 40px 0; } }

.text-block.search-results h5 {
  margin-bottom: 8px; }

.job-stats + .text-block,
.form-text-block + .form-text-block {
  margin-top: 20px; }
  @media screen and (min-width: 1020px) {
    .job-stats + .text-block,
    .form-text-block + .form-text-block {
      margin-top: 40px; } }

.form-text-block h5 {
  margin-bottom: 20px; }

.summary-section .summary-section__content {
  display: flex;
  flex-flow: row wrap;
  max-width: 1500px;
  padding-left: 5%;
  padding-right: 5%;
  margin: 0 auto; }
  @media screen and (min-width: 720px) {
    .summary-section .summary-section__content {
      display: block;
      padding-left: 30px;
      padding-right: 30px;
      overflow: hidden; } }
  @media screen and (min-width: 1020px) {
    .summary-section .summary-section__content {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      padding: 0;
      overflow: visible; } }

.summary-section__text-block {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .summary-section__text-block {
      float: left;
      width: 70%;
      margin-top: 0; } }
  @media screen and (min-width: 1020px) {
    .summary-section__text-block {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 50%;
      width: auto;
      margin: 0 auto;
      margin-bottom: 100px;
      padding: 0 40px; } }
  @media screen and (min-width: 1340px) {
    .summary-section__text-block {
      max-width: 670px;
      flex-basis: auto; } }

.summary-section__image {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .summary-section__image {
      float: right;
      width: 25%;
      margin-top: 0; } }
  @media screen and (min-width: 1020px) {
    .summary-section__image {
      flex-grow: 0;
      flex-shrink: 1; } }
  .summary-section__image + .summary-section__image {
    margin-top: 30px; }
    @media screen and (min-width: 1020px) {
      .summary-section__image + .summary-section__image {
        margin-top: 0; } }
  .summary-section__image img {
    display: block; }

.summary-section__image--left {
  order: -1;
  margin-top: 0; }

.summary-section__image--right {
  align-self: flex-end; }

.featured-callout .content-container {
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto; }
  @media screen and (min-width: 720px) {
    .featured-callout .content-container {
      overflow: hidden;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: space-between; } }
  @media screen and (min-width: 1020px) {
    .featured-callout .content-container {
      justify-content: normal;
      overflow: visible; } }
.featured-callout .text-stat {
  text-align: center; }

.featured-callout__image-container {
  position: relative;
  /*margin-top: 30px;*/
  /*@include media($medium-screen-up) {
    margin-top: 0;
  }*/ }
  @media screen and (max-width: 719px) {
    .featured-callout__image-container {
      width: 100%; } }

.featured-callout__image-container--left {
  /*order: 2;*/ }
  @media screen and (min-width: 720px) {
    .featured-callout__image-container--left {
      margin-right: auto;
      order: 0; } }

@media screen and (min-width: 720px) {
  .featured-callout__text-block,
  .featured-callout__image-container {
    width: 45%; } }

.featured-callout__image-container--right {
  order: 0; }
  @media screen and (min-width: 720px) {
    .featured-callout__image-container--right {
      order: 2; } }

.featured-callout--image-right .featured-callout__text-block {
  order: 1; }
  @media screen and (min-width: 720px) {
    .featured-callout--image-right .featured-callout__text-block {
      order: 0; } }

.featured-callout__text-block {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .featured-callout__text-block {
      margin-top: 0; } }
  .featured-callout__text-block .text-stat {
    margin-top: 16px; }
    @media screen and (min-width: 720px) {
      .featured-callout__text-block .text-stat {
        margin-top: 32px; } }

.featured-callout__title {
  color: #1458a3;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: "mark-pro-bold", arial, serif; }

@media screen and (min-width: 720px) {
  .featured-callout__link + .featured-callout__link {
    margin-top: -16px; } }

.featured-callout:not(.featured-callout--has-bubble) .content-container {
  max-width: 1500px; }
  @media screen and (min-width: 1020px) {
    .featured-callout:not(.featured-callout--has-bubble) .content-container {
      padding: 0; } }
.featured-callout:not(.featured-callout--has-bubble) .featured-callout__image-container--right {
  margin-left: auto; }
@media screen and (min-width: 720px) {
  .featured-callout:not(.featured-callout--has-bubble) .featured-callout__text-block {
    width: 46%;
    max-width: 630px; } }
@media screen and (min-width: 1340px) {
  .featured-callout:not(.featured-callout--has-bubble) .featured-callout__text-block {
    width: 630px; } }
@media screen and (min-width: 1020px) {
  .featured-callout:not(.featured-callout--has-bubble).featured-callout--image-right .featured-callout__text-block {
    margin-left: 30px; } }
@media screen and (min-width: 1340px) {
  .featured-callout:not(.featured-callout--has-bubble).featured-callout--image-right .featured-callout__text-block {
    margin-left: calc((100vw - 1300px) / 2); } }
@media screen and (min-width: 93.75rem) {
  .featured-callout:not(.featured-callout--has-bubble).featured-callout--image-right .featured-callout__text-block {
    margin-left: 100px; } }
@media screen and (min-width: 1020px) {
  .featured-callout:not(.featured-callout--has-bubble).featured-callout--image-left .featured-callout__text-block {
    margin-left: auto;
    margin-right: 30px; } }
@media screen and (min-width: 1340px) {
  .featured-callout:not(.featured-callout--has-bubble).featured-callout--image-left .featured-callout__text-block {
    margin-right: calc((100vw - 1300px) / 2); } }
@media screen and (min-width: 93.75rem) {
  .featured-callout:not(.featured-callout--has-bubble).featured-callout--image-left .featured-callout__text-block {
    margin-right: 100px; } }

@media screen and (min-width: 1020px) {
  .featured-callout--has-bubble .featured-callout__text-block,
  .featured-callout--has-bubble .featured-callout__image-container {
    width: 40%;
    margin-right: 10%; } }
.featured-callout--has-bubble .featured-callout__image-container .bubble-stat {
  position: absolute;
  bottom: 40px; }
  @media screen and (min-width: 1020px) {
    .featured-callout--has-bubble .featured-callout__image-container .bubble-stat {
      bottom: 5vw; } }
  @media screen and (min-width: 1340px) {
    .featured-callout--has-bubble .featured-callout__image-container .bubble-stat {
      bottom: 140px; } }
@media screen and (min-width: 720px) {
  .featured-callout--has-bubble .featured-callout__image-container--left {
    margin-right: auto; } }
@media screen and (min-width: 1020px) {
  .featured-callout--has-bubble .featured-callout__image-container--left {
    margin-right: 10%; } }
.featured-callout--has-bubble .featured-callout__image-container--left .bubble-stat {
  left: 20px; }
  @media screen and (min-width: 1020px) {
    .featured-callout--has-bubble .featured-callout__image-container--left .bubble-stat {
      left: -30px; } }
  @media screen and (min-width: 1340px) {
    .featured-callout--has-bubble .featured-callout__image-container--left .bubble-stat {
      left: -1.4vw; } }
  @media screen and (min-width: 1360px) {
    .featured-callout--has-bubble .featured-callout__image-container--left .bubble-stat {
      left: -30px; } }
  @media screen and (min-width: 1460px) {
    .featured-callout--has-bubble .featured-callout__image-container--left .bubble-stat {
      left: -80px; } }
@media screen and (min-width: 720px) {
  .featured-callout--has-bubble .featured-callout__image-container--right {
    margin-left: auto; } }
@media screen and (min-width: 1020px) {
  .featured-callout--has-bubble .featured-callout__image-container--right {
    margin-left: 0; } }
.featured-callout--has-bubble .featured-callout__image-container--right .bubble-stat {
  right: 20px; }
  @media screen and (min-width: 1020px) {
    .featured-callout--has-bubble .featured-callout__image-container--right .bubble-stat {
      right: -11.5vw; } }
  @media screen and (min-width: 1340px) {
    .featured-callout--has-bubble .featured-callout__image-container--right .bubble-stat {
      right: -10vw; } }
  @media screen and (min-width: 1360px) {
    .featured-callout--has-bubble .featured-callout__image-container--right .bubble-stat {
      right: -145px; } }

.product-page .featured-callout--has-bubble .featured-callout__image-container .bubble-stat {
  right: 20px;
  bottom: 20px;
  width: 220px;
  height: 235px;
  margin: 0 auto;
  z-index: 2; }
  @media screen and (max-width: 719px) {
    .product-page .featured-callout--has-bubble .featured-callout__image-container .bubble-stat {
      left: auto; } }
  @media screen and (min-width: 720px) {
    .product-page .featured-callout--has-bubble .featured-callout__image-container .bubble-stat {
      margin-top: -100px; } }
  @media screen and (min-width: 1020px) {
    .product-page .featured-callout--has-bubble .featured-callout__image-container .bubble-stat {
      position: absolute;
      bottom: 0;
      margin: 0; } }
  .product-page .featured-callout--has-bubble .featured-callout__image-container .bubble-stat__text {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4em;
    font-family: "mark-pro-bold", arial, serif; }
@media screen and (max-width: 719px) {
  .product-page .block-featured_callout > .stripe-section {
    padding-top: 0; } }

.bubble-stat {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 267px;
  background: url("../img/bubble-stat-bg.e277aaab387d.png") no-repeat center;
  background-size: contain; }
  @media screen and (min-width: 1020px) {
    .bubble-stat {
      width: 336px;
      height: 359px; } }

.bubble-stat__content {
  max-width: 100%;
  padding: 0 15%;
  color: white;
  text-align: center; }
  @media screen and (min-width: 1020px) {
    .bubble-stat__content {
      padding: 0 20%; } }

.bubble-stat__number {
  font-family: "mark-pro-bold", arial, serif;
  line-height: 1em; }
  @media screen and (min-width: 1020px) {
    .bubble-stat__number {
      font-size: 2rem; } }

.bubble-stat__text {
  display: inline;
  line-height: 1em; }
  @media screen and (min-width: 1020px) {
    .bubble-stat__text {
      font-size: 2rem; } }

.bubble-stat.bubble-stat--large .bubble-stat__number {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid white;
  font-family: "Univers49";
  font-size: 4.375rem;
  line-height: 1em; }
  @media screen and (min-width: 1020px) {
    .bubble-stat.bubble-stat--large .bubble-stat__number {
      padding-bottom: 0;
      font-size: 7.8125rem; } }
  .bubble-stat.bubble-stat--large .bubble-stat__number + .bubble-stat__text {
    display: block;
    margin-top: 9px;
    line-height: 1.7em; }
    @media screen and (min-width: 1020px) {
      .bubble-stat.bubble-stat--large .bubble-stat__number + .bubble-stat__text {
        margin-top: 14px; } }
.bubble-stat.bubble-stat--large .bubble-stat__text {
  font-size: 0.75rem;
  font-family: "mark-pro-bold", arial, serif; }
  @media screen and (min-width: 1020px) {
    .bubble-stat.bubble-stat--large .bubble-stat__text {
      font-size: 0.875rem; } }

.text-stat {
  padding: 10px 0; }
  @media screen and (min-width: 1020px) {
    .text-stat {
      padding: 20px 0; } }

.text-stat__number {
  font-family: "mark-pro-bold", arial, serif;
  line-height: 1em;
  color: #79bde9; }
  .template-donate-campaign-landing-page .text-stat__number {
    color: #419cb0; }
  .template-thank-you-landing-page .text-stat__number, .template-holiday-landing-page .text-stat__number {
    font-family: bookmania, serif;
    font-weight: 600;
    color: #002c5f;
    border-color: #79bde9; }
    @media screen and (min-width: 720px) {
      .template-thank-you-landing-page .text-stat__number, .template-holiday-landing-page .text-stat__number {
        height: 70px;
        padding-top: 12px; } }
    @media screen and (min-width: 1020px) {
      .template-thank-you-landing-page .text-stat__number, .template-holiday-landing-page .text-stat__number {
        height: 100px;
        padding-top: 16px; } }
  .template-annual-report-landing-page .text-stat__number {
    height: auto;
    font-size: 3.75rem; }
  .template-holiday-landing-page .text-stat__number {
    font-weight: normal; }
  @media screen and (min-width: 720px) {
    .text-stat__number {
      display: inline; } }
  @media screen and (min-width: 1020px) {
    .text-stat__number {
      font-size: 2rem; } }
  .text-block .text-stat__number {
    text-align: left; }

.text-stat__text {
  display: inline;
  line-height: 1em;
  color: #79bde9; }
  .template-donate-campaign-landing-page .text-stat__text, .template-thank-you-landing-page .text-stat__text, .template-holiday-landing-page .text-stat__text {
    color: #002c5f; }
  @media screen and (min-width: 1020px) {
    .text-stat__text {
      font-size: 2rem; } }

.stella-donate-landing-page .text-stat {
  display: block; }
.stella-donate-landing-page .text-stat__number,
.stella-donate-landing-page .text-stat__text {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center; }
.stella-donate-landing-page .text-stat__number {
  margin-bottom: 1rem;
  border: none; }

.block-stat .text-stat {
  text-align: center; }

.stacked-stat {
  padding-bottom: 20px; }

.stacked-stat__number,
.stacked-stat__text {
  line-height: 1em;
  color: #79bde9; }
  @media screen and (min-width: 1020px) {
    .stacked-stat__number,
    .stacked-stat__text {
      font-size: 2rem; } }

.stacked-stat__number {
  font-family: "mark-pro-bold", arial, serif; }

.stacked-stat__text {
  font-family: "mark-pro", arial, serif; }

.stacked-stat__link {
  display: block; }

.ruled-stats__item {
  padding: 10px 0;
  font-family: "mark-pro-bold", arial, serif; }
  .ruled-stats__item + .ruled-stats__item {
    border-top: 1px solid #d6d6d6; }
  .ruled-stats__item h1,
  .ruled-stats__item h2,
  .ruled-stats__item h3,
  .ruled-stats__item h4,
  .ruled-stats__item h5,
  .ruled-stats__item h6 {
    color: #002c5f; }
  .ruled-stats__item span {
    font-family: "mark-pro", arial, serif; }
  .ruled-stats__item p {
    font-size: 0.875rem; }

.ruled-stats + .country-map {
  margin-top: 20px; }

.featured-links .content-container {
  align-items: flex-start; }
  @media screen and (min-width: 1020px) {
    .template-homepage .featured-links .content-container {
      align-items: flex-end; } }
.featured-links .divided-content__main {
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .featured-links .divided-content__main {
      margin-top: 0; } }
.featured-links .divided-content__sidebar {
  order: -2;
  margin-top: 0; }
  @media screen and (min-width: 720px) {
    .featured-links .divided-content__sidebar {
      order: 1; } }

@media screen and (min-width: 720px) {
  .featured-links__link-items {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }
.featured-links__link-items .text-block {
  width: 100%; }

@media screen and (min-width: 720px) {
  .featured-links__link-item {
    flex: 0 0 46%; } }
@media screen and (min-width: 1020px) {
  .featured-links__link-item {
    flex: 0 0 42%; } }

.featured-links__link-item + .featured-links__link-item {
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .featured-links__link-item + .featured-links__link-item {
      margin-top: 30px; } }
  @media screen and (min-width: 720px) {
    .template-homepage .featured-links__link-item + .featured-links__link-item {
      margin-top: 40px; } }
  @media screen and (min-width: 1020px) {
    .template-homepage .featured-links__link-item + .featured-links__link-item {
      margin-top: 44px; } }
  @media screen and (min-width: 720px) {
    .featured-links__link-item + .featured-links__link-item:nth-child(2) {
      margin-top: 0; } }

.featured-links--has-bubble .featured-links__image {
  position: relative; }
.featured-links--has-bubble .bubble-stat {
  position: relative;
  right: auto;
  width: 220px;
  height: 235px;
  margin: 0 auto;
  z-index: 2; }
  @media screen and (min-width: 720px) {
    .featured-links--has-bubble .bubble-stat {
      margin-top: -100px; } }
  @media screen and (min-width: 1020px) {
    .featured-links--has-bubble .bubble-stat {
      position: absolute;
      bottom: 0;
      width: 250px;
      height: 267px;
      margin: 0; } }
@media screen and (min-width: 720px) {
  .featured-links--has-bubble .featured-links__image--left {
    margin-right: auto; } }
@media screen and (min-width: 1020px) {
  .featured-links--has-bubble .featured-links__image--left {
    margin-right: 10%; } }
@media screen and (min-width: 1020px) {
  .featured-links--has-bubble .featured-links__image--left .bubble-stat {
    left: -30px; } }
@media screen and (min-width: 1340px) {
  .featured-links--has-bubble .featured-links__image--left .bubble-stat {
    left: -1.4vw; } }
@media screen and (min-width: 1360px) {
  .featured-links--has-bubble .featured-links__image--left .bubble-stat {
    left: -30px; } }
@media screen and (min-width: 1460px) {
  .featured-links--has-bubble .featured-links__image--left .bubble-stat {
    left: -80px; } }
@media screen and (min-width: 720px) {
  .featured-links--has-bubble .featured-links__image--right {
    margin-left: auto; } }
@media screen and (min-width: 1020px) {
  .featured-links--has-bubble .featured-links__image--right {
    margin-left: 0; } }
@media screen and (min-width: 1020px) {
  .featured-links--has-bubble .featured-links__image--right .bubble-stat {
    right: -30px; } }
@media screen and (min-width: 1340px) {
  .featured-links--has-bubble .featured-links__image--right .bubble-stat {
    right: -1.4vw; } }
@media screen and (min-width: 1360px) {
  .featured-links--has-bubble .featured-links__image--right .bubble-stat {
    right: -30px; } }
@media screen and (min-width: 1460px) {
  .featured-links--has-bubble .featured-links__image--right .bubble-stat {
    right: -80px; } }

@media screen and (min-width: 720px) {
  .callout-halves .content-container {
    display: flex; } }
@media screen and (min-width: 720px) {
  .callout-halves.staff-lists .content-container {
    justify-content: space-between; } }

@media screen and (min-width: 720px) {
  .callout-halves__half {
    flex-basis: 47%;
    flex: 1; }
    .staff-lists .callout-halves__half {
      flex-basis: 48%;
      flex-grow: 0; } }
.callout-halves__half:nth-child(2n) {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .callout-halves__half:nth-child(2n) {
      border-left: 1px solid #d6d6d6;
      padding-left: 5%;
      margin-left: 5%;
      margin-top: 0; }
      .staff-lists .callout-halves__half:nth-child(2n), .stella-campaign-landing-page .callout-halves__half:nth-child(2n) {
        border-left: 0;
        padding-left: 0;
        margin-left: 0; } }

.callout-halves__image {
  display: block;
  margin-top: 16px; }
  @media screen and (min-width: 720px) {
    .callout-halves__image {
      margin-top: 32px; } }

.bottom-image img {
  display: block;
  width: 100%; }

.callout-stripe {
  width: 100%;
  margin-top: -12px;
  padding: 15px;
  background-color: #1458a3;
  color: white; }
  @media screen and (min-width: 720px) {
    .callout-stripe {
      margin-top: 0;
      padding: 20px; } }
  .callout-stripe .content-container {
    text-align: center; }
    @media screen and (min-width: 720px) {
      .callout-stripe .content-container {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left; } }
  .stella-campaign-landing-page .callout-stripe {
    background-color: #cd0013; }
  .callout-stripe.flexslider {
    margin-top: -12px; }
    @media screen and (min-width: 720px) {
      .callout-stripe.flexslider {
        margin-top: 0; } }

@media screen and (min-width: 720px) {
  .callout-stripe--tall {
    padding: 30px 0; } }

@media screen and (min-width: 720px) {
  .callout-stripe--stella {
    padding: 1rem 0; }
    .callout-stripe--stella * + * {
      margin-left: 3.5rem; } }

@media screen and (max-width: 719px) {
  .callout-stripe--mobile-hidden {
    display: none; } }

@media screen and (min-width: 720px) {
  .callout-stripe__text {
    font-size: 1.125rem; } }

.callout-stripe__text-link {
  font-size: 1rem;
  color: white;
  text-decoration: none; }
  @media screen and (min-width: 720px) {
    .callout-stripe__text-link {
      font-size: 1.125rem; } }
  .callout-stripe__text-link:active, .callout-stripe__text-link:focus, .callout-stripe__text-link:hover {
    color: #00b0e7;
    text-decoration: underline; }

.callout-stripe__button {
  margin-top: 10px; }
  @media screen and (min-width: 720px) {
    .callout-stripe__button {
      margin-top: 0;
      margin-left: 20px; } }

.callout-stripe__stella-logo {
  max-width: 90px;
  vertical-align: middle; }

.callout-stripe__stella-stats {
  display: block;
  margin: 1rem auto;
  max-width: 180px;
  vertical-align: middle; }
  @media screen and (min-width: 720px) {
    .callout-stripe__stella-stats {
      display: inline-block;
      margin: 0;
      margin-left: 3.5rem; } }

.callout-stripe__cta-holder {
  margin-top: 1.5rem; }
  @media screen and (min-width: 720px) {
    .callout-stripe__cta-holder {
      display: inline-block;
      margin-top: 0; } }

.callout-stripe--flexslider {
  position: relative; }
  .callout-stripe--flexslider .flex-direction-nav {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%; }
  .callout-stripe--flexslider .flex-nav-prev,
  .callout-stripe--flexslider .flex-nav-next {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 35%;
    width: 10%;
    text-align: center; }
    .callout-stripe--flexslider .flex-nav-prev a,
    .callout-stripe--flexslider .flex-nav-next a {
      color: white; }
      .callout-stripe--flexslider .flex-nav-prev a:hover,
      .callout-stripe--flexslider .flex-nav-next a:hover {
        text-decoration: none;
        color: #00b0e7; }
  .callout-stripe--flexslider .flex-nav-next {
    left: auto;
    right: 0; }
  .callout-stripe--flexslider .slides {
    display: flex; }
  .callout-stripe--flexslider .content-container {
    flex-basis: 100%;
    min-width: 100%;
    background: #1458a3 no-repeat center center;
    background-size: cover;
    padding: 15px 10%;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center; }
  .callout-stripe--flexslider.callout-stripe--stella {
    padding: 0; }

.divided-content .content-container {
  display: flex;
  flex-flow: row wrap; }
  @media screen and (min-width: 720px) {
    .divided-content .content-container {
      justify-content: space-between;
      flex-flow: row nowrap; } }

.divided-content--sidebar-first .divided-content__main {
  order: -1; }
  body.template-staff-bio .divided-content--sidebar-first .divided-content__main, body.template-knowledge-library .divided-content--sidebar-first .divided-content__main {
    order: initial; }
  @media screen and (min-width: 720px) {
    .divided-content--sidebar-first .divided-content__main {
      order: 2; } }

.divided-content__sidebar {
  flex-basis: 100%;
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .divided-content__sidebar {
      flex-basis: 32%;
      margin-top: 0; } }
  body.template-staff-bio .divided-content__sidebar, body.template-knowledge-library .divided-content__sidebar {
    margin-top: 0;
    margin-bottom: 20px; }
    @media screen and (min-width: 720px) {
      body.template-staff-bio .divided-content__sidebar, body.template-knowledge-library .divided-content__sidebar {
        margin-bottom: 0; } }
  @media screen and (min-width: 1020px) {
    .divided-content--condensed.divided-content--sidebar-first .divided-content__sidebar {
      flex-basis: 26%;
      margin-left: 6%; } }
  @media screen and (min-width: 1020px) {
    .template-staff-bio .divided-content--condensed.divided-content--sidebar-first .divided-content__sidebar, body.template-knowledge-library .divided-content--condensed.divided-content--sidebar-first .divided-content__sidebar {
      margin-left: 0; } }
  .divided-content__sidebar blockquote {
    padding: 0;
    margin: 0;
    border: none; }
  .divided-content__sidebar cite {
    display: block;
    margin-top: 20px;
    font-size: 1rem;
    line-height: 1.5em; }
  .divided-content__sidebar .cite__name {
    font-family: "mark-pro-bold", arial, serif;
    font-style: normal; }
  .divided-content__sidebar .cite__title {
    display: block; }

.divided-content__main {
  flex-basis: 100%; }
  @media screen and (min-width: 720px) {
    .divided-content__main {
      flex-basis: 60%; } }
  @media screen and (min-width: 1020px) {
    .divided-content--condensed.divided-content--sidebar-first .divided-content__main {
      flex-basis: 54%;
      margin-right: 12%; } }
  @media screen and (min-width: 1020px) {
    body.template-knowledge-library .divided-content--condensed.divided-content--sidebar-first .divided-content__main {
      flex-basis: 71%;
      margin-right: 0; } }
  .divided-content__main > * + * {
    margin-top: 20px; }

@media screen and (min-width: 720px) {
  .divided-content.divided-content--3cols .content-container > div {
    flex-basis: auto; } }
@media screen and (min-width: 720px) {
  .divided-content.divided-content--3cols .divided-content__main {
    width: 51%; } }
@media screen and (min-width: 720px) {
  .divided-content.divided-content--3cols .divided-content__sidebar {
    width: 22%; } }
.divided-content.divided-content--3cols .divided-content__nav {
  width: 100%; }
  @media screen and (min-width: 720px) {
    .divided-content.divided-content--3cols .divided-content__nav {
      width: 11%; } }

.divided-content__nav {
  margin-bottom: 2rem;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .divided-content__nav {
      margin: 0;
      border: none; } }
  .divided-content__nav .sidebar-nav {
    display: none;
    padding-left: 1rem; }
    @media screen and (min-width: 720px) {
      .divided-content__nav .sidebar-nav {
        display: block;
        padding: 0; } }
    .divided-content__nav .sidebar-nav__title {
      padding-top: .5rem;
      margin-left: -.75rem;
      border-top: 1px solid #eee; }
      @media screen and (min-width: 720px) {
        .divided-content__nav .sidebar-nav__title {
          padding: 0;
          margin-left: 0;
          border: none; } }
  .divided-content__nav a.sidebar-nav__link {
    position: relative;
    color: #1458a3; }
    .divided-content__nav a.sidebar-nav__link:hover, .divided-content__nav a.sidebar-nav__link:focus {
      color: #00b0e7; }
    .divided-content__nav a.sidebar-nav__link--is-active {
      color: #3b3b3b; }
      .divided-content__nav a.sidebar-nav__link--is-active:hover, .divided-content__nav a.sidebar-nav__link--is-active:focus {
        color: #3b3b3b; }
      .divided-content__nav a.sidebar-nav__link--is-active:before {
        content: '';
        position: absolute;
        top: .625rem;
        left: -1rem;
        display: block;
        width: 11px;
        height: 12px;
        background: url("../img/map-marker-blue.fc168bef23f6.png") no-repeat center top;
        background-size: contain; }

.columned-content .content-container {
  display: flex;
  flex-flow: row wrap; }
  @media screen and (min-width: 720px) {
    .columned-content .content-container {
      justify-content: space-between;
      flex-flow: row nowrap; } }

.columned-content--story {
  position: relative; }
  .columned-content--story .content-container {
    flex-direction: column-reverse; }
    @media screen and (min-width: 720px) {
      .columned-content--story .content-container {
        justify-content: flex-start;
        flex-direction: row; } }
  .columned-content--story .columned-content__sidebar {
    position: absolute;
    top: 25px;
    right: 30px;
    padding-top: 0;
    border-top: none; }
    @media screen and (min-width: 1020px) {
      .columned-content--story .columned-content__sidebar {
        top: 40px;
        right: 30px; } }
    @media screen and (min-width: 1340px) {
      .columned-content--story .columned-content__sidebar {
        width: calc( .23 * 1300px );
        right: calc( (100vw - 1300px)/2 ); } }
    @media screen and (min-width: 1700px) {
      .columned-content--story .columned-content__sidebar {
        right: 200px; } }

.columned-content__sidebar {
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .columned-content__sidebar {
      width: 30%;
      padding-top: 0;
      padding-left: 30px;
      margin-top: 0;
      border-top: none;
      border-left: 1px solid #d6d6d6; }
      .columned-content--story .columned-content__sidebar {
        border-left: none; } }
  @media screen and (min-width: 1020px) {
    .columned-content__sidebar {
      width: 23%; } }

.columned-content--story > .columned-content__sidebar {
  display: none; }
  @media screen and (min-width: 720px) {
    .columned-content--story > .columned-content__sidebar {
      display: block; } }

.columned-content__main {
  width: 100%; }
  @media screen and (min-width: 720px) {
    .columned-content__main {
      /*flex-basis: 66%;*/
      width: 66%; } }
  @media screen and (min-width: 1020px) {
    .columned-content__main {
      /*flex-basis: 74%;*/
      width: 74%; } }

.template-news .columned-callouts .content-container {
  padding-left: 0;
  padding-right: 0; }

.links-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%; }
  .links-list .featured-links__link-item + .featured-links__link-item {
    margin-top: 30px; }
    @media screen and (min-width: 720px) {
      .links-list .featured-links__link-item + .featured-links__link-item:nth-child(2) {
        margin-top: 0; } }

.text-block + .links-list,
.links-list + .text-block {
  margin-top: 30px; }

@media screen and (min-width: 720px) {
  .article-pods {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }
@media screen and (min-width: 1020px) {
  .article-pods {
    justify-content: initial; } }
.article-pods + .article-pods {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #d6d6d6; }
  @media screen and (min-width: 1020px) {
    .article-pods + .article-pods {
      padding-top: 40px;
      margin-top: 40px; } }

.article-pods__headline {
  font-size: 1rem;
  margin-bottom: 1.5rem;
  font-family: "mark-pro-bold", arial, serif; }

.article-pods__pod {
  flex: 0 0 48%; }
  @media screen and (min-width: 1020px) {
    .article-pods__pod {
      flex: 0 0 31%; } }
  .article-pods__pod + .article-pods__pod {
    margin-top: 30px; }
    @media screen and (min-width: 1020px) {
      .article-pods__pod + .article-pods__pod {
        margin-top: 56px;
        margin-left: 3.5%; } }
  @media screen and (min-width: 720px) {
    .article-pods__pod:nth-child(2) {
      margin-top: 0; } }
  @media screen and (min-width: 1020px) {
    .article-pods__pod:nth-child(3) {
      margin-top: 0; } }
  @media screen and (min-width: 1020px) {
    .article-pods__pod:nth-child(3n + 1) {
      margin-left: 0; } }
  .article-pods__pod .text-block--condensed > * + * {
    margin-top: 1rem; }
    .article-pods__pod .text-block--condensed > * + *.article-pod__subhead {
      margin-top: 0; }
  .article-pods__pod .text-block--condensed .article-pods__date + p {
    margin-top: 0; }
  .article-pods__pod .text-block--condensed .secondary-button {
    display: inline-block; }

.article-pods__image {
  margin-bottom: 16px; }

.text-block + .article-pods {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .text-block + .article-pods {
      margin-top: 40px; } }
  @media screen and (min-width: 1020px) {
    .text-block + .article-pods {
      margin-top: 44px; } }

.article-pods__date {
  font-weight: bold; }

@media screen and (min-width: 1020px) {
  .article-pods--related .article-pods__pod {
    flex: 0 0 22%; } }
@media screen and (min-width: 1020px) {
  .article-pods--related .article-pods__pod + .article-pods__pod {
    margin-left: 3.5%; } }
@media screen and (min-width: 720px) {
  .article-pods--related .article-pods__pod:nth-child(2) {
    margin-top: 0; } }
@media screen and (min-width: 1020px) {
  .article-pods--related .article-pods__pod:nth-child(3), .article-pods--related .article-pods__pod:nth-child(4) {
    margin-top: 0; } }
@media screen and (min-width: 1020px) {
  .article-pods--related .article-pods__pod:nth-child(4n + 1) {
    margin-left: 0; } }

.related-pods {
  border-top: 1px solid #d6d6d6; }

.article-pod__subhead {
  color: #002c5f; }

.article-pods__bottom-cta {
  width: 100%;
  margin-top: 1.5rem;
  text-align: center; }

.partner-pods__image {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .partner-pods__image img {
    max-height: 100%; }

@media screen and (min-width: 720px) {
  .partner-pods .article-pods__pod:nth-child(2n+1) {
    position: relative; }
    .partner-pods .article-pods__pod:nth-child(2n+1):before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 209%;
      height: 1px;
      border-top: 1px solid #d6d6d6; } }
@media screen and (min-width: 1020px) {
  .partner-pods .article-pods__pod:nth-child(2n+1):before {
    display: none; } }
@media screen and (min-width: 1020px) {
  .partner-pods .article-pods__pod:nth-child(3n+1) {
    position: relative; }
    .partner-pods .article-pods__pod:nth-child(3n+1):before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 324%;
      height: 1px;
      border-top: 1px solid #d6d6d6; } }
.partner-pods .article-pods__pod:nth-child(1):before {
  display: none; }
@media screen and (min-width: 720px) {
  .partner-pods .article-pods__pod + .article-pods__pod {
    padding-top: 30px; }
    .partner-pods .article-pods__pod + .article-pods__pod:nth-child(2) {
      padding-top: 0; } }
@media screen and (min-width: 1020px) {
  .partner-pods .article-pods__pod + .article-pods__pod {
    padding-top: 56px; }
    .partner-pods .article-pods__pod + .article-pods__pod:nth-child(3) {
      padding-top: 0; } }

.sidebar-nav + .sidebar-nav {
  margin-top: 16px; }

a.sidebar-nav__link {
  display: block;
  padding: 4px 0;
  color: #3b3b3b; }
  a.sidebar-nav__link:hover, a.sidebar-nav__link:focus {
    color: #00b0e7; }

.sidebar-nav__link--current {
  font-family: "mark-pro-bold", arial, serif; }

.sidebar-nav__label {
  display: block;
  padding: 6px 0;
  font-size: 0.8125rem;
  color: #999; }

.sidebar-nav__toggler {
  position: relative;
  display: block;
  padding: .25rem; }
  .sidebar-nav__toggler:after {
    content: '\e900';
    display: inline-block;
    position: absolute;
    top: .75rem;
    right: .5rem;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transform: rotate(90deg);
    font-size: .75rem;
    color: #f99d1c;
    transition: .2s linear transform; }
  @media screen and (min-width: 720px) {
    .sidebar-nav__toggler {
      display: none; } }
  .sidebar-nav__toggler--is-open:after {
    transform: rotate(270deg); }

.sidebar-stats .stacked-stat + .ruled-stats {
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .sidebar-stats .stacked-stat + .ruled-stats {
      margin-top: 30px; } }
.sidebar-stats .stacked-stat {
  border-bottom: 1px solid #d6d6d6; }

.sidebar-section + .sidebar-section {
  margin-top: 30px; }
.sidebar-section .sidebar-featured-links__link-item + .sidebar-featured-links__link-item {
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .sidebar-section .sidebar-featured-links__link-item + .sidebar-featured-links__link-item {
      margin-top: 30px; } }
.sidebar-section blockquote {
  padding: 0;
  margin: 0;
  border: none; }
.sidebar-section cite {
  display: block;
  margin-top: 20px;
  font-size: 1rem;
  line-height: 1.5em; }
.sidebar-section .cite__name {
  font-family: "mark-pro-bold", arial, serif;
  font-style: normal; }
.sidebar-section .cite__title {
  display: block; }

.sidebar-section--ruled {
  padding-top: 30px;
  border-top: 1px solid #d6d6d6; }

.cta-callout__intro p {
  font-size: 1rem; }
  @media screen and (min-width: 1020px) {
    .cta-callout__intro p {
      font-size: 1.125rem; } }
.cta-callout__intro + .cta-callout__button {
  margin-top: 10px; }

.article-header + .article-body {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .article-header + .article-body {
      margin-top: 44px; } }

.article-main + .article-footer,
.article-pre-footer + .article-footer {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .article-main + .article-footer,
    .article-pre-footer + .article-footer {
      padding-top: 44px;
      margin-top: 44px; } }

.article-body {
  display: flex;
  flex-direction: column-reverse; }
  @media screen and (min-width: 1020px) {
    .article-body {
      flex-direction: row;
      justify-content: space-between; } }
  @media screen and (min-width: 1340px) {
    .article-body {
      justify-content: flex-start; } }

.article-body__share {
  margin-top: 20px; }
  @media screen and (min-width: 1020px) {
    .article-body__share {
      order: -1;
      flex: 0 0 12%;
      max-width: 95px;
      margin-top: 65px; } }
  @media screen and (min-width: 1340px) {
    .article-body__share {
      max-width: 100%; } }
  .article-body .article-body__share {
    display: none; }
    @media screen and (min-width: 1020px) {
      .article-body .article-body__share {
        display: block; } }

.article-body__share-trigger {
  display: inline-block; }

.article-body__share-list {
  display: none;
  padding: 0px;
  list-style: none; }

.article-body__share-item {
  display: inline-block;
  margin-right: 15px;
  font-size: 1.5rem; }
  @media screen and (min-width: 1020px) {
    .article-body__share-item {
      display: block;
      margin-right: 0;
      margin-top: 5px; } }
  .article-body__share-item a:hover {
    text-decoration: none; }

.article-body__title {
  padding-bottom: 16px;
  border-bottom: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .article-body__title {
      padding-bottom: 24px; } }
  .text-block .article-body__title {
    margin-bottom: 24px; }
    @media screen and (min-width: 720px) {
      .text-block .article-body__title {
        margin-bottom: 34px; } }

.article-body__title-modifier {
  display: block;
  font-size: 0.875rem;
  color: #3b3b3b; }
  @media screen and (min-width: 720px) {
    .article-body__title-modifier {
      display: inline-block;
      margin-left: 20px; } }

@media screen and (min-width: 1020px) {
  .article-body__text {
    flex: 0 0 84%; } }
@media screen and (min-width: 1340px) {
  .article-body__text {
    /*max-width: 750px;*/
    margin-left: 4%; } }
@media screen and (min-width: 1020px) {
  .staff-bio .article-body__text {
    flex: 0 0 100%;
    max-width: 750px;
    margin: 0 auto; } }
.staff-bio .article-body__text > * + *:not(blockquote) {
  margin-top: 20px; }
.staff-bio .article-body__text .secondary-button,
.staff-bio .article-body__text figcaption {
  margin-top: 0; }

@media screen and (min-width: 1020px) {
  .article-main--has-share + .article-footer {
    width: 84%;
    margin-left: auto; } }
@media screen and (min-width: 1340px) {
  .article-main--has-share + .article-footer {
    max-width: 750px;
    margin-left: 16%; } }

@media screen and (min-width: 1020px) {
  .article-pre-footer {
    display: none; } }

.article-figure {
  margin: 20px 0; }
  @media screen and (min-width: 1020px) {
    .article-figure {
      margin: 30px 0; } }

.article-figure__image {
  display: block; }

.article-figure__caption {
  border-bottom: 1px solid #d6d6d6;
  font-size: 0.875rem;
  font-style: italic;
  padding: 10px 0; }
  .article-figure__caption p {
    font-size: inherit; }
  @media screen and (min-width: 1020px) {
    .featured-callout--image-left .article-figure__caption {
      margin-left: 30px; } }
  @media screen and (min-width: 1520px) {
    .featured-callout--image-left .article-figure__caption {
      margin-left: 0; } }
  @media screen and (min-width: 1020px) {
    .featured-callout--image-right .article-figure__caption {
      margin-right: 30px; } }
  @media screen and (min-width: 1520px) {
    .featured-callout--image-right .article-figure__caption {
      margin-right: 0; } }

.article-gallery {
  margin: 20px 0; }
  @media screen and (min-width: 1020px) {
    .article-gallery {
      max-width: 70%;
      margin: 30px 0; } }
  .quarters-content .article-gallery {
    margin: 0; }
    @media screen and (min-width: 1020px) {
      .quarters-content .article-gallery {
        max-width: 100%; } }
  .featured-callout .article-gallery {
    margin: 0; }
    @media screen and (min-width: 1020px) {
      .featured-callout .article-gallery {
        max-width: 100%;
        margin: 0; } }

.article-gallery__list {
  display: none; }

.article-gallery__preview {
  border-bottom: 1px solid #d6d6d6; }
  .quarters-content .article-gallery__preview {
    border-bottom: 0; }

.article-gallery__preview-image {
  position: relative; }
  .article-gallery__preview-image img {
    display: block; }

.article-gallery__preview-caption {
  padding: 10px 0;
  font-size: 0.875rem;
  font-style: italic; }

.article-gallery__trigger {
  position: absolute;
  bottom: 10px;
  left: 10px; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: white;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: white; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 10px;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 1.5rem;
  font-family: Arial, Baskerville, monospace;
  transition: opacity 250ms ease;
  /*&:active {
    top: 1px;
  }*/ }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  color: white;
  font-size: 1.875rem;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  transition: opacity 250ms ease; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-right {
  right: 0; }

/*
// Navigation arrows
@if $mfp-include-arrows {
  .mfp-arrow {
    position: absolute;
    opacity: $mfp-controls-opacity;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    &:active {
      margin-top: -54px;
    }
    &:hover,
    &:focus {
      opacity: 1;
    }
    &:before,
    &:after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium inset transparent;
    }

    &:after {

      border-top-width: 13px;
      border-bottom-width: 13px;
      top:8px;
    }

    &:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: 0.7;
    }

  }

  .mfp-arrow-left {
    left: 0;
    &:after {
      border-right: 17px solid $mfp-controls-color;
      margin-left: 31px;
    }
    &:before {
      margin-left: 25px;
      border-right: 27px solid $mfp-controls-border-color;
    }
  }

  .mfp-arrow-right {
    right: 0;
    &:after {
      border-left: 17px solid $mfp-controls-color;
      margin-left: 39px
    }
    &:before {
      border-left: 27px solid $mfp-controls-border-color;
    }
  }
}
*/
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 60px 0 80px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 60px;
    bottom: 80px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -66px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: white;
  font-size: 0.875rem;
  font-style: italic;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden; }
  .flexslider .slides img {
    width: 100%;
    display: block; }
  .flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }
.general-slider {
  position: relative; }

@media screen and (min-width: 720px) {
  .general-slide {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 84%;
    padding-top: 24px;
    margin: 0 auto; } }
@media screen and (min-width: 1020px) {
  .general-slide {
    padding-top: 0; } }

@media screen and (min-width: 720px) {
  .general-slide__text,
  .general-slide__image {
    flex: 0 0 47%; } }
@media screen and (min-width: 1340px) {
  .general-slide__text,
  .general-slide__image {
    flex: 0 0 45%; } }

.general-slide__image {
  display: none; }
  .general-slider--timeline .general-slide__image {
    margin-top: 20px; }
    @media screen and (min-width: 720px) {
      .general-slider--timeline .general-slide__image {
        margin-top: 0; } }
  @media screen and (min-width: 720px) {
    .general-slide__image {
      display: block; } }

.general-slider .flex-control-nav {
  display: none; }
  @media screen and (min-width: 720px) {
    .general-slider .flex-control-nav {
      display: block;
      position: absolute;
      top: 0;
      left: 8%;
      z-index: 2; } }
  .general-slider .flex-control-nav li {
    display: inline-block; }
    .general-slider .flex-control-nav li + li {
      margin-left: 12px; }
  .general-slider .flex-control-nav a {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #1458a3;
    border-radius: 50%; }
    .general-slider .flex-control-nav a:hover {
      background-color: #00b0e7; }
    .general-slider .flex-control-nav a.flex-active {
      background-color: #00b0e7; }

.general-slider .flex-nav-prev,
.general-slider .flex-nav-next {
  display: none; }
  @media screen and (min-width: 720px) {
    .general-slider .flex-nav-prev,
    .general-slider .flex-nav-next {
      display: block;
      font-size: 2.5rem;
      position: absolute;
      top: calc(50% - 30px);
      z-index: 2; } }
  @media screen and (min-width: 1020px) {
    .general-slider .flex-nav-prev,
    .general-slider .flex-nav-next {
      font-size: 3.75rem; } }
  .general-slider .flex-nav-prev a,
  .general-slider .flex-nav-next a {
    color: #1458a3; }
    .general-slider .flex-nav-prev a:hover, .general-slider .flex-nav-prev a:focus, .general-slider .flex-nav-prev a:active,
    .general-slider .flex-nav-next a:hover,
    .general-slider .flex-nav-next a:focus,
    .general-slider .flex-nav-next a:active {
      color: #00b0e7;
      text-decoration: none; }
.general-slider .flex-nav-prev {
  left: 0; }
.general-slider .flex-nav-next {
  right: 0; }

@media screen and (max-width: 719px) {
  .general-slider--timeline .slides > li {
    display: block; }
    .general-slider--timeline .slides > li + li {
      margin-top: 34px; } }
.general-slider--timeline .general-slide__image {
  display: block; }

@media screen and (min-width: 720px) {
  .general-slide__bubble {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 19.2vw;
    height: 20.5vw;
    max-width: 250px;
    max-height: 267px;
    background: url("../img/bubble-stat-bg.e277aaab387d.png") no-repeat center;
    background-size: contain; } }
@media screen and (min-width: 1020px) {
  .general-slide__bubble {
    bottom: -40px; } }

.general-slide__bubble-content {
  color: #1458a3;
  font-family: "mark-pro-bold", arial, serif; }
  @media screen and (min-width: 720px) {
    .general-slide__bubble-content {
      text-align: center;
      color: white;
      font-size: 5vw;
      line-height: 1em; } }
  @media screen and (min-width: 1340px) {
    .general-slide__bubble-content {
      font-size: 4rem; } }

@media screen and (min-width: 720px) {
  .general-slider__footer {
    max-width: 84%;
    margin: 0 auto; } }

@media screen and (min-width: 720px) {
  .map-stats {
    width: 166%;
    margin-left: -66%; } }
@media screen and (min-width: 1020px) {
  .map-stats {
    width: 110%;
    margin-left: -5%; } }

@media screen and (min-width: 1020px) {
  .map-stats__map {
    width: 110%; } }

.map-stats__stats {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 720px) {
    .map-stats__stats {
      margin-top: -50px; } }
  @media screen and (min-width: 1020px) {
    .map-stats__stats {
      width: 105%; } }

@media screen and (min-width: 720px) {
  .map-stats__stat {
    width: 47%;
    float: left; } }
@media screen and (min-width: 720px) {
  .map-stats__stat + .map-stats__stat {
    margin-left: 5%; } }
.map-stats__stat .bubble-stat {
  max-width: 100%; }
  @media screen and (min-width: 720px) {
    .map-stats__stat .bubble-stat {
      margin: 0 auto; } }

.text-block + .map-stats {
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .text-block + .map-stats {
      margin-top: 30px; } }

.references-text,
.references-text .rich-text {
  font-size: 0.875rem; }
  .references-text p,
  .references-text h1,
  .references-text h2,
  .references-text h3,
  .references-text h4,
  .references-text h5,
  .references-text h6,
  .references-text .rich-text p,
  .references-text .rich-text h1,
  .references-text .rich-text h2,
  .references-text .rich-text h3,
  .references-text .rich-text h4,
  .references-text .rich-text h5,
  .references-text .rich-text h6 {
    font-size: 0.875rem; }
  .references-text ul,
  .references-text .rich-text ul {
    list-style: none;
    padding: 0;
    font-style: italic; }
  .references-text a,
  .references-text .rich-text a {
    font-weight: bold; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
  .article-body .embed-container {
    margin: 20px 0; }
    @media screen and (min-width: 1020px) {
      .article-body .embed-container {
        margin: 30px 0; } }
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.pagination {
  display: flex;
  justify-content: space-between;
  padding-top: 15px; }
  @media screen and (min-width: 720px) {
    .pagination {
      padding-top: 25px; } }
  @media screen and (min-width: 1020px) {
    .pagination {
      padding-top: 40px; } }

.pagination__item {
  min-width: 50px;
  line-height: 20px; }

.pagination__next-link {
  text-align: right; }

.pagination__page-count {
  padding-top: 2px;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-align: center; }

body.template-knowledge-library .pagination {
  padding-top: 0; }

.info-graph {
  padding: 0; }
  @media screen and (min-width: 720px) {
    .info-graph {
      display: flex;
      flex-flow: row wrap; } }

.info-graph__item {
  list-style: none; }
  @media screen and (min-width: 720px) {
    .info-graph__item {
      flex: 0 0 140px;
      position: relative;
      padding-top: 10px;
      margin-right: 40px; } }
  @media screen and (min-width: 1020px) {
    .info-graph__item {
      flex: 0 0 180px;
      margin-right: 60px; } }
  @media screen and (min-width: 720px) {
    .info-graph__item:after {
      content: "\e905";
      display: block;
      position: absolute;
      top: 60px;
      left: calc(100% + 10px);
      font-family: 'icomoon' !important;
      font-size: 1.375rem;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      color: #d6d6d6;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }
  @media screen and (min-width: 1020px) {
    .info-graph__item:after {
      top: 80px;
      left: calc(100% + 17px);
      font-size: 1.875rem; } }
  @media screen and (min-width: 720px) {
    .info-graph__item:last-child {
      margin-right: 0; }
      .info-graph__item:last-child:after {
        content: none; } }
  .info-graph__item + .info-graph__item {
    margin-top: 20px; }
    @media screen and (min-width: 720px) {
      .info-graph__item + .info-graph__item {
        margin-top: 0; } }

.info-graph__image {
  display: block;
  max-width: 110px;
  margin: 0 auto 10px; }
  @media screen and (min-width: 1020px) {
    .info-graph__image {
      max-width: 150px; } }

.info-graph__caption {
  font-size: 0.75rem;
  font-family: "mark-pro-bold", arial, serif;
  color: #1458a3;
  text-align: center; }
  @media screen and (min-width: 1020px) {
    .info-graph__caption {
      font-size: 0.875rem; } }

.chart-stat {
  padding: 10px 0; }
  @media screen and (min-width: 1020px) {
    .chart-stat {
      padding: 20px 0; } }
  .stat-columns__column .chart-stat {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    height: 100%; }

@media screen and (min-width: 720px) {
  .chart-stat__body {
    display: flex;
    align-items: center; }
    .stat-columns__column .chart-stat__body {
      flex-grow: 1;
      min-height: 1px; } }

.chart-stat__header {
  margin-bottom: 16px; }

.chart-stat__chart {
  display: block; }
  @media screen and (min-width: 720px) {
    .chart-stat__chart {
      display: inline-block;
      flex: 0 1 auto;
      padding-right: 20px;
      margin-right: 20px;
      border-right: 1px solid #79bde9; } }
  @media screen and (min-width: 1020px) {
    .chart-stat__chart {
      padding-right: 30px;
      margin-right: 30px; } }
  .chart-stat__chart img {
    display: block; }
    @media screen and (min-width: 720px) {
      .chart-stat__chart img {
        width: 100%; } }

.chart-stat__title,
.chart-stat__text {
  font-size: 0.75rem;
  font-family: "mark-pro-bold", arial, serif;
  color: #1458a3; }
  @media screen and (min-width: 1020px) {
    .chart-stat__title,
    .chart-stat__text {
      font-size: 0.875rem; } }

.chart-stat__key {
  padding: 0;
  margin-top: 16px;
  list-style: none;
  font-family: "mark-pro", arial, serif; }
  @media screen and (min-width: 720px) {
    .chart-stat__key {
      margin-top: 0; } }

.chart-stat__key-color {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 5px;
  border-radius: 50%; }

.chart-stat__key-number {
  font-family: "mark-pro-bold", arial, serif; }

@media screen and (min-width: 1020px) {
  .text-callouts {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }

@media screen and (min-width: 1020px) {
  .text-callout {
    flex: 0 0 48%; } }
.text-callout + .text-callout {
  margin-top: 25px; }
  @media screen and (min-width: 1020px) {
    .text-callout + .text-callout {
      margin-top: 40px; }
      .text-callout + .text-callout:nth-child(2) {
        margin-top: 0; } }
.text-callout .secondary-button {
  display: inline-block;
  margin-top: 16px; }

.text-callout__headline {
  margin-bottom: 16px;
  color: #002c5f; }

.text-callout__image {
  margin-bottom: 16px; }

.text-block + .text-callouts {
  margin-top: 15px; }
  @media screen and (min-width: 720px) {
    .text-block + .text-callouts {
      margin-top: 25px; } }
  @media screen and (min-width: 1020px) {
    .text-block + .text-callouts {
      margin-top: 40px; } }

.stat-columns {
  padding: 15px 0;
  margin: 15px 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .stat-columns {
      padding: 30px 0;
      margin: 30px 0; } }
  @media screen and (min-width: 1020px) {
    .stat-columns {
      /*display: flex;
      justify-content: space-between;*/
      overflow: hidden; } }

@media screen and (min-width: 1020px) {
  .stat-columns__column {
    /*flex: 0 0 45%;*/
    width: 45%;
    float: right; } }
@media screen and (min-width: 1020px) {
  .stat-columns__column:first-child {
    /*flex: 0 0 50%;*/
    width: 50%;
    float: left;
    padding-right: 5%;
    border-right: 1px solid #d6d6d6; } }
.stat-columns__column + .stat-columns__column {
  margin-top: 30px; }
  @media screen and (min-width: 1020px) {
    .stat-columns__column + .stat-columns__column {
      margin-top: 0; } }
.stat-columns__column .text-stat,
.stat-columns__column .chart-stat {
  padding: 0; }

@media screen and (min-width: 720px) {
  .link-columns {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; } }

@media screen and (min-width: 720px) {
  .link-columns__column {
    flex: 0 0 30%; } }
.link-columns__column + .link-columns__column {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .link-columns__column + .link-columns__column {
      margin-top: 0; } }

.link-columns__links {
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start; }

.link-columns__title {
  color: #002c5f; }
  .link-columns__title + .link-columns__links {
    margin-top: 10px; }

.link-columns__link-item {
  flex: 0 0 30%;
  padding: 5px 0;
  font-weight: bold; }
  @media screen and (min-width: 720px) {
    .link-columns__link-item {
      flex: 0 0 46%; } }
  @media screen and (min-width: 1020px) {
    .link-columns__link-item {
      flex: 0 0 30%; } }

.rich-text + .link-columns {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #d6d6d6;
  /*border-bottom: $base-border;*/ }
  @media screen and (min-width: 720px) {
    .rich-text + .link-columns {
      padding-top: 25px;
      margin-top: 25px; } }
  @media screen and (min-width: 1020px) {
    .rich-text + .link-columns {
      padding-top: 40px;
      margin-top: 40px; } }

.quarters-content .content-container {
  display: flex;
  flex-flow: row wrap; }
  @media screen and (min-width: 720px) {
    .quarters-content .content-container {
      justify-content: space-between;
      /*flex-flow: row nowrap;*/ } }

.quarters-content--sidebar-first .quarters-content__main {
  order: -1; }
  @media screen and (min-width: 720px) {
    .quarters-content--sidebar-first .quarters-content__main {
      order: 2; } }

.quarters-content__main,
.quarters-content__quarter,
.quarters-content__sidebar {
  flex-basis: 100%; }

@media screen and (min-width: 720px) {
  .quarters-content__quarter {
    flex-basis: 47%;
    margin-top: 0; } }
@media screen and (min-width: 1020px) {
  .quarters-content__quarter {
    flex-basis: 23%; } }

@media screen and (min-width: 720px) {
  .quarters-content__sidebar {
    flex-basis: 33%;
    margin-top: 0; } }
@media screen and (min-width: 1020px) {
  .quarters-content__sidebar {
    flex-basis: 23%; } }

@media screen and (min-width: 720px) {
  .quarters-content__main {
    flex-basis: 64%; } }
@media screen and (min-width: 1020px) {
  .quarters-content__main {
    flex-basis: 74%; } }
@media screen and (min-width: 720px) {
  .quarters-content__main.quarters-content__main--solo {
    flex-basis: 100%; } }
@media screen and (min-width: 1020px) {
  .quarters-content__main.quarters-content__main--solo {
    flex-basis: 74%; } }
.quarters-content__main > * + * {
  margin-top: 20px; }

.quarters-content__quarter + .quarters-content__quarter,
.quarters-content__main + .quarters-content__sidebar {
  margin-top: 20px; }

@media screen and (min-width: 720px) {
  .quarters-content__quarter + .quarters-content__quarter:nth-child(2) {
    margin-top: 0; } }
@media screen and (min-width: 1020px) {
  .quarters-content__quarter + .quarters-content__quarter {
    margin-top: 0; } }

@media screen and (min-width: 720px) {
  .quarters-content__main + .quarters-content__sidebar {
    margin-top: 0; } }

.ruled-list {
  padding: 0; }

.ruled-list__item {
  padding: 10px 0;
  border-top: 1px solid #d6d6d6;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  list-style: none; }
  .ruled-list__item.columned-list__item:first-child {
    border-top: none; }
  @media screen and (min-width: 720px) {
    .ruled-list__item.columned-list__item:nth-child(2) {
      border-top: none; } }

@media screen and (min-width: 720px) {
  .columned-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }

@media screen and (min-width: 720px) {
  .columned-list__item {
    flex-basis: 48%; } }

.staff-lists,
.staff-list + .staff-list {
  margin-top: 30px; }

.staff-list__title {
  margin-bottom: 16px;
  color: #002c5f;
  text-transform: uppercase; }

.staff-list__headline {
  font-family: "mark-pro-bold", arial, serif; }

.wide-container > .block-html,
.wide-container > .block-rich_text,
.wide-container > .block-block_quote,
.wide-container > .block-cta_link,
.wide-container > .block-aligned_rich_text,
.wide-container > form,
.wide-container > .block-cta_link_block,
.wide-container > .block-triple_callout,
.wide-container > .block-button {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 0px;
  padding-bottom: 0px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 5%; }
  @media screen and (min-width: 720px) {
    .wide-container > .block-html,
    .wide-container > .block-rich_text,
    .wide-container > .block-block_quote,
    .wide-container > .block-cta_link,
    .wide-container > .block-aligned_rich_text,
    .wide-container > form,
    .wide-container > .block-cta_link_block,
    .wide-container > .block-triple_callout,
    .wide-container > .block-button {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 1020px) {
    .wide-container > .block-html,
    .wide-container > .block-rich_text,
    .wide-container > .block-block_quote,
    .wide-container > .block-cta_link,
    .wide-container > .block-aligned_rich_text,
    .wide-container > form,
    .wide-container > .block-cta_link_block,
    .wide-container > .block-triple_callout,
    .wide-container > .block-button {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (min-width: 1340px) {
    .wide-container > .block-html,
    .wide-container > .block-rich_text,
    .wide-container > .block-block_quote,
    .wide-container > .block-cta_link,
    .wide-container > .block-aligned_rich_text,
    .wide-container > form,
    .wide-container > .block-cta_link_block,
    .wide-container > .block-triple_callout,
    .wide-container > .block-button {
      padding-right: 0px;
      padding-left: 0px; } }
  @media screen and (min-width: 720px) {
    .wide-container > .block-html,
    .wide-container > .block-rich_text,
    .wide-container > .block-block_quote,
    .wide-container > .block-cta_link,
    .wide-container > .block-aligned_rich_text,
    .wide-container > form,
    .wide-container > .block-cta_link_block,
    .wide-container > .block-triple_callout,
    .wide-container > .block-button {
      padding: 25px 30px; } }
  @media screen and (min-width: 1020px) {
    .wide-container > .block-html,
    .wide-container > .block-rich_text,
    .wide-container > .block-block_quote,
    .wide-container > .block-cta_link,
    .wide-container > .block-aligned_rich_text,
    .wide-container > form,
    .wide-container > .block-cta_link_block,
    .wide-container > .block-triple_callout,
    .wide-container > .block-button {
      padding: 40px 30px; } }
  @media screen and (min-width: 1340px) {
    .wide-container > .block-html,
    .wide-container > .block-rich_text,
    .wide-container > .block-block_quote,
    .wide-container > .block-cta_link,
    .wide-container > .block-aligned_rich_text,
    .wide-container > form,
    .wide-container > .block-cta_link_block,
    .wide-container > .block-triple_callout,
    .wide-container > .block-button {
      padding-right: 0px;
      padding-left: 0px; } }

.wide-container > .block-rich_text,
.wide-container > .block-aligned_rich_text {
  max-width: 1024px; }
  .wide-container > .block-rich_text + .block-cta_link, .wide-container > .block-rich_text + .block-cta_link_block,
  .wide-container > .block-aligned_rich_text + .block-cta_link,
  .wide-container > .block-aligned_rich_text + .block-cta_link_block {
    max-width: 1024px;
    padding-top: 0; }
    @media screen and (min-width: 1020px) {
      .wide-container > .block-rich_text + .block-cta_link, .wide-container > .block-rich_text + .block-cta_link_block,
      .wide-container > .block-aligned_rich_text + .block-cta_link,
      .wide-container > .block-aligned_rich_text + .block-cta_link_block {
        margin-top: -10px; } }

.wide-container > .block-cta_link_block {
  max-width: 1024px; }

.wide-container > form {
  max-width: 850px; }

.template-staff-index .wide-container .content-container > .block-richtext {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }

.block-button {
  text-align: center; }

.columned-callouts__headline {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 24px;
  margin-bottom: 24px;
  text-align: center;
  color: #002c5f; }

@media screen and (min-width: 720px) {
  .columned-callouts__columns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; } }

.columned-callouts__column {
  flex: 1; }
  .columned-callouts__column + .columned-callouts__column {
    margin-top: 30px; }
    @media screen and (min-width: 720px) {
      .columned-callouts__column + .columned-callouts__column {
        margin-top: 0;
        margin-left: 40px; } }

.donate-content .block-rich_text + .block-html {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .donate-content .block-rich_text + .block-html {
      padding-top: 40px;
      margin-top: 40px; } }

.donate-content__stats {
  margin: 20px 0; }
  @media screen and (min-width: 720px) {
    .donate-content__stats {
      margin: 40px 0; } }
  .donate-content__stats strong {
    font-family: "mark-pro-bold", arial, serif;
    font-weight: normal; }
    @media screen and (min-width: 720px) {
      .donate-content__stats strong {
        display: inline-block;
        width: 200px; } }

.donate-content__footer {
  margin-top: 20px; }
  .donate-content__footer ul {
    padding: 0;
    list-style: none; }
  .donate-content__footer li {
    display: inline-block; }

.donate-callouts .block-html {
  margin-left: 20px; }
  @media screen and (min-width: 720px) {
    .donate-callouts .block-html {
      margin-left: 40px; } }
.donate-callouts li + li {
  margin-top: 10px; }

@media screen and (min-width: 720px) {
  .stripe-stats .content-container {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap; } }
.stripe-stats .text-stat {
  text-align: center; }
  @media screen and (min-width: 720px) {
    .stripe-stats .text-stat {
      flex: 1;
      padding: 0 3%; }
      .stripe-stats .text-stat:first-child {
        padding-left: 0; }
      .stripe-stats .text-stat:last-child {
        padding-right: 0; } }

.bleeding-image {
  position: relative; }
  @media screen and (max-width: 719px) {
    .bleeding-image:not(.bleeding-image--mobile) {
      background: none !important; } }
  @media screen and (max-width: 719px) {
    .bleeding-image .page-header__pattern {
      display: none; } }
  @media screen and (min-width: 720px) {
    .bleeding-image {
      min-height: 59vw;
      background-repeat: no-repeat;
      background-size: 1020px;
      background-position: center bottom; } }
  @media screen and (min-width: 1020px) {
    .bleeding-image {
      background-size: contain; } }
  @media screen and (min-width: 1700px) {
    .bleeding-image {
      min-height: 0;
      height: 1000px; } }
  @media screen and (max-width: 719px) {
    .bleeding-image.bleeding-image--mobile {
      padding-bottom: 50vw;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center bottom; } }

@media screen and (min-width: 720px) {
  .bleeding-image__text {
    width: 58%;
    padding-bottom: 420px; } }
@media screen and (min-width: 1020px) {
  .bleeding-image__text {
    width: 45%;
    /*padding-bottom: 420px;*/ } }
@media screen and (min-width: 1340px) {
  .bleeding-image__text {
    padding-bottom: 580px; } }

@media screen and (min-width: 720px) {
  body.template-holiday-landing-page .bleeding-image {
    min-height: 44vw;
    background-size: contain; } }
@media screen and (min-width: 1700px) {
  body.template-holiday-landing-page .bleeding-image {
    min-height: 0;
    height: 750px; } }
@media screen and (max-width: 719px) {
  body.template-holiday-landing-page .bleeding-image.bleeding-image--mobile {
    padding-bottom: 44vw;
    background-size: contain; } }

.confirmation__content {
  max-width: 960px;
  margin: 0 auto; }

.text-block + .confirmation__stats {
  margin-top: 25px; }
  @media screen and (min-width: 1020px) {
    .text-block + .confirmation__stats {
      margin-top: 40px; } }

.confirmation__stat-title {
  margin-right: 20px; }

.confirmation__stat-value {
  font-family: "mark-pro-bold", arial, serif; }

.shaded-callout {
  padding: 30px 25px;
  background: rgba(121, 189, 233, 0.25); }

.confirmation__stats + .shaded-callout {
  margin-top: 25px; }
  @media screen and (min-width: 1020px) {
    .confirmation__stats + .shaded-callout {
      margin-top: 40px; } }

.form__title {
  color: #002c5f; }

.form__title,
form + .form__footer {
  margin-top: 30px; }

.g-recaptcha {
  margin-bottom: 0.85em; }
  .form-group.has-error .g-recaptcha {
    margin-bottom: 0.425em; }

.help-block {
  color: red;
  margin-bottom: 0.85em;
  font-family: "mark-pro-bold", arial, serif; }

ul.errorlist {
  color: red;
  padding: 0;
  margin: -.5rem 0 1rem; }

.alert {
  padding: .5rem 0;
  background-color: red;
  color: white; }

.block-form p.help-text {
  margin-top: 0;
  margin-bottom: .5rem; }
.block-form .field-row {
  padding-bottom: .5rem; }

/*** Donate.ly embed form ***/
.donately-payment-fields .donately-payment-options span {
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  width: 100%;
  display: block;
  padding: 1em 0px;
  margin: 0;
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #D7DADD;
  font-size: 0.77em;
  background-color: #e8ebed;
  text-transform: uppercase;
  color: #83939b; }

.donately-payment-fields .donately-payment-options span:hover {
  background-color: #e2eaed; }

fieldset[for=honorees_name],
fieldset[for=honorees_email],
fieldset[for=honorees_subject],
fieldset[for=honorees_message],
fieldset[for=org_name],
fieldset[for=org_type] {
  display: none; }

.donately-form {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
  z-index: 1; }

.donately-form__intro,
.donately-form__outtro {
  max-width: 850px;
  margin: 0 auto; }

.donately-form__intro {
  text-align: center; }

.template-holiday-landing-page .donately-form__intro {
  margin-bottom: 1rem; }
.template-holiday-landing-page .donately-form {
  padding: 2rem;
  background-color: white; }
.template-holiday-landing-page .donately-form__outtro {
  margin-top: 3rem; }

ul.career-listings {
  padding: 0;
  list-style: none; }
  ul.career-listings li {
    padding-left: 0; }

.expander-group + .expander-group {
  margin-top: 25px; }
  @media screen and (min-width: 720px) {
    .expander-group + .expander-group {
      margin-top: 40px; } }
  @media screen and (min-width: 1020px) {
    .expander-group + .expander-group {
      margin-top: 60px; } }

.expander-group__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  color: #002c5f;
  font-size: 1.25rem; }
  @media screen and (min-width: 1020px) {
    .expander-group__title {
      font-size: 1.375rem; } }

.expanders {
  padding: 0;
  margin: 0;
  list-style: none; }

.expander {
  padding: 8px 0;
  border-bottom: 1px solid #d6d6d6;
  cursor: pointer; }
  .expander:hover .expander__headline {
    color: #00b0e7; }
  .expander.expander--is-open .expander__headline:before {
    transform: rotate(-45deg); }
  .expander.expander--is-open .expander__headline:after {
    transform: rotate(45deg); }

.expander__headline {
  position: relative;
  padding-right: 30px;
  font-family: "mark-pro-bold", arial, serif;
  transition: color 250ms ease;
  color: #1458a3;
  /* Vertical line */
  /* horizontal line */ }
  .expander__headline:before, .expander__headline:after {
    content: '';
    position: absolute;
    top: 10px;
    width: 1px;
    height: 7px;
    background-color: #1458a3; }
  .expander__headline:before {
    right: 17px;
    transform: rotate(45deg); }
  .expander__headline:after {
    right: 12px;
    transform: rotate(-45deg); }

.expander__text {
  display: none;
  padding-top: 8px; }

.contact-us .block-rich_text + .block-faq {
  margin-top: 15px; }
  @media screen and (min-width: 720px) {
    .contact-us .block-rich_text + .block-faq {
      margin-top: 25px; } }
  @media screen and (min-width: 1020px) {
    .contact-us .block-rich_text + .block-faq {
      margin-top: 40px; } }

.interactive-map {
  display: none; }
  @media screen and (min-width: 1020px) {
    .interactive-map {
      position: relative;
      display: block;
      width: 100%;
      min-height: 570px;
      padding: 1rem;
      border: 1px solid #79bde9;
      border-radius: .5rem; } }
  .interactive-map .stacked-stat {
    text-align: center; }
    .interactive-map .stacked-stat + .stacked-stat {
      margin-top: 3rem; }

.interactive-map__header {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(24% + 1rem);
  height: 100%;
  padding: 1rem 4%;
  border-radius: .5rem 0 0 .5rem;
  color: #1458a3;
  transition: opacity .2s linear;
  z-index: 1; }
  .interactive-map__header.interactive-map__header--is-hidden {
    opacity: 0; }
  .interactive-map__header.interactive-map__header--is-open {
    background-color: white;
    border-right: 1px solid #79bde9;
    z-index: 3; }
    .interactive-map__header.interactive-map__header--is-open .interactive-map__header__headline:after {
      transform: rotate(270deg); }
    .interactive-map__header.interactive-map__header--is-open .interactive-map__country-list {
      display: block; }

.interactive-map__header__headline {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer; }
  @media screen and (min-width: 1200px) {
    .interactive-map__header__headline {
      font-size: 1.875rem; } }
  .interactive-map__header__headline:after {
    content: '\e900';
    display: inline-block;
    position: relative;
    top: -3px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transform: rotate(90deg);
    font-size: .5em;
    margin-left: 1.25rem;
    color: #1458a3;
    transition: .2s linear transform; }

.interactive-map__country-list {
  display: none;
  padding: 0;
  margin: 2rem 0 0;
  list-style: none; }

.interactive-map__country-link {
  position: relative; }
  .interactive-map__country-link.interactive-map__country-link--is-active:before {
    content: '';
    position: absolute;
    top: .375rem;
    left: -1rem;
    display: block;
    width: 11px;
    height: 12px;
    background: url("../img/map-marker-blue.fc168bef23f6.png") no-repeat center top;
    background-size: contain; }
  .interactive-map__country-link.interactive-map__country-link--is-active a {
    color: #3b3b3b; }
  .interactive-map__country-link a {
    color: #1458a3; }
    .interactive-map__country-link a:hover {
      color: #00b0e7; }

.interactive-map__content {
  position: relative; }

.interactive-map__sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 24%;
  height: 100%;
  z-index: 1; }

.interactive-map__details {
  display: none; }
  .interactive-map__details:not(.interactive-map__details--wide) {
    max-width: 220px; }
  .interactive-map__details img {
    display: block; }

.interactive-map__detail-content {
  display: none; }

.interactive-map__detail__headline {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: .875rem;
  color: #002c5f; }

.interactive-map__detail__card {
  padding: 1rem;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  background: white; }
  .interactive-map__detail__card p {
    font-size: .75rem; }
    @media screen and (min-width: 1170px) {
      .interactive-map__detail__card p {
        font-size: .875rem; } }

.interactive-map__story-title {
  font-weight: bold;
  font-size: 1rem;
  color: #002c5f; }

.interactive-map__card-cta {
  display: block;
  width: 100%;
  background: #1458a3;
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: .875rem;
  line-height: 1.75rem;
  transition: .2s linear; }
  .interactive-map__card-cta:hover {
    background: #00b0e7;
    color: white; }

.interactive-map__map {
  position: relative;
  width: 85%;
  margin-left: auto;
  background: url("../img/map.03bd8c323a3e.png") no-repeat center;
  background-size: contain; }
  .interactive-map__map img {
    display: block; }

.interactive-map__markers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.interactive-map__marker {
  position: absolute;
  left: 12%;
  top: 0%; }
  .interactive-map__marker.interactive-map__marker--is-active .interactive-map__marker-name {
    opacity: 1; }
  .interactive-map__marker.interactive-map__marker--is-active .interactive-map__marker-dot {
    background-image: url("../img/map-marker-cyan-blue.9c1e03ee4740.png"); }

.interactive-map__marker-dot {
  display: block;
  width: 11px;
  height: 12px;
  background: url("../img/map-marker-dark-blue.1b73efad8919.png") no-repeat center top;
  background-size: contain;
  cursor: pointer; }
  .interactive-map__marker-dot:hover {
    background-image: url("../img/map-marker-cyan-blue.9c1e03ee4740.png"); }
    .interactive-map__marker-dot:hover + .interactive-map__marker-name {
      opacity: 1; }
  @media screen and (min-width: 1170px) {
    .interactive-map__marker-dot {
      width: 17px;
      height: 19px; } }

.interactive-map__marker-name {
  display: block;
  font-size: .875rem;
  font-weight: bold;
  color: #1458a3;
  transition: opacity .2s linear;
  opacity: 0;
  position: absolute;
  top: 24px;
  left: 0; }

.interactive-map__marker--honduras {
  left: 23%;
  top: 54%; }
  .interactive-map__marker--honduras .interactive-map__marker-name {
    top: 14px;
    left: -28px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--honduras .interactive-map__marker-name {
        top: 21px;
        left: -24px; } }

.interactive-map__marker--mexico {
  left: 18%;
  top: 50%; }
  .interactive-map__marker--mexico .interactive-map__marker-name {
    top: 14px;
    left: -20px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--mexico .interactive-map__marker-name {
        top: 21px;
        left: -15px; } }

.interactive-map__marker--brazil {
  left: 33%;
  top: 69%; }
  .interactive-map__marker--brazil .interactive-map__marker-name {
    top: 14px;
    left: -14px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--brazil .interactive-map__marker-name {
        top: 21px;
        left: -12px; } }

.interactive-map__marker--peru {
  left: 25.5%;
  top: 69%; }
  .interactive-map__marker--peru .interactive-map__marker-name {
    top: 14px;
    left: -6px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--peru .interactive-map__marker-name {
        top: 21px;
        left: -8px; } }

.interactive-map__marker--ethiopia {
  left: 58%;
  top: 58%; }
  .interactive-map__marker--ethiopia .interactive-map__marker-name {
    left: 19px;
    top: -5px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--ethiopia .interactive-map__marker-name {
        left: 24px;
        top: 0; } }

.interactive-map__marker--ghana {
  left: 46%;
  top: 58%; }
  .interactive-map__marker--ghana .interactive-map__marker-name {
    top: -22px;
    left: -17px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--ghana .interactive-map__marker-name {
        top: 21px;
        left: -15px; } }

.interactive-map__marker--kenya {
  left: 57%;
  top: 62%; }
  .interactive-map__marker--kenya .interactive-map__marker-name {
    top: -5px;
    left: 19px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--kenya .interactive-map__marker-name {
        top: 0;
        left: 24px; } }

.interactive-map__marker--tanzania {
  left: 56%;
  top: 66%; }
  .interactive-map__marker--tanzania .interactive-map__marker-name {
    left: -27px;
    top: 14px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--tanzania .interactive-map__marker-name {
        left: -23px;
        top: 21px; } }

.interactive-map__marker--uganda {
  left: 55%;
  top: 62%; }
  .interactive-map__marker--uganda .interactive-map__marker-name {
    top: -5px;
    left: -60px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--uganda .interactive-map__marker-name {
        top: 0; } }

.interactive-map__marker--bangladesh {
  left: 71%;
  top: 48%; }
  .interactive-map__marker--bangladesh .interactive-map__marker-name {
    left: 19px;
    top: -5px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--bangladesh .interactive-map__marker-name {
        left: 24px;
        top: 0; } }

.interactive-map__marker--cambodia {
  left: 75%;
  top: 56%; }
  .interactive-map__marker--cambodia .interactive-map__marker-name {
    top: 14px;
    left: -32px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--cambodia .interactive-map__marker-name {
        top: 21px;
        left: -31px; } }

.interactive-map__marker--india {
  left: 68%;
  top: 51%; }
  .interactive-map__marker--india .interactive-map__marker-name {
    top: 14px;
    left: -10px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--india .interactive-map__marker-name {
        top: 21px;
        left: -7px; } }

.interactive-map__marker--indonesia {
  left: 79.5%;
  top: 65%; }
  .interactive-map__marker--indonesia .interactive-map__marker-name {
    top: 14px;
    left: -28px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--indonesia .interactive-map__marker-name {
        top: 21px;
        left: -27px; } }

.interactive-map__marker--philippines {
  left: 80%;
  top: 57%; }
  .interactive-map__marker--philippines .interactive-map__marker-name {
    left: 19px;
    top: -5px; }
    @media screen and (min-width: 1170px) {
      .interactive-map__marker--philippines .interactive-map__marker-name {
        left: 24px;
        top: 0; } }

.interactive-map__footer {
  padding: 1rem 0 2rem 20%;
  text-align: center; }

.interactive-map__nav-link {
  display: inline-block;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  font-weight: bold; }
  .interactive-map__nav-link + .interactive-map__nav-link {
    margin-left: 3rem; }
  .interactive-map__nav-link.interactive-map__nav-link--is-active {
    border-color: #00b0e7; }
  .interactive-map__nav-link:active, .interactive-map__nav-link:focus, .interactive-map__nav-link:hover {
    text-decoration: none; }

.interactive-map__static {
  display: block;
  width: 100%;
  padding-top: 1rem;
  border-top: 1px solid #d6d6d6; }
  @media screen and (min-width: 1020px) {
    .interactive-map__static {
      display: none; } }

.featured-story {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #d6d6d6; }
  @media screen and (min-width: 720px) {
    .featured-story {
      padding-bottom: 40px; } }
  @media screen and (min-width: 1020px) {
    .featured-story {
      padding-bottom: 44px; } }
  .featured-story:after {
    content: 'Featured story';
    display: block;
    position: absolute;
    top: .5rem;
    left: .5rem;
    width: 74px;
    height: 79px;
    padding: 25px 0 0;
    background: url("../img/bubble-stat-bg.e277aaab387d.png") no-repeat center;
    background-size: contain;
    text-align: center;
    color: white;
    font-weight: bold;
    line-height: 1em;
    font-size: .75rem;
    opacity: .9; }
    @media screen and (min-width: 720px) {
      .featured-story:after {
        top: .5rem;
        left: .5rem;
        width: 120px;
        height: 128px;
        padding: 45px 0 0;
        font-size: 1.125rem;
        line-height: 1.25em; } }
    @media screen and (min-width: 1310px) {
      .featured-story:after {
        top: -2rem;
        left: -1rem;
        width: 144px;
        height: 153px;
        padding: 55px 20px 0; } }
    @media screen and (min-width: 1370px) {
      .featured-story:after {
        left: -2rem; } }

.featured-story__description {
  margin-top: .75rem; }
  @media screen and (min-width: 1020px) {
    .featured-story__description {
      display: flex;
      align-items: center;
      justify-content: space-between; } }
  .featured-story__description .secondary-button {
    display: inline-block;
    margin-top: .75rem; }

@media screen and (min-width: 1020px) {
  .featured-story__text {
    flex: 0 0 67%;
    padding-right: 2%;
    margin-right: 2%;
    border-right: 1px solid #d6d6d6; } }

.featured-story__aside {
  margin-top: 1rem;
  color: #002c5f;
  font-style: italic;
  font-size: 1.125rem; }
  @media screen and (min-width: 1020px) {
    .featured-story__aside {
      margin-top: 0; } }

.featured-story__headline {
  margin-bottom: .75rem;
  color: #002c5f; }

.text-block + .featured-story,
.featured-story + .article-pods,
.featured-story + .video-stories,
.featured-story + .article-pods__headline,
.text-block + .article-pods__headline,
.video-stories + .article-pods__headline {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .text-block + .featured-story,
    .featured-story + .article-pods,
    .featured-story + .video-stories,
    .featured-story + .article-pods__headline,
    .text-block + .article-pods__headline,
    .video-stories + .article-pods__headline {
      margin-top: 40px; } }
  @media screen and (min-width: 1020px) {
    .text-block + .featured-story,
    .featured-story + .article-pods,
    .featured-story + .video-stories,
    .featured-story + .article-pods__headline,
    .text-block + .article-pods__headline,
    .video-stories + .article-pods__headline {
      margin-top: 44px; } }

.video-stories {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 30px; }
  @media screen and (min-width: 720px) {
    .video-stories {
      padding-bottom: 40px; } }
  @media screen and (min-width: 1020px) {
    .video-stories {
      padding-bottom: 44px; } }

@media screen and (min-width: 1020px) {
  .video-story {
    display: flex;
    justify-content: space-between; } }
.video-story + .video-story {
  margin-top: 2rem; }

@media screen and (min-width: 1020px) {
  .video-story__video {
    flex: 0 0 65%; } }

.video-story__text {
  margin-top: 1rem; }
  @media screen and (min-width: 1020px) {
    .video-story__text {
      margin-left: 4%;
      margin-top: 0; } }
  .video-story__text .secondary-button {
    display: inline-block;
    margin-top: .75rem; }

.video-story__headline {
  margin-bottom: .75rem;
  color: #002c5f; }

.story-header {
  width: 100%;
  height: 40vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.story-wide-image {
  margin: 20px 0; }
  @media screen and (min-width: 1020px) {
    .story-wide-image {
      margin: 30px 0; } }
  .story-wide-image image {
    display: block; }

@media screen and (min-width: 720px) {
  .sortable-pods {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }
@media screen and (min-width: 1020px) {
  .sortable-pods {
    justify-content: initial;
    width: 103%;
    margin-left: -3%; } }

.sortable-pods__pod {
  flex: 0 0 48%;
  padding: 15px 0; }
  @media screen and (min-width: 1020px) {
    .sortable-pods__pod {
      flex: 0 0 33.3%;
      padding: 28px 0 28px 3%; } }
  .sortable-pods__pod .text-block--condensed {
    /*.article-pods__date + .rich-text {
      margin-top: 0;
    }*/ }
    .sortable-pods__pod .text-block--condensed > * + * {
      margin-top: 1rem; }
      .sortable-pods__pod .text-block--condensed > * + *.article-pod__subhead {
        margin-top: 0; }

.sortable-pods__cta {
  display: inline-block; }

@media screen and (min-width: 720px) {
  .sorting-intro {
    display: flex;
    align-items: baseline; } }

.sorting-select {
  display: flex;
  align-items: center;
  color: #1458a3; }
  @media screen and (min-width: 720px) {
    .sorting-select {
      margin-left: 3%; } }
  .sorting-select .styled-select {
    display: inline-block;
    padding-right: 20px;
    margin-left: 5px;
    overflow: hidden;
    vertical-align: bottom;
    background: transparent url("../img/select-arrow--cobalt.9b4f7827ee8d.svg") no-repeat right center;
    background-size: 14px; }
  .sorting-select select {
    -webkit-appearance: none;
    display: inline-block;
    width: 150%;
    margin: 0;
    border: none;
    border-radius: 0px;
    background: transparent;
    color: #1458a3;
    font-family: "mark-pro-bold", arial, serif; }

.stella-stat-stripe {
  padding: .75rem 0;
  background: #cd0013; }
  @media screen and (min-width: 720px) {
    .stella-stat-stripe {
      position: absolute;
      top: auto;
      right: 0;
      padding: 0;
      background: transparent; } }
  @media screen and (min-width: 720px) {
    .stella-stat-stripe {
      margin-top: -140px;
      margin-right: 30px;
      max-width: 260px; } }
  @media screen and (min-width: 1020px) {
    .stella-stat-stripe {
      margin-top: -180px;
      margin-right: 30px;
      max-width: 340px; } }
  @media screen and (min-width: 1340px) {
    .stella-stat-stripe {
      margin-right: calc( (100% - 1300px) /2 ); } }

.stella-stat-stripe__stat {
  display: block;
  max-width: 240px;
  margin: 0 auto; }
  @media screen and (min-width: 720px) {
    .stella-stat-stripe__stat {
      max-width: 100%; } }

@media screen and (min-width: 720px) {
  .buy-now-blocks {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 720px) {
  .buy-now-block {
    max-width: 31%; } }
.buy-now-block + .buy-now-block {
  margin-top: 2rem; }
  @media screen and (min-width: 720px) {
    .buy-now-block + .buy-now-block {
      margin-top: 0; } }
.buy-now-block h1,
.buy-now-block h2,
.buy-now-block h3,
.buy-now-block h4,
.buy-now-block h5,
.buy-now-block h6 {
  color: #79bde9; }

.buy-now-block__image {
  display: block;
  margin: 0 auto; }
  @media screen and (min-width: 720px) {
    .buy-now-block__image {
      margin: 0; } }

.buy-now-block__text {
  padding-top: 1rem;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .buy-now-block__text {
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-align: left; } }

.buy-now-block__title {
  margin-bottom: .5rem; }
  @media screen and (min-width: 720px) {
    .buy-now-block__title {
      margin-bottom: 0;
      padding-right: .5rem; } }

@media screen and (min-width: 720px) {
  .stella-campaign-landing-page .callout-halves .content-container {
    justify-content: space-between;
    align-items: center; } }
.stella-campaign-landing-page .callout-halves__stella-stat {
  display: block;
  max-height: 110px;
  margin: 0 auto; }
.stella-campaign-landing-page .featured-callout__image-container--left {
  order: 0;
  margin-top: 0; }
.stella-campaign-landing-page .featured-callout--image-right .featured-callout__text-block {
  order: 2; }
  @media screen and (min-width: 720px) {
    .stella-campaign-landing-page .featured-callout--image-right .featured-callout__text-block {
      order: 0; } }
.stella-campaign-landing-page .featured-callout--image-right .featured-callout__image-container--right {
  margin-top: 0; }
.stella-campaign-landing-page .buy-now-block .tertiary-button {
  background: #222b54; }
  .stella-campaign-landing-page .buy-now-block .tertiary-button:hover, .stella-campaign-landing-page .buy-now-block .tertiary-button:focus {
    background: #79bde9; }

.stella-donate-landing-page .video-footer {
  position: relative;
  padding-bottom: 0;
  background: url("../img/stella-donate__blue-bg.2e4a758ef132.jpg"); }
  .stella-donate-landing-page .video-footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15vw;
    background: white; }
    @media screen and (min-width: 1340px) {
      .stella-donate-landing-page .video-footer:before {
        height: 200px; } }
  .stella-donate-landing-page .video-footer .content-container {
    max-width: 980px;
    text-align: center; }

@media screen and (min-width: 720px) {
  .two-panels {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 720px) {
  .two-panels__panel {
    max-width: 48%; } }
.two-panels__panel:nth-child(2n) {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .two-panels__panel:nth-child(2n) {
      margin-top: 0; } }

.rb-header {
  position: relative;
  padding-bottom: 0; }
  .rb-header.page-header:after {
    content: none; }

@media screen and (min-width: 720px) {
  .rb-header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10rem; } }
@media screen and (min-width: 1020px) {
  .rb-header__content {
    padding-bottom: 14rem; } }

.rb-header__headline {
  margin-bottom: .5rem;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .rb-header__headline {
      width: 34%;
      padding: 0 1rem;
      margin-bottom: 0;
      text-align: left; } }
  @media screen and (min-width: 1020px) {
    .rb-header__headline {
      padding: 0 2rem; } }
  @media screen and (min-width: 1340px) {
    .rb-header__headline {
      width: 34%; } }
  .rb-header__headline img {
    width: 50%; }
    @media screen and (min-width: 720px) {
      .rb-header__headline img {
        width: 100%; } }

.rb-header__body {
  color: #79bde9;
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 720px) {
    .rb-header__body {
      width: 58%;
      font-size: 1.375rem;
      text-align: left; } }
  @media screen and (min-width: 1020px) {
    .rb-header__body {
      font-size: 1.75rem; } }
  @media screen and (min-width: 1340px) {
    .rb-header__body {
      width: 58%; } }

.rb-header__shim {
  width: 100%;
  padding: 1rem 5%;
  margin-top: 1rem;
  background: #002c5f;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .rb-header__shim {
      display: flex;
      justify-content: center;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 1.375rem 30px;
      margin-top: 0;
      text-align: left; } }
  @media screen and (min-width: 1020px) {
    .rb-header__shim {
      padding: 1.5rem; } }

.rb-header__shim-icon {
  display: none; }
  @media screen and (min-width: 720px) {
    .rb-header__shim-icon {
      display: block;
      position: absolute;
      bottom: 1.675rem;
      left: 50%;
      margin-left: -3rem;
      width: 6rem; } }
  @media screen and (min-width: 1020px) {
    .rb-header__shim-icon {
      margin-left: -4.5rem;
      width: 9rem; } }

.rb-header__shim-text,
.rb-header__shim-button {
  font-size: .875rem;
  /*text-transform: uppercase;*/
  font-weight: bold; }
  @media screen and (min-width: 1020px) {
    .rb-header__shim-text,
    .rb-header__shim-button {
      font-size: 1.25rem; } }
  @media screen and (min-width: 1340px) {
    .rb-header__shim-text,
    .rb-header__shim-button {
      font-size: 1.375rem; } }

.rb-header__shim-button {
  color: #79bde9; }
  .rb-header__shim-button:active, .rb-header__shim-button:focus, .rb-header__shim-button:hover {
    color: white; }

.rb-header__shim-text {
  color: white; }
  @media screen and (min-width: 720px) {
    .rb-header__shim-text {
      margin-right: 11rem;
      text-align: right; } }
  @media screen and (min-width: 1020px) {
    .rb-header__shim-text {
      margin-right: 15rem; } }

.rb-landing-page .richtext-image.full-width {
  margin: 0 auto; }
.rb-landing-page .block-rich_text {
  text-align: center; }

@media screen and (min-width: 720px) {
  .thirds {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 720px) {
  .thirds__third {
    max-width: 31%; } }
.thirds__third + .thirds__third {
  margin-top: 2rem; }
  @media screen and (min-width: 720px) {
    .thirds__third + .thirds__third {
      margin-top: 0; } }

.rb-callout__content {
  display: flex;
  align-items: flex-start; }

.rb-callout__image {
  display: block;
  margin-bottom: 1rem; }
  @media screen and (min-width: 1020px) {
    .rb-callout__image {
      margin-bottom: 1.5rem; } }

.rb-callout__icon {
  width: 3.5rem;
  margin-right: 1.25rem; }
  @media screen and (min-width: 1020px) {
    .rb-callout__icon {
      width: 5rem;
      margin-right: 2rem; } }

.rb-callout__text h1,
.rb-callout__text h2,
.rb-callout__text h3,
.rb-callout__text h4,
.rb-callout__text h5,
.rb-callout__text h6 {
  color: #79bde9; }
.rb-callout__text .secondary-button {
  display: inline-block;
  margin-top: 1rem; }

@media screen and (min-width: 720px) {
  .multi-column-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; } }
@media screen and (min-width: 720px) {
  .multi-column-row.multi-column-row--3 .multi-column-row__col {
    width: calc( 33.3% - 2rem ); } }
@media screen and (min-width: 1020px) {
  .multi-column-row.multi-column-row--3 .multi-column-row__col {
    width: calc( 33.3% - 4rem ); } }
@media screen and (min-width: 720px) {
  .multi-column-row.multi-column-row--3 .multi-column-row__col:nth-child(2), .multi-column-row.multi-column-row--3 .multi-column-row__col:nth-child(3) {
    margin-top: 0; } }
.multi-column-row.multi-column-row--3 .multi-column-row__col:nth-child(3n+1) {
  margin-left: 0; }
  .multi-column-row.multi-column-row--3 .multi-column-row__col:nth-child(3n+1):after {
    content: none; }
@media screen and (min-width: 720px) {
  .multi-column-row.multi-column-row--4 .multi-column-row__col {
    width: calc( 25% - 2.25rem ); } }
@media screen and (min-width: 1020px) {
  .multi-column-row.multi-column-row--4 .multi-column-row__col {
    width: calc( 25% - 4.5rem ); } }
@media screen and (min-width: 720px) {
  .multi-column-row.multi-column-row--4 .multi-column-row__col:nth-child(2), .multi-column-row.multi-column-row--4 .multi-column-row__col:nth-child(3), .multi-column-row.multi-column-row--4 .multi-column-row__col:nth-child(4) {
    margin-top: 0; } }
.multi-column-row.multi-column-row--4 .multi-column-row__col:nth-child(4n+1) {
  margin-left: 0; }
  .multi-column-row.multi-column-row--4 .multi-column-row__col:nth-child(4n+1):after {
    content: none; }

.multi-column-row__col {
  position: relative;
  width: 100%; }
  .multi-column-row__col + .multi-column-row__col {
    margin-top: 20px; }
    @media screen and (min-width: 720px) {
      .multi-column-row__col + .multi-column-row__col {
        margin-top: 1.5rem;
        margin-left: 3rem; } }
    @media screen and (min-width: 1020px) {
      .multi-column-row__col + .multi-column-row__col {
        margin-top: 2rem;
        margin-left: 6rem; } }
  @media screen and (min-width: 720px) {
    .multi-column-row__col:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: -1.5rem;
      width: 1px;
      height: 100%;
      background: #d6d6d6; } }
  @media screen and (min-width: 1020px) {
    .multi-column-row__col:after {
      left: -3rem; } }
  @media screen and (min-width: 720px) {
    .multi-column-row__col--centered {
      display: flex;
      align-items: center;
      justify-content: center; } }

.multi-column-row__image {
  display: block; }
  .multi-column-row__image + .multi-column-row__text {
    margin-top: 1rem; }
    @media screen and (min-width: 1020px) {
      .multi-column-row__image + .multi-column-row__text {
        margin-top: 1.5rem; } }

.multi-column-row__text + .multi-column-row__cta,
.multi-column-row__image + .multi-column-row__cta {
  margin-top: 1rem; }
  @media screen and (min-width: 1020px) {
    .multi-column-row__text + .multi-column-row__cta,
    .multi-column-row__image + .multi-column-row__cta {
      margin-top: 1.5rem; } }

.multi-column-row__cta {
  display: inline-block; }

.template-news .multi-column-content .content-container {
  padding-left: 0;
  padding-right: 0; }

/* - - - THANK YOU PAGE TEMPLATE - - - */
.template-thank-you-landing-page .multi-column-content .multi-column-row__col {
  padding-top: 20px;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .template-thank-you-landing-page .multi-column-content .multi-column-row__col {
      padding-top: 0; } }
  .template-thank-you-landing-page .multi-column-content .multi-column-row__col:after {
    background-color: #79bde9; }
.template-thank-you-landing-page .multi-column-content .multi-column-row__image {
  width: 170px;
  height: 170px;
  margin: 0 auto;
  border-radius: 50%;
  object-fit: cover; }
  @media screen and (min-width: 720px) {
    .template-thank-you-landing-page .multi-column-content .multi-column-row__image {
      width: 130px;
      height: 130px; } }
  @media screen and (min-width: 1020px) {
    .template-thank-you-landing-page .multi-column-content .multi-column-row__image {
      width: 170px;
      height: 170px; } }
  @media screen and (min-width: 1340px) {
    .template-thank-you-landing-page .multi-column-content .multi-column-row__image {
      width: 200px;
      height: 200px; } }
.template-thank-you-landing-page .multi-column-content .multi-column-row__headline {
  font-family: bookmania, serif;
  font-weight: 600;
  color: #002c5f; }
.template-thank-you-landing-page .multi-column-content--fundraisers .multi-column-row__text {
  font-family: "mark-pro-bold", arial, serif;
  font-size: 1.25rem;
  color: #002c5f; }
.template-thank-you-landing-page .multi-column-content .thankyou-icon {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px;
  width: 90px;
  height: auto; }
  @media screen and (min-width: 720px) {
    .template-thank-you-landing-page .multi-column-content .thankyou-icon {
      top: -20px;
      margin-left: -105px;
      width: 70px; } }
  @media screen and (min-width: 1020px) {
    .template-thank-you-landing-page .multi-column-content .thankyou-icon {
      margin-left: -150px;
      width: 90px; } }
  @media screen and (min-width: 1340px) {
    .template-thank-you-landing-page .multi-column-content .thankyou-icon {
      top: -30px;
      margin-left: -185px;
      width: 120px; } }

.template-thank-you-landing-page.template-annual-report-landing-page .multi-column-content .multi-column-row__headline {
  font-family: "mark-pro", arial, serif; }

.template-holiday-landing-page .multi-column-content__headline {
  text-align: center;
  color: #002c5f;
  padding-bottom: 15px; }
  @media screen and (min-width: 720px) {
    .template-holiday-landing-page .multi-column-content__headline {
      padding-bottom: 40px; } }
  @media screen and (min-width: 1020px) {
    .template-holiday-landing-page .multi-column-content__headline {
      padding-bottom: 60px; } }
.template-holiday-landing-page .multi-column-row__col:after {
  background-color: #79bde9; }
.template-holiday-landing-page .multi-column-row__image {
  width: auto;
  height: auto;
  max-height: 170px;
  margin: 0 auto; }
  @media screen and (min-width: 720px) {
    .template-holiday-landing-page .multi-column-row__image {
      max-height: 130px; } }
  @media screen and (min-width: 1020px) {
    .template-holiday-landing-page .multi-column-row__image {
      max-height: 170px; } }
  @media screen and (min-width: 1340px) {
    .template-holiday-landing-page .multi-column-row__image {
      max-height: 200px; } }
.template-holiday-landing-page .multi-column-row__headline {
  font-size: 1.25rem; }
  @media screen and (min-width: 1020px) {
    .template-holiday-landing-page .multi-column-row__headline {
      font-size: 1.375rem; } }

.sticky-promo {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 2; }
  @media screen and (min-width: 1700px) {
    .sticky-promo {
      right: calc( 50% - ( 1700px/2 ) + 1rem ); } }

.sticky-promo__link {
  display: inline-block;
  padding: 12px 50px 12px 48px;
  background: #f2612f url("../img/envelope-icon.5f8fb62fcf3f.svg") no-repeat;
  background-size: 24px;
  background-position: 14px 9px;
  border: none;
  border-radius: 8px;
  color: white;
  font-family: "mark-pro-bold", arial, serif;
  font-size: .75rem;
  line-height: 1em;
  cursor: pointer;
  transition: background 250ms ease; }
  .sticky-promo__link:hover, .sticky-promo__link:focus {
    color: white;
    background-color: #00b0e7; }

.sticky-promo__close {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 2rem;
  height: calc(.75rem + 24px);
  background-color: #f2612f;
  border-left: 1px solid white;
  border-radius: 0 8px 8px 0;
  font-family: "mark-pro-bold", arial, serif;
  font-size: 0.875rem;
  line-height: calc(.75rem + 24px);
  color: white;
  text-align: center;
  cursor: pointer;
  transition: background 250ms ease; }
  .sticky-promo__close:hover, .sticky-promo__close:focus {
    color: white;
    background: #00b0e7; }

.wrapping-halves .content-container {
  display: flex;
  flex-flow: row wrap; }
  @media screen and (min-width: 720px) {
    .wrapping-halves .content-container {
      justify-content: space-between;
      flex-flow: row wrap; } }

@media screen and (min-width: 720px) {
  .wrapping-halves__column {
    width: 48%; } }
@media screen and (min-width: 720px) {
  .wrapping-halves__column:nth-child(2n) {
    margin-left: 4%; } }
.wrapping-halves__column + .wrapping-halves__column {
  margin-top: 30px; }
  @media screen and (min-width: 720px) {
    .wrapping-halves__column + .wrapping-halves__column:nth-child(2) {
      margin-top: 0; } }

.wrapping-halves__column-content-item + .wrapping-halves__column-content-item {
  margin-top: 10px; }

@media screen and (min-width: 720px) {
  .directors .content-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; } }
.directors .content-container .block-director {
  position: relative;
  width: 100%; }
  .directors .content-container .block-director + .block-director {
    margin-top: 20px; }
    @media screen and (min-width: 720px) {
      .directors .content-container .block-director + .block-director {
        margin-top: 1.5rem;
        margin-left: 3%; } }
    @media screen and (min-width: 1020px) {
      .directors .content-container .block-director + .block-director {
        margin-top: 2rem;
        margin-left: 2.6%; } }
  @media screen and (min-width: 720px) {
    .directors .content-container .block-director {
      width: 47%; } }
  @media screen and (min-width: 1020px) {
    .directors .content-container .block-director {
      width: 23%; } }
  @media screen and (min-width: 720px) {
    .directors .content-container .block-director:nth-child(2) {
      margin-top: 0; } }
  @media screen and (min-width: 1020px) {
    .directors .content-container .block-director:nth-child(3), .directors .content-container .block-director:nth-child(4) {
      margin-top: 0; } }
  .directors .content-container .block-director:nth-child(2n+1) {
    margin-left: 0; }
    @media screen and (min-width: 1020px) {
      .directors .content-container .block-director:nth-child(2n+1) {
        margin-left: 2.6%; } }
  @media screen and (min-width: 1020px) {
    .directors .content-container .block-director:nth-child(4n+1) {
      margin-left: 25.6%; } }
  @media screen and (min-width: 1020px) {
    .directors .content-container .block-director:nth-child(4n+1):nth-child(1) {
      margin-left: 0; } }
.directors .content-container .block-director__column-content-item + .block-director__column-content-item {
  margin-top: 10px; }

.campaign-slider {
  position: relative; }
  @media screen and (min-width: 720px) {
    .campaign-slider {
      background: #edf7f6; } }
  @media screen and (max-width: 719px) {
    .campaign-slider .slides > li {
      display: block;
      background: #edf7f6; }
      .campaign-slider .slides > li + li {
        margin-top: 34px; } }
  .campaign-slider__dots {
    display: none; }
    @media screen and (min-width: 720px) {
      .campaign-slider__dots {
        display: flex;
        justify-content: center;
        padding: 0 0 2rem;
        margin: 0; } }
  .campaign-slider__dot-holder {
    position: relative;
    width: 9rem;
    margin: 0 1.5rem;
    list-style: none;
    text-align: center; }
    @media screen and (min-width: 1020px) {
      .campaign-slider__dot-holder {
        margin: 0 2rem; } }
    .campaign-slider__dot-holder:after {
      content: '';
      position: absolute;
      bottom: -2rem;
      left: 50%;
      margin-left: -1.8rem;
      display: inline-block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 2rem 1.8rem 0 1.8rem;
      border-color: white transparent transparent transparent;
      transition: bottom .2s linear;
      z-index: 1; }
  .campaign-slider__dot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.5rem;
    height: 5.5rem;
    padding: 0;
    margin: 0 auto 1.5rem;
    border: 2px solid white;
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: border-color .2s linear; }
    @media screen and (min-width: 1020px) {
      .campaign-slider__dot {
        width: 6.75rem;
        height: 6.75rem; } }
    .campaign-slider__dot:hover, .campaign-slider__dot:focus {
      border-color: #002c5f;
      outline: none; }
  .campaign-slider__dot-label {
    color: #002c5f;
    font-weight: bold;
    line-height: 1.5em; }
  @media screen and (min-width: 720px) {
    .campaign-slider__slide {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-around;
      align-items: center;
      max-width: 84%;
      padding-top: 24px;
      margin: 0 auto; } }
  @media screen and (min-width: 1020px) {
    .campaign-slider__slide {
      padding-top: 0; } }
  .campaign-slider__text {
    padding-top: 2rem; }
    @media screen and (min-width: 720px) {
      .campaign-slider__text {
        flex: 0 0 47%;
        padding-top: 1rem;
        padding-bottom: 1rem; } }
    @media screen and (min-width: 1020px) {
      .campaign-slider__text {
        padding-top: 0;
        padding-bottom: 0; } }
    @media screen and (min-width: 1340px) {
      .campaign-slider__text {
        flex: 0 0 39%; } }
  .campaign-slider__image {
    padding-top: 2rem; }
    @media screen and (min-width: 720px) {
      .campaign-slider__image {
        flex: 0 0 47%;
        align-self: flex-end;
        padding-top: 3rem; } }
    @media screen and (min-width: 1340px) {
      .campaign-slider__image {
        flex: 0 0 52%; } }
    .campaign-slider__image img {
      width: auto; }
  .campaign-slider .flex-nav-prev,
  .campaign-slider .flex-nav-next {
    display: none; }
    @media screen and (min-width: 720px) {
      .campaign-slider .flex-nav-prev,
      .campaign-slider .flex-nav-next {
        display: block;
        font-size: 2.5rem;
        position: absolute;
        top: calc(50% - 30px);
        z-index: 2; } }
    @media screen and (min-width: 1020px) {
      .campaign-slider .flex-nav-prev,
      .campaign-slider .flex-nav-next {
        font-size: 3.75rem; } }
    .campaign-slider .flex-nav-prev a,
    .campaign-slider .flex-nav-next a {
      color: #d6d6d6; }
      .campaign-slider .flex-nav-prev a:hover,
      .campaign-slider .flex-nav-next a:hover {
        color: #419cb0; }
  .campaign-slider .flex-nav-prev {
    left: 0; }
    @media screen and (min-width: 720px) {
      .campaign-slider .flex-nav-prev {
        left: 30px; } }
    @media screen and (min-width: 1020px) {
      .campaign-slider .flex-nav-prev {
        left: 30px; } }
    @media screen and (min-width: 1340px) {
      .campaign-slider .flex-nav-prev {
        left: calc( (100vw - 1300px) / 2 ); } }
  .campaign-slider .flex-nav-next {
    right: 0; }
    @media screen and (min-width: 720px) {
      .campaign-slider .flex-nav-next {
        right: 30px; } }
    @media screen and (min-width: 1020px) {
      .campaign-slider .flex-nav-next {
        right: 30px; } }
    @media screen and (min-width: 1340px) {
      .campaign-slider .flex-nav-next {
        right: calc( (100vw - 1300px) / 2 ); } }

.campaign-slider__dot-holder--active:after {
  bottom: -4rem; }
.campaign-slider__dot-holder--active .campaign-slider__dot {
  background-position: top; }

@media screen and (min-width: 720px) {
  .shaded-page-header {
    margin-bottom: 80px; } }
.shaded-page-header .content-container {
  max-width: 980px;
  text-align: center; }
@media screen and (min-width: 720px) {
  .shaded-page-header .embed-container {
    margin-bottom: -140px; } }
.shaded-page-header .holiday-page-intro__image,
.shaded-page-header .stella-donate-page-intro__image {
  margin-bottom: 32px; }
  @media screen and (min-width: 720px) {
    .shaded-page-header .holiday-page-intro__image,
    .shaded-page-header .stella-donate-page-intro__image {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1020px) {
    .shaded-page-header .holiday-page-intro__image,
    .shaded-page-header .stella-donate-page-intro__image {
      margin-bottom: 60px; } }
@media screen and (min-width: 1020px) {
  .shaded-page-header .stella-donate-page-intro__image {
    max-width: 730px; } }
.stella-donate-landing-page .shaded-page-header {
  background: url("../img/stella-donate__star-bg.b922fd4f9d81.jpg") repeat-y center/cover; }

.section-intro-text {
  margin-bottom: 15px;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .section-intro-text {
      margin-bottom: 25px; } }
  @media screen and (min-width: 1020px) {
    .section-intro-text {
      margin-bottom: 36px; } }
  .section-intro-text__headline {
    color: #002c5f;
    margin-bottom: 16px; }

.thank-you-page-intro {
  margin-bottom: 25px; }
  @media screen and (min-width: 1020px) {
    .thank-you-page-intro {
      margin-bottom: 40px; } }
  .thank-you-page-intro__icon {
    width: 100px;
    height: auto;
    margin-bottom: 16px; }
    @media screen and (min-width: 720px) {
      .thank-you-page-intro__icon {
        width: 150px; } }
    .template-new-thank-you-landing-page .thank-you-page-intro__icon {
      width: auto; }
  .thank-you-page-intro__headline h1 {
    font-family: bookmania, serif;
    font-weight: 400;
    font-size: 1.875rem;
    line-height: 1em;
    color: #002c5f; }
    @media screen and (min-width: 1020px) {
      .thank-you-page-intro__headline h1 {
        font-size: 3rem; } }
    @media screen and (min-width: 1340px) {
      .thank-you-page-intro__headline h1 {
        font-size: 3.75rem; } }
    .thank-you-page-intro__headline h1 b, .thank-you-page-intro__headline h1 string {
      font-weight: 700; }
  .thank-you-page-intro.thank-you-page-intro--campaignlp .thank-you-page-intro__headline h1 {
    font-family: "mark-pro", arial, serif;
    font-weight: bold;
    color: #79bde9; }

.thank-you-page-map {
  display: block;
  width: 100%;
  margin: 0 auto; }

@media screen and (min-width: 720px) {
  .twin-images {
    display: flex;
    align-items: center;
    justify-content: space-between; } }
@media screen and (min-width: 720px) {
  .twin-images img {
    display: block;
    width: calc(50% - 1.5vw); } }
@media screen and (min-width: 1340px) {
  .twin-images img {
    width: calc(50% - 18px); } }

.floating-callout {
  padding: 15px 30px;
  margin: 0 auto;
  background-color: #002c5f;
  color: white;
  text-align: center; }
  @media screen and (min-width: 720px) {
    .floating-callout {
      width: 75%;
      max-width: 980px;
      padding: 25px 50px; } }
  @media screen and (min-width: 1020px) {
    .floating-callout {
      padding: 40px 80px; } }
  .floating-callout__icon {
    width: 2rem;
    height: auto; }
  .floating-callout__headline {
    font-family: bookmania, serif;
    font-weight: 400;
    font-size: 1.875rem; }
    @media screen and (min-width: 1020px) {
      .floating-callout__headline {
        font-size: 3rem; } }
    @media screen and (min-width: 1340px) {
      .floating-callout__headline {
        font-size: 3.75rem; } }

.floating-callout-section--shaded {
  position: relative; }
  .floating-callout-section--shaded:before {
    content: '';
    position: absolute;
    top: 50%;
    left: auto;
    display: block;
    width: 100vw;
    max-width: 1700px;
    height: 50%;
    background: #f1f8fd;
    z-index: 0; }
  .floating-callout-section--shaded .floating-callout {
    position: relative; }
  .floating-callout-section--shaded + .stripe-section--shaded {
    padding-top: 0; }

body.template-annual-report-landing-page .floating-callout__headline {
  margin-bottom: 16px;
  font-family: "mark-pro", arial, serif;
  font-size: 1.5rem;
  color: #002c5f;
  font-weight: bold; }
  @media screen and (min-width: 1020px) {
    body.template-annual-report-landing-page .floating-callout__headline {
      font-size: 2.25rem; } }

.callout-grid .content-container {
  max-width: 1000px; }
.callout-grid__headline {
  margin-bottom: 16px;
  text-align: center;
  color: #002c5f; }
  @media screen and (min-width: 720px) {
    .callout-grid__headline {
      margin-bottom: 32px; } }
@media screen and (min-width: 720px) {
  .callout-grid__grid {
    display: flex;
    flex-flow: row wrap; } }
@media screen and (min-width: 720px) {
  .callout-grid__cell {
    width: 31%; } }
.callout-grid__cell + .callout-grid__cell {
  margin-top: 2rem; }
  @media screen and (min-width: 720px) {
    .callout-grid__cell + .callout-grid__cell {
      margin-left: 3.5%; } }
  @media screen and (min-width: 720px) {
    .callout-grid__cell + .callout-grid__cell:nth-child(3n+1) {
      margin-left: 0; } }
  @media screen and (min-width: 720px) {
    .callout-grid__cell + .callout-grid__cell:nth-child(2), .callout-grid__cell + .callout-grid__cell:nth-child(3) {
      margin-top: 0; } }
.callout-grid__item {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 1rem;
  background: #1458a3;
  border-radius: .5rem;
  color: white;
  transition: background 250ms ease; }
  .callout-grid__item:active, .callout-grid__item:focus, .callout-grid__item:hover {
    background-color: #00b0e7;
    color: white; }
  @media screen and (min-width: 1020px) {
    .callout-grid__item {
      padding: 1.25rem 1.875rem; } }
  .callout-grid__item p {
    margin-right: 1rem;
    line-height: 1.5em; }
.callout-grid__icon {
  max-width: 3.5rem;
  margin-right: 1rem; }
  @media screen and (min-width: 1020px) {
    .callout-grid__icon {
      max-width: 4.5rem;
      margin-right: 1.5rem; } }
.callout-grid__arrow {
  margin-left: auto; }

@media screen and (min-width: 720px) {
  .newsletter-form-block .bleeding-image__text {
    padding-bottom: 0;
    margin-left: auto; } }
@media screen and (min-width: 720px) {
  .newsletter-form-block .email-sign-up {
    padding: 1.5rem;
    background: white; } }
@media screen and (min-width: 1020px) {
  .newsletter-form-block .email-sign-up {
    padding: 2.5rem; } }

.video-footer-block .content-container {
  max-width: 980px;
  text-align: center; }
.video-footer-block img {
  display: block;
  width: 100%;
  margin-top: -26vw; }
  @media screen and (min-width: 1340px) {
    .video-footer-block img {
      margin-top: -390px; } }

.cta-cards-block__headline {
  color: #002c5f;
  margin-bottom: 2rem; }

@media screen and (min-width: 720px) {
  .cta-cards {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }

@media screen and (min-width: 1020px) {
  .cta-cards--thirds .cta-card {
    width: calc(33% - 1rem); } }
@media screen and (min-width: 1020px) {
  .cta-cards--thirds .cta-card + .cta-card:nth-child(3) {
    margin-top: 0; } }
@media screen and (min-width: 1020px) {
  .cta-cards--thirds .cta-card + .cta-card:last-child {
    margin-right: calc(33% + 1rem); } }
@media screen and (min-width: 1020px) {
  .cta-cards--thirds .cta-card + .cta-card:last-child:nth-child(3n) {
    margin-right: 0; } }

.cta-card {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  padding: 2rem;
  border: 1px solid #79bde9;
  border-radius: .625rem; }
  @media screen and (min-width: 720px) {
    .cta-card {
      width: calc(50% - .5rem);
      justify-content: space-between; } }
  @media screen and (min-width: 1020px) {
    .cta-card {
      width: calc(50% - 1rem); } }
  .cta-card + .cta-card {
    margin-top: 1rem; }
    @media screen and (min-width: 1020px) {
      .cta-card + .cta-card {
        margin-top: 2rem; } }
    @media screen and (min-width: 720px) {
      .cta-card + .cta-card:nth-child(2) {
        margin-top: 0; } }
  .cta-card__headline {
    width: 100%;
    padding-right: 1rem;
    margin-bottom: 1rem;
    color: #002c5f; }
    @media screen and (min-width: 1020px) {
      .cta-card__headline {
        flex: 1;
        width: auto;
        margin-bottom: 1.5rem; } }
  .cta-card__button {
    order: 3;
    margin-top: 1rem; }
    @media screen and (min-width: 1020px) {
      .cta-card__button {
        margin-top: 1.5rem; } }
  .cta-card .rich-text {
    width: 100%; }

@media screen and (min-width: 720px) {
  .cta-cards-block--has-image .cta-cards-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; } }
.cta-cards-block--has-image .cta-cards {
  display: block; }
  @media screen and (min-width: 720px) {
    .cta-cards-block--has-image .cta-cards {
      width: calc(50% - .5rem); } }
  @media screen and (min-width: 1020px) {
    .cta-cards-block--has-image .cta-cards {
      width: calc(50% - 1rem); } }
.cta-cards-block--has-image .cta-card {
  width: 100%; }
  .cta-cards-block--has-image .cta-card + .cta-card {
    margin-top: 1rem; }
    @media screen and (min-width: 1020px) {
      .cta-cards-block--has-image .cta-card + .cta-card {
        margin-top: 2rem; } }

.cta-cards-block__image {
  position: relative;
  margin-top: 1rem;
  z-index: 1; }
  @media screen and (min-width: 720px) {
    .cta-cards-block__image {
      width: calc(50% - .5rem);
      margin-top: 0; } }
  @media screen and (min-width: 1020px) {
    .cta-cards-block__image {
      width: calc(50% - 1rem); } }

@media screen and (min-width: 720px) {
  .cta-cards-block--image-left .cta-cards-block__image {
    order: -1; } }

.cta-cards-block .bubble-stat {
  position: relative;
  right: auto;
  width: 220px;
  height: 235px;
  margin: 0 auto;
  z-index: 2; }
  @media screen and (min-width: 720px) {
    .cta-cards-block .bubble-stat {
      margin-top: -100px; } }
  @media screen and (min-width: 1020px) {
    .cta-cards-block .bubble-stat {
      position: absolute;
      bottom: 0;
      width: 250px;
      height: 267px;
      margin: 0; } }
  .cta-cards-block .bubble-stat__text {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4em;
    font-family: "mark-pro-bold", arial, serif; }
@media screen and (min-width: 1020px) {
  .cta-cards-block.cta-cards-block--image-left .bubble-stat {
    left: -30px; } }
@media screen and (min-width: 1340px) {
  .cta-cards-block.cta-cards-block--image-left .bubble-stat {
    left: -1.4vw; } }
@media screen and (min-width: 1360px) {
  .cta-cards-block.cta-cards-block--image-left .bubble-stat {
    left: -30px; } }
@media screen and (min-width: 1460px) {
  .cta-cards-block.cta-cards-block--image-left .bubble-stat {
    left: -80px; } }
@media screen and (min-width: 1020px) {
  .cta-cards-block.cta-cards-block--image-right .bubble-stat {
    right: -30px; } }
@media screen and (min-width: 1340px) {
  .cta-cards-block.cta-cards-block--image-right .bubble-stat {
    right: -1.4vw; } }
@media screen and (min-width: 1360px) {
  .cta-cards-block.cta-cards-block--image-right .bubble-stat {
    right: -30px; } }
@media screen and (min-width: 1460px) {
  .cta-cards-block.cta-cards-block--image-right .bubble-stat {
    right: -80px; } }

.impact-stats-block {
  position: relative; }
  .impact-stats-block__header {
    margin-bottom: .75rem;
    color: #002c5f; }
    @media screen and (min-width: 720px) {
      .impact-stats-block__header {
        margin-bottom: 2.5rem;
        transition: padding .4s linear; } }
    @media screen and (min-width: 720px) {
      .impact-stats-block__header--expanded {
        padding-bottom: 2.5rem; } }
  .impact-stats-block__share {
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 720px) {
      .impact-stats-block__share {
        position: absolute;
        top: 0;
        right: 0;
        margin-bottom: 0; } }
  .impact-stats-block__share-toggler {
    position: relative;
    display: inline-block;
    font-family: "mark-pro-bold", arial, serif;
    text-align: right; }
    @media screen and (min-width: 720px) {
      .impact-stats-block__share-toggler {
        display: block; } }
    .impact-stats-block__share-toggler:active:after, .impact-stats-block__share-toggler:focus:after, .impact-stats-block__share-toggler:hover:after {
      background-color: #00b0e7; }
    @media screen and (min-width: 720px) {
      .impact-stats-block__share-toggler:after {
        content: '';
        display: inline-block;
        width: 2.25rem;
        height: 2.25rem;
        margin-left: .5rem;
        background: #1458a3 url("../img/share-icon.fbc65f7a555d.png") no-repeat center;
        background-size: 1.125rem;
        border-radius: 50%;
        vertical-align: middle;
        transition: background-color .2s linear; } }
  .impact-stats-block__share-list {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    vertical-align: middle; }
    @media screen and (min-width: 720px) {
      .impact-stats-block__share-list {
        display: none;
        padding: .5rem 0 0; } }
  .impact-stats-block__share-item {
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1em; }
    .impact-stats-block__share-item a {
      display: inline-block;
      width: 2.5rem;
      text-align: center;
      line-height: 1em; }
      .impact-stats-block__share-item a:hover {
        text-decoration: none; }

.impact-stats {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 2rem; }
  @media screen and (min-width: 720px) {
    .impact-stats {
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 4%; } }
  @media screen and (min-width: 1020px) {
    .impact-stats {
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 5%;
      grid-row-gap: 3rem; } }

.impact-stat {
  text-align: center; }
  .impact-stat__text {
    display: block;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    font-family: "mark-pro-bold", arial, serif; }
    @media screen and (min-width: 720px) {
      .impact-stat__text {
        margin-bottom: 1.5rem; } }
    @media screen and (min-width: 1020px) {
      .impact-stat__text {
        margin-bottom: 2rem; } }
  .impact-stat__number {
    display: block;
    margin-bottom: 1rem;
    font-family: "mark-pro-bold", arial, serif;
    font-size: 2rem;
    line-height: 1em;
    color: #79bde9; }
    @media screen and (min-width: 1020px) {
      .impact-stat__number {
        font-size: 2.5rem; } }
  .impact-stat__caption p {
    display: none; }
  .impact-stat__toggler {
    position: relative;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem; }
    .impact-stat__toggler:after {
      content: '\e900';
      display: inline-block;
      position: relative;
      top: .5rem;
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      transform: rotate(90deg);
      font-size: 1.25rem;
      color: #1458a3;
      transition: .2s linear transform; }
    .impact-stat__toggler--is-toggled:after {
      transform: rotate(270deg); }

@media screen and (min-width: 720px) {
  .link-lists {
    display: flex;
    justify-content: space-between; } }
.link-lists-block {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  padding: 15px 0; }
  @media screen and (min-width: 720px) {
    .link-lists-block {
      padding: 25px 0; } }
  @media screen and (min-width: 1020px) {
    .link-lists-block {
      padding: 40px 0; } }

.link-list + .link-list {
  margin-top: 1.5rem; }
  @media screen and (min-width: 720px) {
    .link-list + .link-list {
      margin-top: 0; } }
.link-list__headline {
  color: #1458a3;
  font-weight: bold; }
.link-list ul {
  padding: 0;
  margin: 0;
  list-style: none; }
.link-list li {
  padding: .25rem 0; }

@media screen and (min-width: 1020px) {
  .columned-callouts__column .link-lists {
    padding: 0 2rem; } }

.accordions__intro {
  flex-basis: 100%; }
  @media screen and (min-width: 720px) {
    .accordions__intro {
      flex-basis: 32%; } }
.accordions__main {
  flex-basis: 100%;
  margin-top: 20px; }
  @media screen and (min-width: 720px) {
    .accordions__main {
      flex-basis: 60%;
      margin-top: 0; } }

.accordion {
  margin: 0;
  border-bottom: 1px solid #d6d6d6; }
  .accordion__term {
    padding: 1rem 0;
    border-top: 1px solid #d6d6d6;
    color: #79bde9;
    cursor: pointer;
    transition: all .2s linear;
    font-size: 1.25rem; }
    @media screen and (min-width: 1020px) {
      .accordion__term {
        font-size: 1.375rem; } }
    .accordion__term[aria-expanded="true"] .accordion__toggler:after {
      transform: rotate(270deg); }
  .accordion__definition {
    display: none;
    padding-bottom: 1.25rem;
    margin: 0; }
    .accordion__definition h5 {
      color: #1458a3; }
    .accordion__definition .link-columns__links {
      margin-top: 1rem;
      justify-content: space-between; }
    @media screen and (max-width: 720px) {
      .accordion__definition .link-columns__link-item {
        flex: 0 0 100%; } }

.accordion__toggler {
  position: relative;
  display: inline-block;
  width: 100%; }
  .accordion__toggler:after {
    content: "\e900";
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    display: inline-block;
    margin-left: 2rem;
    font-size: 1.125rem;
    font-family: 'icomoon' !important;
    color: #f99d1c;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transform: rotate(90deg);
    transition: transform .2s linear; }
  .accordion__toggler:hover, .accordion__toggler:active, .accordion__toggler:focus {
    color: #f99d1c; }

.index-card {
  padding: 1.5rem;
  border: 1px solid #79bde9;
  border-radius: .5rem; }
  .index-card__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (min-width: 720px) {
      .index-card__content {
        flex-wrap: nowrap; } }
  .index-card__image-side {
    order: 0;
    width: 30%; }
    @media screen and (min-width: 720px) {
      .index-card__image-side {
        order: 2; } }
    @media screen and (min-width: 1020px) {
      .index-card__image-side--video {
        width: 41%; } }
  .index-card__text-side {
    order: 1;
    width: 100%; }
    @media screen and (min-width: 720px) {
      .index-card__text-side {
        width: 65%; } }
    @media screen and (min-width: 1020px) {
      .index-card__text-side {
        width: 55%; } }
    .index-card__text-side span {
      font-family: "mark-pro-bold", arial, serif; }
  .index-card__text-intro {
    margin-bottom: 1rem;
    color: #1458a3; }
  .index-card__footer {
    margin-top: 1rem; }
    @media screen and (min-width: 720px) {
      .index-card__footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 1.5rem; } }
  .index-card .impact-stats-block__share {
    position: relative;
    margin: 1.5rem 0 0; }
    @media screen and (min-width: 720px) {
      .index-card .impact-stats-block__share {
        margin: 0; } }
  .index-card .impact-stats-block__share-list {
    text-align: right; }

.filters__section + .filters__section {
  margin-top: 2rem; }
.filters__header {
  margin-bottom: 1rem;
  color: #1458a3;
  font-weight: bold; }
  .filters__header span + a {
    float: right;
    margin-top: .25rem;
    text-transform: uppercase;
    font-size: .75em; }

#whr_embed_hook h2.whr-group {
  font-size: 1.125rem; }
#whr_embed_hook h3.whr-title {
  font-size: 1.125rem;
  margin-bottom: 0; }
#whr_embed_hook .whr-group > a:after {
  content: "\e900";
  display: inline-block;
  margin-left: 1rem;
  font-size: .75em;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  transform: rotate(90deg);
  vertical-align: middle; }
#whr_embed_hook .whr-group.whr-active > a:after {
  transform: rotate(270deg); }
#whr_embed_hook .whr-items {
  list-style: none; }
#whr_embed_hook .whr-info {
  margin-bottom: 1rem; }
  #whr_embed_hook .whr-info > li {
    display: none; }

lite-youtube:before {
  box-sizing: content-box; }

.story-quote-image {
  padding: 0 5%;
  background-color: rgba(121, 189, 233, 0.12); }
  @media screen and (min-width: 720px) {
    .story-quote-image {
      padding: 0;
      margin-top: 120px; } }
  .story-quote-image__content {
    max-width: 1300px;
    padding: 15px 0;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 720px) {
      .story-quote-image__content {
        display: flex;
        align-items: flex-end;
        gap: 2rem;
        padding: 25px 0; } }
    @media screen and (min-width: 1020px) {
      .story-quote-image__content {
        gap: 4rem;
        padding: 40px 0; } }
  .story-quote-image blockquote {
    padding: 0;
    margin-bottom: 1rem;
    border: none;
    color: #79bde9;
    font-family: "mark-pro-bold", arial, serif;
    font-style: normal; }
    @media screen and (min-width: 720px) {
      .story-quote-image blockquote {
        flex: 1;
        margin: 0;
        margin-right: 30px; } }
    @media screen and (min-width: 1020px) {
      .story-quote-image blockquote {
        padding: 30px 0;
        font-size: 2rem; } }
    @media screen and (min-width: 1340px) {
      .story-quote-image blockquote {
        margin-right: 0; } }
  @media screen and (min-width: 720px) {
    .story-quote-image .article-figure {
      flex: 1;
      margin: -145px 0 -25px; } }
  @media screen and (min-width: 1020px) {
    .story-quote-image .article-figure {
      margin: -160px 0 -40px; } }

.story-quote-carousel {
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 0px;
  padding-bottom: 0px; }
  @media screen and (min-width: 720px) {
    .story-quote-carousel {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 1020px) {
    .story-quote-carousel {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (min-width: 1340px) {
    .story-quote-carousel {
      padding-right: 0px;
      padding-left: 0px; } }
  @media screen and (min-width: 1340px) {
    .story-quote-carousel {
      padding-right: 30px;
      padding-left: 30px; } }
  .story-quote-carousel blockquote {
    max-width: 1300px;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom: none;
    border-top-color: #d6d6d6;
    color: #79bde9;
    font-family: "mark-pro-bold", arial, serif;
    font-style: normal;
    text-align: center; }
    @media screen and (min-width: 1020px) {
      .story-quote-carousel blockquote {
        font-size: 2rem; } }

.story-slider {
  position: relative;
  padding-bottom: 5rem; }
  @media screen and (min-width: 720px) {
    .story-slider {
      padding-bottom: 0; } }
  @media screen and (min-width: 720px) {
    .story-slider .slick-list {
      margin: 0 3.5rem; } }
  @media screen and (min-width: 1340px) {
    .story-slider .slick-list {
      margin: 0 6rem; } }
  .story-slider .article-figure {
    margin: 0; }
  @media screen and (min-width: 720px) {
    .story-slider .slick-slide:nth-child(even) .story-slide {
      padding-top: 10vw; } }
  .story-slider .slick-arrow {
    position: absolute;
    top: auto;
    bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: none;
    border-radius: 50%;
    background-color: #1458a3;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    z-index: 1; }
    @media screen and (min-width: 720px) {
      .story-slider .slick-arrow {
        top: 50%;
        bottom: auto; } }
    @media screen and (min-width: 1340px) {
      .story-slider .slick-arrow {
        width: 6rem;
        height: 6rem;
        font-size: 2rem; } }
    .story-slider .slick-arrow:active, .story-slider .slick-arrow:focus, .story-slider .slick-arrow:hover {
      background-color: #00b0e7; }
    .story-slider .slick-arrow.slick-prev {
      left: 0; }
    .story-slider .slick-arrow.slick-next {
      right: 0; }
    .story-slider .slick-arrow.slick-disabled {
      cursor: auto;
      opacity: .25; }

.story-slide {
  padding: 0 1vw; }
  @media screen and (min-width: 1340px) {
    .story-slide {
      padding: 0 2.25vw; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*
* Hello Custom
*/
.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid black; }

/*** eCards ***/
#ecards_wrap {
  display: none; }

#ecards_label {
  color: #4f4f4f;
  margin-bottom: 10px; }

#ecards_wrap .row {
  margin-right: 0;
  margin-left: 0; }

.ecard-item {
  text-align: center;
  border-bottom: 2px solid #000000;
  cursor: pointer; }

.ecard-item .arrow-up {
  display: none;
  margin: 0 auto; }

.ecard-item.active .arrow-up {
  display: block; }

.ecard-thumb-wrap {
  position: relative;
  margin-bottom: 20px;
  line-height: 0; }

.ecard-item.active .ecard-thumb-wrap::before {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../img/checkmark.9f6481bd7f5e.png");
  background-position: center;
  background-repeat: no-repeat;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.ecard-thumb {
  width: 100%;
  height: auto; }

#ecard_preview {
  padding: 40px;
  text-align: center; }

#ecard_preview img {
  border: 1px solid #ccc; }

/*** WaterEquity Loan Form ***/
.we-loan-amount input,
.we-loan-amount span {
  font-size: 1.5em; }

#card-element {
  background-color: #fafafa;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  margin-bottom: 0.85em;
  padding: 0.5666666667em;
  transition: border-color 250ms ease;
  width: 100%;
  padding: 10px 12px; }

.callout-stripe-blue {
  background-color: #222b54 !important; }

.callout-stripe-blue .callout-stripe__button {
  color: #222b54; }

/*** Fields ***/
/* 
 * Wagtail responsive embeds
 * http://docs.wagtail.io/en/v1.5.3/topics/writing_templates.html#responsive-embeds
 */
.rich-text img {
  max-width: 100%;
  height: auto; }

.responsive-object {
  position: relative; }

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*** EOF ***/