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

/**
 * 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, optgroup, 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 */
}

/*
 * Theme utils
 */
/*
 * Theme contextual inheritance classes
 */
/*
 * Theme specific color application helpers
 */
/*
 * Generate all theme helpers
 */
/* Museo Sans */
@font-face {
    font-family: 'Museo Sans';
    src: url("../fonts/museo-sans/museosans_500.woff2") format("woff2"), url("../fonts/museo-sans/museosans_500.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url("../fonts/museo-sans/museosans_500_italic.woff2") format("woff2"), url("../fonts/museo-sans/museosans_500_italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans';
    src: url("../fonts/museo-sans/museosans_700.woff2") format("woff2"), url("../fonts/museo-sans/museosans_700.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans';
    src: url("../fonts/museo-sans/museosans_700_italic.woff2") format("woff2"), url("../fonts/museo-sans/museosans_700_italic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans';
    src: url("../fonts/museo-sans/museosans_900.woff2") format("woff2"), url("../fonts/museo-sans/museosans_900.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

/* Museo Slab */
@font-face {
    font-family: 'Museo Slab';
    src: url("../fonts/museo-slab/museo_slab_700.woff2") format("woff2"), url("../fonts/museo-slab/museo_slab_700.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Slab';
    src: url("../fonts/museo-slab/museo_slab_700italic.woff2") format("woff2"), url("../fonts/museo-slab/museo_slab_700italic.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Slab';
    src: url("../fonts/museo-slab/museo_slab_900.woff2") format("woff2"), url("../fonts/museo-slab/museo_slab_900.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

html {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background: #F4F4F4;
    box-sizing: border-box;
}

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

::-moz-selection {
    background-color: rgba(243, 146, 0, 0.2);
    text-shadow: 0 0 rgba(243, 146, 0, 0.2);
}

::selection {
    background-color: rgba(243, 146, 0, 0.2);
    text-shadow: 0 0 rgba(243, 146, 0, 0.2);
}

body {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
    color: #222222;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    transition: all 0.2s ease-in-out;
}

body {
    background-color: #fff;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

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

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

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

iframe {
    border: 0;
}

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

svg:not(:root) {
    overflow: hidden;
    fill: currentColor;
}

a {
    color: currentColor;
}

select, textarea, input {
    font-size: 16px;
}

input[type="text"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="password"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], select, textarea {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.1875;
    display: block;
    width: 100%;
    padding: 0.6rem 0.75rem;
    color: #222222;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #dddddd;
    border-radius: 2px;
}

input[type="text"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="password"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
    color: #222222;
    background-color: #fff;
    border-color: #389FCC;
    outline: 0;
}

select:not([size]):not([multiple]) {
    height: 2.5rem;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right 0.75rem center;
    background-size: 10px 12px;
    -moz-appearance: none;
    -webkit-appearance: none;
}

label[for] {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.l-wrapper {
    min-width: 320px;
}

@media (max-width: 47.99em) {
    .l-wrapper.has-open-modal .l-site-main, .l-wrapper.has-open-modal .l-site-footer {
        overflow: hidden;
        position: fixed;
    }
}

@media (max-width: 47.99em) {
    [data-js="yes"] .l-wrapper.has-action {
        padding-bottom: 50px;
    }
}

@media (max-width: 36.24em) {
    .l-wrapper.has-open-nav .l-site-main, .l-wrapper.has-open-nav .l-site-footer {
        display: none;
    }
}

.l-container {
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 3vw;
    padding-right: 3vw;
    box-sizing: content-box;
    /* width: 100%; */
}

.l-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -16px;
    margin-bottom: -16px;
}

.l-grid--centered {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.l-unit {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding-left: 16px;
    padding-bottom: 16px;
}

.l-unit--push {
    margin-left: auto;
}

.l-grid--half > .l-unit {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}

.l-grid--fourths > .l-unit {
    -webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
}

.l-grid--collapsable {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 36.24em) {
    .l-grid--collapsable.l-grid--half > .l-unit {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

    .l-grid--collapsable.l-grid--fourths > .l-unit {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

@media (max-width: 63.99em) {
    .l-grid--collapsable {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .l-grid--half > .l-unit {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

    .l-grid--fourths > .l-unit {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

.l-space-before {
    margin-top: 2rem;
}

.l-space-after {
    margin-bottom: 2rem;
}

.l-pad-before {
    padding-top: 2rem;
}

.l-pad-after {
    padding-bottom: 2rem;
}

.l-space-before--half {
    margin-top: 1rem;
}

.l-space-after--half {
    margin-bottom: 1rem;
}

.l-pad-before--half {
    padding-top: 1rem;
}

.l-pad-after--half {
    padding-bottom: 1rem;
}

.l-border-after {
    border-bottom: 1px solid #dddddd;
}

.l-border-before {
    border-top: 1px solid #dddddd;
}

.l-site-header {
    position: relative;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

body .t-color, body.t-color {
    color: #38AA33;
}

body .t-color a, body.t-color a {
    color: currentColor;
}

body .t-background, body.t-background {
    background-color: #38AA33;
}

body .t-border, body.t-border {
    border-color: #38AA33;
}

body .t-block, body.t-block {
    background-color: #38AA33;
}

body .t-block.t-color, body .t-block .t-color, body.t-block.t-color, body.t-block .t-color {
    color: #fff;
}

body .t-font, body.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-context--dark-green .t-color, .t-context--dark-green.t-color, .t-context--general .t-color, .t-context--general.t-color, .t-context--causes .t-color, .t-context--causes.t-color, .t-context--resources .t-color, .t-context--resources.t-color, .t-context--community .t-color, .t-context--community.t-color, .t-context--explainers .t-color, .t-context--explainers.t-color, .t-context--projects .t-color, .t-context--projects.t-color {
    color: #38AA33;
}

.t-context--dark-green .t-color a, .t-context--dark-green.t-color a, .t-context--general .t-color a, .t-context--general.t-color a, .t-context--causes .t-color a, .t-context--causes.t-color a, .t-context--resources .t-color a, .t-context--resources.t-color a, .t-context--community .t-color a, .t-context--community.t-color a, .t-context--explainers .t-color a, .t-context--explainers.t-color a, .t-context--projects .t-color a, .t-context--projects.t-color a {
    color: currentColor;
}

.t-context--dark-green .t-background, .t-context--dark-green.t-background, .t-context--general .t-background, .t-context--general.t-background, .t-context--causes .t-background, .t-context--causes.t-background, .t-context--resources .t-background, .t-context--resources.t-background, .t-context--community .t-background, .t-context--community.t-background, .t-context--explainers .t-background, .t-context--explainers.t-background, .t-context--projects .t-background, .t-context--projects.t-background {
    background-color: #38AA33;
}

.t-context--dark-green .t-border, .t-context--dark-green.t-border, .t-context--general .t-border, .t-context--general.t-border, .t-context--causes .t-border, .t-context--causes.t-border, .t-context--resources .t-border, .t-context--resources.t-border, .t-context--community .t-border, .t-context--community.t-border, .t-context--explainers .t-border, .t-context--explainers.t-border, .t-context--projects .t-border, .t-context--projects.t-border {
    border-color: #38AA33;
}

.t-context--dark-green .t-block, .t-context--dark-green.t-block, .t-context--general .t-block, .t-context--general.t-block, .t-context--causes .t-block, .t-context--causes.t-block, .t-context--resources .t-block, .t-context--resources.t-block, .t-context--community .t-block, .t-context--community.t-block, .t-context--explainers .t-block, .t-context--explainers.t-block, .t-context--projects .t-block, .t-context--projects.t-block {
    background-color: #38AA33;
}

.t-context--dark-green .t-block.t-color, .t-context--dark-green .t-block .t-color, .t-context--dark-green.t-block.t-color, .t-context--dark-green.t-block .t-color, .t-context--general .t-block.t-color, .t-context--general .t-block .t-color, .t-context--general.t-block.t-color, .t-context--general.t-block .t-color, .t-context--causes .t-block.t-color, .t-context--causes .t-block .t-color, .t-context--causes.t-block.t-color, .t-context--causes.t-block .t-color, .t-context--resources .t-block.t-color, .t-context--resources .t-block .t-color, .t-context--resources.t-block.t-color, .t-context--resources.t-block .t-color, .t-context--community .t-block.t-color, .t-context--community .t-block .t-color, .t-context--community.t-block.t-color, .t-context--community.t-block .t-color, .t-context--explainers .t-block.t-color, .t-context--explainers .t-block .t-color, .t-context--explainers.t-block.t-color, .t-context--explainers.t-block .t-color, .t-context--projects .t-block.t-color, .t-context--projects .t-block .t-color, .t-context--projects.t-block.t-color, .t-context--projects.t-block .t-color {
    color: #fff;
}

.t-context--dark-green .t-font, .t-context--dark-green.t-font, .t-context--general .t-font, .t-context--general.t-font, .t-context--causes .t-font, .t-context--causes.t-font, .t-context--resources .t-font, .t-context--resources.t-font, .t-context--community .t-font, .t-context--community.t-font, .t-context--explainers .t-font, .t-context--explainers.t-font, .t-context--projects .t-font, .t-context--projects.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--dark-green .t-color, [class*=t-context] .t-context--dark-green.t-color, [class*=t-context] .t-context--general .t-color, [class*=t-context] .t-context--general.t-color, [class*=t-context] .t-context--causes .t-color, [class*=t-context] .t-context--causes.t-color, [class*=t-context] .t-context--resources .t-color, [class*=t-context] .t-context--resources.t-color, [class*=t-context] .t-context--community .t-color, [class*=t-context] .t-context--community.t-color, [class*=t-context] .t-context--explainers .t-color, [class*=t-context] .t-context--explainers.t-color, [class*=t-context] .t-context--projects .t-color, [class*=t-context] .t-context--projects.t-color {
    color: #38AA33;
}

[class*=t-context] .t-context--dark-green .t-color a, [class*=t-context] .t-context--dark-green.t-color a, [class*=t-context] .t-context--general .t-color a, [class*=t-context] .t-context--general.t-color a, [class*=t-context] .t-context--causes .t-color a, [class*=t-context] .t-context--causes.t-color a, [class*=t-context] .t-context--resources .t-color a, [class*=t-context] .t-context--resources.t-color a, [class*=t-context] .t-context--community .t-color a, [class*=t-context] .t-context--community.t-color a, [class*=t-context] .t-context--explainers .t-color a, [class*=t-context] .t-context--explainers.t-color a, [class*=t-context] .t-context--projects .t-color a, [class*=t-context] .t-context--projects.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--dark-green .t-background, [class*=t-context] .t-context--dark-green.t-background, [class*=t-context] .t-context--general .t-background, [class*=t-context] .t-context--general.t-background, [class*=t-context] .t-context--causes .t-background, [class*=t-context] .t-context--causes.t-background, [class*=t-context] .t-context--resources .t-background, [class*=t-context] .t-context--resources.t-background, [class*=t-context] .t-context--community .t-background, [class*=t-context] .t-context--community.t-background, [class*=t-context] .t-context--explainers .t-background, [class*=t-context] .t-context--explainers.t-background, [class*=t-context] .t-context--projects .t-background, [class*=t-context] .t-context--projects.t-background {
    background-color: #38AA33;
}

[class*=t-context] .t-context--dark-green .t-border, [class*=t-context] .t-context--dark-green.t-border, [class*=t-context] .t-context--general .t-border, [class*=t-context] .t-context--general.t-border, [class*=t-context] .t-context--causes .t-border, [class*=t-context] .t-context--causes.t-border, [class*=t-context] .t-context--resources .t-border, [class*=t-context] .t-context--resources.t-border, [class*=t-context] .t-context--community .t-border, [class*=t-context] .t-context--community.t-border, [class*=t-context] .t-context--explainers .t-border, [class*=t-context] .t-context--explainers.t-border, [class*=t-context] .t-context--projects .t-border, [class*=t-context] .t-context--projects.t-border {
    border-color: #38AA33;
}

[class*=t-context] .t-context--dark-green .t-block, [class*=t-context] .t-context--dark-green.t-block, [class*=t-context] .t-context--general .t-block, [class*=t-context] .t-context--general.t-block, [class*=t-context] .t-context--causes .t-block, [class*=t-context] .t-context--causes.t-block, [class*=t-context] .t-context--resources .t-block, [class*=t-context] .t-context--resources.t-block, [class*=t-context] .t-context--community .t-block, [class*=t-context] .t-context--community.t-block, [class*=t-context] .t-context--explainers .t-block, [class*=t-context] .t-context--explainers.t-block, [class*=t-context] .t-context--projects .t-block, [class*=t-context] .t-context--projects.t-block {
    background-color: #38AA33;
}

[class*=t-context] .t-context--dark-green .t-block.t-color, [class*=t-context] .t-context--dark-green .t-block .t-color, [class*=t-context] .t-context--dark-green.t-block.t-color, [class*=t-context] .t-context--dark-green.t-block .t-color, [class*=t-context] .t-context--general .t-block.t-color, [class*=t-context] .t-context--general .t-block .t-color, [class*=t-context] .t-context--general.t-block.t-color, [class*=t-context] .t-context--general.t-block .t-color, [class*=t-context] .t-context--causes .t-block.t-color, [class*=t-context] .t-context--causes .t-block .t-color, [class*=t-context] .t-context--causes.t-block.t-color, [class*=t-context] .t-context--causes.t-block .t-color, [class*=t-context] .t-context--resources .t-block.t-color, [class*=t-context] .t-context--resources .t-block .t-color, [class*=t-context] .t-context--resources.t-block.t-color, [class*=t-context] .t-context--resources.t-block .t-color, [class*=t-context] .t-context--community .t-block.t-color, [class*=t-context] .t-context--community .t-block .t-color, [class*=t-context] .t-context--community.t-block.t-color, [class*=t-context] .t-context--community.t-block .t-color, [class*=t-context] .t-context--explainers .t-block.t-color, [class*=t-context] .t-context--explainers .t-block .t-color, [class*=t-context] .t-context--explainers.t-block.t-color, [class*=t-context] .t-context--explainers.t-block .t-color, [class*=t-context] .t-context--projects .t-block.t-color, [class*=t-context] .t-context--projects .t-block .t-color, [class*=t-context] .t-context--projects.t-block.t-color, [class*=t-context] .t-context--projects.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--dark-green .t-font, [class*=t-context] .t-context--dark-green.t-font, [class*=t-context] .t-context--general .t-font, [class*=t-context] .t-context--general.t-font, [class*=t-context] .t-context--causes .t-font, [class*=t-context] .t-context--causes.t-font, [class*=t-context] .t-context--resources .t-font, [class*=t-context] .t-context--resources.t-font, [class*=t-context] .t-context--community .t-font, [class*=t-context] .t-context--community.t-font, [class*=t-context] .t-context--explainers .t-font, [class*=t-context] .t-context--explainers.t-font, [class*=t-context] .t-context--projects .t-font, [class*=t-context] .t-context--projects.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--dark-green, .t-color--general, .t-color--causes, .t-color--resources, .t-color--community, .t-color--explainers, .t-color--projects {
    color: #38AA33 !important;
}

.t-background--dark-green, .t-background--general, .t-background--causes, .t-background--resources, .t-background--community, .t-background--explainers, .t-background--projects {
    background-color: #38AA33 !important;
}

.t-border--dark-green, .t-border--general, .t-border--causes, .t-border--resources, .t-border--community, .t-border--explainers, .t-border--projects {
    border-color: #38AA33 !important;
}

.t-block--dark-green, .t-block--general, .t-block--causes, .t-block--resources, .t-block--community, .t-block--explainers, .t-block--projects {
    background-color: #38AA33 !important;
}

.t-block--dark-green.t-color, .t-block--dark-green .t-color, .t-block--general.t-color, .t-block--general .t-color, .t-block--causes.t-color, .t-block--causes .t-color, .t-block--resources.t-color, .t-block--resources .t-color, .t-block--community.t-color, .t-block--community .t-color, .t-block--explainers.t-color, .t-block--explainers .t-color, .t-block--projects.t-color, .t-block--projects .t-color {
    color: #fff !important;
}

.t-font--dark-green, .t-font--general, .t-font--causes, .t-font--resources, .t-font--community, .t-font--explainers, .t-font--projects {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--light-green .t-color, .t-context--light-green.t-color {
    color: #84BF41;
}

.t-context--light-green .t-color a, .t-context--light-green.t-color a {
    color: currentColor;
}

.t-context--light-green .t-background, .t-context--light-green.t-background {
    background-color: #84BF41;
}

.t-context--light-green .t-border, .t-context--light-green.t-border {
    border-color: #84BF41;
}

.t-context--light-green .t-block, .t-context--light-green.t-block {
    background-color: #84BF41;
}

.t-context--light-green .t-block.t-color, .t-context--light-green .t-block .t-color, .t-context--light-green.t-block.t-color, .t-context--light-green.t-block .t-color {
    color: #fff;
}

.t-context--light-green .t-font, .t-context--light-green.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--light-green .t-color, [class*=t-context] .t-context--light-green.t-color {
    color: #84BF41;
}

[class*=t-context] .t-context--light-green .t-color a, [class*=t-context] .t-context--light-green.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--light-green .t-background, [class*=t-context] .t-context--light-green.t-background {
    background-color: #84BF41;
}

[class*=t-context] .t-context--light-green .t-border, [class*=t-context] .t-context--light-green.t-border {
    border-color: #84BF41;
}

[class*=t-context] .t-context--light-green .t-block, [class*=t-context] .t-context--light-green.t-block {
    background-color: #84BF41;
}

[class*=t-context] .t-context--light-green .t-block.t-color, [class*=t-context] .t-context--light-green .t-block .t-color, [class*=t-context] .t-context--light-green.t-block.t-color, [class*=t-context] .t-context--light-green.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--light-green .t-font, [class*=t-context] .t-context--light-green.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--light-green {
    color: #84BF41 !important;
}

.t-background--light-green {
    background-color: #84BF41 !important;
}

.t-border--light-green {
    border-color: #84BF41 !important;
}

.t-block--light-green {
    background-color: #84BF41 !important;
}

.t-block--light-green.t-color, .t-block--light-green .t-color {
    color: #fff !important;
}

.t-font--light-green {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--dark-orange .t-color, .t-context--dark-orange.t-color, .t-context--campaigns .t-color, .t-context--campaigns.t-color, .t-context--actions .t-color, .t-context--actions.t-color {
    color: #E84D19;
}

.t-context--dark-orange .t-color a, .t-context--dark-orange.t-color a, .t-context--campaigns .t-color a, .t-context--campaigns.t-color a, .t-context--actions .t-color a, .t-context--actions.t-color a {
    color: currentColor;
}

.t-context--dark-orange .t-background, .t-context--dark-orange.t-background, .t-context--campaigns .t-background, .t-context--campaigns.t-background, .t-context--actions .t-background, .t-context--actions.t-background {
    background-color: #E84D19;
}

.t-context--dark-orange .t-border, .t-context--dark-orange.t-border, .t-context--campaigns .t-border, .t-context--campaigns.t-border, .t-context--actions .t-border, .t-context--actions.t-border {
    border-color: #E84D19;
}

.t-context--dark-orange .t-block, .t-context--dark-orange.t-block, .t-context--campaigns .t-block, .t-context--campaigns.t-block, .t-context--actions .t-block, .t-context--actions.t-block {
    background-color: #E84D19;
}

.t-context--dark-orange .t-block.t-color, .t-context--dark-orange .t-block .t-color, .t-context--dark-orange.t-block.t-color, .t-context--dark-orange.t-block .t-color, .t-context--campaigns .t-block.t-color, .t-context--campaigns .t-block .t-color, .t-context--campaigns.t-block.t-color, .t-context--campaigns.t-block .t-color, .t-context--actions .t-block.t-color, .t-context--actions .t-block .t-color, .t-context--actions.t-block.t-color, .t-context--actions.t-block .t-color {
    color: #fff;
}

.t-context--dark-orange .t-font, .t-context--dark-orange.t-font, .t-context--campaigns .t-font, .t-context--campaigns.t-font, .t-context--actions .t-font, .t-context--actions.t-font {
    font-family: "Museo Slab", "Rockwell", "American Typewriter", "Roboto Slab", serif;
}

[class*=t-context] .t-context--dark-orange .t-color, [class*=t-context] .t-context--dark-orange.t-color, [class*=t-context] .t-context--campaigns .t-color, [class*=t-context] .t-context--campaigns.t-color, [class*=t-context] .t-context--actions .t-color, [class*=t-context] .t-context--actions.t-color {
    color: #E84D19;
}

[class*=t-context] .t-context--dark-orange .t-color a, [class*=t-context] .t-context--dark-orange.t-color a, [class*=t-context] .t-context--campaigns .t-color a, [class*=t-context] .t-context--campaigns.t-color a, [class*=t-context] .t-context--actions .t-color a, [class*=t-context] .t-context--actions.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--dark-orange .t-background, [class*=t-context] .t-context--dark-orange.t-background, [class*=t-context] .t-context--campaigns .t-background, [class*=t-context] .t-context--campaigns.t-background, [class*=t-context] .t-context--actions .t-background, [class*=t-context] .t-context--actions.t-background {
    background-color: #E84D19;
}

[class*=t-context] .t-context--dark-orange .t-border, [class*=t-context] .t-context--dark-orange.t-border, [class*=t-context] .t-context--campaigns .t-border, [class*=t-context] .t-context--campaigns.t-border, [class*=t-context] .t-context--actions .t-border, [class*=t-context] .t-context--actions.t-border {
    border-color: #E84D19;
}

[class*=t-context] .t-context--dark-orange .t-block, [class*=t-context] .t-context--dark-orange.t-block, [class*=t-context] .t-context--campaigns .t-block, [class*=t-context] .t-context--campaigns.t-block, [class*=t-context] .t-context--actions .t-block, [class*=t-context] .t-context--actions.t-block {
    background-color: #E84D19;
}

[class*=t-context] .t-context--dark-orange .t-block.t-color, [class*=t-context] .t-context--dark-orange .t-block .t-color, [class*=t-context] .t-context--dark-orange.t-block.t-color, [class*=t-context] .t-context--dark-orange.t-block .t-color, [class*=t-context] .t-context--campaigns .t-block.t-color, [class*=t-context] .t-context--campaigns .t-block .t-color, [class*=t-context] .t-context--campaigns.t-block.t-color, [class*=t-context] .t-context--campaigns.t-block .t-color, [class*=t-context] .t-context--actions .t-block.t-color, [class*=t-context] .t-context--actions .t-block .t-color, [class*=t-context] .t-context--actions.t-block.t-color, [class*=t-context] .t-context--actions.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--dark-orange .t-font, [class*=t-context] .t-context--dark-orange.t-font, [class*=t-context] .t-context--campaigns .t-font, [class*=t-context] .t-context--campaigns.t-font, [class*=t-context] .t-context--actions .t-font, [class*=t-context] .t-context--actions.t-font {
    font-family: "Museo Slab", "Rockwell", "American Typewriter", "Roboto Slab", serif;
}

.t-color--dark-orange, .t-color--campaigns, .t-color--actions {
    color: #E84D19 !important;
}

.t-background--dark-orange, .t-background--campaigns, .t-background--actions {
    background-color: #E84D19 !important;
}

.t-border--dark-orange, .t-border--campaigns, .t-border--actions {
    border-color: #E84D19 !important;
}

.t-block--dark-orange, .t-block--campaigns, .t-block--actions {
    background-color: #E84D19 !important;
}

.t-block--dark-orange.t-color, .t-block--dark-orange .t-color, .t-block--campaigns.t-color, .t-block--campaigns .t-color, .t-block--actions.t-color, .t-block--actions .t-color {
    color: #fff !important;
}

.t-font--dark-orange, .t-font--campaigns, .t-font--actions {
    font-family: "Museo Slab", "Rockwell", "American Typewriter", "Roboto Slab", serif !important;
}

.t-context--light-orange .t-color, .t-context--light-orange.t-color {
    color: #F39200;
}

.t-context--light-orange .t-color a, .t-context--light-orange.t-color a {
    color: currentColor;
}

.t-context--light-orange .t-background, .t-context--light-orange.t-background {
    background-color: #F39200;
}

.t-context--light-orange .t-border, .t-context--light-orange.t-border {
    border-color: #F39200;
}

.t-context--light-orange .t-block, .t-context--light-orange.t-block {
    background-color: #F39200;
}

.t-context--light-orange .t-block.t-color, .t-context--light-orange .t-block .t-color, .t-context--light-orange.t-block.t-color, .t-context--light-orange.t-block .t-color {
    color: #fff;
}

.t-context--light-orange .t-font, .t-context--light-orange.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--light-orange .t-color, [class*=t-context] .t-context--light-orange.t-color {
    color: #F39200;
}

[class*=t-context] .t-context--light-orange .t-color a, [class*=t-context] .t-context--light-orange.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--light-orange .t-background, [class*=t-context] .t-context--light-orange.t-background {
    background-color: #F39200;
}

[class*=t-context] .t-context--light-orange .t-border, [class*=t-context] .t-context--light-orange.t-border {
    border-color: #F39200;
}

[class*=t-context] .t-context--light-orange .t-block, [class*=t-context] .t-context--light-orange.t-block {
    background-color: #F39200;
}

[class*=t-context] .t-context--light-orange .t-block.t-color, [class*=t-context] .t-context--light-orange .t-block .t-color, [class*=t-context] .t-context--light-orange.t-block.t-color, [class*=t-context] .t-context--light-orange.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--light-orange .t-font, [class*=t-context] .t-context--light-orange.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--light-orange {
    color: #F39200 !important;
}

.t-background--light-orange {
    background-color: #F39200 !important;
}

.t-border--light-orange {
    border-color: #F39200 !important;
}

.t-block--light-orange {
    background-color: #F39200 !important;
}

.t-block--light-orange.t-color, .t-block--light-orange .t-color {
    color: #fff !important;
}

.t-font--light-orange {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--dark-blue .t-color, .t-context--dark-blue.t-color {
    color: #1A70B7;
}

.t-context--dark-blue .t-color a, .t-context--dark-blue.t-color a {
    color: currentColor;
}

.t-context--dark-blue .t-background, .t-context--dark-blue.t-background {
    background-color: #1A70B7;
}

.t-context--dark-blue .t-border, .t-context--dark-blue.t-border {
    border-color: #1A70B7;
}

.t-context--dark-blue .t-block, .t-context--dark-blue.t-block {
    background-color: #1A70B7;
}

.t-context--dark-blue .t-block.t-color, .t-context--dark-blue .t-block .t-color, .t-context--dark-blue.t-block.t-color, .t-context--dark-blue.t-block .t-color {
    color: #fff;
}

.t-context--dark-blue .t-font, .t-context--dark-blue.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--dark-blue .t-color, [class*=t-context] .t-context--dark-blue.t-color {
    color: #1A70B7;
}

[class*=t-context] .t-context--dark-blue .t-color a, [class*=t-context] .t-context--dark-blue.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--dark-blue .t-background, [class*=t-context] .t-context--dark-blue.t-background {
    background-color: #1A70B7;
}

[class*=t-context] .t-context--dark-blue .t-border, [class*=t-context] .t-context--dark-blue.t-border {
    border-color: #1A70B7;
}

[class*=t-context] .t-context--dark-blue .t-block, [class*=t-context] .t-context--dark-blue.t-block {
    background-color: #1A70B7;
}

[class*=t-context] .t-context--dark-blue .t-block.t-color, [class*=t-context] .t-context--dark-blue .t-block .t-color, [class*=t-context] .t-context--dark-blue.t-block.t-color, [class*=t-context] .t-context--dark-blue.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--dark-blue .t-font, [class*=t-context] .t-context--dark-blue.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--dark-blue {
    color: #1A70B7 !important;
}

.t-background--dark-blue {
    background-color: #1A70B7 !important;
}

.t-border--dark-blue {
    border-color: #1A70B7 !important;
}

.t-block--dark-blue {
    background-color: #1A70B7 !important;
}

.t-block--dark-blue.t-color, .t-block--dark-blue .t-color {
    color: #fff !important;
}

.t-font--dark-blue {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--light-blue .t-color, .t-context--light-blue.t-color, .t-context--voices .t-color, .t-context--voices.t-color {
    color: #389FCC;
}

.t-context--light-blue .t-color a, .t-context--light-blue.t-color a, .t-context--voices .t-color a, .t-context--voices.t-color a {
    color: currentColor;
}

.t-context--light-blue .t-background, .t-context--light-blue.t-background, .t-context--voices .t-background, .t-context--voices.t-background {
    background-color: #389FCC;
}

.t-context--light-blue .t-border, .t-context--light-blue.t-border, .t-context--voices .t-border, .t-context--voices.t-border {
    border-color: #389FCC;
}

.t-context--light-blue .t-block, .t-context--light-blue.t-block, .t-context--voices .t-block, .t-context--voices.t-block {
    background-color: #389FCC;
}

.t-context--light-blue .t-block.t-color, .t-context--light-blue .t-block .t-color, .t-context--light-blue.t-block.t-color, .t-context--light-blue.t-block .t-color, .t-context--voices .t-block.t-color, .t-context--voices .t-block .t-color, .t-context--voices.t-block.t-color, .t-context--voices.t-block .t-color {
    color: #fff;
}

.t-context--light-blue .t-font, .t-context--light-blue.t-font, .t-context--voices .t-font, .t-context--voices.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--light-blue .t-color, [class*=t-context] .t-context--light-blue.t-color, [class*=t-context] .t-context--voices .t-color, [class*=t-context] .t-context--voices.t-color {
    color: #389FCC;
}

[class*=t-context] .t-context--light-blue .t-color a, [class*=t-context] .t-context--light-blue.t-color a, [class*=t-context] .t-context--voices .t-color a, [class*=t-context] .t-context--voices.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--light-blue .t-background, [class*=t-context] .t-context--light-blue.t-background, [class*=t-context] .t-context--voices .t-background, [class*=t-context] .t-context--voices.t-background {
    background-color: #389FCC;
}

[class*=t-context] .t-context--light-blue .t-border, [class*=t-context] .t-context--light-blue.t-border, [class*=t-context] .t-context--voices .t-border, [class*=t-context] .t-context--voices.t-border {
    border-color: #389FCC;
}

[class*=t-context] .t-context--light-blue .t-block, [class*=t-context] .t-context--light-blue.t-block, [class*=t-context] .t-context--voices .t-block, [class*=t-context] .t-context--voices.t-block {
    background-color: #389FCC;
}

[class*=t-context] .t-context--light-blue .t-block.t-color, [class*=t-context] .t-context--light-blue .t-block .t-color, [class*=t-context] .t-context--light-blue.t-block.t-color, [class*=t-context] .t-context--light-blue.t-block .t-color, [class*=t-context] .t-context--voices .t-block.t-color, [class*=t-context] .t-context--voices .t-block .t-color, [class*=t-context] .t-context--voices.t-block.t-color, [class*=t-context] .t-context--voices.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--light-blue .t-font, [class*=t-context] .t-context--light-blue.t-font, [class*=t-context] .t-context--voices .t-font, [class*=t-context] .t-context--voices.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--light-blue, .t-color--voices {
    color: #389FCC !important;
}

.t-background--light-blue, .t-background--voices {
    background-color: #389FCC !important;
}

.t-border--light-blue, .t-border--voices {
    border-color: #389FCC !important;
}

.t-block--light-blue, .t-block--voices {
    background-color: #389FCC !important;
}

.t-block--light-blue.t-color, .t-block--light-blue .t-color, .t-block--voices.t-color, .t-block--voices .t-color {
    color: #fff !important;
}

.t-font--light-blue, .t-font--voices {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--teal .t-color, .t-context--teal.t-color, .t-context--news .t-color, .t-context--news.t-color {
    color: #229D8E;
}

.t-context--teal .t-color a, .t-context--teal.t-color a, .t-context--news .t-color a, .t-context--news.t-color a {
    color: currentColor;
}

.t-context--teal .t-background, .t-context--teal.t-background, .t-context--news .t-background, .t-context--news.t-background {
    background-color: #229D8E;
}

.t-context--teal .t-border, .t-context--teal.t-border, .t-context--news .t-border, .t-context--news.t-border {
    border-color: #229D8E;
}

.t-context--teal .t-block, .t-context--teal.t-block, .t-context--news .t-block, .t-context--news.t-block {
    background-color: #229D8E;
}

.t-context--teal .t-block.t-color, .t-context--teal .t-block .t-color, .t-context--teal.t-block.t-color, .t-context--teal.t-block .t-color, .t-context--news .t-block.t-color, .t-context--news .t-block .t-color, .t-context--news.t-block.t-color, .t-context--news.t-block .t-color {
    color: #fff;
}

.t-context--teal .t-font, .t-context--teal.t-font, .t-context--news .t-font, .t-context--news.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--teal .t-color, [class*=t-context] .t-context--teal.t-color, [class*=t-context] .t-context--news .t-color, [class*=t-context] .t-context--news.t-color {
    color: #229D8E;
}

[class*=t-context] .t-context--teal .t-color a, [class*=t-context] .t-context--teal.t-color a, [class*=t-context] .t-context--news .t-color a, [class*=t-context] .t-context--news.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--teal .t-background, [class*=t-context] .t-context--teal.t-background, [class*=t-context] .t-context--news .t-background, [class*=t-context] .t-context--news.t-background {
    background-color: #229D8E;
}

[class*=t-context] .t-context--teal .t-border, [class*=t-context] .t-context--teal.t-border, [class*=t-context] .t-context--news .t-border, [class*=t-context] .t-context--news.t-border {
    border-color: #229D8E;
}

[class*=t-context] .t-context--teal .t-block, [class*=t-context] .t-context--teal.t-block, [class*=t-context] .t-context--news .t-block, [class*=t-context] .t-context--news.t-block {
    background-color: #229D8E;
}

[class*=t-context] .t-context--teal .t-block.t-color, [class*=t-context] .t-context--teal .t-block .t-color, [class*=t-context] .t-context--teal.t-block.t-color, [class*=t-context] .t-context--teal.t-block .t-color, [class*=t-context] .t-context--news .t-block.t-color, [class*=t-context] .t-context--news .t-block .t-color, [class*=t-context] .t-context--news.t-block.t-color, [class*=t-context] .t-context--news.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--teal .t-font, [class*=t-context] .t-context--teal.t-font, [class*=t-context] .t-context--news .t-font, [class*=t-context] .t-context--news.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--teal, .t-color--news {
    color: #229D8E !important;
}

.t-background--teal, .t-background--news {
    background-color: #229D8E !important;
}

.t-border--teal, .t-border--news {
    border-color: #229D8E !important;
}

.t-block--teal, .t-block--news {
    background-color: #229D8E !important;
}

.t-block--teal.t-color, .t-block--teal .t-color, .t-block--news.t-color, .t-block--news .t-color {
    color: #fff !important;
}

.t-font--teal, .t-font--news {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--pink .t-color, .t-context--pink.t-color {
    color: #C72252;
}

.t-context--pink .t-color a, .t-context--pink.t-color a {
    color: currentColor;
}

.t-context--pink .t-background, .t-context--pink.t-background {
    background-color: #C72252;
}

.t-context--pink .t-border, .t-context--pink.t-border {
    border-color: #C72252;
}

.t-context--pink .t-block, .t-context--pink.t-block {
    background-color: #C72252;
}

.t-context--pink .t-block.t-color, .t-context--pink .t-block .t-color, .t-context--pink.t-block.t-color, .t-context--pink.t-block .t-color {
    color: #fff;
}

.t-context--pink .t-font, .t-context--pink.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--pink .t-color, [class*=t-context] .t-context--pink.t-color {
    color: #C72252;
}

[class*=t-context] .t-context--pink .t-color a, [class*=t-context] .t-context--pink.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--pink .t-background, [class*=t-context] .t-context--pink.t-background {
    background-color: #C72252;
}

[class*=t-context] .t-context--pink .t-border, [class*=t-context] .t-context--pink.t-border {
    border-color: #C72252;
}

[class*=t-context] .t-context--pink .t-block, [class*=t-context] .t-context--pink.t-block {
    background-color: #C72252;
}

[class*=t-context] .t-context--pink .t-block.t-color, [class*=t-context] .t-context--pink .t-block .t-color, [class*=t-context] .t-context--pink.t-block.t-color, [class*=t-context] .t-context--pink.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--pink .t-font, [class*=t-context] .t-context--pink.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--pink {
    color: #C72252 !important;
}

.t-background--pink {
    background-color: #C72252 !important;
}

.t-border--pink {
    border-color: #C72252 !important;
}

.t-block--pink {
    background-color: #C72252 !important;
}

.t-block--pink.t-color, .t-block--pink .t-color {
    color: #fff !important;
}

.t-font--pink {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--dark-grey .t-color, .t-context--dark-grey.t-color {
    color: #222222;
}

.t-context--dark-grey .t-color a, .t-context--dark-grey.t-color a {
    color: currentColor;
}

.t-context--dark-grey .t-background, .t-context--dark-grey.t-background {
    background-color: #222222;
}

.t-context--dark-grey .t-border, .t-context--dark-grey.t-border {
    border-color: #222222;
}

.t-context--dark-grey .t-block, .t-context--dark-grey.t-block {
    background-color: #222222;
}

.t-context--dark-grey .t-block.t-color, .t-context--dark-grey .t-block .t-color, .t-context--dark-grey.t-block.t-color, .t-context--dark-grey.t-block .t-color {
    color: #fff;
}

.t-context--dark-grey .t-font, .t-context--dark-grey.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--dark-grey .t-color, [class*=t-context] .t-context--dark-grey.t-color {
    color: #222222;
}

[class*=t-context] .t-context--dark-grey .t-color a, [class*=t-context] .t-context--dark-grey.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--dark-grey .t-background, [class*=t-context] .t-context--dark-grey.t-background {
    background-color: #222222;
}

[class*=t-context] .t-context--dark-grey .t-border, [class*=t-context] .t-context--dark-grey.t-border {
    border-color: #222222;
}

[class*=t-context] .t-context--dark-grey .t-block, [class*=t-context] .t-context--dark-grey.t-block {
    background-color: #222222;
}

[class*=t-context] .t-context--dark-grey .t-block.t-color, [class*=t-context] .t-context--dark-grey .t-block .t-color, [class*=t-context] .t-context--dark-grey.t-block.t-color, [class*=t-context] .t-context--dark-grey.t-block .t-color {
    color: #fff;
}

[class*=t-context] .t-context--dark-grey .t-font, [class*=t-context] .t-context--dark-grey.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--dark-grey {
    color: #222222 !important;
}

.t-background--dark-grey {
    background-color: #222222 !important;
}

.t-border--dark-grey {
    border-color: #222222 !important;
}

.t-block--dark-grey {
    background-color: #222222 !important;
}

.t-block--dark-grey.t-color, .t-block--dark-grey .t-color {
    color: #fff !important;
}

.t-font--dark-grey {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--mid-grey .t-color, .t-context--mid-grey.t-color {
    color: #dddddd;
}

.t-context--mid-grey .t-color a, .t-context--mid-grey.t-color a {
    color: currentColor;
}

.t-context--mid-grey .t-background, .t-context--mid-grey.t-background {
    background-color: #dddddd;
}

.t-context--mid-grey .t-border, .t-context--mid-grey.t-border {
    border-color: #dddddd;
}

.t-context--mid-grey .t-block, .t-context--mid-grey.t-block {
    background-color: #dddddd;
}

.t-context--mid-grey .t-block.t-color, .t-context--mid-grey .t-block .t-color, .t-context--mid-grey.t-block.t-color, .t-context--mid-grey.t-block .t-color {
    color: #222222;
}

.t-context--mid-grey .t-font, .t-context--mid-grey.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--mid-grey .t-color, [class*=t-context] .t-context--mid-grey.t-color {
    color: #dddddd;
}

[class*=t-context] .t-context--mid-grey .t-color a, [class*=t-context] .t-context--mid-grey.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--mid-grey .t-background, [class*=t-context] .t-context--mid-grey.t-background {
    background-color: #dddddd;
}

[class*=t-context] .t-context--mid-grey .t-border, [class*=t-context] .t-context--mid-grey.t-border {
    border-color: #dddddd;
}

[class*=t-context] .t-context--mid-grey .t-block, [class*=t-context] .t-context--mid-grey.t-block {
    background-color: #dddddd;
}

[class*=t-context] .t-context--mid-grey .t-block.t-color, [class*=t-context] .t-context--mid-grey .t-block .t-color, [class*=t-context] .t-context--mid-grey.t-block.t-color, [class*=t-context] .t-context--mid-grey.t-block .t-color {
    color: #222222;
}

[class*=t-context] .t-context--mid-grey .t-font, [class*=t-context] .t-context--mid-grey.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--mid-grey {
    color: #dddddd !important;
}

.t-background--mid-grey {
    background-color: #dddddd !important;
}

.t-border--mid-grey {
    border-color: #dddddd !important;
}

.t-block--mid-grey {
    background-color: #dddddd !important;
}

.t-block--mid-grey.t-color, .t-block--mid-grey .t-color {
    color: #222222 !important;
}

.t-font--mid-grey {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

.t-context--light-grey .t-color, .t-context--light-grey.t-color {
    color: #F4F4F4;
}

.t-context--light-grey .t-color a, .t-context--light-grey.t-color a {
    color: currentColor;
}

.t-context--light-grey .t-background, .t-context--light-grey.t-background {
    background-color: #F4F4F4;
}

.t-context--light-grey .t-border, .t-context--light-grey.t-border {
    border-color: #F4F4F4;
}

.t-context--light-grey .t-block, .t-context--light-grey.t-block {
    background-color: #F4F4F4;
}

.t-context--light-grey .t-block.t-color, .t-context--light-grey .t-block .t-color, .t-context--light-grey.t-block.t-color, .t-context--light-grey.t-block .t-color {
    color: #222222;
}

.t-context--light-grey .t-font, .t-context--light-grey.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

[class*=t-context] .t-context--light-grey .t-color, [class*=t-context] .t-context--light-grey.t-color {
    color: #F4F4F4;
}

[class*=t-context] .t-context--light-grey .t-color a, [class*=t-context] .t-context--light-grey.t-color a {
    color: currentColor;
}

[class*=t-context] .t-context--light-grey .t-background, [class*=t-context] .t-context--light-grey.t-background {
    background-color: #F4F4F4;
}

[class*=t-context] .t-context--light-grey .t-border, [class*=t-context] .t-context--light-grey.t-border {
    border-color: #F4F4F4;
}

[class*=t-context] .t-context--light-grey .t-block, [class*=t-context] .t-context--light-grey.t-block {
    background-color: #F4F4F4;
}

[class*=t-context] .t-context--light-grey .t-block.t-color, [class*=t-context] .t-context--light-grey .t-block .t-color, [class*=t-context] .t-context--light-grey.t-block.t-color, [class*=t-context] .t-context--light-grey.t-block .t-color {
    color: #222222;
}

[class*=t-context] .t-context--light-grey .t-font, [class*=t-context] .t-context--light-grey.t-font {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
}

.t-color--light-grey {
    color: #F4F4F4 !important;
}

.t-background--light-grey {
    background-color: #F4F4F4 !important;
}

.t-border--light-grey {
    border-color: #F4F4F4 !important;
}

.t-block--light-grey {
    background-color: #F4F4F4 !important;
}

.t-block--light-grey.t-color, .t-block--light-grey .t-color {
    color: #222222 !important;
}

.t-font--light-grey {
    font-family: "Museo Sans", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Arial", sans-serif !important;
}

html.has-js form.ak-form {
    display: none;
}

html.has-js .ak-nodisplay-if-js {
    display: none;
}

html.has-js .nojs {
    display: none;
}

.ifjs {
    display: none;
}

.if-js {
    display: none;
}

html.has-js .if-js {
    display: block;
}

html.has-js a.if-js, html.has-js span.if-js, html.has-js input.if-js {
    display: inline;
}

html.has-js .iblock-if-js {
    display: inline-block;
}

html.has-js li.if-js {
    display: list-item;
}

#known_user, .known_user {
    display: none;
}

.ak-inline-taf-preview {
    border: 1px solid #808080;
    padding: 5px;
}

/* Custom user form field */
.ak-userfield-radio-set, .ak-userfield-checkbox-set {
    display: inline-block;
}

/* Checkboxes */
label.has-content.ak-checkbox-label {
    margin-left: 10px;
    padding-top: 2px;
}

/* Custom action fields */
div[id^="ak-fieldbox"] label[for^="id_action_"] {
    position: relative;
    font-weight: 600;
    display: block;
    padding-bottom: 0px;
}

ul.ak-err {
    color: #f00;
}

label.ak-error {
    color: #f00;
}

input.ak-error, textarea.ak-error, select.ak-error {
    border-color: #f00;
}

/* Subscription Consent -- Used in Canada
   ========================================================================== */
/* Explicit opt-in checkbox styles */
#id_subscription_consent_box, #ak-fieldbox-subscription_consent {
    display: none;
}

#id_subscription_consent {
    display: inline;
    width: auto;
}

#id_subscription_consent_box label {
    display: inline;
    position: static;
    color: inherit;
}

#id_subscription_consent_more {
    display: none;
}

#ak-fieldbox-subscription_consent label[for="id_subscription_consent"] {
    padding: 1px 0px 0px 20px;
}

span#id_subscription_consent_more_lnk {
    display: block;
}

/* Accordion -- Used on LTE Page
   ========================================================================== */
.ak-accordion ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.ak-accordion ul li {
    background: #F4F4F4;
    padding: 13px 16px;
    margin-bottom: 10px;
}

.ak-accordion ul li .ak-accordion-head {
    cursor: pointer;
}

.ak-accordion .ak-accordion-head {
    font-weight: 600;
    text-decoration: none;
    font-size: 1.16em;
    font-size: 1.16rem;
}

.ak-accordion .ak-accordion-head + div {
    margin-top: 16px;
    border-top: 1px solid #ccc;
}

.ak-accordion .ak-arrow {
    position: relative;
    top: 4px;
}

.ak-arrow, .ak-arrow-inline {
    float: right;
    font-size: 0.58em;
    font-size: 0.58rem;
    transition: 0.4s;
}

.ak-arrow-inline {
    top: 6px;
}

li.active .ak-arrow, p.active .ak-arrow-inline, h3.active .ak-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 12px;
    left: 5px;
}

.ak-arrow:after, .ak-arrow-inline:after {
    content: "\25B6 \FE0E";
    color: #268ECD;
}

.ak-rtl .ak-arrow, .ak-rtl .ak-arrow-inline {
    /* mirror the styles if RTL */
    float: left;
}

.ak-instructions {
    margin-bottom: 16px;
}

/* LTE Page
   ========================================================================== */
.ak-newspaper-row {
    background: #EEEEEE;
    margin-bottom: 5px;
    border-radius: 8px;
    padding: 8px;
    font-weight: 200;
    font-size: 0.90em;
    font-size: 0.90rem;
}

.ak-newspaper-row:nth-of-type(2n) {
    /* background-color: #e7e7e7; */
}

.ak-newspaper-row a {
    font-weight: 600;
    font-size: 1.16em;
    font-size: 1.16rem;
    padding-bottom: 5px;
}

.ak-newspaper-row .ak-newspaper-choice {
    float: right;
    margin: 0;
    font-size: 1.16em;
    font-size: 1.16rem;
    padding-top: 6px;
}

.ak-newspaper-row .ak-newspaper-choice input {
    display: none;
}

#ak-newspaper-change {
    font-size: smaller;
    margin-left: 1em;
}

.ak-rtl .ak-newspaper-row .ak-newspaper-choice {
    /* mirror the styles if RTL */
    float: left;
}

/* Errors
   ========================================================================== */
/* Error and confirmation blocks */
#ak-errors, #ak-confirmation, #ak-error-info, .ak-errors, .ak-confirmation, .ak-error-info {
    display: none;
}

form.contains-errors #ak-errors, form.contains-errors #ak-error-info, form.contains-errors .ak-errors, form.contains-errors .ak-error-info {
    display: block;
}

#target_checkboxes .target {
    margin-bottom: 8px;
}

/* Whipcount Page
   ========================================================================== */
/* Whipcount result listing table  */
#ak-whipcount-targets h3 {
    /* border-bottom: 1px solid black; */
    /* padding: 0 15px 10px 30px; */
}

#ak-whipcount-targets table {
    width: 100%;
    border-spacing: 0 5px;
    overflow-x: auto;
}

#ak-whipcount-targets table th {
    text-align: left;
    font-weight: 200;
    font-size: 1.00em;
    font-size: 1.00rem;
}

#ak-whipcount-targets table th, #ak-whipcount-targets table td {
    padding: 5px 5px 5px 20px;
}

#ak-whipcount-targets table td:last-child {
    padding-right: 20px;
    text-align: right;
}

@media screen and (min-width: 750px) {
    #ak-whipcount-targets table th {
        width: 20%;
    }
}

@media screen and (max-width: 749px) {
    .ak-whipcount-listing {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/* mirror the styles if RTL */
.ak-rtl #ak-whipcount-targets table th {
    text-align: right;
}

.ak-rtl #ak-whipcount-targets table th, .ak-rtl #ak-whipcount-targets table td {
    padding: 0 20px 0 0;
}

.ak-rtl #ak-whipcount-targets table td:last-child {
    padding-left: 20px;
    text-align: left;
}

/* Contents of the table */
#ak-whipcount-targets tbody tr {
    background: #eeeeee;
    height: 40px;
}

#ak-whipcount-targets tbody tr:nth-of-type(2n) {
    /* background: #f0f0f0; */
}

#ak-whipcount-targets tbody tr .ak-target-name {
    font-weight: 700;
}

#ak-whipcount-targets tbody tr.ak-target-opposed {
    background: #E3E3E3;
}

#ak-whipcount-targets tbody tr.ak-target-supportive {
    background: #F7F7F7;
}

#ak-whipcount-targets tbody tr.ak-target-opposed span.ak-target-stance {
    color: #CD2027;
}

#ak-whipcount-targets tbody tr.ak-target-supportive span.ak-target-stance {
    color: #658F3D;
}

.ak-whipcount-icon {
    display: inline-block;
    top: 4px;
    position: relative;
}

#ak-whipcount-targets tbody .Button {
    color: #fff;
}

/* Call form */
.ak-whipcount-callbox {
    border: 1px solid #CCC;
    margin-bottom: 10px;
}

.ak-whipcount-callbox .ak-whipcount-boxhead {
    background: #4B4B4B;
    color: #fff;
    padding: 10px;
    height: auto;
    font-weight: 600;
}

.ak-whipcount-callbox .ak-whipcount-boxhead .ak-target-phone {
    font-size: 1.42em;
    font-size: 1.42rem;
    font-weight: 600;
    margin: 0;
}

.ak-whipcount-callbox .ak-whipcount-boxbody {
    padding: 10px;
}

.x-Component {
    padding: 0 20px 20px 20px;
}

.x-Component-title {
    font-size: 13px;
    font-weight: regular;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #444;
    background-color: #f7f7f7;
    padding: 10px 20px;
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #ddd;
}

.x-Component-title a {
    text-decoration: none;
}

.x-Component-content {
    max-width: 1320px;
}

.x-Component-preview--list .x-Component-variant {
    display: block;
}

.x-Component-preview--list .x-Component-variant + .x-Component-variant {
    margin-top: 20px;
}

.x-Component-preview--grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.x-Component-preview--grid .x-Component-variant {
    padding: 10px;
}

.Coda {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #666;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.Coda-copyright {
    color: #38AA33;
    margin-right: 0.5rem;
}

@media (max-width: 47.99em) {
    .Coda {
        text-align: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Coda-copyright {
        display: block;
        margin-bottom: 5px;
    }

    .Coda-text, .Coda-nav {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-bottom: 0.5rem;
    }

    .Coda-links {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 48em) {
    .Coda:not(.Coda--standalone) .Coda-text, .Coda:not(.Coda--standalone) .Coda-nav {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .Coda:not(.Coda--standalone) .Coda-text {
        margin-right: 1rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Coda:not(.Coda--standalone) .Coda-links {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Coda-copyright, .Coda-charityInfo {
        white-space: nowrap;
    }
}

.Coda--standalone {
    text-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.Coda--standalone .Coda-nav {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.Coda--standalone .Coda-text {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.Coda--standalone .Coda-text, .Coda--standalone .Coda-nav {
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 0.5rem;
}

.Coda--standalone .Coda-links {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.Connect {
    padding: 2rem 0 0 0;
    border-top: 1px solid #dddddd;
}

.Connect-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1rem;
}

.Connect-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1rem;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.Connect-title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1em;
}

@media (min-width: 20em) {
    .Connect-title {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Connect-title {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Connect-title {
        font-size: 28px;
        line-height: 1.2;
    }
}

.Connect .Icon {
    background-color: #fff;
}

.Connect-form {
    margin-top: 1rem;
}

.Connect .Elsewhere {
    margin-top: 1rem;
}

@media (max-width: 47.99em) {
    .Connect-inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Connect-panel {
        margin-bottom: 1rem;
    }
}

.Header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -3vw;
    margin-right: -3vw;
    height: 3.5rem;
    position: relative;
}

.Header-wrapper {
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 1.5rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Header-navbar {
    margin-left: auto;
    padding-left: 3vw;
}

.Header-logo.Logo {
    width: 125px;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: content-box;
    padding: 0 3vw 0 3vw;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.Header .SearchBox {
    display: none;
}

@media (min-width: 28.75em) {
    .Header {
        height: 4.0rem;
    }

    .Header-logo.Logo {
        width: 150px;
    }
}

@media (min-width: 48em) {
    .Header {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        height: auto;
    }

    .Header-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

    .Header-logo.Logo {
        padding: 14px 3vw 10px 3vw;
        display: block;
    }

    .Header-logo.Logo {
        width: 180px;
    }

    .Header-navbar {
        width: 100%;
        margin-bottom: -1px;
    }

    .Header .SearchBox {
        position: absolute;
        top: 23px;
        right: 10px;
        display: block;
        width: 300px;
    }

    .Header .SearchBox-input {
        width: 300px;
    }
}

@media (min-width: 64em) {
    .Header {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .Header-logo.Logo {
        width: 196px;
        padding: 27px 40px 23px 40px;
    }

    .Header-navbar {
        padding-left: 0;
        width: auto;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .Header .SearchBox {
        top: 13px;
    }
}

@media (min-width: 82.5em) {
    .Header {
        margin-left: 0;
        margin-right: 0;
    }
}

.Header--standalone {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
}

.Header--standalone .Header-logo.Logo {
    border: none;
}

.Menu {
    background: #F4F4F4;
    min-width: 340px;
}

.Menu-link {
    text-decoration: none;
    display: block;
    color: currentColor;
}

.Menu-link:hover {
    text-decoration: underline;
}

.Menu-item + .Menu-item {
    margin-top: 0.8em;
}

.Menu-primary, .Menu-secondary {
    padding: 1rem;
}

.Menu-primary {
    background-color: #38AA33;
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    display: none;
}

@media (max-width: 47.99em) {
    .Menu-primary {
        display: block;
    }
}

.Menu-primary .Menu-item {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 36.24em) {
    .Menu-primary .Menu-item {
        font-size: 18px;
    }
}

.Menu-secondary {
    padding-top: 1.5rem;
}

.Menu-secondary .Menu-item {
    color: #38AA33;
    padding-left: 1rem;
}

.Menu-secondary .Menu-link {
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 36.24em) {
    .Menu-secondary .Menu-link {
        font-size: 15px;
    }
}

.Menu-group-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #999;
}

.Menu-group + .Menu-group {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #38AA33;
}

.Navbar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
    height: 100%;
}

.Navbar-pages {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: none;
}

@media (min-width: 48em) {
    .Navbar {
        max-width: 700px;
    }

    .Navbar-pages {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .Navbar .Navbar-label {
        padding-top: 3.125rem;
        padding-bottom: 3.125rem;
        font-size: 1rem;
    }

    .Navbar-page.is-current .Navbar-label {
        border-color: #E84D19;
    }
}

@media (min-width: 64em) {
    .Navbar-pages {
        padding: 0px 8vw;
    }
}

@media (min-width: 82.5em) {
    .Navbar-pages {
        padding: 0px 10%;
    }
}

.Navbar-page {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.Navbar-label {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.07143;
    padding: 16px 0 10px 0;
    display: block;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    font-weight: 700;
    white-space: nowrap;
    margin-bottom: -1px;
}

@media (min-width: 82.5em) {
    .Navbar-label {
        font-size: 16px;
        font-size: 1rem;
        font-weight: bold;
        line-height: 0.9375;
    }
}

.Navbar-page:not(.is-current) .Navbar-label {
    border-color: transparent;
}

.Navbar-item {
    display: block;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (min-width: 64em) {
    .Navbar-item {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 13px;
        padding-right: 13px;
    }
}

.Navbar-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.Navbar-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.Navbar-action-button {
    color: #888;
    padding: 14px 19px 14px 19px;
}

@media (min-width: 48em) {
    .Navbar-action-button {
        padding: 0 13px 0 13px;
        border-left: 1px solid #dddddd;
    }
}

.Navbar-action-button .Icon {
    width: 19px;
    height: 19px;
}

.Navbar-action-button--search .Icon {
    width: 22px;
    height: 22px;
}

.Navbar-action.is-active .Navbar-action-button {
    color: #fff;
    background-color: #38AA33;
}

@media (min-width: 48em) {
    .Navbar-action.is-active .Navbar-action-button {
        background-color: #F4F4F4;
        color: #888;
    }
}

.Navbar-action-button--search .Icon {
    padding: 2px 0;
}

.Navbar-action-button--menu .Icon {
    position: relative;
    top: 1px;
}

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

.Navbar-dropdown {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 100;
}

.Navbar-dropdown.is-open {
    display: block;
}

@media (max-width: 28.74em) {
    .Navbar-action-button--menu, .Navbar-action-button--search {
        height: 3.5rem;
    }

    .Navbar-dropdown {
        min-height: calc(100vh - 3.5rem);
    }
}

@media (min-width: 28.75em) and (max-width: 47.99em) {
    .Navbar-action-button--menu, .Navbar-action-button--search {
        height: 4.0rem;
    }
}

@media (max-width: 36.24em) {
    .Navbar {
        position: static;
        display: none;
    }

    .Navbar-dropdown {
        box-shadow: none;
        left: 0;
        width: 100%;
        min-height: calc(100vh - 4.0rem);
        background: #F4F4F4;
    }
}

@media (min-width: 48em) {
    .Navbar-actions {
        height: auto;
    }

    .Navbar-action-button--search {
        display: none;
    }

    .Navbar-action-button--menu, .Navbar-action-button--search {
        height: 3.0rem;
    }
}

.Action-primary .Section {
    border: none;
}

.Action-supporting .Section-content {
    max-width: 880px;
    margin: 0 auto;
}

.Action-wrapper {
    padding-left: 22px;
    padding-right: 22px;
}

.Action-header {
    text-align: center;
    margin-bottom: 2rem;
}

@media (min-width: 82.5em) {
    .Action-header {
        margin-bottom: 3rem;
    }
}

.Action-heroImage {
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.Action-heroImage .Figure {
    border: 8px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    margin-left: -22px;
    margin-right: -22px;
}

.Action-heroImage .Figure .Figure-content {
    height: 0;
    width: 100%;
    padding-bottom: 50%;
    position: relative;
}

.Action-heroImage .Figure .Figure-content > :first-child {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.Action-title {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.1;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 48em) {
    .Action-title {
        font-size: 32px;
    }
}

@media (min-width: 64em) {
    .Action-title {
        font-size: 44px;
    }
}

.Action-persuader {
    font-size: 20px;
    font-size: 22px;
    line-height: 1.18182;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.1 !important;
}

@media (min-width: 20em) {
    .Action-persuader {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Action-persuader {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Action-persuader {
        font-size: 36px;
        line-height: 1.2;
    }
}

.Action-panel {
    background-color: #fff;
    padding: 2.5rem 3rem 3rem 3rem;
    max-width: 880px;
    width: 100%;
    margin: -80px auto 0 auto;
    position: relative;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.Action-panel .Panel {
    margin-top: 2rem;
}

.Action-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.Action-content--static {
    display: block;
}

.Action-description {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: calc(60% - 20px);
    -ms-flex-preferred-size: calc(60% - 20px);
    flex-basis: calc(60% - 20px);
    padding-right: 20px;
}

.Action-itself {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.Action-itself > * + * {
    margin-top: 1.5rem;
}

.Action-form .Form-footer {
    margin-top: 1rem;
}

.Action .if-desktop {
    display: block;
}

.Action .if-mobile {
    display: none;
}

.Action-description.Prose h3 {
    font-size: 20px;
    font-weight: 700;
}

@media (min-width: 48em) {
    .Action-description.Prose h3 {
        font-size: 24px;
    }
}

.Action-lede > p {
    font-weight: bold;
    font-size: 16px;
}

.Action-cta-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.Action-preamble.Prose {
    margin-bottom: 1rem;
}

.Action-preamble.Prose p {
    font-size: 15px;
    margin: 0.8rem 0;
}

.Action-letter-recipient {
    font-weight: 700;
    margin-bottom: 1rem;
}

.Action-letter-text {
    background-color: #F4F4F4;
    padding: 6px;
    margin: 1rem 0;
    font-size: 14px;
    line-height: 1.3;
    min-height: 170px;
}

.Action-static {
    background: #F4F4F4;
    border-bottom: 8px solid transparent;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    padding: 2rem;
    margin-top: 2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.Action-static-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0.6em;
    margin-top: 8px;
}

@media (min-width: 48em) {
    .Action-static-title {
        font-size: 30px;
    }
}

@media (min-width: 64em) {
    .Action-static-title {
        font-size: 36px;
    }
}

.Action-static-image {
    -webkit-flex: 0 0 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
}

.Action-static-image img {
    max-width: 100%;
    display: block;
}

.Action-static-content {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 1rem;
}

.Action-static-description {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
}

.Action-static-description strong {
    color: #E84D19;
}

.Action-ty-title {
    font-size: 30px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 700;
    color: #38AA33;
    margin-bottom: 2rem;
}

@media (min-width: 20em) {
    .Action-ty-title {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Action-ty-title {
        font-size: 32px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Action-ty-title {
        font-size: 44px;
        line-height: 1.04545;
    }
}

.Action-ty-message {
    margin-bottom: 2rem;
}

.Action .ProgressBar {
    margin-bottom: 1.5rem;
}

.Action .CallStep {
    margin-top: 20px;
}

.Action-content--survey .Action-description {
    margin-bottom: 2rem;
}

.Action-content--survey .Action-form-fields {
    max-width: 500px;
    margin: 0 auto;
}

.Action-content--call .Action-itself {
    max-width: 500px;
    margin: 0 auto;
}

@media (max-width: 36.24em) {
    .Action {
        overflow: hidden;
    }

    .Action-header {
        margin-top: -1rem;
        margin-bottom: 1rem;
    }

    .Action-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .Action-panel {
        padding: 1rem 1rem 2rem 1rem;
        margin-top: -40px;
    }

    .Action-static {
        display: block;
        padding: 1.5rem 1rem 2rem 1rem;
        margin-left: -1rem;
        margin-right: -1rem;
        border-bottom: 0;
        box-shadow: none;
    }

    .Action-static-content {
        padding-left: 0;
    }

    .Action-static-image img {
        margin: 1.5rem auto 0 auto;
    }

    .Action--static .Action-panel {
        padding-bottom: 0;
    }
}

@media (max-width: 47.99em) {
    .Action .Figure {
        border-width: 4px;
    }

    .Action-content {
        display: block;
    }

    .Action-itself {
        margin-top: 2rem;
    }

    .Action-static-image {
        -webkit-flex: 0 0 150px;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
    }

    .Action-static-description {
        font-size: 18px;
    }
}

@media (max-width: 47.99em) {
    .Action-description {
        padding-right: 0;
    }

    .Action .if-mobile {
        display: block;
    }

    .Action .if-desktop {
        display: none;
    }
}

.ActionBar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ActionBar-action {
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.ActionBar--horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ActionBar--horizontal .ActionBar-action {
    line-height: 0.8;
}

.ActionBar--horizontal .ActionBar-action + .ActionBar-action {
    margin-left: 10px;
}

.ActionBar--vertical {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    width: 100%;
}

.ActionBar--vertical .ActionBar-action {
    margin: 0 auto;
}

.ActionBar--vertical .ActionBar-action + .ActionBar-action {
    margin-top: 5px;
}

.ActionBar--vertical .ActionBar-action:first-child .ActionButton--act {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.Article-inner {
    min-height: 400px;
}

.Article-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-left: auto;
    padding-left: 0;
}

.Article-content-header {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.Article-content-header > .Content-block:first-child {
    margin-top: 2rem;
}

.Article-content-header > .Article-heroImage:first-child {
    position: relative;
    z-index: 1;
    margin-top: -2rem;
}

.Article-content-body:first-child {
    padding-top: 2rem;
}

.Article-lede {
    font-size: 18px;
    line-height: 1.44444;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

@media (min-width: 20em) {
    .Article-lede {
        font-size: 18px;
        line-height: 1.44444;
        font-weight: 500;
    }
}

@media (min-width: 64em) {
    .Article-lede {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
    }
}

.Article-lede:after {
    display: block;
    content: '';
    width: 100%;
    height: 0px;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2rem;
}

.Article-ledeQuote {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
}

.Article-toc:after {
    display: block;
    content: '';
    width: 100%;
    height: 0px;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2rem;
}

.Article-footer {
    margin-top: 2rem;
    clear: both;
}

.Article--legacy .Prose img {
    max-width: 100%;
    margin-bottom: 1rem;
    display: block;
    height: auto;
}

@media (max-width: 47.99em) {
    .Article-gutter .ActionBar {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .Article-gutter .ActionBar .ActionBar-action {
        line-height: 0.8;
    }

    .Article-gutter .ActionBar .ActionBar-action + .ActionBar-action {
        margin-left: 10px;
    }

    [data-js="yes"] .Article-gutter .ActionBar {
        display: none;
    }
}

@media (min-width: 48em) {
    .Article-content-header {
        padding-left: 80px;
    }

    .Article-gutter {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        z-index: 2;
        width: 80px;
        margin-top: 2rem;
    }

    .Article-gutter .ActionBar {
        width: 80px;
        top: 2rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
        width: 100%;
    }

    .Article-gutter .ActionBar .ActionBar-action {
        margin: 0 auto;
    }

    .Article-gutter .ActionBar .ActionBar-action + .ActionBar-action {
        margin-top: 5px;
    }

    .Article-gutter .ActionBar .ActionBar-action:first-child .ActionButton--act {
        border-bottom: 1px solid #dddddd;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
}

@media (min-width: 64em) and (max-width: 82.49em) {
    .Article-heroImage {
        float: left;
        width: calc(75% - (80px * 0.33333));
    }
}

@media (min-width: 82.5em) {
    .Article-content-header {
        padding-left: 110px;
    }

    .Article-gutter {
        width: 110px;
    }

    .Article-heroImage {
        float: left;
        width: calc(75% - (110px * 0.33333));
    }
}

.Community-heroImage {
    width: 100%;
    height: auto;
}

.Community-signup .Field {
    margin-bottom: 0;
}

.Community-group {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.Community-group + .Community-group {
    border-top: 1px solid #dddddd;
}

.Community-groups {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.Community-groups-link {
    text-decoration: none;
}

.Community-groups-link label {
    display: block;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}

.Community-groups-link .Icon {
    width: 32px;
    height: 32px;
}

.Community-groups-link:hover label {
    text-decoration: underline;
}

.Community-group-title {
    font-size: 22px;
    line-height: 1.18182;
    font-weight: 700;
    margin-bottom: 2rem;
}

@media (min-width: 20em) {
    .Community-group-title {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Community-group-title {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Community-group-title {
        font-size: 36px;
        line-height: 1.2;
    }
}

.Community-group-description {
    margin-bottom: 3rem;
}

.Community-group-header {
    position: relative;
}

.Community-group-header .Icon {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Community-celeb-more {
    margin-bottom: 1rem;
}

@media (max-width: 47.99em) {
    .Community-intro {
        margin: 2rem auto;
        font-size: 18px;
    }

    .Community-signup.Panel {
        margin-top: 0.5rem;
    }

    .Community-signup-text {
        margin-bottom: 1rem;
    }

    .Community-groups-listItem + .Community-groups-listItem {
        margin-top: 20px;
    }

    .Community-groups-link {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .Community-groups-link .Icon {
        margin-right: 1rem;
    }

    .Community-group {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .Community-group-title {
        margin-bottom: 1rem;
    }

    .Community-group-description {
        margin-bottom: 2rem;
    }
}

@media (min-width: 48em) {
    .Community-celeb-more {
        margin-top: -2rem;
        margin-bottom: 2rem;
    }

    .Community-intro {
        max-width: 880px;
        margin: 4rem auto;
        font-size: 20px;
    }

    .Community-signup.Panel {
        margin-top: -2rem;
        margin-left: 1rem;
        margin-right: 1rem;
        width: auto;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .Community-signup-text {
        width: 50%;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        padding-right: 0.5rem;
    }

    .Community-signup-text p {
        max-width: 500px;
    }

    .Community-signup-form {
        width: 50%;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        padding-left: 0.5rem;
    }

    .Community-groups-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }

    .Community-groups-listItem {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        text-align: center;
    }

    .Community-groups-link label {
        display: block;
    }

    .Community-groups-link .Icon {
        margin-bottom: 10px;
    }

    .Community-group-header .Icon {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 64em) {
    .Community-group {
        max-width: 880px;
        margin-left: auto;
        margin-right: auto;
    }

    .Community-signup.Panel {
        margin-left: 2rem;
        margin-right: 2rem;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .Community-group-header .Icon {
        width: 4vw;
        height: 4vw;
        right: auto;
        left: -6vw;
    }

    .Community-groups-link label {
        font-size: 18px;
    }

    .Community-groups-link .Icon {
        width: 48px;
        height: 48px;
    }
}

@media (min-width: 82.5em) {
    .Community-group {
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }

    .Community-group-header .Icon {
        width: 50px;
        height: 50px;
        right: auto;
        left: -80px;
    }
}

.Homepage-overview {
    color: #fff;
    text-align: center;
    background: url("../img/homepage-hero.jpg") no-repeat 50% 50%;
    background-size: cover;
}

.Homepage-title {
    font-size: 26px;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 40px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.Homepage-jumpoff-item {
    margin-bottom: 2.5rem;
}

.Homepage-jumpoff-item:last-child {
    margin-bottom: 0;
}

.Homepage-jumpoff-prefix {
    margin-bottom: 8px;
    display: block;
    font-weight: 900;
    display: block;
}

.Homepage-jumpoff-prefix .Icon {
    width: 56px;
    height: 56px;
}

.Homepage-jumpoff-prefix--text {
    font-size: 40px;
}

.Homepage-jumpoff-what {
    margin-bottom: 1rem;
    font-size: 22px;
    font-weight: 900;
    line-height: 1.2;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.Homepage-jumpoff-link {
    display: inline-block;
    background: rgba(51, 51, 51, 0.5);
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: 900;
}

.Homepage-jumpoff-link:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.Homepage-connect {
    background: #F5F5F5;
    padding: 1rem 0;
    text-align: left;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    color: #222222;
}

.Homepage-connect .Icon {
    background: #fff;
}

.Homepage-connect .Elsewhere-link {
    padding-right: 0;
    margin-bottom: 0;
}

.Homepage-connect-title {
    font-weight: 900;
    font-size: 24px;
}

.Homepage-connect-description {
    margin-bottom: 1rem;
}

.Homepage-connect-form {
    margin-bottom: 1rem;
}

.Homepage-connect-form .Field {
    margin-bottom: 0;
}

.Homepage-block-title {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 2rem;
}

.Homepage-block-links {
    margin-top: auto;
}

.Homepage-block-links li {
    margin-bottom: 8px;
}

.Homepage-block-links a {
    font-weight: 700;
}

.Homepage-block-header .Homepage-block-links {
    display: none;
}

.Homepage-block-item--stacked {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.Homepage-block-item--stacked .Card + .Card {
    margin-top: 1rem;
}

.Homepage-block-footer {
    padding-top: 1.5rem;
}

.Homepage-block--news .Card--voices .Card-meta--pubDate {
    display: none;
}

.Homepage-about-text {
    display: block;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding: 2rem;
    background-color: #F4F4F4;
}

.Homepage-about-video .Figure {
    width: 100%;
    margin-bottom: 1rem;
}

@media (max-width: 28.74em) {
    .Homepage-block-item + .Homepage-block-item {
        margin-top: 1rem;
    }

    .Homepage-block--changing {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Homepage-block--changing > * {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }

    .Homepage-block--changing .Homepage-block-item:nth-child(3), .Homepage-block--changing .Homepage-block-item:nth-child(4) {
        -webkit-flex-basis: calc(50% - 8px);
        -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px);
    }

    .Homepage-block--changing .Homepage-block-item:nth-child(4) {
        margin-left: 16px;
    }
}

@media (min-width: 28.75em) {
    .Homepage-block {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -16px;
    }

    .Homepage-block-header {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 1rem;
    }

    .Homepage-block-item {
        -webkit-flex: 0 1 33.3333%;
        -ms-flex: 0 1 33.3333%;
        flex: 0 1 33.3333%;
        max-width: 33.3333%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 1rem;
    }

    .Homepage-block--news .Homepage-block-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        margin-bottom: 1rem;
    }

    .Homepage-block--news .Homepage-block-item .Card {
        max-width: none;
    }

    .Homepage-block--news .Homepage-block-item--stacked {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .Homepage-block-item--full {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Homepage-block-item--full .Card.Card--actions {
        max-width: none;
    }

    .Homepage-block--about .Homepage-block-header {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
    }

    .Homepage-block--about .Homepage-block-item {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
    }

    .Homepage-block-footer {
        padding-left: 1rem;
    }
}

@media (min-width: 48em) {
    .Homepage-jumpoff-item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .Homepage-jumpoff-action {
        margin-top: auto;
    }
}

@media (min-width: 48em) {
    .Homepage-block--about {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .Homepage-block--about .Homepage-block-header {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width: 100%;
    }

    .Homepage-block--about .Homepage-block-item {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        max-width: 50%;
    }

    .Homepage-about-video .Figure {
        margin-bottom: 0;
    }

    .Homepage-title {
        font-size: 38px;
        margin-bottom: 50px;
    }

    .Homepage-jumpoff {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1rem;
    }

    .Homepage-jumpoff-item {
        margin-bottom: 0;
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 0 1.5rem;
        position: relative;
    }

    .Homepage-jumpoff-item:after {
        content: '';
        position: absolute;
        top: 10%;
        bottom: 10%;
        height: 80%;
        width: 0;
        right: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.8);
    }

    .Homepage-jumpoff-item:last-child:after {
        display: none;
    }

    .Homepage-jumpoff-prefix {
        height: 4.2rem;
    }

    .Homepage-jumpoff-prefix--text {
        position: relative;
        top: 4px;
    }

    .Homepage-connect-inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .Homepage-connect-text {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .Homepage-connect-form {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-bottom: 0;
    }

    .Homepage-connect-social {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-left: 2rem;
    }

    .Homepage-block--news .Homepage-block-item, .Homepage-block--news .Homepage-block-item--stacked {
        -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        margin-bottom: 0;
    }
}

@media (min-width: 64em) {
    .Homepage-title {
        font-size: 48px;
        margin-bottom: 72px;
        margin-top: 10px;
    }

    .Homepage-jumpoff {
        margin-bottom: 2rem;
    }

    .Homepage-connect-inner {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .Homepage-connect-text, .Homepage-connect-form, .Homepage-connect-social {
        -webkit-flex: 0 0 33.3333%;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
        padding: 0;
    }

    .Homepage-connect-text > * {
        max-width: 290px;
        margin: 0 auto;
    }

    .Homepage-connect-social .Elsewhere {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .Homepage-block-header {
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
        padding-left: 1rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .Homepage-block-item {
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        max-width: 25%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 1rem;
    }

    .Homepage-block--news .Homepage-block-item, .Homepage-block--news .Homepage-block-item--stacked {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .Homepage-block-item--full {
        -webkit-flex: 0 1 75%;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
        max-width: 75%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .Homepage-block-item--full .Card.Card--actions {
        max-width: none;
        position: relative;
    }
}

@media (min-width: 64em) and (min-width: 48em) {
    .Homepage-block-item--full .Card-title {
        position: absolute;
        line-height: 1;
        top: 16px;
        left: 0;
        z-index: 20;
        background: #fff;
        padding: 10px;
        width: 60%;
        font-size: 28px;
        font-weight: 900;
    }

    .Homepage-block-item--full .Card-body {
        padding-bottom: 0;
        padding-top: 0;
        width: 60%;
        -webkit-flex: 0 1 0%;
        -ms-flex: 0 1 0%;
        flex: 0 1 0%;
    }

    .Homepage-block-item--full .Card-action {
        position: absolute;
        bottom: 0;
        z-index: 20;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        padding-bottom: 1rem;
    }
}

@media (min-width: 64em) and (min-width: 64em) {
    .Homepage-block-item--full .Card-title {
        font-size: 36px;
        width: 50%;
    }
}

@media (min-width: 64em) {
    .Homepage-block-footer {
        display: none;
    }

    .Homepage-block-header .Homepage-block-links {
        display: block;
    }
}

@media (min-width: 82.5em) {
    .Homepage-block-title {
        font-size: 42px;
    }
}

.Hub-intro {
    margin-top: 2rem;
}

.Hub-content {
    margin-top: 2rem;
}

.Hub-intro + .Hub-content .Hub-block:first-child, .Hub-block + .Hub-block {
    border-top: 1px solid #dddddd;
    padding-top: 2rem;
    padding-bottom: 0.5rem;
}

@media (min-width: 48em) {
    .Hub-intro + .Hub-content .Hub-block:first-child, .Hub-block + .Hub-block {
        padding-top: 3.5rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 82.5em) {
    .Hub-intro {
        margin-top: 3rem;
    }

    .Hub-content {
        margin-top: 4rem;
    }
}

.Index-header {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #dddddd;
}

@media (max-width: 47.99em) {
    .Index-header {
        margin-bottom: 1rem;
    }
}

.Index-title {
    font-size: 30px;
    font-weight: 900;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 900;
}

@media (min-width: 20em) {
    .Index-title {
        font-size: 40px;
        line-height: 1.15;
        font-weight: 900;
    }
}

@media (min-width: 48em) {
    .Index-title {
        font-size: 70px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Index-title {
        font-size: 82px;
        line-height: 1.2;
    }
}

.Index-intro {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.Index-filter {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.Index .Filter-select {
    max-width: 180px;
}

@media (max-width: 47.99em) {
    .Index-header {
        margin-top: -1rem;
    }
}

@media (min-width: 48em) {
    .Index-filter {
        margin-top: -1rem;
    }

    .Index .Filter-select {
        max-width: 300px;
    }
}

@media (min-width: 82.5em) {
    .Index-intro {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}

.Search-header {
    background-color: #F4F4F4;
}

.Search-form {
    max-width: 880px;
    margin: 16px auto 6px auto;
    position: relative;
}

.Search-form .Field {
    margin-bottom: 0;
}

.Search-form .Field-input {
    padding: 0.9rem 0.75rem;
    font-size: 20px;
    font-weight: 700;
}

.Search-results-count {
    margin-top: 8px;
    display: block;
}

.Search-results-count a {
    white-space: nowrap;
}

.Search-results-categories {
    max-width: 880px;
    margin: 0 auto;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 24px;
}

.Search-results-list {
    max-width: 880px;
    margin: 0 auto;
    overflow: hidden;
}

.ActNow-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -16px;
    margin-bottom: 16px;
}

.ActNow-row > * {
    padding-left: 16px;
}

.ActNow-primary {
    -webkit-flex: 0 1 66.6666%;
    -ms-flex: 0 1 66.6666%;
    flex: 0 1 66.6666%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ActNow-primary .Card.Card--actions {
    max-width: none;
    position: relative;
}

@media (min-width: 48em) {
    .ActNow-primary {
        max-width: 66.6666%;
    }

    .ActNow-primary .Card-title {
        position: absolute;
        line-height: 1;
        top: 16px;
        left: 0;
        z-index: 20;
        background: #fff;
        padding: 10px;
        width: 60%;
        font-size: 28px;
        font-weight: 900;
    }

    .ActNow-primary .Card-body {
        padding-bottom: 0;
        padding-top: 0;
        width: 60%;
        -webkit-flex: 0 1 0%;
        -ms-flex: 0 1 0%;
        flex: 0 1 0%;
    }

    .ActNow-primary .Card-action {
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (min-width: 64em) {
    .ActNow-primary .Card-title {
        font-size: 36px;
        width: 50%;
    }
}

.ActNow-supporters {
    -webkit-flex: 0 1 33.3333%;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
}

@media (min-width: 48em) {
    .ActNow-supporters {
        max-width: 33.3333%;
    }
}

.ActNow-supporters-inner {
    height: 100%;
    background: #F4F4F4;
    padding: 1rem;
}

.ActNow-supporters-title {
    font-size: 52px;
    font-weight: 900;
    text-transform: uppercase;
    color: #F39200;
    line-height: 1.0;
    margin-bottom: 1rem;
}

.ActNow-stats {
    margin-top: 1.5rem;
}

.ActNow-stat {
    margin-bottom: 1rem;
}

.ActNow-stat-number {
    font-size: 44px;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    line-height: 1;
    color: #F39200;
}

.ActNow-stat-label {
    display: block;
    font-size: 22px;
    font-weight: 900;
    color: #999;
}

.ActNow-secondary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -16px;
}

.ActNow-secondary-item {
    -webkit-flex: 0 1 33.3333%;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
    max-width: 33.3333%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 16px;
}

.ActNow-secondary-item .Card.Card--actions {
    max-width: none;
}

.ActNow-secondary-item .Button {
    display: block;
}

@media (max-width: 47.99em) {
    .ActNow-secondary-item {
        margin-bottom: 16px;
        max-width: 100%;
    }
}

.ActNow-other {
    text-align: center;
    padding-top: 2rem;
    font-size: 22px;
}

@media (max-width: 47.99em) {
    .ActNow-row {
        display: block;
    }

    .ActNow-stats {
        display: none;
    }

    .ActNow-supporters {
        margin-bottom: 1rem;
    }

    .ActNow-supporters-title, .ActNow-stat-number {
        font-size: 24px;
    }

    .ActNow-stat-label {
        font-size: 18px;
    }

    .ActNow-other {
        font-size: 20px;
    }
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .ActNow-secondary .Card-title {
        font-size: 19px;
    }
}

@media (min-width: 48em) and (max-width: 82.49em) {
    .ActNow-supporters-title, .ActNow-stat-number {
        font-size: 28px;
    }

    .ActNow-stat-label {
        font-size: 18px;
    }
}

@media (min-width: 64em) and (max-width: 82.49em) {
    .ActNow-supporters-title, .ActNow-stat-number {
        font-size: 32px;
    }

    .ActNow-stat-label {
        font-size: 20px;
    }
}

.ActionBar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ActionBar-action {
    display: block;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.ActionBar--horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ActionBar--horizontal .ActionBar-action {
    line-height: 0.8;
}

.ActionBar--horizontal .ActionBar-action + .ActionBar-action {
    margin-left: 10px;
}

.ActionBar--vertical {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    width: 100%;
}

.ActionBar--vertical .ActionBar-action {
    margin: 0 auto;
}

.ActionBar--vertical .ActionBar-action + .ActionBar-action {
    margin-top: 5px;
}

.ActionBar--vertical .ActionBar-action:first-child .ActionButton--act {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.ActivityStream > .Card {
    max-width: none;
}

.ActivityStream-footer {
    display: none;
}

.ActivityStream-footer a {
    text-decoration: none;
}

.ActivityStream-footer a span {
    text-decoration: underline;
}

.ActivityStream-footer a strong {
    position: relative;
    top: 2px;
}

.ActivityStream.has-overflow .ActivityStream-footer {
    display: block;
}

.ActivityStream.is-expanded .ActivityStream-footer {
    display: none;
}

.ActivityStream.is-expanded .ActivityStream-content {
    max-height: none;
}

[data-js="yes"] .ActivityStream-item {
    margin-bottom: 1rem;
    width: 100%;
    overflow: auto;
}

@media (min-width: 36.25em) {
    [data-js="yes"] .ActivityStream-item {
        width: calc(50% - 0.5rem);
    }
}

@media (min-width: 48em) {
    [data-js="yes"] .ActivityStream-item {
        width: calc(33.3333% - 0.66667rem);
    }
}

[data-js="yes"] .ActivityStream-content {
    max-height: 660px;
    overflow: hidden;
    transition: height 0.2s ease;
}

[data-js="yes"] .ActivityStream-footer {
    text-align: center;
    padding: 2rem;
    position: relative;
    z-index: 20;
}

[data-js="yes"] .ActivityStream-footer:before {
    content: '';
    background: linear-gradient(to top, #dddddd 0%, transparent 100%);
    height: 10px;
    position: absolute;
    left: 0;
    top: -10px;
    right: 0;
    width: 100%;
}

[data-js="no"] .ActivityStream-items {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

[data-js="no"] .ActivityStream-item {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 1rem;
}

@media (min-width: 48em) {
    [data-js="no"] .ActivityStream-items {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
}

.AuthorSummary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.AuthorSummary-avatar {
    -webkit-flex: 0 0 96px;
    -ms-flex: 0 0 96px;
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    margin-right: 1rem;
}

.AuthorSummary-detail {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.AuthorSummary-name {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.33333;
    margin-bottom: 0.5rem;
}

.AuthorSummary-role {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    font-style: italic;
}

.AuthorSummary-bio {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.AuthorSummary--header .AuthorSummary-name {
    font-weight: 900;
}

.AuthorSummary--header .AuthorSummary-name a {
    text-decoration: none;
}

@media (min-width: 48em) {
    .AuthorSummary--header .AuthorSummary-name {
        font-size: 34px;
        font-size: 2.125rem;
        font-weight: 900;
        line-height: 1.05882;
        margin-bottom: 1rem;
    }

    .AuthorSummary--header .AuthorSummary-name a {
        text-decoration: none;
    }

    .AuthorSummary--header .AuthorSummary-avatar {
        width: 168px;
        height: 168px;
        -webkit-flex: 0 0 168px;
        -ms-flex: 0 0 168px;
        flex: 0 0 168px;
        margin-right: 3rem;
    }

    .AuthorSummary--header .AuthorSummary-role {
        margin-bottom: 14px;
    }
}

@media (min-width: 64em) {
    .AuthorSummary--header .AuthorSummary-name {
        font-size: 44px;
        font-size: 2.75rem;
        font-weight: 900;
        line-height: 1.04545;
    }

    .AuthorSummary--narrow {
        display: block;
        padding-left: 1rem;
    }

    .AuthorSummary--narrow .SocialAccounts-account {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .AuthorSummary--narrow .AuthorSummary-avatar {
        max-width: 200px;
        max-height: 200px;
        width: 100%;
        height: 100%;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 1rem;
    }

    .AuthorSummary--narrow .AuthorSummary-name {
        margin-bottom: 1rem;
    }

    .AuthorSummary--narrow .AuthorSummary-name a {
        text-decoration: none;
    }

    .AuthorSummary--narrow .AuthorSummary-role {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.1875;
        margin-bottom: 1rem;
    }

    .AuthorSummary--narrow .AuthorSummary-role a {
        text-decoration: none;
    }

    .AuthorSummary--narrow .AuthorSummary-details {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .AuthorSummary-name {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.16667;
    }

    .AuthorSummary:not(.AuthorSummary--narrow) .AuthorSummary-role {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.125;
    }
}

.ButtonBlock .Button {
    margin-right: 10px;
}

.ButtonBlock-description {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1.2;
    margin: 10px 0 0 0;
    opacity: 0.7;
    display: inline-block;
    font-style: italic;
}

.CardSet {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 1rem);
    margin-left: -1rem;
    margin-bottom: -1rem;
}

.CardSet .Card {
    max-width: none !important;
}

.CardSet-item {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 1rem;
    padding-left: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.CardSet-item {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.CardSet--fixed .CardSet-item {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.CardSet--variable .CardSet-item--full, .CardSet--variable .CardSet-item--pinned {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

@media (min-width: 28.75em) {
    .CardSet--variable .CardSet-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (max-width: 47.99em) {
    .CardSet--variable .CardSet-item--pinned {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .CardSet--variable .CardSet-item--full:first-child + .CardSet-item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 48em) {
    .CardSet {
        /*
         * Variable: No pinned items... 2 x 1/2 width items, 6 x 1/3 width items, rest 1/4 width
         */
    }

    .CardSet--variable .CardSet-item:not(.CardSet-item--pinned):first-child, .CardSet--variable .CardSet-item:not(.CardSet-item--pinned):first-child + .CardSet-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .CardSet--variable .CardSet-item:not(.CardSet-item--pinned):first-child ~ .CardSet-item:nth-child(1n+3):not(:nth-child(1n+9)) {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .CardSet--variable .CardSet-item:not(.CardSet-item--pinned):first-child ~ .CardSet-item:nth-child(1n+9) {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
}

@media (min-width: 64em) {
    .CardSet--fixed .CardSet-item {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }
}

@media (min-width: 48em) and (max-width: 63.99em) {
    .CardSet {
        /*
         * Variable: Full width first item, 2 x 1/2 width items, rest 1/3 width
         *//*
         * Variable: 6 x 1/2 width items, 6 x 1/3 width items
         */
    }

    .CardSet--variable .CardSet-item {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .CardSet--variable .CardSet-item--pinned {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .CardSet--variable .CardSet-item--full {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .CardSet--variable .CardSet-item:not(.CardSet-item--pinned):first-child ~ .CardSet-item:nth-child(1n):not(:nth-child(n+3)) {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .CardSet--variable .CardSet-item--full:first-child ~ .CardSet-item:nth-child(1n+2):not(:nth-child(1n+4)) {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .CardSet--variable .CardSet-item--pinned:not(.CardSet-item--full):first-child ~ .CardSet-item:nth-child(1n+1):not(:nth-child(1n+7)) {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 64em) {
    .CardSet {
        /*
         * Variable: Full width first item, 3 x 1/3 width items, rest 1/4 width
         *//*
         * Variable: 2 x 1/2 width items, 6 x 1/3 width items, rest 1/4 width
         */
    }

    .CardSet--variable .CardSet-item {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .CardSet--variable .CardSet-item--pinned {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .CardSet--variable .CardSet-item--full {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .CardSet--variable .CardSet-item--full:first-child ~ .CardSet-item:nth-child(1n+2):not(:nth-child(1n+5)) {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .CardSet--variable .CardSet-item--pinned:not(.CardSet-item--full):first-child + .CardSet-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .CardSet--variable .CardSet-item--pinned:not(.CardSet-item--full):first-child ~ .CardSet-item:nth-child(1n+3):not(:nth-child(1n+9)) {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }
}

.Card {
    background-color: #F4F4F4;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.Card:not(.Card--wideboy) {
    max-width: 580px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.Card-head {
    display: block;
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.Card--pinned .Card-head:after {
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.5);
}

.Card:not(.Card--pinned) .Card-head {
    background-color: #e0e0e0;
}

.Card:not(.Card--pinned) .Card-head:after {
    display: block;
}

.Card-type {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    display: none;
}

.Card-relatedTo {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 20;
    background: #fff;
    font-size: 14px;
    padding: 0.2em 0.7em;
    border-radius: 1.4em;
}

.Card-relatedTo--campaign {
    color: #E84D19;
    background-position: 7px 48%;
    background-size: 18px 18px;
    background-image: url("../img/flag--star-orange.svg");
    background-repeat: no-repeat;
    padding-left: 28px;
}

.Card-imageWrapper {
    width: 100%;
    height: 0;
    padding-bottom: 66.66667%;
    position: relative;
}

.Card-image {
    display: block;
    position: absolute;
    z-index: 4;
}

.Card-imageWrapper--video > * {
    display: block;
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.Card-image--full {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.Card-image--avatar {
    border-radius: 50%;
    width: 66.66667%;
    padding: 1rem;
    position: absolute;
    max-width: 300px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    box-sizing: border-box;
}

.Card-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.Card-body {
    padding: 1rem;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 47.99em) {
    .Card-body .Card-title {
        font-size: 19px;
    }
}

.Card-title {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.09091;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Card-title a {
    color: currentColor;
    text-decoration: none;
}

.Card--actions .Card-title {
    font-weight: 900;
}

.Card-title + .Card-text {
    margin-top: 1rem;
}

.Card--stream .Card-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.22222;
}

.Card--custom .Card-title {
    color: #222222 !important;
}

.Card--stream .Card-text {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.42857;
}

.Card-text {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375;
}

.Card-body + .Card-footer {
    padding-top: 1rem;
}

.Card-action {
    text-align: center;
    padding: 1rem 1rem 1.5rem 1rem;
}

.Card-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 1rem;
    margin-top: auto;
    padding-top: 0;
}

.Card-meta {
    font-size: 16px;
}

.Card-meta + .Card-meta {
    margin-top: 4px;
}

.Card-meta--subType {
    font-weight: 700;
}

.Card-meta--author a {
    text-decoration: none;
}

.Card--voices .Card-head:before {
    content: '';
    display: block;
    background-image: url("../img/flag--quote-white.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 20%;
    max-width: 60px;
    height: 0;
    padding-bottom: 49px;
    position: absolute;
    z-index: 100;
    left: 1rem;
    top: 1rem;
}

.Card--campaigns:before {
    background-color: #E84D19;
    content: '';
    display: block;
    width: 42px;
    height: 48px;
    background-position: 50% 50%;
    background-size: 32px 32px;
    background-image: url("../img/flag--star-white.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    z-index: 10;
    pointer-events: none;
}

.Card--campaigns:before.t-color, .Card--campaigns:before .t-color {
    color: #fff;
}

@media (max-width: 36.24em) {
    .Card-action .Button {
        display: block;
    }
}

@media (max-width: 47.99em) {
    .Card-body, .Card-footer {
        padding: 1rem 0.5rem;
    }

    .Card-text, .Card-meta {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.28571;
    }

    .Card-meta--author-description {
        display: none;
    }
}

@media (min-width: 48em) {
    .Card--wideboy {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .Card--wideboy .Card-head {
        width: 50%;
    }

    .Card--wideboy.Card--voices .Card-head:before {
        width: 80px;
        padding-bottom: 65px;
    }

    .Card--wideboy .Card-title {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 700;
    }
}

@media (min-width: 48em) and (min-width: 20em) {
    .Card--wideboy .Card-title {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 700;
    }
}

@media (min-width: 48em) and (min-width: 48em) {
    .Card--wideboy .Card-title {
        font-size: 32px;
        line-height: 1.2;
    }
}

@media (min-width: 48em) and (min-width: 82.5em) {
    .Card--wideboy .Card-title {
        font-size: 44px;
        line-height: 1.04545;
    }
}

@media (min-width: 48em) {
    .Card--wideboy .Card-body {
        margin-top: auto;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .Card--wideboy .Card-footer {
        margin-top: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }
}

.Card--snippet {
    border-top: 4px solid #38AA33;
}

.Card--snippet .Card-body {
    position: relative;
    padding-bottom: 0;
}

.Card--snippet .Card-title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0.5rem;
    color: #222222;
}

.Card--snippet .Card-text {
    margin-top: 0.5rem;
    height: 136px;
    overflow: hidden;
}

.Card--snippet .Card-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding-bottom: 1.5rem;
    background-color: #F4F4F4;
}

.Card--snippet .Card-footer:before {
    content: '';
    background: linear-gradient(to top, #F4F4F4 5%, rgba(244, 244, 244, 0) 100%);
    pointer-events: none;
    height: 70px;
    display: block;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
}

.Card--plain {
    background-color: #fff;
}

.Card--plain .Card-body, .Card--plain .Card-footer {
    padding: 0;
    margin: 8px 0;
    font-weight: 700;
}

.Card--plain .Card-text {
    font-weight: 700;
}

@media (min-width: 48em) {
    .Card--plain .Card-text {
        font-size: 18px;
    }
}

.Card--condensed {
    border-top-width: 4px;
    border-top-style: solid;
}

.Card--condensed .Card-title {
    font-size: 18px;
}

.Card--condensed .Card-footer {
    padding-top: 0;
}

.Card--condensed .Card-meta {
    font-size: 14px;
}

.Content {
    width: 100%;
}

.Content-block--clear {
    clear: both;
}

.Content-block--flow:not(.Content-block--pull) + .Content-block--flow:not(.Content-block--pull) {
    clear: left;
}

.Content-block:not(:last-child) {
    margin-bottom: 1.5rem;
}

.Content-block--heading:not(:first-child) {
    padding-top: 0.5rem;
}

.Content-block--divider-before:before {
    display: block;
    content: '';
    width: 100%;
    height: 0px;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2rem;
}

.Content-block--divider-after:after {
    display: block;
    content: '';
    width: 100%;
    height: 0px;
    padding-bottom: 2rem;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 2rem;
}

.Content-block--pull-only {
    display: none;
}

.Content-block--until-pull {
    display: block;
}

@media (min-width: 48em) {
    .Content {
        padding-left: 80px;
    }

    .Content-block--heading:not(:first-child) {
        padding-top: 1rem;
    }

    .Content-block:not(:last-child) {
        margin-bottom: 2rem;
    }

    .Content-block:not(:last-child) {
        margin-bottom: 2rem;
    }

    .Content-block--push {
        max-width: calc(91.66667% - (80px * 0.16667));
    }
}

@media (max-width: 63.99em) {
    .Content-block--flow.Content-block--pull + .Content-block--flow.Content-block--pull {
        clear: left;
    }
}

@media (min-width: 64em) {
    .Content-block--pull-only {
        display: block;
    }

    .Content-block--until-pull {
        display: none;
    }
}

@media (min-width: 64em) and (max-width: 82.49em) {
    .Content-block--clear {
        clear: left;
    }

    .Content-block {
        max-width: calc(75% - (80px * 0.33333));
    }

    .Content-block--wide {
        max-width: calc(91.66667% - (80px * 0.16667));
    }

    .Content-block.Content-block--flow:not(.Content-block--pull) {
        float: left;
        width: calc(50% - (80px * 0.58333));
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

    .Content-block--pull {
        clear: right;
        float: right;
        width: calc(25% + 16px);
    }

    .Content-block--pull.Content-block--push {
        padding-left: 0;
    }

    .Content-block--1 {
        width: calc(16.66667% - (80px * 0.91667));
    }

    .Content-block--2 {
        width: calc(25% - (80px * 0.83333));
    }

    .Content-block--3 {
        width: calc(33.33333% - (80px * 0.75));
    }

    .Content-block--4 {
        width: calc(41.66667% - (80px * 0.66667));
    }

    .Content-block--5 {
        width: calc(50% - (80px * 0.58333));
    }

    .Content-block--6 {
        width: calc(58.33333% - (80px * 0.5));
    }

    .Content-block--7 {
        width: calc(66.66667% - (80px * 0.41667));
    }

    .Content-block--push {
        padding-left: calc(16.66667% - (80px * 0.91667));
    }
}

@media (min-width: 82.5em) {
    .Content {
        padding-left: 110px;
    }

    .Content-block--clear {
        clear: left;
    }

    .Content-block {
        max-width: calc(75% - (110px * 0.33333));
    }

    .Content-block--wide {
        max-width: calc(91.66667% - (110px * 0.16667));
    }

    .Content-block.Content-block--flow:not(.Content-block--pull) {
        float: left;
        width: calc(50% - (110px * 0.58333));
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

    .Content-block--pull {
        clear: right;
        float: right;
        width: calc(25% + 16px);
    }

    .Content-block--push {
        padding-left: calc(16.66667% - (110px * 0.91667));
    }

    .Content-block--pull.Content-block--push {
        padding-left: 0;
    }

    .Content-block--1 {
        width: calc(16.66667% - (110px * 0.91667));
    }

    .Content-block--2 {
        width: calc(25% - (110px * 0.83333));
    }

    .Content-block--3 {
        width: calc(33.33333% - (110px * 0.75));
    }

    .Content-block--4 {
        width: calc(41.66667% - (110px * 0.66667));
    }

    .Content-block--5 {
        width: calc(50% - (110px * 0.58333));
    }

    .Content-block--6 {
        width: calc(58.33333% - (110px * 0.5));
    }

    .Content-block--7 {
        width: calc(66.66667% - (110px * 0.41667));
    }
}

.Elsewhere {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: justify;
}

.Elsewhere-link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.875rem;
    text-decoration: none;
    margin-bottom: 10px;
    white-space: nowrap;
    padding-right: 16px;
}

.Elsewhere-link:hover {
    text-decoration: none;
}

.Elsewhere-link:hover span {
    text-decoration: underline;
}

.Elsewhere-link:hover .Icon {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.Elsewhere-link .Icon {
    margin-right: 10px;
    width: 40px;
    height: 40px;
}

.Elsewhere-link span {
    color: #222222;
}

.Elsewhere-service--twitter {
    color: #55ACEE;
}

.Elsewhere-service--facebook {
    color: #3C5A99;
}

.Elsewhere-service--youtube {
    color: #E62117;
}

.Elsewhere-service--instagram {
    color: #222222;
}

.Elsewhere-service--mail {
    color: #38AA33;
}

.Elsewhere--vertical {
    display: block;
}

.Elsewhere--vertical .Elsewhere-service, .Elsewhere--vertical .Elsewhere-link {
    margin-bottom: 0;
}

.Elsewhere--vertical .Elsewhere-service + .Elsewhere-service {
    margin-top: 15px;
}

.Elsewhere--inverted .Elsewhere-service {
    color: #fff;
}

.Elsewhere--inverted .Elsewhere-service--twitter .Icon {
    background-color: #55ACEE;
}

.Elsewhere--inverted .Elsewhere-service--facebook .Icon {
    background-color: #3C5A99;
}

.Elsewhere--inverted .Elsewhere-service--youtube .Icon {
    background-color: #E62117;
}

.Elsewhere--inverted .Elsewhere-service--instagram .Icon {
    background-color: #222222;
}

.Elsewhere--inverted .Elsewhere-service--mail .Icon {
    background-color: #38AA33;
}

.Elsewhere--align-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-pack: start;
}

.Elsewhere--unlabelled span {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

.Embed-card {
    overflow: auto;
    border: 1px dashed #dddddd;
}

.Embed-link {
    text-decoration: none;
    display: block;
    padding: 1rem 1rem 1rem 1rem;
}

.Embed-loader {
    padding: 5px 0px 3px 28px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    color: #777;
}

.Embed-loader strong {
    font-weight: normal;
}

.Embed-loader:hover strong {
    color: #222222;
}

.Embed-loader:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loader-circles 1s linear infinite;
    animation: loader-circles 1s linear infinite;
    position: relative;
    left: -19px;
    top: -4px;
}

@-webkit-keyframes loader-circles {
    0% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.05), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.1), 9px 0 0 0 rgba(153, 153, 153, 0.2), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.3), 0 9px 0 0 rgba(153, 153, 153, 0.4), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.6), -9px 0 0 0 rgba(153, 153, 153, 0.8), -6.5px -6.5px 0 0 #999999;
    }

    12.5% {
        box-shadow: 0 -9px 0 0 #999999, 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.05), 9px 0 0 0 rgba(153, 153, 153, 0.1), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.2), 0 9px 0 0 rgba(153, 153, 153, 0.3), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.4), -9px 0 0 0 rgba(153, 153, 153, 0.6), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.8);
    }

    25% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.8), 6.5px -6.5px 0 0 #999999, 9px 0 0 0 rgba(153, 153, 153, 0.05), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.1), 0 9px 0 0 rgba(153, 153, 153, 0.2), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.3), -9px 0 0 0 rgba(153, 153, 153, 0.4), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.6);
    }

    37.5% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.6), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.8), 9px 0 0 0 #999999, 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.05), 0 9px 0 0 rgba(153, 153, 153, 0.1), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.2), -9px 0 0 0 rgba(153, 153, 153, 0.3), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.4);
    }

    50% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.4), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.6), 9px 0 0 0 rgba(153, 153, 153, 0.8), 6.5px 6.5px 0 0 #999999, 0 9px 0 0 rgba(153, 153, 153, 0.05), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.1), -9px 0 0 0 rgba(153, 153, 153, 0.2), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.3);
    }

    62.5% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.3), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.4), 9px 0 0 0 rgba(153, 153, 153, 0.6), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.8), 0 9px 0 0 #999999, -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.05), -9px 0 0 0 rgba(153, 153, 153, 0.1), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.2);
    }

    75% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.2), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.3), 9px 0 0 0 rgba(153, 153, 153, 0.4), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.6), 0 9px 0 0 rgba(153, 153, 153, 0.8), -6.5px 6.5px 0 0 #999999, -9px 0 0 0 rgba(153, 153, 153, 0.05), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.1);
    }

    87.5% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.1), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.2), 9px 0 0 0 rgba(153, 153, 153, 0.3), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.4), 0 9px 0 0 rgba(153, 153, 153, 0.6), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.8), -9px 0 0 0 #999999, -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.05);
    }

    100% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.05), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.1), 9px 0 0 0 rgba(153, 153, 153, 0.2), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.3), 0 9px 0 0 rgba(153, 153, 153, 0.4), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.6), -9px 0 0 0 rgba(153, 153, 153, 0.8), -6.5px -6.5px 0 0 #999999;
    }
}

@keyframes loader-circles {
    0% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.05), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.1), 9px 0 0 0 rgba(153, 153, 153, 0.2), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.3), 0 9px 0 0 rgba(153, 153, 153, 0.4), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.6), -9px 0 0 0 rgba(153, 153, 153, 0.8), -6.5px -6.5px 0 0 #999999;
    }

    12.5% {
        box-shadow: 0 -9px 0 0 #999999, 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.05), 9px 0 0 0 rgba(153, 153, 153, 0.1), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.2), 0 9px 0 0 rgba(153, 153, 153, 0.3), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.4), -9px 0 0 0 rgba(153, 153, 153, 0.6), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.8);
    }

    25% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.8), 6.5px -6.5px 0 0 #999999, 9px 0 0 0 rgba(153, 153, 153, 0.05), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.1), 0 9px 0 0 rgba(153, 153, 153, 0.2), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.3), -9px 0 0 0 rgba(153, 153, 153, 0.4), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.6);
    }

    37.5% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.6), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.8), 9px 0 0 0 #999999, 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.05), 0 9px 0 0 rgba(153, 153, 153, 0.1), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.2), -9px 0 0 0 rgba(153, 153, 153, 0.3), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.4);
    }

    50% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.4), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.6), 9px 0 0 0 rgba(153, 153, 153, 0.8), 6.5px 6.5px 0 0 #999999, 0 9px 0 0 rgba(153, 153, 153, 0.05), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.1), -9px 0 0 0 rgba(153, 153, 153, 0.2), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.3);
    }

    62.5% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.3), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.4), 9px 0 0 0 rgba(153, 153, 153, 0.6), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.8), 0 9px 0 0 #999999, -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.05), -9px 0 0 0 rgba(153, 153, 153, 0.1), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.2);
    }

    75% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.2), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.3), 9px 0 0 0 rgba(153, 153, 153, 0.4), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.6), 0 9px 0 0 rgba(153, 153, 153, 0.8), -6.5px 6.5px 0 0 #999999, -9px 0 0 0 rgba(153, 153, 153, 0.05), -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.1);
    }

    87.5% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.1), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.2), 9px 0 0 0 rgba(153, 153, 153, 0.3), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.4), 0 9px 0 0 rgba(153, 153, 153, 0.6), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.8), -9px 0 0 0 #999999, -6.5px -6.5px 0 0 rgba(153, 153, 153, 0.05);
    }

    100% {
        box-shadow: 0 -9px 0 0 rgba(153, 153, 153, 0.05), 6.5px -6.5px 0 0 rgba(153, 153, 153, 0.1), 9px 0 0 0 rgba(153, 153, 153, 0.2), 6.5px 6.5px 0 0 rgba(153, 153, 153, 0.3), 0 9px 0 0 rgba(153, 153, 153, 0.4), -6.5px 6.5px 0 0 rgba(153, 153, 153, 0.6), -9px 0 0 0 rgba(153, 153, 153, 0.8), -6.5px -6.5px 0 0 #999999;
    }
}

.Embed + .Embed {
    margin-top: 1.5rem;
}

.Field {
    margin-bottom: 1rem;
}

.Field-label {
    font-weight: 700;
    margin-bottom: 4px;
    display: block;
}

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

.Field-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.Field-container.is-inline {
    overflow: hidden;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.Field-container.is-inline .Field-input {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.Field-button.Button {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid transparent;
}

.Figure--image .Figure-content {
    height: 0;
    width: 100%;
    padding-bottom: 66.66667%;
    position: relative;
    background-color: #F4F4F4;
}

.Figure--image .Figure-content > :first-child {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.Figure--video .Figure-content {
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}

.Figure--video .Figure-content > :first-child {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.Figure--square .Figure-content {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.Figure--square .Figure-content > :first-child {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.Figure--embed {
    display: inline-block;
    width: 100%;
    max-width: 594px;
    margin-top: -8px;
}

.Figure--embed .embed {
    display: block !important;
}

.Figure-caption {
    display: block;
    padding: 10px;
    font-weight: 700;
}

.Figure-caption > * {
    display: inline-block;
}

@media (max-width: 36.24em) {
    .Figure-caption {
        font-size: 14px;
    }
}

.Filter {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.Filter-label {
    font-weight: 700;
    margin-right: 1rem;
}

.Filter-select {
    max-width: 300px;
    cursor: pointer;
}

.Filter .Button {
    margin-left: 1rem;
}

[data-js="yes"] .Filter .Button {
    display: none;
}

.Form-footer {
    margin-top: 2rem;
}

.Form-smallprint {
    display: block;
    margin-top: 1.5rem;
    font-size: 14px;
    color: #7A7A7A;
}

.LabelledList-items {
    display: table;
}

.LabelledList-label {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 14px;
    position: relative;
}

.LabelledList-label:before {
    outline: 3px solid #fff;
    content: '';
    width: 21px;
    height: 21px;
    background: #fff;
    border: 4px solid currentColor;
    border-radius: 100%;
    display: block;
    position: absolute;
    z-index: 2;
}

.LabelledList-text {
    color: #222222;
}

.LabelledList-text > * + * {
    margin-top: 0.5rem;
}

@media (max-width: 47.99em) {
    .LabelledList-item {
        position: relative;
        padding-left: 20px;
    }

    .LabelledList-item:after, .LabelledList-item:before {
        content: '';
        display: block;
        position: absolute;
        background: currentColor;
        z-index: 1;
        opacity: 0.5;
    }

    .LabelledList-item:after {
        top: 0;
        left: 0;
        height: 3px;
        width: 20px;
    }

    .LabelledList-item:before {
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 3px;
    }

    .LabelledList-text {
        padding-bottom: 2rem;
    }

    .LabelledList-label {
        position: relative;
        top: -6px;
        margin-bottom: 10px;
        padding-left: 30px;
    }

    .LabelledList-label:before {
        top: -3px;
        left: 0;
    }

    .LabelledList-item:last-child:before {
        display: none;
    }

    .LabelledList-item:last-child .LabelledList-text {
        padding-bottom: 0;
    }
}

@media (min-width: 48em) {
    .LabelledList-items {
        display: table;
    }

    .LabelledList-item {
        display: table-row;
    }

    .LabelledList-label, .LabelledList-text {
        display: table-cell;
        padding-bottom: 2rem;
    }

    .LabelledList-text {
        padding-left: 30px;
    }

    .LabelledList-label {
        min-width: 100px;
        max-width: 200px;
        padding-right: 40px;
        width: 1%;
        text-align: right;
    }

    .LabelledList-label:before {
        right: 0;
        top: 0;
    }

    .LabelledList-label:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 9px;
        bottom: 0;
        height: 100%;
        width: 3px;
        background: currentColor;
        z-index: 1;
        opacity: 0.5;
    }

    .LabelledList-item:last-child .LabelledList-label:after {
        display: none;
    }

    .LabelledList-item:last-child .LabelledList-label, .LabelledList-item:last-child .LabelledList-text {
        padding-bottom: 0;
    }
}

.MediaBlock + .MediaBlock {
    margin-top: 2rem;
}

.MediaBlock-title {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.18182;
    margin-bottom: 1rem;
}

.MediaBlock-title a {
    text-decoration: none;
}

.MediaBlock-copy {
    margin-bottom: 1rem;
}

.MediaBlock-copy h4 {
    font-weight: 900;
    font-size: 17px;
    color: #222222;
    text-transform: uppercase;
    margin-bottom: 0.4em;
}

@media (min-width: 48em) {
    .MediaBlock-copy h4 {
        font-size: 20px;
    }
}

.MediaBlock-copy p {
    margin-bottom: 1em;
}

.MediaBlock-action {
    margin-top: auto;
}

.MediaBlock--card {
    background-color: #F4F4F4;
    padding: 1rem 1rem 1rem 1rem;
}

.MediaBlock--profile .MediaBlock-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 1rem);
    margin-left: -1rem;
}

.MediaBlock--profile .MediaBlock-main, .MediaBlock--profile .MediaBlock-image {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    padding-left: 1rem;
}

.MediaBlock--profile .MediaBlock-image {
    -webkit-flex: 1 0 35%;
    -ms-flex: 1 0 35%;
    flex: 1 0 35%;
    min-width: 110px;
    max-width: 164px;
}

@media (max-width: 36.24em) {
    .MediaBlock--profile .MediaBlock-copy {
        font-size: 14px;
    }

    .MediaBlock--profile .MediaBlock-title {
        margin-bottom: 0.5rem;
    }
}

@media (max-width: 47.99em) {
    .MediaBlock--card .MediaBlock-image {
        margin-bottom: 1rem;
    }
}

@media (min-width: 48em) {
    .MediaBlock-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% + 1rem);
        margin-left: -1rem;
    }

    .MediaBlock-title {
        font-size: 28px;
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.14286;
    }

    .MediaBlock--profile .MediaBlock-title {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.08333;
    }

    .MediaBlock-main, .MediaBlock-image {
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        max-width: 50%;
        padding-left: 1rem;
    }

    .MediaBlock--card .MediaBlock-main, .MediaBlock--card .MediaBlock-image {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: calc(50%);
        -ms-flex-preferred-size: calc(50%);
        flex-basis: calc(50%);
        max-width: 50%;
        padding-left: 1rem;
        min-width: 0;
    }

    .MediaBlock--card .MediaBlock-main {
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 64em) {
    .MediaBlock--profile .MediaBlock-image {
        margin-right: 2rem;
    }
}

.Modal {
    display: none;
    background: #fff;
    height: 100vh;
    width: 100vw;
    position: relative;
}

.Modal.is-open, .Modal:target {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
}

.Modal-close {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    z-index: 101;
}

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

.Modal-close-button {
    color: #ccc;
}

.Modal-close-button:hover {
    color: #E84D19;
}

.Modal-content {
    padding: 3rem 1rem 1rem 1rem;
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

.PageHeader {
    padding: 0.2em 3vw 0.5em 3vw;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 700;
    margin-left: -3vw;
    margin-right: 16px;
    position: relative;
    z-index: 2;
}

@media (min-width: 20em) {
    .PageHeader {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .PageHeader {
        font-size: 32px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .PageHeader {
        font-size: 44px;
        line-height: 1.04545;
    }
}

.PageHeader-title {
    margin-top: 2%;
    font-size: 24px;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 700;
}

@media (min-width: 20em) {
    .PageHeader-title {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .PageHeader-title {
        font-size: 32px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .PageHeader-title {
        font-size: 44px;
        line-height: 1.04545;
    }
}

.PageHeader .PageHeader-title {
    font-weight: 900 !important;
}

.PageHeader-label {
    display: block;
    line-height: 1;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 1%;
}

.PageHeader-label + .PageHeader-title {
    margin-top: 0;
}

@media (min-width: 48em) {
    .PageHeader {
        max-width: calc(91.66667% - 8px);
        padding-left: 80px;
        padding-right: 16px;
        margin-left: 0;
        margin-right: 0;
    }

    .PageHeader--voices {
        background-image: url("../img/flag--quote-white.svg");
        background-size: 43px 35px;
        background-position: 22px 30px;
        background-repeat: no-repeat;
    }

    .PageHeader--campaigns {
        background-image: url("../img/flag--star-white.svg");
        background-size: 46px 46px;
        background-position: 18px 14px;
        background-repeat: no-repeat;
    }
}

@media (min-width: 64em) and (max-width: 82.49em) {
    .PageHeader {
        max-width: calc(66.66667% - 8px);
    }
}

@media (min-width: 82.5em) {
    .PageHeader {
        max-width: calc(66.66667% - 8px);
        padding-left: 110px;
    }

    .PageHeader--voices {
        background-size: 60px 49px;
        background-position: 26px 29px;
    }

    .PageHeader--campaigns {
        background-size: 62px 62px;
        background-position: 24px 15px;
    }
}

.Pagination-item {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
    background-color: #F4F4F4;
    padding: 0.35em 0.5em 0.3em 0.5em;
    color: #222222;
    text-decoration: none;
    border-radius: 5px;
}

.Pagination-item.t-background {
    color: #fff;
}

.Pagination-item + .Pagination-item {
    margin-left: 6px;
}

.Pagination-item--spacer {
    background-color: transparent;
}

.Panel {
    background-color: #F4F4F4;
    padding: 2rem 2rem 2rem 2rem;
    border: 0;
    position: relative;
    width: 100%;
}

.Panel-title a {
    color: currentColor;
    text-decoration: none;
}

.Panel-type {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.Panel-lede {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.44444;
    margin-bottom: 1.5rem;
}

.Panel-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.Panel-body > * {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.Panel-col--main {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-flex-basis: calc(60% - 2rem);
    -ms-flex-preferred-size: calc(60% - 2rem);
    flex-basis: calc(60% - 2rem);
    max-width: calc(60% - 2rem);
    padding-right: 2rem;
    margin-bottom: 1rem;
}

.Panel-col--aside {
    margin-bottom: 0;
    padding-right: 0;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%;
    min-width: 200px;
    margin-left: auto;
}

.Panel-col--aside img {
    width: 100%;
    display: block;
}

.Panel--highlighted, .Panel--cta, .Panel--related {
    border-left-width: 0.5rem;
    border-left-style: solid;
    border-left-color: transparent;
    padding-left: 2rem;
}

.Panel--type-download .Panel-type {
    display: none;
}

.Panel--type-campaign:before {
    background-color: #E84D19;
    content: '';
    display: block;
    width: 42px;
    height: 48px;
    background-position: 50% 50%;
    background-size: 32px 32px;
    background-image: url("../img/flag--star-white.svg");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 2rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.Panel--type-campaign:before.t-color, .Panel--type-campaign:before .t-color {
    color: #fff;
}

.Panel--type-campaign .Panel-type {
    display: none;
}

.Panel--type-campaign .Panel-title {
    padding-right: 66px;
}

.Panel--cta .Panel-title, .Panel--related .Panel-title {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.18182;
    margin-bottom: 1rem;
}

.Panel--type-explainer .Panel-title {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    font-family: inherit;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #222222 !important;
}

@media (max-width: 36.24em) {
    .Panel {
        padding: 1.5rem 1rem 1rem 1rem;
    }

    .Panel--cta, .Panel--related {
        border-left-width: 0;
        padding: 0 1rem 1.5rem 1rem;
        position: relative;
    }

    .Panel--cta .Panel-type, .Panel--related .Panel-type {
        padding: 5px 1rem;
        margin: 0 -1rem 1rem -1rem;
        display: block;
    }

    .Panel--cta .Panel-col--main, .Panel--related .Panel-col--main {
        padding-right: 0;
    }

    .Panel--cta .Panel-col--main, .Panel--cta .Panel-col--aside, .Panel--related .Panel-col--main, .Panel--related .Panel-col--aside {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 1.5rem;
    }

    .Panel--cta .Panel-col--main:last-child, .Panel--cta .Panel-col--aside:last-child, .Panel--related .Panel-col--main:last-child, .Panel--related .Panel-col--aside:last-child {
        margin-bottom: 0;
    }

    .Panel--cta.Panel--type-campaign:before, .Panel--related.Panel--type-campaign:before {
        right: 1rem;
    }

    .Panel--cta.Panel--type-campaign .Panel-title, .Panel--related.Panel--type-campaign .Panel-title {
        padding-right: 50px;
    }

    .Panel--cta.Panel--cta .Panel-title, .Panel--cta.Panel--related:not(.Panel--type-explainer) .Panel-title, .Panel--related.Panel--cta .Panel-title, .Panel--related.Panel--related:not(.Panel--type-explainer) .Panel-title {
        font-size: 25px;
        font-size: 1.5625rem;
        font-weight: 700;
        line-height: 1.12;
    }

    .Panel--type-resource .Panel-content {
        padding-top: 1rem;
    }

    .Panel--type-resource {
        border-top-width: 0.5rem;
        border-top-style: solid;
    }

    .Panel--type-resource .Panel-type {
        display: none;
    }
}

@media (min-width: 36.25em) and (max-width: 63.99em) {
    .Panel-type {
        opacity: 0.6;
        position: absolute;
        top: 20px;
        right: 2rem;
        color: inherit;
        background-color: inherit;
        border-color: inherit;
        font-family: inherit;
        color: #222222 !important;
        background: transparent !important;
    }
}

@media (min-width: 48em) {
    .Panel--cta .Panel-title, .Panel--related:not(.Panel--type-explainer) .Panel-title {
        font-size: 28px;
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 1.07143;
    }

    .Panel-lede {
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 1.27273;
    }
}

@media (min-width: 64em) {
    .Panel--narrow {
        border-left-width: 0;
        padding: 0 1rem 1.5rem 1rem;
        position: relative;
    }

    .Panel--narrow .Panel-type {
        padding: 5px 1rem;
        margin: 0 -1rem 1rem -1rem;
        display: block;
    }

    .Panel--narrow .Panel-col--main {
        padding-right: 0;
    }

    .Panel--narrow .Panel-col--main, .Panel--narrow .Panel-col--aside {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 1.5rem;
    }

    .Panel--narrow .Panel-col--main:last-child, .Panel--narrow .Panel-col--aside:last-child {
        margin-bottom: 0;
    }

    .Panel--narrow.Panel--type-campaign:before {
        right: 1rem;
    }

    .Panel--narrow.Panel--type-campaign .Panel-title {
        padding-right: 50px;
    }

    .Panel--narrow.Panel--cta .Panel-title, .Panel--narrow.Panel--related:not(.Panel--type-explainer) .Panel-title {
        font-size: 25px;
        font-size: 1.5625rem;
        font-weight: 700;
        line-height: 1.12;
    }

    .Panel--cta:not(.Panel--narrow) .Panel-type, .Panel--related:not(.Panel--narrow) .Panel-type {
        opacity: 0.6;
        position: absolute;
        top: 20px;
        right: 2rem;
        color: inherit;
        background-color: inherit;
        border-color: inherit;
        font-family: inherit;
        color: #222222 !important;
        background: transparent !important;
    }
}

.ProgressBar-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ProgressBar-label {
    color: #38AA33;
    font-weight: 700;
    font-size: 15px;
}

.ProgressBar-value {
    font-size: 24px;
}

.ProgressBar-max {
    font-weight: 700;
    margin-left: auto;
}

.ProgressBar-bar {
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #F4F4F4;
    display: block;
    width: 100%;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.ProgressBar-progress {
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #38AA33;
    font-size: 0;
    color: #38AA33;
    display: block;
}

.Quote-text {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    position: relative;
}

@media (min-width: 20em) {
    .Quote-text {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Quote-text {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Quote-text {
        font-size: 28px;
        line-height: 1.2;
    }
}

.Quote-text > ul {
    padding-left: 0.25em;
    margin: 1rem 0;
}

.Quote-text > ol {
    counter-reset: prose-counter;
    padding-left: 1.25em;
    margin: 1rem 0;
}

.Quote-text > ol > li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 1.5em;
    position: relative;
}

.Quote-text > ol > li:before {
    content: counter(prose-counter);
    counter-increment: prose-counter;
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 18px;
}

.Quote-text > ul > li {
    list-style-type: none;
    margin-bottom: 0.5em;
    position: relative;
    padding-left: 1em;
}

.Quote-text > ul > li:before {
    content: "●";
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 18px;
}

.Quote-footer {
    margin-top: 1rem;
}

.Quote-citation {
    font-style: italic;
}

.Quote-citation:before {
    content: '\2014';
    display: inline-block;
    margin-right: 6px;
}

.Quote-citation, .Quote-citation a {
    color: #222222;
}

.Quote .Quote-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 15px;
    margin-top: -10px;
}

@media (max-width: 47.99em) {
    .Quote--lede {
        padding-left: 1rem;
    }
}

.Quote--lede .Quote-citation {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 47.99em) {
    .Quote--lede .Quote-citation {
        font-size: 16px;
    }
}

@media (max-width: 63.99em) {
    .Quote--lede .Quote-citation {
        font-size: 18px;
    }
}

.Quote--lede .Quote-citation a {
    text-decoration: none;
}

.Quote--lede .Quote-citation a:hover {
    text-decoration: underline;
}

.Quote--lede .Quote-text p {
    quotes: "“" "”" "‘" "’";
}

.Quote--lede .Quote-text p + p {
    margin-top: 1rem;
}

.Quote--lede .Quote-text p:before {
    position: absolute;
    left: -0.6em;
    content: open-quote;
}

.Quote--lede .Quote-text p:after {
    content: close-quote;
}

.ResourceCategories-title {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.07143;
    margin-bottom: 1em;
}

@media (min-width: 48em) {
    .ResourceCategories-title {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 1.11111;
    }
}

.ResourceCategories-group {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.27273;
    padding-left: 40px;
    position: relative;
}

@media (min-width: 48em) {
    .ResourceCategories-group {
        font-size: 26px;
        font-size: 1.625rem;
        font-weight: 700;
        line-height: 1.15385;
    }
}

.ResourceCategories-icon {
    width: 33px;
    height: 33px;
    position: absolute;
    left: 0;
    top: 3px;
}

.ResourceCategories-group + .ResourceCategories-group {
    margin-top: 1.5rem;
}

.ResourceCategories-link {
    display: block;
}

.ResourceListing-title {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.07143;
    margin-bottom: 1em;
}

@media (min-width: 48em) {
    .ResourceListing-title {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 1.11111;
    }
}

.ResourceListing-resource {
    padding-left: 36px;
    position: relative;
    border-top: 1px solid #dddddd;
    margin-top: 20px;
    padding-top: 20px;
}

.ResourceListing-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 19px;
}

.ResourceListing-link {
    display: block;
    font-weight: 700;
    margin-bottom: 8px;
}

.ResourceListing + .ResourceListing {
    margin-top: 1rem;
}

.Result {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px;
    max-width: 880px;
    overflow: hidden;
}

.Result-title {
    line-height: 1.2;
    font-weight: 700;
    font-size: 20px;
    padding-right: 100px;
    margin-bottom: 0.5rem;
}

.Result-title a {
    text-decoration: none;
}

@media (max-width: 36.24em) {
    .Result-title {
        font-size: 18px;
    }
}

.Result-date {
    font-size: 14px;
    display: block;
    font-style: normal;
    margin-bottom: 0.5rem;
}

.Result-image {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    display: none;
}

@media (min-width: 36.25em) {
    .Result-image {
        display: block;
        max-width: 220px;
    }
}

.Result-details {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
}

@media (min-width: 36.25em) {
    .Result-details {
        padding-left: 16px;
    }
}

.Result-label {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    top: -8px;
    right: 0;
}

.Result + .Result {
    border-top: 1px solid #dddddd;
    margin-top: 24px;
}

.SearchBox-input {
    position: relative;
    display: inline-block;
    z-index: 1;
}

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

.SearchBox-field[type="search"], .SearchBox-field[type="search"]:focus, .SearchBox-field[type="search"]:active {
    border-radius: 20px;
    border: none;
    padding: 6px 40px 6px 15px;
    background-color: #F4F4F4;
    box-shadow: inset 1px 1px 0px #ddd;
}

.SearchBox-button {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 30px;
    height: 30px;
    top: 0px;
    right: 6px;
    color: #999;
}

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

.SearchBox .Icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}

.Section {
    padding: 2rem 0;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.Section-backLink {
    position: relative;
    top: -1rem;
    font-size: 15px;
    color: #999;
}

.Section-backLink:before {
    content: '←';
    display: inline-block;
    margin-right: 4px;
}

.Section:last-child {
    border-bottom: none;
}

.Section-header {
    margin-bottom: 2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.Section-header-title {
    font-size: 18px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.18182;
    font-weight: 700;
}

@media (min-width: 20em) {
    .Section-header-title {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Section-header-title {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Section-header-title {
        font-size: 36px;
        line-height: 1.2;
    }
}

.Section-header-link {
    white-space: nowrap;
    margin-left: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    display: none;
}

.Section-sub-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2rem;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

@media (min-width: 20em) {
    .Section-sub-title {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Section-sub-title {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Section-sub-title {
        font-size: 28px;
        line-height: 1.2;
    }
}

* + .Section-sub-title {
    margin-top: 2rem;
}

.Section-footer {
    margin-top: 2rem;
    text-align: right;
}

.Section--pagination {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 36.25em) {
    .Section-footer {
        display: none;
    }

    .Section-header-link {
        display: inline-block;
    }
}

@media (min-width: 48em) {
    .Section {
        font-size: 16px;
        font-size: 1rem;
    }
}

@media (min-width: 82.5em) {
    .Section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .Section-header {
        margin-bottom: 3rem;
    }

    .Section-backLink {
        top: -1.5rem;
        font-size: 16px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Slideshow-content {
    padding-bottom: 1.5rem;
}

.Slideshow-item {
    width: 100%;
}

[data-js="yes"] .Slideshow-items {
    width: auto !important;
}

[data-js="no"] .Slideshow-content {
    height: 0;
    width: 100%;
    padding-bottom: 66.66667%;
    position: relative;
    overflow-x: auto;
}

[data-js="no"] .Slideshow-content > :first-child {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

[data-js="no"] .Slideshow-items {
    background-color: #F4F4F4;
}

[data-js="no"] .Slideshow-item {
    width: 33.3333%;
    float: left;
}

@media (max-width: 36.24em) {
    .Slideshow .flickity-page-dots .dot {
        width: 5px;
        height: 5px;
        margin: 0 4px;
    }
}

@media (min-width: 48em) {
    .Slideshow .Figure {
        position: relative;
    }

    .Slideshow .Figure-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
}

.Snippet {
    background-color: #F4F4F4;
    padding: 1rem 1rem 1rem 1rem;
    border-top: 4px solid #38AA33;
}

.SocialAccounts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.SocialAccounts-account {
    margin-right: 1rem;
}

.SocialAccounts-account:last-child {
    margin-right: 0;
}

.SocialAccounts-link {
    white-space: nowrap;
    color: #999;
    display: inline-block;
    padding: 2px 0 2px 0;
    font-size: 14px;
    text-decoration: none;
}

.SocialAccounts-link span {
    text-decoration: underline;
}

.SocialAccounts .Icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

@media (min-width: 36.25em) {
    .Tags {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.Tags-title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 16px;
    white-space: nowrap;
}

@media (min-width: 36.25em) {
    .Tags-title {
        margin-right: 14px;
        margin-bottom: 2px;
        position: relative;
        top: 8px;
    }
}

.Tags-tags {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -8px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.Tags-tag {
    white-space: nowrap;
    margin-right: 8px;
    margin-bottom: 8px;
}

.Tags-tag:last-child {
    margin-right: 0;
}

.Tags-link {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    background-color: #F4F4F4;
    text-decoration: none;
    padding: 0.4em 0.8em 0.45em 0.8em;
    display: block;
    border-radius: 1.5em;
}

.Tags-link.t-color, .Tags-link .t-color {
    color: #222222;
}

.Tags-link:hover {
    background-color: #38AA33;
    color: #fff;
}

@media (min-width: 36.25em) {
    .Tags-link {
        padding: 0.7em 1em 0.65em 1em;
    }
}

.Tags-tag--campaigns .Tags-link {
    background-color: #E84D19;
    background-position: 10px 48%;
    background-size: 18px 18px;
    background-image: url("../img/flag--star-white.svg");
    background-repeat: no-repeat;
    padding-left: 35px;
}

.Tags-tag--campaigns .Tags-link.t-color, .Tags-tag--campaigns .Tags-link .t-color {
    color: #fff;
}

.Tags-tag--campaigns .Tags-link:hover {
    background-color: color-tint("dark-orange");
}

.TakeAction-bar {
    box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #dddddd;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.2s ease;
}

@media (min-width: 48em) {
    .TakeAction-bar {
        display: none;
    }
}

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

.TakeAction-bar.is-hidden {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.TakeAction-jumplink {
    display: block;
    text-align: center;
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
}

.TakeAction-jumplink span {
    font-weight: bold;
}

.TakeAction-jumplink span:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2232%22%20viewBox%3D%224%200%2025%2032%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M18.545%2031.182c-.545.545-1.242.818-2.09.818-.788%200-1.455-.273-2-.818l-9.637-9.09C4.273%2021.544%204%2020.893%204%2020.135c0-.757.273-1.41.818-1.954.546-.546%201.243-.818%202.09-.818.85%200%201.547.272%202.092.818l4.545%204.363V2.818c0-.788.288-1.454.864-2C14.984.273%2015.666%200%2016.454%200c.787%200%201.47.273%202.045.818.576.546.864%201.212.864%202v19.727l4.545-4.363c.545-.546%201.242-.818%202.09-.818.848%200%201.545.272%202.09.818.546.545.82%201.197.82%201.954%200%20.758-.274%201.41-.82%201.955l-9.545%209.092z%22%20fill%3D%22%23E84D19%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    margin-right: 10px;
    background-size: 100%;
}

@media (min-width: 48em) {
    .TakeAction-modal {
        display: none !important;
    }
}

[data-js="no"] .TakeAction-modal {
    display: none !important;
}

.TakeAction-modal-body {
    margin-top: -40px;
}

.has-open-nav .TakeAction {
    display: none;
}

.ThumbnailGrid {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1rem;
}

.ThumbnailGrid-item {
    padding-left: 1rem;
    width: calc(25%);
}

.ThumbnailGrid-item-inner {
    padding: 1rem;
    border: 1px solid #dddddd;
}

.ThumbnailGrid-image {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    display: block;
}

.ThumbnailGrid-image > :first-child {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.ThumbnailGrid-image img {
    display: block;
}

.Toc-item + .Toc-item {
    margin-top: 1rem;
}

.Toc-link {
    text-decoration: none;
}

.Toc-link:before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2232%22%20viewBox%3D%224%200%2025%2032%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M18.545%2031.182c-.545.545-1.242.818-2.09.818-.788%200-1.455-.273-2-.818l-9.637-9.09C4.273%2021.544%204%2020.893%204%2020.135c0-.757.273-1.41.818-1.954.546-.546%201.243-.818%202.09-.818.85%200%201.547.272%202.092.818l4.545%204.363V2.818c0-.788.288-1.454.864-2C14.984.273%2015.666%200%2016.454%200c.787%200%201.47.273%202.045.818.576.546.864%201.212.864%202v19.727l4.545-4.363c.545-.546%201.242-.818%202.09-.818.848%200%201.545.272%202.09.818.546.545.82%201.197.82%201.954%200%20.758-.274%201.41-.82%201.955l-9.545%209.092z%22%20fill%3D%22%2338AA34%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    margin-right: 10px;
    background-size: 100%;
}

.Toc-link span {
    text-decoration: underline;
}

.TweetThis-text {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.44444;
    margin-bottom: 1rem;
}

.TweetThis-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.TweetThis-action span {
    color: #222222;
    text-decoration: underline;
}

.TweetThis .Icon {
    margin-right: 10px;
    background-color: #55ACEE;
}

@media (min-width: 48em) {
    .TweetThis-text {
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 1.27273;
    }
}

.ActionButton {
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

.ActionButton-label {
    font-size: 16px;
    margin-top: 6px;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
}

.ActionButton-icon {
    height: 42px;
    width: 42px;
    color: #fff;
    display: block;
    position: relative;
}

.ActionButton-icon svg {
    position: relative;
}

.ActionButton:hover .ActionButton-icon {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.ActionButton--act .ActionButton-icon:before {
    content: ' ';
    display: block;
    background: url("../img/act-icon-lines.svg") no-repeat;
    background-size: 100%;
    width: 11px;
    height: 30px;
    position: absolute;
    left: -12px;
    top: 46%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ActionButton--act .Icon {
    background-color: #E84D19;
}

.ActionButton--act .Icon svg {
    left: 1px;
}

.ActionButton--twitter .Icon {
    background-color: #55ACEE;
}

.ActionButton--twitter .Icon svg {
    left: 1px;
}

.ActionButton--facebook .Icon {
    background-color: #3C5A99;
}

.ActionButton--email .Icon {
    background-color: #38AA33;
}

.ActionButton--more .Icon {
    color: #38AA33;
    background-color: #fff;
}

.ActionButton--unlabelled .ActionButton-label, .ActionBar--horizontal .ActionButton .ActionButton-label, .ActionBar--vertical .ActionButton .ActionButton-label, .ActionBar--unlabelled .ActionButton .ActionButton-label, .Article-gutter .ActionBar .ActionButton .ActionButton-label {
    display: none;
}

.ActionButton--labelled .ActionButton-label, .ActionBar--vertical .ActionBar-action:first-child .ActionButton--act .ActionButton-label, .Article-gutter .ActionBar .ActionBar-action:first-child .ActionButton--act .ActionButton-label {
    display: block;
}

.ActionButton--small .ActionButton-icon, .ActionButton--small .Icon {
    height: 32px;
    width: 32px;
}

.ActionButton--small.ActionButton--act .ActionButton-icon:before {
    width: 8px;
    height: 22px;
}

.Avatar {
    border-radius: 100%;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    background-color: #F4F4F4;
}

.Avatar-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 100%;
}

.Button {
    display: inline-block;
    font-weight: 900;
    border: none;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    padding: 0.6em 1.5em 0.8em;
    text-rendering: optimizeLegibility;
    background-color: #E84D19;
}

.Button.t-color, .Button .t-color {
    color: #fff;
}

.Button:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.Button-text {
    color: currentColor;
    text-decoration: none;
    border-bottom: 2px dotted rgba(255, 255, 255, 0.8);
}

.Button:hover {
    background-color: color-tint("dark-orange");
}

.Button--full {
    display: block;
    width: 100%;
}

@media (min-width: 48em) {
    .Button--large {
        font-size: 22px;
        font-size: 1.375rem;
        font-weight: 900;
        line-height: 1;
    }
}

.Divider {
    height: 1px;
    border: none;
    color: #dddddd;
    background-color: #dddddd;
    margin: 2rem 0;
    display: block;
}

.Icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.Icon svg {
    width: 100%;
    height: 100%;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.Icon--boxed, .Icon--round {
    overflow: hidden;
    background: #efefef;
}

.Icon--boxed svg, .Icon--round svg {
    width: 50%;
    height: 100%;
    position: relative;
    display: block;
    margin: 0 auto;
}

.Icon--round {
    border-radius: 100%;
    width: 39px;
    height: 39px;
}

.Icon--bordered, .ActionButton--more .Icon {
    border: 2px solid currentColor;
}

.LinkList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.LinkList-item {
    white-space: nowrap;
}

.LinkList-item + .LinkList-item {
    margin-left: 1rem;
}

.LinkList-link {
    font-weight: 700;
}

.Logo {
    max-width: 230px;
    display: block;
}

.Logo-img {
    width: 100%;
}

.Prose p {
    margin: 1rem 0;
}

.Prose > blockquote {
    font-style: italic;
    color: #999;
    border-left: 2px solid #ccc;
    padding-left: 20px;
    margin: 1.5rem 0;
    clear: left;
}

.Prose > h1, .Prose > h2, .Prose > h3, .Prose > h4 {
    margin-bottom: 0.8em;
    margin-top: 1.2em;
}

.Prose > h1 {
    font-size: 22px;
    line-height: 1.18182;
    font-weight: 700;
}

@media (min-width: 20em) {
    .Prose > h1 {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Prose > h1 {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Prose > h1 {
        font-size: 36px;
        line-height: 1.2;
    }
}

.Prose > h2 {
    font-size: 22px;
    line-height: 1.18182;
    font-weight: 700;
}

@media (min-width: 20em) {
    .Prose > h2 {
        font-size: 22px;
        line-height: 1.18182;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Prose > h2 {
        font-size: 28px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Prose > h2 {
        font-size: 36px;
        line-height: 1.2;
    }
}

@media (max-width: 47.99em) {
    .Prose > h2 {
        font-size: 28px;
    }
}

.Prose > h3 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}

@media (min-width: 20em) {
    .Prose > h3 {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Prose > h3 {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Prose > h3 {
        font-size: 28px;
        line-height: 1.2;
    }
}

.Prose > h4 {
    font-size: 18px;
    line-height: 1.05556;
    font-weight: 700;
}

@media (min-width: 20em) {
    .Prose > h4 {
        font-size: 18px;
        line-height: 1.05556;
        font-weight: 700;
    }
}

@media (min-width: 48em) {
    .Prose > h4 {
        font-size: 22px;
        line-height: 1.2;
    }
}

@media (min-width: 82.5em) {
    .Prose > h4 {
        font-size: 24px;
        line-height: 1.2;
    }
}

.Prose > ul {
    padding-left: 0.75em;
    margin: 1rem 0;
}

.Prose > ol {
    counter-reset: prose-counter;
    padding-left: 1.25em;
    margin: 1rem 0;
}

.Prose > ol > li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 1.5em;
    position: relative;
}

.Prose > ol > li:before {
    content: counter(prose-counter);
    counter-increment: prose-counter;
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 18px;
}

.Prose > ul > li {
    list-style-type: none;
    margin-bottom: 1em;
    position: relative;
    padding-left: 1.5em;
}

.Prose > ul > li:before {
    content: "●";
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 18px;
}

.Prose > a {
    text-decoration: underline;
}

.Prose > *:first-child {
    margin-top: 0;
}

.Prose > *:last-child {
    margin-bottom: 0;
}

.Prose > .Button {
    text-decoration: none;
}

.t-context--dark-green .Prose > h1, .t-context--dark-green .Prose > h2, .t-context--dark-green .Prose > h3, .t-context--dark-green .Prose > h4, .t-context--dark-green .Prose > ul li:before, .t-context--general .Prose > h1, .t-context--general .Prose > h2, .t-context--general .Prose > h3, .t-context--general .Prose > h4, .t-context--general .Prose > ul li:before, .t-context--causes .Prose > h1, .t-context--causes .Prose > h2, .t-context--causes .Prose > h3, .t-context--causes .Prose > h4, .t-context--causes .Prose > ul li:before, .t-context--resources .Prose > h1, .t-context--resources .Prose > h2, .t-context--resources .Prose > h3, .t-context--resources .Prose > h4, .t-context--resources .Prose > ul li:before, .t-context--community .Prose > h1, .t-context--community .Prose > h2, .t-context--community .Prose > h3, .t-context--community .Prose > h4, .t-context--community .Prose > ul li:before, .t-context--explainers .Prose > h1, .t-context--explainers .Prose > h2, .t-context--explainers .Prose > h3, .t-context--explainers .Prose > h4, .t-context--explainers .Prose > ul li:before, .t-context--projects .Prose > h1, .t-context--projects .Prose > h2, .t-context--projects .Prose > h3, .t-context--projects .Prose > h4, .t-context--projects .Prose > ul li:before {
    color: #38AA33;
}

.t-context--light-green .Prose > h1, .t-context--light-green .Prose > h2, .t-context--light-green .Prose > h3, .t-context--light-green .Prose > h4, .t-context--light-green .Prose > ul li:before {
    color: #84BF41;
}

.t-context--dark-orange .Prose > h1, .t-context--dark-orange .Prose > h2, .t-context--dark-orange .Prose > h3, .t-context--dark-orange .Prose > h4, .t-context--dark-orange .Prose > ul li:before, .t-context--campaigns .Prose > h1, .t-context--campaigns .Prose > h2, .t-context--campaigns .Prose > h3, .t-context--campaigns .Prose > h4, .t-context--campaigns .Prose > ul li:before, .t-context--actions .Prose > h1, .t-context--actions .Prose > h2, .t-context--actions .Prose > h3, .t-context--actions .Prose > h4, .t-context--actions .Prose > ul li:before {
    color: #E84D19;
}

.t-context--light-orange .Prose > h1, .t-context--light-orange .Prose > h2, .t-context--light-orange .Prose > h3, .t-context--light-orange .Prose > h4, .t-context--light-orange .Prose > ul li:before {
    color: #F39200;
}

.t-context--dark-blue .Prose > h1, .t-context--dark-blue .Prose > h2, .t-context--dark-blue .Prose > h3, .t-context--dark-blue .Prose > h4, .t-context--dark-blue .Prose > ul li:before {
    color: #1A70B7;
}

.t-context--light-blue .Prose > h1, .t-context--light-blue .Prose > h2, .t-context--light-blue .Prose > h3, .t-context--light-blue .Prose > h4, .t-context--light-blue .Prose > ul li:before, .t-context--voices .Prose > h1, .t-context--voices .Prose > h2, .t-context--voices .Prose > h3, .t-context--voices .Prose > h4, .t-context--voices .Prose > ul li:before {
    color: #389FCC;
}

.t-context--teal .Prose > h1, .t-context--teal .Prose > h2, .t-context--teal .Prose > h3, .t-context--teal .Prose > h4, .t-context--teal .Prose > ul li:before, .t-context--news .Prose > h1, .t-context--news .Prose > h2, .t-context--news .Prose > h3, .t-context--news .Prose > h4, .t-context--news .Prose > ul li:before {
    color: #229D8E;
}

.t-context--pink .Prose > h1, .t-context--pink .Prose > h2, .t-context--pink .Prose > h3, .t-context--pink .Prose > h4, .t-context--pink .Prose > ul li:before {
    color: #C72252;
}

.t-context--dark-grey .Prose > h1, .t-context--dark-grey .Prose > h2, .t-context--dark-grey .Prose > h3, .t-context--dark-grey .Prose > h4, .t-context--dark-grey .Prose > ul li:before {
    color: #222222;
}

.t-context--mid-grey .Prose > h1, .t-context--mid-grey .Prose > h2, .t-context--mid-grey .Prose > h3, .t-context--mid-grey .Prose > h4, .t-context--mid-grey .Prose > ul li:before {
    color: #dddddd;
}

.t-context--light-grey .Prose > h1, .t-context--light-grey .Prose > h2, .t-context--light-grey .Prose > h3, .t-context--light-grey .Prose > h4, .t-context--light-grey .Prose > ul li:before {
    color: #F4F4F4;
}

.TypeTag {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.TypeTag-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

/* AK Donation form */
.ak-donate-three-step {
    --akPrimary: #E84D19; --akError: #e41818; --akSelectedBorder: 2px solid var(--akPrimary); }

.ak-donate-three-step .ak-grid-row {
    margin-bottom: 1rem;
}

.ak-donate-three-step .ak-grid-col-12-of-12 h2 {
    display: none;
}

@media screen and (min-width: 45em) {
    .ak-donate-three-step .ak-field-box {
        background: #F4F4F4;
        padding: 1.5rem;
        margin-top: 2rem;
    }
}

@media screen and (min-width: 55em) {
    .ak-donate-three-step .ak-field-box {
        padding: 2rem;
    }
}

/* Inputs */
.ak-donate-three-step input:focus, .ak-donate-three-step select:focus, .ak-donate-three-step textarea:focus {
    border-color: #7A7A7A;
}

/* Radio & Checkboxes */
.ak-amount-radio-button, .ak-donate-menu input, #ak-recurring-type input {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
}

.ak-amount-wrapper label {
    background: #FFF;
    display: block;
    padding: 0.5em;
    border: 2px solid var(--akPrimary);
    color: #444;
}

.ak-amount-wrapper .ak-radio-checked {
    font-weight: 700;
    background: var(--akPrimary);
    color: #FFF;
}

/* Buttons */
.ak-submit-button, #ak-continue-button {
    --akButtonGutter: 2em; background: var(--akPrimary);
    color: #FFF;
    padding: 0.4em var(--akButtonGutter) 0.7em;
    font-weight: 700;
    font-size: 1.25em;
    margin: 2rem auto 1rem;
    display: block;
    width: auto;
    position: relative;
}

.ak-submit-button:after, #ak-continue-button:after {
    content: '';
    width: calc(100% - var(--akButtonGutter) - var(--akButtonGutter));
    border-bottom: 2px dotted #FFF;
    position: absolute;
    left: var(--akButtonGutter);
    bottom: 0.6em;
}

/* Step menu */
.ak-donate-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 2rem;
}

@media screen and (min-width: 45em) {
    .ak-donate-menu {
        padding-top: 0;
    }
}

.ak-donate-menu label {
    cursor: pointer;
}

.ak-step-number {
    height: 1.5em;
    width: 1.5em;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    text-align: center;
    line-height: 1.5;
    font-size: 0.875rem;
    margin: 0.25rem auto 0;
}

.ak-donate-menu input:checked + .ak-step-number {
    background: var(--akPrimary);
    color: #FFF;
}

/* Errors */
ul.ak-err {
    margin: 1rem 0;
    font-weight: 700;
}

ul.ak-err, label.ak-error, .ak-error {
    color: var(--akError);
}

input.ak-error, select.ak-error, textarea.ak-error {
    border-color: var(--akError);
}

/* Amounts */
.ak-amount-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    grid-gap: 1rem;
}

.ak-amount-wrapper li + li {
    margin-top: 1rem;
}

.ak-amount-wrapper [for="ak-other-amount-field"] {
    padding: 0;
    display: flex;
    align-items: center;
}

.ak-amount-wrapper [for="ak-other-amount-field"] span {
    padding: 0.5em;
    border-right: 1px solid rgba(0,0,0,0.1);
}

@media screen and (min-width: 25em) {
    .ak-amount-wrapper [for="ak-other-amount-field"] span {
        padding: 0.5em 1em;
    }
}

.ak-amount-wrapper [for="ak-other-amount-field"] input {
    border: none;
    background: #FFF;
    color: #444;
    border-radius: 0;
    font-weight: 400;
}

/* Recurring */
#ak-recurring-type {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 2rem 0 0;
}

#ak-recurring-type span + span {
    margin-left: 1rem;
}

#ak-recurring-type label {
    position: relative;
    padding-left: 1.5rem;
}

#ak-recurring-type label:before {
    content: '';
    position: absolute;
    border-radius: 100%;
    transform: translateY(-50%);
    top: 50%;
}

#ak-recurring-type label:before {
    background: #FFF;
    box-shadow: inset 0 0 0 2px #CCC;
    width: 18px;
    height: 18px;
    left: 0;
}

#ak-recurring-type input:checked + label:before {
    box-shadow: inset 0 0 0 2px var(--akPrimary), inset 0 0 0 5px #FFF;
    background: var(--akPrimary);
}

/* Contact details */
.ak-labels-overlaid input, .ak-labels-overlaid select, .ak-labels-overlaid textarea {
    margin-bottom: 1rem;
}

/* PayPal button */
.ak-payment-options {
    text-align: center;
    color: #444;
    margin: 2rem 0 1rem;
}

.ak-payment-options button {
    line-height: 1;
    vertical-align: middle;
    margin: 0 0 0 0.5em;
}

/* Card details */
.ak-donate-three-step h4 {
    font-weight: 700;
    margin-bottom: 1rem;
}

#ak-fieldbox-exp_date {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 1rem;
}

#ak-fieldbox-exp_date label {
    grid-column: span 2;
}

#ak-fieldbox-card_num, #ak-fieldbox-exp_date, #ak-fieldbox-card_code {
    margin-bottom: 1rem;
}

#ak-fieldbox-card_code {
    width: 140px;
}

/* Gift aid */
.ak-privacy, .ak-gift-aid {
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.ak-privacy label {
    margin-top: 0.5rem;
    display: block;
}

.ak-privacy label:after .ak-gift-aid label:after {
    content: '';
    display: table;
    clear: both;
}

.ak-privacy [type="checkbox"], .ak-privacy [type="radio"], .ak-gift-aid [type="checkbox"] {
    margin-bottom: 0;
    margin-right: 0.5rem;
    float: left;
}

.ak-privacy label strong, .ak-gift-aid label strong {
    overflow: hidden;
    display: block;
}

.ak-gift-aid ul {
    margin-top: 1rem;
}

.ak-gift-aid ul li {
    list-style: disc;
    margin-top: 0.5rem;
    margin-left: 1.25rem;
}