@charset "UTF-8";
/**
 * CONTENTS
 *
 * Vendor
 *
 * SETTINGS
 * Colours.
 * Typography.
 *
 * TOOLS
 *
 * GENERIC
 * Box-sizing.
 *
 * OBJECTS
 * Grid.
 *
 * COMPONENTS
 * Header.
 *
 * TRUMPS
 * Float utility classes.
 * Image replacement.
 * Display states.
 */
/**
 * Vendor
 */
/**
 * Imported from polyfill date input type
 */
/**
 * SETTINGS
 * Colours.
 * Typography.
 */
/**
 *
 * @section Colour
 * @page Settings
 *
*/
/**
 * @sectionof Colour
 * @example
 * <div class="container">
 *  <div style="color: #008A26;"><span style="background-color: #008A26; display: inline-block; height: 10px; width: 10px;"></span> $green-1</div>
 *  <div style="color: #AAD376;"><span style="background-color: #AAD376; display: inline-block; height: 10px; width: 10px;"></span> $green-1-1</div>
 *  <div style="color: #F0F0F0;"><span style="background-color: #F0F0F0; display: inline-block; height: 10px; width: 10px;"></span> $light-grey-3</div>
 *  <div style="color: #F0F0F0;"><span style="background-color: #F0F0F0; display: inline-block; height: 10px; width: 10px;"></span> $light-grey-3</div>
 *  <div style="color: #008A26;"><span style="background-color: #008A26; display: inline-block; height: 10px; width: 10px;"></span> $green-1</div>
 *  <div style="color: #008A26;"><span style="background-color: #008A26; display: inline-block; height: 10px; width: 10px;"></span> $green-1</div>
 *  <div style="color: #DAD9D3;"><span style="background-color: #DAD9D3; display: inline-block; height: 10px; width: 10px;"></span> $light-grey-1</div>
 *  <div style="color: #D7D7D7;"><span style="background-color: #D7D7D7; display: inline-block; height: 10px; width: 10px;"></span> $light-grey-2</div>
 *  <div style="color: #F0F0F0;"><span style="background-color: #F0F0F0; display: inline-block; height: 10px; width: 10px;"></span> $light-grey-3</div>
 *  <div style="color: #A09F91;"><span style="background-color: #A09F91; display: inline-block; height: 10px; width: 10px;"></span> $mid-grey</div>
 *  <div style="color: #333333;"><span style="background-color: #333333; display: inline-block; height: 10px; width: 10px;"></span> $dark-grey-1</div>
 *  <div style="color: #67655F;"><span style="background-color: #67655F; display: inline-block; height: 10px; width: 10px;"></span> $dark-grey-2</div>
 *  <div style="color: #78776D;"><span style="background-color: #78776D; display: inline-block; height: 10px; width: 10px;"></span> $dark-grey-3</div>
 *  <div style="color: #FFFFFF; background-color: #ccc;"><span style="background-color: #FFFFFF; display: inline-block; height: 10px; width: 10px;"></span> $white</div>
 *  <div style="color: #000000;"><span style="background-color: #000000; display: inline-block; height: 10px; width: 10px;"></span> $black</div>
 *  <div style="color: #F18315;"><span style="background-color: #F18315; display: inline-block; height: 10px; width: 10px;"></span> $pop-orange</div>
 *  <div style="color: #E32333;"><span style="background-color: #E32333; display: inline-block; height: 10px; width: 10px;"></span> $pop-red</div>
 *  <div style="color: #5E4F9C;"><span style="background-color: #5E4F9C; display: inline-block; height: 10px; width: 10px;"></span> $pop-purple</div>
 *  <div style="color: #98CCC9;"><span style="background-color: #98CCC9; display: inline-block; height: 10px; width: 10px;"></span> $sensitive-turquoise</div>
 *  <div style="color: #8C9DB8;"><span style="background-color: #8C9DB8; display: inline-block; height: 10px; width: 10px;"></span> $sensitive-lilac</div>
 *  <div style="color: #C0615B;"><span style="background-color: #C0615B; display: inline-block; height: 10px; width: 10px;"></span> $sensitive-brown</div>
 * </div>
 * @hideCode
 */
/*------------------------------------*  #Typography
\*------------------------------------*/
/**
 * Font sizes
 */
/**
 * @section Font Family
 * @page Settings
 *
 */
/**
 * @sectionof Font Family
 * @example
 * <div class="container">
 *   <p style="font-family: helvetica_roman;">$helvetica_roman</p>
 *   <p style="font-family: helvetica_bold;">$helvetica_bold</p>
 *   <p style="font-family: macmillan_font;">$macmillan_font</p>
 *   <p style="font-family: helvetica_bold;">$helvetica_bold</p>
 *   <p style="font-family: icon_font">$icon_font</p>
 * </div>
 * @hideCode
 */
/*------------------------------------*  #Breakpoints
\*------------------------------------*/
/*------------------------------------*  #Grid Variables
\*------------------------------------*/
/**
 * TOOLS
 * Clearfix.
 */
/**
 * GENERIC
 * Box-sizing.
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 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 on Windows Phone and in iOS.
     */
html {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  line-height: 1.5em;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

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

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 32px;
  line-height: 48px;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin: 24px 0;
}

h2 {
  font-size: 24px;
  line-height: 48px;
  margin: 24px 0;
}

h3 {
  font-size: 18.72px;
  line-height: 24px;
  margin: 24px 0;
}

h4 {
  font-size: 16px;
  line-height: 24px;
  margin: 24px 0;
}

h5 {
  font-size: 13.28px;
  line-height: 24px;
  margin: 24px 0;
}

h6 {
  font-size: 10.72px;
  line-height: 24px;
  margin: 24px 0;
}

/* Grouping content
       ========================================================================== */
/**
       * Set 1 unit of vertical rhythm on the top and bottom margin.
       */
blockquote {
  margin: 24px 40px;
}

dl,
ol,
ul {
  margin: 24px 0;
}

/**
       * Turn off margins on nested lists.
       */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

dd {
  margin: 0 0 0 40px;
}

ol,
ul {
  padding: 0 0 0 40px;
}

/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 24px 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 */
}

/**
     * Add the correct display in IE.
     */
main {
  display: block;
}

/**
       * Set 1 unit of vertical rhythm on the top and bottom margin.
       */
p,
pre {
  margin: 24px 0;
}

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

/* 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;
}

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

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

/**
     * 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
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block;
}

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

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

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

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.5em;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
     * Show the overflow in IE.
     */
button {
  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 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 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 macOS.
       */
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
     * 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 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block;
  /*
         * 1. Set 1 unit of vertical rhythm on the top and bottom margin.
         * 2. Set consistent space for the list style image.
         */
  margin: 24px 0;
  /* 1 */
  padding: 0 0 0 40px;
  /* 2 */
  /**
         * Turn off margins on nested lists.
         */
}

menu menu,
ol menu,
ul menu {
  margin: 0;
}

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block;
}

/**
     * Add the correct display in IE.
     */
template {
  display: none;
}

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none;
}

@font-face {
  font-family: "helvetica_roman";
  src: url("fonts/helvetica_roman.eot?") format("eot"), url("fonts/helvetica_roman.woff") format("woff"), url("fonts/helvetica_roman.ttf") format("truetype"), url("fonts/helvetica_roman.svg#helvetica_roman") format("svg");
}

@font-face {
  font-family: "macmillan_font";
  src: url("fonts/Macmillan-Regular.eot?") format("eot"), url("fonts/Macmillan-Regular.woff") format("woff"), url("fonts/Macmillan-Regular.ttf") format("truetype"), url("fonts/Macmillan-Regular.svg#macmillan_font") format("svg");
}

@font-face {
  font-family: "helvetica_bold";
  src: url("fonts/helvetica_bold.eot?") format("eot"), url("fonts/helvetica_bold.woff") format("woff"), url("fonts/helvetica_bold.ttf") format("truetype"), url("fonts/helvetica_bold.svg#helvetica_bold") format("svg");
}

@font-face {
  font-family: "icon_font";
  src: url("fonts/icomoon.eot?") format("eot"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icon_font") format("svg");
}

ul, ol, p, h1, h2, h3, h4, h5, h6, img, .form-group, .form__upload, .share .share__copy {
  margin-bottom: 1.25rem;
}

html {
  box-sizing: border-box;
  text-size-adjust: 100%;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body {
  transition: font-size 200ms ease;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  color: #333333;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

@media (min-width: 767px) {
  body {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}

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

ul, ol, p, h1, h2, h3, h4, h5, h6, img {
  margin-top: 0;
  padding: 0;
}

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

h1, h2, h3, h4, h5, h6 {
  color: #008A26;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.teal-color {
  color: #00838A;
  margin-bottom: 0.5rem;
}

.list-padding {
  padding: 1rem;
}

.list-style-native {
  padding-left: 1rem;
  margin-bottom: 2.25rem;
}

.list-style-native ul {
  padding-top: 0.5rem;
}

.list-style-native ul li {
  list-style: disc !important;
  margin-left: 30px;
  padding-left: 0 !important;
}

.list-style-native ul li:before {
  content: "" !important;
  width: 0 !important;
}

img {
  max-width: 100%;
  height: auto;
}

hr {
  margin: 0-1.25rem 1.25rem;
  background: #F0F0F0;
  border: 0;
  height: 2px;
}

p img {
  margin-bottom: 0;
}

p {
  line-height: 1.5rem;
}

a {
  color: #333333;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a:hover, a:focus {
  color: #5E4F9C;
}

textarea, button {
  outline: none;
}

.text-small, small {
  transition: font-size 200ms ease;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}

@media (min-width: 767px) {
  .text-small, small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}

/**
 * OBJECTS
 * Grid.
 */
/**
 * Grid layout
 *
 * @section Grid
 * @page Objects
 *
*/
/**
 * @sectionof Grid
 * @example
 * <div class="container">
 *   <div class="row">
 *     <div class="small-12 medium-6 large-4">small-12 medium-6 large-4</div>
 *     <div class="small-12 medium-6 large-4">small-12 medium-6 large-4</div>
 *     <div class="small-12 medium-12 large-4">small-12 medium-12 large-4</div>
 *   </div>
 * </div>
 */
.container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}

.container:before, .container:after {
  content: " ";
  display: table;
}

.container:after {
  clear: both;
}

.container {
  *zoom: 1;
}

.container [class*=large-]:last-child,
.container [class*=medium-]:last-child,
.container [class*=small-]:last-child {
  margin-right: 0;
}

@media (max-width: 766px) {
  .small-1 {
    width: 6.60377%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-1 {
    margin-left: 8.49057%;
  }
  .small-2 {
    width: 15.09434%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-2 {
    margin-left: 16.98113%;
  }
  .small-3 {
    width: 23.58491%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-3 {
    margin-left: 25.4717%;
  }
  .small-4 {
    width: 32.07547%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-4 {
    margin-left: 33.96226%;
  }
  .small-5 {
    width: 40.56604%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-5 {
    margin-left: 42.45283%;
  }
  .small-6 {
    width: 49.0566%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-6 {
    margin-left: 50.9434%;
  }
  .small-7 {
    width: 57.54717%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-7 {
    margin-left: 59.43396%;
  }
  .small-8 {
    width: 66.03774%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-8 {
    margin-left: 67.92453%;
  }
  .small-9 {
    width: 74.5283%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-9 {
    margin-left: 76.41509%;
  }
  .small-10 {
    width: 83.01887%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-10 {
    margin-left: 84.90566%;
  }
  .small-11 {
    width: 91.50943%;
    float: left;
    margin-right: 1.88679%;
  }
  .small--push-11 {
    margin-left: 93.39623%;
  }
  .small-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .small--push-12 {
    margin-left: 101.88679%;
  }
  .small--grid-spacing {
    margin-bottom: 20px;
  }
  .small--grid-spacing:before, .small--grid-spacing:after {
    content: " ";
    display: table;
  }
  .small--grid-spacing:after {
    clear: both;
  }
  .small--grid-spacing {
    *zoom: 1;
  }
  .small--gutters {
    padding-left: 10px;
    padding-right: 10px;
  }
  .small--last {
    margin-right: 0;
  }
}

@media (min-width: 767px) {
  .medium-1 {
    width: 6.60377%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-1 {
    margin-left: 8.49057%;
  }
  .medium-2 {
    width: 15.09434%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-2 {
    margin-left: 16.98113%;
  }
  .medium-3 {
    width: 23.58491%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-3 {
    margin-left: 25.4717%;
  }
  .medium-4 {
    width: 32.07547%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-4 {
    margin-left: 33.96226%;
  }
  .medium-5 {
    width: 40.56604%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-5 {
    margin-left: 42.45283%;
  }
  .medium-6 {
    width: 49.0566%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-6 {
    margin-left: 50.9434%;
  }
  .medium-7 {
    width: 57.54717%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-7 {
    margin-left: 59.43396%;
  }
  .medium-8 {
    width: 66.03774%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-8 {
    margin-left: 67.92453%;
  }
  .medium-9 {
    width: 74.5283%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-9 {
    margin-left: 76.41509%;
  }
  .medium-10 {
    width: 83.01887%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-10 {
    margin-left: 84.90566%;
  }
  .medium-11 {
    width: 91.50943%;
    float: left;
    margin-right: 1.88679%;
  }
  .medium--push-11 {
    margin-left: 93.39623%;
  }
  .medium-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .medium--push-12 {
    margin-left: 101.88679%;
  }
  .medium--grid-spacing {
    margin-bottom: 20px;
  }
  .medium--grid-spacing:before, .medium--grid-spacing:after {
    content: " ";
    display: table;
  }
  .medium--grid-spacing:after {
    clear: both;
  }
  .medium--grid-spacing {
    *zoom: 1;
  }
  .medium--gutters {
    padding-left: 10px;
    padding-right: 10px;
  }
  .medium--last {
    margin-right: 0;
  }
}

@media (min-width: 1025px) {
  .large-1 {
    width: 6.60377%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-1 {
    margin-left: 8.49057%;
  }
  .large-2 {
    width: 15.09434%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-2 {
    margin-left: 16.98113%;
  }
  .large-3 {
    width: 23.58491%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-3 {
    margin-left: 25.4717%;
  }
  .large-4 {
    width: 32.07547%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-4 {
    margin-left: 33.96226%;
  }
  .large-5 {
    width: 40.56604%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-5 {
    margin-left: 42.45283%;
  }
  .large-6 {
    width: 49.0566%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-6 {
    margin-left: 50.9434%;
  }
  .large-7 {
    width: 57.54717%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-7 {
    margin-left: 59.43396%;
  }
  .large-8 {
    width: 66.03774%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-8 {
    margin-left: 67.92453%;
  }
  .large-9 {
    width: 74.5283%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-9 {
    margin-left: 76.41509%;
  }
  .large-10 {
    width: 83.01887%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-10 {
    margin-left: 84.90566%;
  }
  .large-11 {
    width: 91.50943%;
    float: left;
    margin-right: 1.88679%;
  }
  .large--push-11 {
    margin-left: 93.39623%;
  }
  .large-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .large--push-12 {
    margin-left: 101.88679%;
  }
  .large--grid-spacing {
    margin-bottom: 20px;
  }
  .large--grid-spacing:before, .large--grid-spacing:after {
    content: " ";
    display: table;
  }
  .large--grid-spacing:after {
    clear: both;
  }
  .large--grid-spacing {
    *zoom: 1;
  }
  .large--gutters {
    padding-left: 10px;
    padding-right: 10px;
  }
  .large--last {
    margin-right: 0;
  }
}

.grid-spacing {
  margin-bottom: 20px;
}

.grid-spacing:before, .grid-spacing:after {
  content: " ";
  display: table;
}

.grid-spacing:after {
  clear: both;
}

.grid-spacing {
  *zoom: 1;
}

.gutters {
  padding-left: 10px;
  padding-right: 10px;
}

/**
 * Backgrounds
 *
 * @section Background
 * @page Objects
 *
*/
/**
 * @sectionof Background
 * @example
 * <div class="container">
 *   <div class="row">
 *     test
 *   </div>
 * </div>
 */
.background--green-1 {
  background-color: #008A26;
}

.background--green-1:before, .background--green-1:after {
  content: " ";
  display: table;
}

.background--green-1:after {
  clear: both;
}

.background--green-1 {
  *zoom: 1;
}

.background--green-2 {
  background-color: #00838A;
}

.background--green-2:before, .background--green-2:after {
  content: " ";
  display: table;
}

.background--green-2:after {
  clear: both;
}

.background--green-2 {
  *zoom: 1;
}

.background--light-grey-1 {
  background-color: #DAD9D3;
}

.background--light-grey-1:before, .background--light-grey-1:after {
  content: " ";
  display: table;
}

.background--light-grey-1:after {
  clear: both;
}

.background--light-grey-1 {
  *zoom: 1;
}

.background--white {
  background-color: #FFFFFF;
}

.background--white:before, .background--white:after {
  content: " ";
  display: table;
}

.background--white:after {
  clear: both;
}

.background--white {
  *zoom: 1;
}

.background-image:before {
  position: relative;
  padding-top: 50%;
  content: "";
  display: block;
  width: 100%;
}

@media (min-width: 767px) {
  .background-image:before {
    padding-top: 35%;
  }
}

/**
 *
 * @section Content
 * @page Objects
 * @example
 * <div class="content">
 *  <h1>This is a H1</h1>
 *  <p>This is a paragraphLorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, aut. Consequuntur excepturi quis quibusdam hic ad exercitationem
 *     asperiores accusantium! Porro ex amet quo eius, dignissimos laborum inventore.</p>
 *  <h2>This is a H2</h2>
 *  <ol>
 *    <li>This is a ordered list</li>
 *    <li>Lorem ipsum dolor sit amet, consectetur</li>
 *    <li>Ut enim ad minim veniam, qui nostrud exercitation</li>
 *  </ol>
 *  <h3>This is a H3</h3>
 *  <ul>
 *    <li>This is a unordered list</li>
 *    <li>Lorem ipsum dulor sit amet, consectetur</li>
 *    <li>Ut enim ad minim veniam, qui nostrud exercitation</li>
 *  </ul>
 *  <h4>This is a H4</h4>
 *  <p>This is paragraph with a <strong>strong tag some text</strong>, some text and a <em>emphasis tag some text</em>, plus a <small>small tag around some
 *     text dolor</small>, consectetur adipisicing elit. Quae, aut. Consequuntur excepturi quis quibusdam hic ad exercitationem esse fugit ipsa
 *     asperiores accusantium! Porro ex amet quo eius, dignissimos laborum inventore.</p>
 *  <h5>This is a H5</h5>
 *  <p>Image</p>
 *  <p><img id="__mcenew" src="http://lorempixel.com/output/nature-q-c-1280-480-3.jpg" alt="" rel="1140" data-id="1140" /></p>
 *  <h6>This is a H6</h6>
 * </div>
 *
*/
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.content {
  overflow-wrap: break-word;
  padding-top: 1.25rem;
}

.content h1 {
  transition: font-size 200ms ease;
  font-size: 32px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 2rem;
}

@media (min-width: 767px) {
  .content h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
  }
}

.content h2 {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media (min-width: 767px) {
  .content h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.content h3 {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
}

@media (min-width: 767px) {
  .content h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.content h4 {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
}

@media (min-width: 767px) {
  .content h4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.content h5 {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media (min-width: 767px) {
  .content h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.content h6 {
  transition: font-size 200ms ease;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

@media (min-width: 767px) {
  .content h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}

.content li {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.content li:last-child {
  margin-bottom: 0;
}

.content ol li {
  background: none;
  list-style-position: inside;
  list-style-type: decimal;
}

.content ul li {
  list-style: none;
  padding-left: 20px;
  position: relative;
}

.content ul li:before {
  background: #008A26;
  border-radius: 100%;
  content: '';
  height: 8px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 8px;
}

.content--white,
.content--white * {
  color: #FFFFFF;
}

.content--white ul li:before {
  background-color: #FFFFFF;
}

[class*=content--] .content--white * {
  color: #FFFFFF;
}

[class*=content--] .content--white ul li:before {
  background: #FFFFFF;
}

.content--black,
.content--black * {
  color: #000000;
}

.content--black ul li:before {
  background-color: #000000;
}

[class*=content--] .content--black * {
  color: #000000;
}

[class*=content--] .content--black ul li:before {
  background: #000000;
}

.content--dark-green,
.content--dark-green * {
  color: #008A26;
}

.content--dark-green ul li:before {
  background-color: #008A26;
}

[class*=content--] .content--dark-green * {
  color: #008A26;
}

[class*=content--] .content--dark-green ul li:before {
  background: #008A26;
}

.content--teal,
.content--teal * {
  color: #00838A;
}

.content--teal ul li:before {
  background-color: #00838A;
}

[class*=content--] .content--teal * {
  color: #00838A;
}

[class*=content--] .content--teal ul li:before {
  background: #00838A;
}

.content--black h1, .content--black h2, .content--black h3, .content--black h4, .content--black h5, .content--black h6,
[class*=content--] .content--black h1,
[class*=content--] .content--black h2,
[class*=content--] .content--black h3,
[class*=content--] .content--black h4,
[class*=content--] .content--black h5,
[class*=content--] .content--black h6 {
  color: #008A26;
}

/**
 * .equal-height
 *
 * This object is used to make adjacent elements equal height
 *
 * @section Equal height
 * @page Objects
 * @example
 * <div class="container equal-height">
 *   <div style="background-color: #f1f1f1; margin: 0 10px; width: 50%;">
 *     <p>Lucas ipsum dolor sit amet antilles neimoidian tion meridian evocii hutt bane anakin jade kal. Nute bib whiphid durron aurra t88 dagobah allana. Nosaurian airen lorth tarasin klaatu. Til organa quadrinaros wol. Roan padmé organa muunilinst stass gank solo ansuroer. Padmé iktotchi dengar hapes ev-9d9 cornelius. Ruurian iego tahiri mimbanite jan. Organa lytton sabé kor-uj fel. Miraluka ansionian terrik sulorine dodonna hypori. Fey'lya dantooine airen wilhuff hutt psadan darth. Whitesun organa jax briqualon jax cognus bothan billaba motti.</p>
 *   </div>
 *   <div style="background-color: #f1f1f1; margin: 0 10px; width: 50%;">
 *     <p>Lucas ipsum dolor sit amet antilles neimoidian tion meridian evocii hutt bane anakin jade kal. Nute bib whiphid durron aurra t88 dagobah allana. Nosaurian airen lorth tarasin klaatu. Til organa quadrinaros wol. Fey'lya dantooine airen wilhuff hutt psadan darth. Whitesun organa jax briqualon jax cognus bothan billaba motti.</p>
 *   </div>
 * </div>
 */
.equal-height {
  display: flex;
}

@media (max-width: 766px) {
  .equal-height {
    flex-wrap: wrap;
  }
}

@media (min-width: 1025px) {
  .large--equal-height {
    display: flex;
  }
}

/**
 * List
 *
 * @section List
 * @page Objects
 * @example
 * <div class="content">
 * </div>
 *
*/
ul.list--unstyled {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

ul.list--unstyled > li {
  margin-bottom: 5px;
  padding-left: 0;
}

ul.list--unstyled > li:before {
  content: none !important;
}

@media (max-width: 766px) {
  .small--list-inline > li {
    margin-right: 5px;
    float: left;
    display: inline;
  }
}

/**
 * Typography
 *
 * @section Typography
 * @page Objects
 * @example
 * <div class="content">
 * </div>
 *
*/
.text-headline {
  transition: font-size 200ms ease;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  color: #008A26;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding-top: 20px;
}

@media (min-width: 767px) {
  .text-headline {
    font-size: 32px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 2rem;
  }
}

.text-headline--nopadding {
  padding-top: 0;
}

.text-headline--teal {
  color: #00838A;
}

.text-heading-3 {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .text-heading-3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.text-heading-4 {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .text-heading-4 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

@media (max-width: 766px) {
  .small--text-heading {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.text--no-decoration {
  text-decoration: none;
}

.text-left {
  text-align: left;
}

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

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

.text-strong {
  font-weight: 700;
}

.text-italic {
  font-style: italic;
}

.text-large {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .text-large {
    font-size: 48px;
    font-size: 3rem;
    line-height: 48px;
    line-height: 3rem;
  }
}

@media (min-width: 1025px) {
  .text-large {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 60px;
    line-height: 3.75rem;
  }
}

.text-body {
  transition: font-size 200ms ease;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .text-body {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}

.form-group {
  display: block;
}

.hasError {
  margin-bottom: 0;
}

label {
  display: block;
  margin-bottom: 0.625rem;
}

button {
  transition: font-size 200ms ease;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  border: none;
  cursor: pointer;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  max-width: 30.625rem;
}

@media (min-width: 767px) {
  button {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}

@media (min-width: 767px) {
  button {
    transition: font-size 200ms ease;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}

@media (min-width: 767px) and (min-width: 767px) {
  button {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}

.login {
  max-width: 37.5rem;
}

.btn {
  font-size: 22px;
  font-size: 1.375rem;
  background-color: #D7D7D7;
  border-radius: 0.5rem;
  color: #333333;
  display: inline-block;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 44px;
  padding: 0 0.9375rem;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  z-index: 0;
}

.btn:hover, .btn:focus {
  background-color: #008A26;
  color: #FFFFFF;
}

.btn.btn--donate {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  background-color: #5E4F9C;
  color: #FFFFFF;
  line-height: 2.25rem;
  padding: 0.3125rem 3.125rem;
}

@media (min-width: 767px) {
  .btn.btn--donate {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.btn.btn--donate:focus, .btn.btn--donate:hover {
  background: #008A26;
}

.btn.btn--wide {
  display: block;
  max-width: none;
  text-align: center;
  width: 100%;
}

.btn.btn--purple {
  background-color: #5E4F9C;
  color: #FFFFFF;
}

.btn.btn--purple:focus, .btn.btn--purple:hover {
  background: #008A26;
}

.btn.btn--fb {
  font-size: 18px;
  font-size: 1.125rem;
  background-color: #3b5998;
  border-radius: 2.75rem;
  color: #FFFFFF;
  padding: 0 1.5rem;
}

.btn.btn--fb:focus, .btn.btn--fb:hover {
  background-color: #355089;
}

.btn.btn--fb .icon:before {
  font-size: 24px;
  font-size: 1.5rem;
  color: #FFFFFF;
  padding-right: 0.9375rem;
  position: relative;
  top: 0.125rem;
}

.btn.btn--disabled {
  background-color: #F0F0F0;
  color: #DAD9D3;
}

.btn.btn--disabled:hover, .btn.btn--disabled:focus {
  background-color: #D7D7D7;
}

@media (max-width: 766px) {
  .btn.btn--mobile-wide {
    display: block;
    max-width: none;
    text-align: center;
    width: 100%;
  }
}

.asterisk {
  font-size: 24px;
  font-size: 1.5rem;
  color: #008A26;
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  line-height: 1.125rem;
  vertical-align: top;
}

.form__input-text {
  background-color: #F0F0F0;
  border: 0.125rem solid transparent;
  box-sizing: border-box;
  display: block;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 2.625rem;
  line-height: 2.625rem;
  max-width: 30.625rem;
  min-width: 0;
  padding: 0 0.625rem;
  width: 100%;
}

@media (max-width: 766px) {
  .form__input-text {
    max-width: none;
  }
}

.form__input-text[readonly] {
  background: transparent;
  border: 0;
}

.form__input-text--white {
  background-color: #FFFFFF;
}

.form__input-text--wide {
  max-width: none;
  min-width: 0;
  width: 100%;
}

.form__input-text.form__input-text--area {
  height: 120px;
}

.form__input-text:focus {
  border-color: #008A26;
  outline: 0;
}

.form__input-text.is--loading {
  background-image: url("../images/small-loader.gif");
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
}

.form__selectbox {
  background-color: #F0F0F0;
  border: 0.125rem solid transparent;
  box-sizing: border-box;
  display: block;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 2.625rem;
  max-width: 30.625rem;
  min-width: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (max-width: 766px) {
  .form__selectbox {
    max-width: none;
  }
}

.form__selectbox--wide {
  max-width: none;
  min-width: 0;
  width: 100%;
}

.form__selectbox--white {
  background-color: #FFFFFF;
}

.form__selectbox:after {
  font-size: 18px;
  font-size: 1.125rem;
  content: '\e631';
  color: #008A26;
  display: inline-block;
  font-family: "icon_font", Arial, "Helvetica Neue", Helvetica, sans-serif;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.form__selectbox:before {
  font-size: 18px;
  font-size: 1.125rem;
  background: #DAD9D3;
  content: '';
  display: inline-block;
  height: 2.625rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 2.625rem;
}

.form__selectbox.error {
  border: 0.125rem solid #E32333;
}

.form__selectbox select::-ms-expand {
  display: none;
}

.form__selectbox select {
  background: transparent;
  border: 0;
  display: block;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 2.625rem;
  line-height: 2.625rem;
  padding-left: 0.625rem;
  padding-right: 3.125rem;
  position: relative;
  width: 100%;
  top: -0.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 2;
}

.form__selectbox select:focus {
  outline: none;
}

@media (max-width: 766px) {
  .form__selectbox {
    max-width: none;
  }
}

.form__label {
  margin-bottom: 0.3125rem;
}

.form__checkbox {
  position: absolute;
  visibility: visible;
}

.form__checkbox:checked ~ label:before {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  content: '\e613';
  line-height: 1;
}

.form__checkbox-label {
  cursor: pointer;
  display: block;
  margin-bottom: 1.5rem;
  padding-left: 1.875rem;
  position: relative;
}

.form__checkbox-label:before {
  background-color: #F0F0F0;
  border: 1px solid #DDDDDD;
  color: #008A26;
  content: '';
  font-family: "icon_font", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 1.125rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 1.125rem;
}

.form__radio {
  box-sizing: content-box;
  height: 0;
  width: 0;
  opacity: 0;
  position: absolute;
}

.form__radio:checked + label:before {
  background: #008A26;
}

.giftaid__error {
  display: inline-block;
  margin-bottom: 8px;
}

@media screen and (max-width: 380px) {
  .giftaid__error {
    width: 100%;
  }
}

.form__radio-label {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25rem;
  margin-bottom: 0;
  margin-right: 35px;
  padding-left: 1.75rem;
  position: relative;
  overflow: hidden;
}

.form__radio-label:focus:before {
  background: #008A26;
}

.form__radio-label:before {
  background: #FFFFFF;
  border: 0.1875rem solid #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0 0 0.0625rem #7F7F7F;
  content: '';
  height: 1.125rem;
  left: 1px;
  top: 1px;
  position: absolute;
  width: 1.125rem;
  overflow: hidden;
}

.giftaid__question {
  margin-right: 35px;
}

.form__upload {
  position: relative;
}

.form__upload.form__upload--disabled .form__upload__label {
  background: #DAD9D3;
}

.form__upload .button {
  cursor: pointer;
}

.form__upload__label {
  font-size: 24px;
  font-size: 1.5rem;
  background-color: #D7D7D7;
  border-radius: 0.5rem;
  color: #333333;
  display: block;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 44px;
  margin: 0;
  padding: 0 15px;
  text-align: center;
}

.form__upload__label:focus, .form__upload__label:hover {
  cursor: pointer;
  color: #FFFFFF;
  background: #008A26;
}

.form__upload__input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 1px;
  width: 0;
  height: 100%;
  opacity: 0;
}

.form__status {
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  padding-left: 2.1875rem;
  position: relative;
}

.form__status .icon {
  position: absolute;
  left: 0;
  top: -0.125rem;
}

.form__status .icon:before {
  color: #c9338b;
}

.form__status .icon--alert:before {
  color: #E32333;
}

.form__error-msg {
  display: none;
}

.field-validation-error {
  display: block;
}

.error .form__input-text {
  border: 0.125rem solid #E32333;
  color: #E32333;
}

.error .form__error-msg {
  display: block;
}

.form__error-msg {
  font-size: 14px;
  font-size: 0.875rem;
  background: #E32333;
  border-radius: 0.875rem 0.75rem 0.9375rem 0.9375rem/0.375rem 0.5rem 0.9375rem 0.75rem;
  box-sizing: border-box;
  color: #FFFFFF;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.2rem;
  margin-bottom: 0.625rem;
  margin-top: 0.9375rem;
  max-width: 30.625rem;
  padding: 0.625rem;
  position: relative;
}

@media (max-width: 766px) {
  .form__error-msg {
    max-width: none;
  }
}

.form__error-msg:after, .form__error-msg:before {
  bottom: 100%;
  left: 3.125rem;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.form__error-msg:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #E32333;
  border-width: 10px;
}

.field-validation-error {
  font-size: 16px;
  font-size: 1rem;
  color: #E32333;
  line-height: 1.2rem;
  padding: 0.625rem 0;
}

@media (min-width: 767px) {
  .form-group--inline {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1.25rem;
  }
  .form-group--inline label {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0.625rem;
  }
}

.form__input-currency {
  position: relative;
}

.form__input-currency input {
  padding-left: 25px;
  max-width: 15rem;
}

@media (max-width: 766px) {
  .form__input-currency input {
    max-width: none;
  }
}

.form__input-currency:before {
  font-size: 22px;
  font-size: 1.375rem;
  content: '£';
  position: absolute;
  z-index: 999;
  padding: 0 10px;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  top: 0.625rem;
  display: inline-block;
  left: 0;
}

.form__public-message {
  resize: vertical;
}

/**
 * Chevron
 *
 *
 * @section Chevron
 * @page Objects
 *
*/
/**
 * @sectionof Chevron
 * @example
 * <div class="container">
 * </div>
 */
.has-chevron:after {
  content: '\203A';
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  color: #333333;
  font-size: 2.5rem;
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}

.chevron--down:after {
  transform: rotate(90deg);
}

.chevron--up:after {
  transform: rotate(-90deg);
}

.icon {
  font-size: 24px;
  font-size: 1.5rem;
  color: #00838A;
  display: inline-block;
  font-family: "icon_font", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  text-decoration: none;
  top: 1px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.icon:before {
  box-sizing: border-box;
}

.icon--left {
  margin-left: 10px;
}

.icon--right {
  margin-right: 10px;
}

.icon--file:before {
  content: '\e63f';
}

.icon--doc:before {
  content: '\e63c';
}

.icon--xls:before {
  content: '\e63d';
}

.icon--pdf:before {
  content: '\e63e';
}

.icon--saved-file:before {
  content: '\e633';
}

.icon--in-folder:before {
  content: '\e634';
}

.icon--ribon:before {
  content: '\e635';
}

.icon--marker:before {
  content: '\e636';
}

.icon--triangle-left:before {
  content: '\e637';
}

.icon--triangle-right:before {
  content: '\e638';
}

.icon--triangle-down:before {
  content: '\e639';
}

.icon--triangle-up:before {
  content: '\e63a';
}

.icon--menu:before {
  content: '\e63b';
}

.icon--arrows-right:before {
  content: '\e62d';
}

.icon--arrows-left:before {
  content: '\e62e';
}

.icon--arrows-down:before {
  content: '\e62f';
}

.icon--arrows-up:before {
  content: '\e630';
}

.icon--chevron-down:before {
  content: '\e631';
}

.icon--chevron-up:before {
  content: '\e632';
}

.icon--notes:before {
  content: '\e614';
}

.icon--fullscreen:before {
  content: '\e615';
}

.icon--zoom:before {
  content: '\e616';
}

.icon--notification:before {
  content: '\e617';
}

.icon--folder:before {
  content: '\e618';
}

.icon--calendar:before {
  content: '\e619';
}

.icon--help:before {
  content: '\e61a';
}

.icon--filter:before {
  content: '\e61b';
}

.icon--save:before {
  content: '\e61c';
}

.icon--audio:before {
  content: '\e61d';
}

.icon--print:before {
  content: '\e61e';
}

.icon--basket:before {
  content: '\e61f';
}

.icon--playbtn:before {
  content: '\e620';
}

.icon--play:before {
  content: '\e621';
}

.icon--stop:before {
  content: '\e622';
}

.icon--profile:before {
  content: '\e623';
}

.icon--share:before {
  content: '\e624';
}

.icon--contacts:before {
  content: '\e625';
}

.icon--video:before {
  content: '\e626';
}

.icon--locate:before {
  content: '\e627';
}

.icon--delete:before {
  content: '\e628';
}

.icon--reply:before {
  content: '\e629';
}

.icon--link:before {
  content: '\e62a';
}

.icon--more:before {
  content: '\e62b';
}

.icon--photo:before {
  content: '\e62c';
}

.icon--tick:before {
  content: '\e613';
}

.icon--home:before {
  content: '\e800';
}

.icon--info:before {
  content: '\e60e';
}

.icon--pen:before {
  content: '\e60f';
}

.icon--tags:before {
  content: '\e610';
}

.icon--alert:before {
  content: '\e611';
}

.icon--phone:before {
  content: '\e60d';
}

.icon--email:before {
  content: '\e60a';
}

.icon--rss:before {
  content: '\e60b';
}

.icon--star:before {
  content: '\e60c';
}

.icon--search:before {
  content: '\e609';
}

.icon--close:before {
  content: '\e606';
}

.icon--plus:before {
  content: '\e607';
}

.icon--tick-only:before {
  content: '\e608';
}

.icon--comment:before {
  content: '\e605';
}

.icon--friends:before {
  content: '\e604';
}

.icon--comments:before {
  content: '\e603';
}

.icon--thumbs-down:before {
  content: '\e602';
}

.icon--thumbs-up:before {
  content: '\e601';
}

.icon--clock:before {
  content: '\e600';
}

.icon--mouse:before {
  content: '\e900';
}

.icon--cursor:before {
  content: '\e901';
}

.icon--desktop:before {
  content: '\e902';
}

.icon--cloud-dl:before {
  content: '\e903';
}

.icon--cloud:before {
  content: '\e904';
}

.icon--cut:before {
  content: '\e905';
}

.icon--prize:before {
  content: '\e906';
}

.icon--tablet:before {
  content: '\e907';
}

.icon--mobile:before {
  content: '\e908';
}

.icon--mobile-play:before {
  content: '\e909';
}

.icon--loading:before {
  content: '\e910';
}

.icon--bulb:before {
  content: '\e911';
}

.icon--watch:before {
  content: '\e912';
}

.icon--compass:before {
  content: '\e913';
}

.icon--question:before {
  content: '\e914';
}

.icon--toggle:before {
  content: '\e915';
}

.icon--settings:before {
  content: '\e916';
}

.icon--cross:before {
  content: '\e917';
}

.icon--love:before {
  content: '\e918';
}

.icon--wifi:before {
  content: '\e919';
}

.icon--share-print:before {
  content: '\e920';
}

.icon--share-more:before {
  content: '\e921';
}

.icon--hash:before {
  content: '\e922';
}

.icon--microphone:before {
  content: '\e90a';
}

.icon--at:before {
  content: '\e90b';
}

.icon--lock:before {
  content: '\e90c';
}

.icon--unlock:before {
  content: '\e90d';
}

.icon--document:before {
  content: '\e90e';
}

.icon--back:before {
  content: '\e90f';
}

.icon--macmillan:before {
  content: '\e91a';
}

.icon--facebook:before {
  content: '\e91b';
}

.icon--twitter:before {
  content: '\e91c';
}

.icon--google:before {
  content: '\e91d';
}

.icon--share-email:before {
  content: '\e91e';
}

.icon--share-pdf:before {
  content: '\e91f';
}

/**
 * COMPONENTS
 * Header.
 */
/**
 * Header
 *
 * @section Header
 * @page Components
 *
*/
/**
 * @sectionof Header
 * @example
 * <div class="container">
 *   <div class="row">
 *     test
 *   </div>
 * </div>
 */
.header {
  z-index: 10;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.header:before, .header:after {
  content: " ";
  display: table;
}

.header:after {
  clear: both;
}

.header {
  *zoom: 1;
}

@media (min-width: 767px) {
  .header {
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .header:after {
    content: none;
  }
}

.header--shadow {
  position: relative;
  box-shadow: 0.25rem 0.25rem 0.9375rem rgba(0, 0, 0, 0.2);
}

.header--shadow:after {
  content: '';
  position: absolute;
  width: 100%;
  z-index: -1;
}

@media (max-width: 766px) {
  .small--header--shadow {
    position: relative;
  }
  .small--header--shadow:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: rgba(160, 159, 145, 0.2);
    z-index: -1;
  }
}

.header__logo {
  position: relative;
  max-height: inherit;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}

@media (min-width: 767px) {
  .header__logo {
    max-height: 100%;
    width: auto;
    height: 100%;
    margin-left: 20px;
  }
}

.header__logo img {
  margin-bottom: 0;
  height: 100%;
  width: auto;
  max-width: unset;
  padding: 5px;
}

.strip--small {
  height: 40px;
}

.strip--large {
  height: 50px;
}

@media (min-width: 767px) {
  .strip--large {
    height: 70px;
  }
}

@media (min-width: 767px) {
  .nav-cont {
    justify-content: center;
    margin: 0;
    display: flex;
    overflow: inherit;
  }
}

.menu-container {
  z-index: 10;
  display: none;
}

.mobile-nav--is-active .menu-container {
  display: block;
}

@media (min-width: 767px) {
  .menu-container {
    display: block;
  }
}

.nav-menu-item {
  position: relative;
}

@media (min-width: 767px) {
  .nav-menu-item {
    text-align: center;
  }
  .nav-menu-item:hover .hover-dropdown {
    display: block;
  }
}

@media (min-width: 767px) {
  .nav-menu-item:hover > .nav-menu-a,
  .nav-menu-item:hover form > .nav-menu-a, .nav-menu-item:focus > .nav-menu-a,
  .nav-menu-item:focus form > .nav-menu-a {
    color: currentColor;
    border-bottom: 2px solid #008A26;
  }
}

.nav-menu-li:not(:last-child) {
  border-bottom: 1px solid #F0F0F0;
}

.nav-menu-a {
  font-size: 16px;
  font-size: 1rem;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  display: block;
  background-color: #F0F0F0;
  border-bottom: 2px solid #FFFFFF;
  padding: 10px;
}

@media (max-width: 766px) {
  .nav-menu-a {
    font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  }
}

.nav-menu-a .has-chevron:after {
  font-size: 32px;
  font-size: 2rem;
}

.nav-menu-a .is-active {
  border-bottom: 2px solid #008A26;
}

.nav-menu-a:hover, .nav-menu-a:focus {
  color: currentColor;
}

@media (min-width: 767px) {
  .nav-menu-a {
    text-align: center;
    color: #333333;
    background-color: #FFFFFF;
    font-weight: normal;
    border-bottom: 2px solid #FFFFFF;
  }
  .nav-menu-a:hover, .nav-menu-a:focus {
    border-bottom: 2px solid #008A26;
  }
}

.hover-dropdown {
  display: none;
  background-color: #FFFFFF;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 767px) {
  .hover-dropdown {
    min-width: 145px;
    width: calc(100% + 4px);
    border: 1px solid #F0F0F0;
    margin-left: -2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .hover-dropdown .nav-menu-a {
    border-bottom: 2px solid transparent;
  }
  .hover-dropdown .nav-menu-a:hover, .hover-dropdown .nav-menu-a:focus {
    border-color: #008A26;
    color: currentColor;
  }
}

.button--hamburger {
  float: right;
  padding: 15px 0 5px;
  background-color: transparent;
}

.button--hamburger {
  overflow: hidden;
  outline: 0;
  z-index: 10;
  float: left;
  text-align: center;
  border-radius: 0;
  width: 3.375rem;
}

.button--hamburger .burger-text {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  margin-top: 16px;
}

.hamburger {
  position: relative;
  display: block;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 2px;
  color: #333333;
  transition: all 0.3s ease;
  margin: 0 auto;
  background-color: #333333;
  height: 3px;
  width: 25px;
  top: 4px;
}

.hamburger:after, .hamburger:before {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  display: block;
  background-color: #333333;
  border-radius: 0px;
  height: 3px;
  width: 25px;
  transition: all 0.3s ease;
}

.hamburger:after {
  top: 7px;
}

.hamburger:before {
  top: -7px;
}

.mobile-nav--is-active .hamburger {
  transform: rotate(45deg);
  height: 2px;
  width: 20px;
}

.mobile-nav--is-active .hamburger:before, .mobile-nav--is-active .hamburger:after {
  top: 0;
  transform: rotate(90deg);
  height: 2px;
  width: 20px;
}

#logoutForm1 {
  display: block;
}

@media (min-width: 767px) {
  #logoutForm1 {
    display: none;
  }
}

.menu-item--has-chevron {
  color: #00838A;
  background-color: #FFFFFF;
  border-bottom: 2px solid #F0F0F0;
}

.menu-item--has-chevron:hover, .menu-item--has-chevron:focus {
  color: #00838A;
}

@media (min-width: 767px) {
  .menu-item--has-chevron {
    cursor: auto;
    color: #333333;
    border-bottom: 2px solid transparent;
  }
}

.menu-item--has-chevron span {
  width: 44px;
  height: 44px;
  position: absolute;
  right: 3px;
  top: 0;
  z-index: 9999;
}

.menu-item--has-chevron span:after {
  margin: 0;
}

.menu__background {
  margin-left: 0.625rem;
}

@media (max-width: 766px) {
  .menu__background {
    margin-top: 1.875rem;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #D7D7D7;
    margin-left: 0;
  }
  .menu__background [class*=button] {
    padding: 0.3125rem 3.75rem;
  }
}

.after-sticky {
  padding-top: 90px;
}

@media (min-width: 767px) {
  .after-sticky {
    padding-top: 155px;
  }
}

/**
 * Menu
 *
 * @section Menu
 * @page Components
 *
*/
/**
 * @sectionof Menu
 * @example
 * <div class="container">
 *   <div class="row">
 *     test
 *   </div>
 * </div>
 */
.menu-wrapper {
  position: relative;
  z-index: 2;
}

@media (min-width: 767px) {
  .menu-wrapper {
    height: 44px;
  }
}

.menu {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}

.menu.menu--loading {
  height: 44px;
  overflow: hidden;
}

.menu:before, .menu:after {
  content: " ";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

.menu--left {
  float: left;
}

.menu--right {
  float: right;
}

.menu__sub {
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}

.menu__sub .menu__item {
  width: 100%;
}

.menu__item {
  float: left;
  position: relative;
}

.menu__item:first-child:before {
  content: none;
}

.no-touchevents .menu__item:hover > .menu__link,
.no-touchevents .menu__item:focus > .menu__link {
  color: #008A26;
}

.no-touchevents .menu__item:hover > .menu__link:after,
.no-touchevents .menu__item:focus > .menu__link:after {
  color: #008A26;
}

.menu__item.is-toggled {
  color: #008A26;
}

.menu__item.is-toggled > .menu__link {
  color: #008A26;
}

.menu__item.is-toggled .menu__sub {
  display: block;
}

@media (min-width: 767px) {
  .no-touchevents .menu__item:hover > .menu__sub,
  .no-touchevents .menu__item:focus > .menu__sub {
    display: block;
  }
}

@media (max-width: 766px) {
  .menu__item.is-toggled > .menu__sub,
  .no-touchevents .menu__item:hover > .menu__sub,
  .no-touchevents .menu__item:focus > .menu__sub {
    display: block;
  }
}

.menu__item.is_current .menu__link {
  background-color: #008A26;
  color: #008A26;
}

.menu__link {
  font-size: 20px;
  font-size: 1.25rem;
  color: #008A26;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-decoration: none;
  display: block;
  line-height: 44px;
  text-decoration: inherit;
  padding: 0 1.25rem;
  font-weight: inherit;
  transition: background-color ease .15s, color ease .15s;
}

.no-touchevents .menu__link:hover,
.no-touchevents .menu__link:focus {
  color: #008A26;
}

.menu--has-dropdown > .menu__link {
  position: relative;
  padding-right: 1.875rem;
  overflow: hidden;
}

.no-touchevents .menu--has-dropdown > .menu__link:hover:after,
.no-touchevents .menu--has-dropdown > .menu__link:focus:after {
  color: #008A26;
}

.menu--has-dropdown > .menu__link:after {
  content: '\203A';
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  color: #008A26;
  transform: rotate(90deg) translate(-50%);
  font-size: 40px;
  line-height: 20px;
  display: inline-block;
}

.is-toggled.menu--has-dropdown .menu__link:after {
  color: #008A26;
  transform: rotate(-90deg);
  line-height: 3px;
}

.menu__item__toggle {
  float: right;
  display: none;
}

.menu__item__toggle:before {
  content: none;
}

.menu__item__toggle > .menu__link:before {
  content: 'More';
}

@media (max-width: 766px) {
  .menu__item__toggle > .menu__link:before {
    content: 'Menu';
  }
}

.touchevents .menu__item__toggle.is-toggled > .menu__link:hover,
.touchevents .menu__item__toggle.is-toggled > .menu__link:focus {
  color: #008A26;
}

.touchevents .menu__item__toggle > .menu__link:hover,
.touchevents .menu__item__toggle > .menu__link:focus {
  color: #FFFFFF;
}

@media (max-width: 766px) {
  .menu__item__toggle {
    display: block;
  }
}

.menu__item__toggle .menu__sub {
  background-color: #F0F0F0;
  left: inherit;
  right: 0;
  min-width: 150px;
  z-index: 9;
}

@media (max-width: 766px) {
  .menu__item__toggle .menu__sub {
    background-color: #F0F0F0;
    width: 100vw;
  }
  .menu__item__toggle .menu__sub .menu__link {
    color: #333333;
  }
  .menu__item__toggle .menu__sub .menu__item:before {
    content: none;
  }
}

/**
 * Footer
 *
 * @section Footer
 * @page Components
 *
*/
/**
 * @sectionof Footer
 * @example
 * <div class="container">
 *   <div class="row">
 *     test
 *   </div>
 * </div>
 */
.footer {
  background-color: #008A26;
  color: #FFFFFF;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 2.5rem;
  padding-top: 43px;
  position: relative;
  width: 100%;
}

.footer:before {
  clear: both;
  content: '';
  display: block;
  background: url("../../Assets/images/footer-curve-desktop.png") 0 0 repeat-x;
  height: 0.4375rem;
  margin-top: 0;
  border: 0;
  position: absolute;
  top: -0.4375rem;
  width: 100%;
}

.footer p {
  font-size: 18px;
  font-size: 1.125rem;
}

.footer small {
  max-width: 100%;
  overflow-wrap: break-word;
  clear: both;
}

@media (max-width: 766px) {
  .footer {
    margin-top: 5rem;
    padding-top: 0;
  }
  .footer:before {
    background: url("../../Assets/images/footer-curve-mobile.png") 0 0 repeat-x;
  }
}

.footer__wrapper {
  box-sizing: border-box;
  padding: 0 0.625rem;
  width: 100%;
}

.footer__column-one,
.footer__column-two,
.footer__column-three,
.footer__column-four {
  box-sizing: border-box;
  float: left;
  width: 25%;
  margin-bottom: 1.25rem;
}

.footer__follow {
  font-size: 20px;
  font-size: 1.25rem;
  color: #FFFFFF;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
}

@media screen and (max-width: 850px) {
  .footer__column-one,
  .footer__column-two,
  .footer__column-three,
  .footer__column-four {
    margin-bottom: 0;
  }
  .footer__column-one {
    width: 30%;
  }
  .footer__column-two,
  .footer__column-three {
    width: 35%;
  }
  .footer__column-four {
    padding: 1.25rem 0;
    border-top: 0.125rem solid #FFFFFF;
    margin-top: 1.25rem;
    width: 100%;
  }
}

@media all and (max-width: 640px) {
  .footer__column-one {
    margin-top: 0;
    width: 100%;
  }
  .footer__column-two {
    padding-right: 0.625rem;
  }
  .footer__column-two,
  .footer__column-three {
    box-sizing: border-box;
    border-top: 0.125rem solid #FFFFFF;
    padding-top: 1.25rem;
    margin-top: 0.625rem;
    width: 50%;
    z-index: 1;
  }
  .footer__column-four {
    padding: 1.25rem 0;
  }
  .footer__column-split {
    box-sizing: border-box;
    display: block;
    float: left;
    padding-bottom: 1.25rem;
    width: 50%;
    z-index: 1;
  }
  .footer__column-split:first-of-type {
    padding-right: 0.625rem;
  }
  .footer__column-split > p {
    font-size: 16px;
    font-size: 1rem;
  }
  .footer__donate {
    clear: both;
    margin: 0 auto;
  }
}

.footer__title {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #FFFFFF;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 24px;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

@media (min-width: 767px) {
  .footer__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.footer__heading {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.5rem;
  margin-top: 0;
  margin-bottom: 0;
}

.footer__logo {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  max-width: none;
}

@media (max-width: 766px) {
  .footer__logo {
    max-width: 8.75rem;
    margin-bottom: 0;
  }
}

.footer__txt {
  margin-bottom: 0.625rem;
}

.footer__copyright {
  border-top: 0.125rem solid #FFFFFF;
  clear: both;
  margin-top: 20px;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  padding-top: 20px;
  padding-top: 1.25rem;
}

.footer__copyright:before, .footer__copyright:after {
  content: " ";
  display: table;
}

.footer__copyright:after {
  clear: both;
}

.footer__copyright {
  *zoom: 1;
}

@media (min-width: 767px) {
  .footer__copyright {
    margin-top: 40px;
    margin-top: 2.5rem;
  }
}

.footer__donate {
  font-size: 28px;
  font-size: 1.75rem;
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  background: #5E4F9C;
  border-radius: 8px;
  color: #FFFFFF;
  display: block;
  height: 2.5rem;
  line-height: 3rem;
  margin-top: 0.625rem;
  text-align: center;
  text-decoration: none;
  width: 8.4375rem;
}

.footer__donate:focus, .footer__donate:hover {
  background: #FFFFFF;
  color: #5E4F9C;
}

.footer__link {
  font-size: 18px;
  font-size: 1.125rem;
  color: #FFFFFF;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-decoration: none;
}

.footer__link:focus, .footer__link:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.footer__social-links > li {
  list-style: none;
  float: left;
  height: 2.5rem;
  margin: 0 0.25rem 0 0;
  width: 2.5rem;
}

.footer__social-icon {
  background: url("../../Assets/images/sprite-social-desktop-tablet@2x.png") 0 0 no-repeat;
  background-image: url("../../Assets/images/sprite-social-desktop-tablet.png") \9;
  background-size: 300px 350px;
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
}

.footer__social-icon.footer__social-icon--fb {
  background-position: -200px 0;
}

.footer__social-icon.footer__social-icon--fb:focus, .footer__social-icon.footer__social-icon--fb:hover {
  background-position: -100px 0;
}

.footer__social-icon.footer__social-icon--tw {
  background-position: -200px -50px;
}

.footer__social-icon.footer__social-icon--tw:focus, .footer__social-icon.footer__social-icon--tw:hover {
  background-position: -100px -50px;
}

.footer__social-icon.footer__social-icon--yt {
  background-position: -200px -100px;
}

.footer__social-icon.footer__social-icon--yt:focus, .footer__social-icon.footer__social-icon--yt:hover {
  background-position: -150px -150px;
}

.footer__social-icon.footer__social-icon--pt {
  background-position: -200px -150px;
}

.footer__social-icon.footer__social-icon--pt:focus, .footer__social-icon.footer__social-icon--pt:hover {
  background-position: -150px 0;
}

.footer__divider {
  background: #FFFFFF;
  height: 0.125rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 766px) {
  .small--footer__separator {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 767px) {
  .medium--footer__separator {
    margin-bottom: 0;
  }
}

@media (min-width: 1025px) {
  .medium--footer__separator {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .large--footer__separator {
    border-bottom: 0.125rem solid #FFFFFF;
  }
}

.skip-anchor {
  background: transparent;
  color: #008A26;
  display: block;
  height: 1px;
  left: 10px;
  overflow: hidden;
  position: absolute;
  text-decoration: none;
  top: 10px;
  white-space: nowrap;
  width: 1px;
  z-index: 1;
}

.skip-anchor:focus {
  background: #FFFFFF;
  color: #008A26;
  height: auto;
  padding: 10px;
  width: auto;
}

.skiplink {
  background-color: #F0F0F0;
  color: #333333;
  height: 40px;
  left: -999em;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 20;
}

.skiplink:active, .skiplink:focus {
  color: #5E4F9C;
  left: 0;
  outline: none;
}

@media (min-width: 1025px) {
  .skiplink {
    font-size: 18px;
    font-size: 1.125rem;
    height: 40px;
    line-height: 40px;
  }
}

.about .about__steps__headline {
  margin-bottom: 0.625rem;
}

.about .about__intro {
  padding: 0;
}

@media (max-width: 766px) {
  .about .about__intro {
    padding: 0 0.625rem;
  }
}

.about .about__steps {
  margin-bottom: 1.25rem;
  background: #00838A;
  padding: 1.25rem 1.25rem 0 1.25rem;
}

@media (max-width: 766px) {
  .about .about__steps {
    padding: 1.25rem 0;
  }
}

.about .about__steps .about__steps__txt,
.about .about__steps .about__steps__thumb {
  box-sizing: border-box;
  float: left;
  position: relative;
}

.about .about__steps .about__steps__txt {
  width: 60%;
}

.about .about__steps .about__steps__txt p {
  line-height: 1.3rem;
  margin-bottom: 0.625rem;
}

.about .about__steps .about__steps__txt p strong {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}

.about .about__steps .about__steps__thumb {
  width: 40%;
}

.about .about__steps .about__steps__wrapper {
  padding: 0 3.125rem;
}

@media (max-width: 766px) {
  .about .about__steps .about__steps__wrapper {
    padding: 0 1.25rem;
  }
}

.about .about__steps .about__steps__link {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .about .about__steps .about__steps__link {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.about .about__steps .about__steps__link p {
  margin: 0;
}

.about .about__steps .about__steps__list {
  padding: 0;
}

@media (min-width: 1025px) {
  .about .about__steps .about__steps__list {
    padding: 0 3.125rem;
  }
}

.about .about__steps .about__steps__cta {
  margin-bottom: 1.25rem;
  background: #FFFFFF;
  color: #00838A;
}

.about .about__steps .about__steps__cta:focus, .about .about__steps .about__steps__cta:hover {
  background: #5E4F9C;
  color: #FFFFFF;
}

.about .about__steps .about__steps__img {
  display: block;
  float: right;
  height: 6.875rem;
  margin-right: 1.875rem;
}

@media only screen and (max-width: 980px) and (min-width: 767px) {
  .about .about__steps .about__steps__img {
    margin-right: 3.75rem;
  }
}

@media (max-width: 766px) {
  .about .about__steps .about__steps__img {
    display: none;
  }
}

.about .about__steps .about__steps__item {
  margin-bottom: 1.25rem;
  background: #FFFFFF;
  box-sizing: border-box;
  color: #333333;
  float: none;
  counter-increment: steps-counter;
  list-style-type: none;
  padding: 0.625rem 1.25rem;
  position: relative;
}

.about .about__steps .about__steps__item:before {
  font-size: 24px;
  font-size: 1.5rem;
  background: #00838A;
  box-sizing: border-box;
  border-radius: 50%;
  color: #FFFFFF;
  content: counter(steps-counter);
  display: block;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 3.125rem;
  left: 1.25rem;
  padding: 0.75rem;
  margin: 0.625rem auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 3.125rem;
}

@media (max-width: 766px) {
  .about .about__steps .about__steps__item:before {
    box-sizing: border-box;
    margin: 0 0 1.25rem 0;
    padding: 1.25rem;
  }
}

.about .mini-carousel {
  padding-bottom: 0.625rem;
}

.about .mini-carousel .mini-carousel__header {
  height: 8.125rem;
}

.about .mini-carousel .mini-carousel__img {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

@media (max-width: 766px) {
  .about .mini-carousel .mini-carousel__img {
    left: 0;
    position: relative;
    transform: none;
  }
}

.about .mini-carousel p {
  line-height: 1.3rem;
  margin-bottom: 0.625rem;
}

.about .mini-carousel p strong {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
}

.about .mini-carousel .swiper-slide {
  height: auto;
}

.about .mini-carousel .swiper-slide:before {
  background: #00838A;
  left: 1.25rem;
  position: absolute;
  top: 1.25rem;
}

.about .mini-carousel .swiper-pagination .swiper-pagination-bullet {
  background: #00838A;
  border: 0.125rem solid #FFFFFF;
  opacity: 1;
  height: 0.75rem;
  margin: 0 0.25rem;
  width: 0.75rem;
}

.about .mini-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFFFFF;
}

.about__why__link {
  border: 0.125rem solid #00838A;
  border-radius: 1.59375rem;
  max-width: 22.0625rem;
  height: 2.5rem;
  box-sizing: border-box;
  text-align: center;
  margin: auto;
}

.about__why__link a {
  line-height: 2.125rem;
  text-decoration: none;
  text-align: center;
  font-size: 1.125rem;
  color: #00838A;
  font-family: Helvetica;
  font-weight: bold;
  height: 1.375rem;
}

.no__padding {
  padding-top: 0;
}

.pod {
  margin-bottom: 1.25rem;
  box-sizing: border-box;
  padding: 1.25rem;
  position: relative;
}

.pod--green {
  background: #F0F0F0;
}

.pod--green .pod__section {
  border-top: 0.1875rem solid #FFFFFF;
}

.pod--white {
  background: #FFFFFF;
}

.pod--white .pod__section {
  border-top: 0.1875rem solid #F0F0F0;
  padding-top: 1.25rem;
}

.pod--nopadding {
  padding: 0.625rem 0;
}

.pod--nomargin {
  margin: 0;
}

.pod .pod__section {
  padding-top: 1.25rem;
}

.box {
  background: #FFFFFF;
  box-shadow: 0.25rem 0.25rem 0.5rem #DAD9D3;
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  margin-bottom: 1rem;
  position: relative;
  padding: 1.25rem;
  margin-right: 1rem;
  min-height: 12.5rem;
}

.padding {
  padding: 0 0.625rem;
}

.padding--medium {
  padding: 0 1.25rem;
}

@media (max-width: 766px) {
  .padding--medium {
    padding: 0 0.625rem;
  }
}

.padding--large {
  padding: 0 1.25rem;
}

@media (min-width: 1025px) {
  .padding--large {
    padding: 0 3.75rem;
  }
}

@media (max-width: 766px) {
  .padding--large {
    padding: 0 0.625rem;
  }
  .padding--large--mobile {
    padding: 0;
  }
}

.padding--xlarge {
  padding: 0 1.25rem;
}

@media (min-width: 1025px) {
  .padding--xlarge {
    padding: 0 6.25rem;
  }
}

@media (max-width: 766px) {
  .padding--xlarge {
    padding: 0 0.625rem;
  }
  .padding--xlarge--mobile {
    padding: 0;
  }
}

.modal-trigger {
  background: none;
  border: 0;
  display: inline-block;
  line-height: 1;
  padding: 0;
  width: auto;
  cursor: pointer;
}

.modal-trigger .icon {
  font-size: 18px;
  font-size: 1.125rem;
  color: #00838A;
}

.modal-trigger .icon:before {
  position: relative;
  z-index: 2;
}

.modal-trigger .icon:after {
  background: #FFFFFF;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 0.875rem;
  left: 0.125rem;
  position: absolute;
  top: 0.125rem;
  width: 0.875rem;
}

.modal-trigger:focus .icon:before, .modal-trigger:hover .icon:before {
  color: #00676C;
}

.modal-trigger:focus .icon:after, .modal-trigger:hover .icon:after {
  background: #FFFFFF;
}

.modal {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

@media (max-width: 766px) {
  .modal {
    max-width: none;
  }
}

.modal .modal__content {
  background-color: #FFFFFF;
  margin: 10vh auto;
  max-width: 46.6875rem;
  padding: 1.25rem;
  position: relative;
}

.modal .modal__content p {
  transition: font-size 200ms ease;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
}

@media (min-width: 767px) {
  .modal .modal__content p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}

@media (max-width: 766px) {
  .modal .modal__content {
    margin: 0.625rem;
    max-width: none;
  }
}

.modal .modal__content.modal__content--large {
  padding: 3.125rem;
}

@media (max-width: 766px) {
  .modal .modal__content.modal__content--large {
    padding: 3.125rem 1.25rem;
  }
}

.modal .modal__heading {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #333333;
  margin-bottom: 0.125rem;
}

@media (min-width: 767px) {
  .modal .modal__heading {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.modal .modal__close {
  background: url(../../Assets/images/share-icons.png) 0 -450px no-repeat;
  display: inline-block;
  right: 1.25rem;
  position: absolute;
  top: 1.25rem;
  height: 32px;
  width: 30px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .modal .modal__close {
    background: url(../../Assets/images/share-icons@2x.png) 0 -472px no-repeat;
    background-size: 30px;
  }
}

.alert {
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.125rem solid #c9338b;
  border-radius: 0.625rem;
  padding: 1.25rem;
  position: relative;
  margin-bottom: 1.25rem;
}

.alert .alert__icon {
  left: 1.25rem;
  position: absolute;
  top: 1.25rem;
}

.alert .alert__icon:before {
  color: #c9338b;
}

.alert .alert__txt {
  margin: 0;
  line-height: 1.8rem;
  padding-left: 2.5rem;
}

.alert.alert--success {
  border: 0.125rem solid #c9338b;
}

.alert.alert--warning {
  border: 0.125rem solid #E32333;
  color: #E32333;
}

.alert.alert--warning .alert__icon:before {
  color: #E32333;
}

.sponsors {
  background: #FFFFFF;
  border-radius: 0.625rem;
  padding: 0.625rem;
  margin: 0 auto 1.25rem;
  width: 80%;
}

@media (max-width: 766px) {
  .sponsors {
    margin: 1.25rem 0.625rem;
    width: auto;
  }
}

.sponsors .sponsors__wrapper {
  margin: 0 auto;
  width: 90%;
}

@media (max-width: 766px) {
  .sponsors .sponsors__wrapper {
    width: 100%;
  }
}

.sponsors .sponsors__heading {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #008A26;
}

@media (min-width: 767px) {
  .sponsors .sponsors__heading {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.sponsors .sponsors__link {
  display: inherit;
  text-align: center;
}

.sponsors .sponsors__logo {
  margin-bottom: 0;
  max-width: 12.5rem;
}

.tabs.tabs--user .tabs__link {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .tabs.tabs--user .tabs__link {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.tabs .tabs__item {
  padding-left: 0;
  overflow: visible;
  width: 108%;
}

.tabs .tabs__item:before {
  content: none;
}

.tabs .tabs__link {
  color: #333333;
  display: block;
  text-decoration: none;
  margin-bottom: 0;
  padding: 0.625rem;
}

.tabs .tabs__link:hover {
  color: #5E4F9C;
}

.tabs .tabs__link[aria-selected="true"] {
  background: #FFFFFF;
  border-radius: 0.625rem 0 0 0.625rem;
}

[role="tabpanel"][aria-hidden="true"] {
  display: none;
}

@media (max-width: 766px) {
  [role="tabpanel"][aria-hidden="true"] {
    display: block;
  }
}

.content-center {
  max-width: 37.5rem;
  margin: 0 auto;
  text-align: center;
}

.content h3, article h3 {
  font-size: 1.3125rem;
  line-height: 1.5625rem;
}

.reso {
  display: flex;
}

@media (max-width: 766px) {
  .reso {
    display: block;
  }
}

.reso .reso__item {
  background: #FFFFFF;
  box-shadow: 0.1875rem 0.1875rem 0.5rem rgba(0, 0, 0, 0.2);
  flex-grow: 1;
  flex-basis: 0;
  margin-bottom: 1.25rem;
  position: relative;
  padding-bottom: 3.75rem;
  margin-right: 1.25rem;
  min-height: 18.75rem;
}

.reso .reso__item:last-child {
  margin-right: 0;
}

@media (max-width: 766px) {
  .reso .reso__item {
    min-height: 0;
    margin-right: 0;
    padding-bottom: 0;
  }
}

.reso .reso__panel {
  padding: 0.25rem 1rem 1rem 1rem;
}

.reso .reso__img {
  margin-bottom: 0;
  width: 100%;
}

.reso .reso__text {
  color: #333333;
  text-align: center;
  padding-bottom: 1rem;
  margin: 0;
}

.reso .reso__btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1rem;
  min-width: 13rem;
}

@media (max-width: 766px) {
  .reso .reso__btn {
    transform: none;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
  }
}

.reso .reso__btn:focus, .reso .reso__btn:hover {
  background: #00838A;
  border: 0.125rem solid #00838A;
  color: #FFFFFF;
}

.reso .reso__btn:focus span:after, .reso .reso__btn:hover span:after {
  color: #FFFFFF;
}

.reso .reso__btn--wide {
  width: 13.75rem;
}

.reso .reso__btn--chevron {
  text-align: left;
}

.reso .reso__btn--chevron span {
  display: block;
  padding: 0 2.5rem 0 0;
  position: relative;
}

@media (max-width: 766px) {
  .reso .reso__btn--chevron span {
    display: block;
  }
}

.reso .reso__btn--chevron span:after {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  content: '>';
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  color: #00838A;
}

.eh-column {
  display: flex;
  margin-bottom: 1.25rem;
}

@media (max-width: 766px) {
  .eh-column {
    display: block;
  }
  .eh-column--two {
    display: flex;
    flex-wrap: wrap;
  }
  .eh-column--home {
    display: inline-block;
  }
}

.eh-column--home .eh-column__box:nth-child(2) {
  min-width: 0;
}

.eh-column--home .eh-column__box:nth-child(2) .search--with-image {
  background-size: 3.75rem 3.75rem;
  margin-bottom: 0;
}

.eh-column--home .eh-column__box:nth-child(2) .search--with-image label {
  padding-bottom: 1.25rem;
}

.eh-column .eh-column__ellip {
  display: block;
  height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  width: 98%;
  text-overflow: ellipsis;
}

.eh-column p {
  line-height: 1.2rem;
}

.eh-column p .is-bold {
  display: block;
  margin-top: 0.625rem;
}

.eh-column .eh-column__img {
  width: 100%;
  margin-bottom: 0;
  height: 10rem;
}

.eh-column .eh-column__content {
  padding: 0.5rem 0.75rem 0.75rem 0.75rem;
}

.eh-column .eh-column__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2rem;
}

.eh-column .eh-column__box {
  background: #FFFFFF;
  box-shadow: 0.1875rem 0.1875rem 0.5rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 1.25rem;
  margin-right: 1.25rem;
  min-height: 11.25rem;
}

@media (max-width: 766px) {
  .eh-column .eh-column__box--two {
    flex: 0 calc(50% - 5px);
    margin-bottom: 0.625rem;
  }
  .eh-column .eh-column__box--two:nth-child(odd) {
    margin-right: 0.625rem;
  }
}

.eh-column .eh-column__box--nopadding {
  padding: 0;
}

.eh-column .eh-column__box--basis:first-child {
  flex-basis: 13.75rem;
}

.eh-column .eh-column__box:last-child {
  margin-right: 0;
}

@media (max-width: 766px) {
  .eh-column .eh-column__box {
    min-height: 0;
    margin-right: 0;
  }
}

.eh-column__view__wrap {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 766px) {
  .eh-column__view__wrap {
    margin-bottom: 0;
  }
  .eh-column__view__wrap:last-of-type {
    margin-bottom: 0.625rem;
  }
}

.eh-column__view {
  flex: 1 0 21%;
  /* explanation below */
  margin: 0.3125rem;
  min-width: 0;
  background: #FFFFFF;
  box-shadow: 0.0625rem 0.0625rem 0.625rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

@media (max-width: 766px) {
  .eh-column__view {
    margin: 0;
  }
}

.eh-column__card__wrap {
  justify-content: flex-start;
}

@media (max-width: 766px) {
  .eh-column__card__wrap {
    margin-bottom: 0;
  }
  .eh-column__card__wrap:last-of-type {
    margin-bottom: 0.625rem;
  }
}

.eh-column__mask {
  height: 10rem;
  overflow: hidden;
  background-size: cover;
  width: 100%;
}

.eh-column__card {
  background: #FFFFFF;
  box-shadow: 0.0625rem 0.0625rem 0.625rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  flex-basis: 24%;
  margin-bottom: 0.3125rem;
  margin-right: 1%;
  min-width: 24%;
}

@media (max-width: 766px) {
  .eh-column__card {
    margin-right: 0;
  }
  .eh-column__card:nth-child(odd) {
    margin-right: 2%;
  }
}

.page__btn {
  float: right;
  margin-top: 1.25rem;
}

@media (max-width: 766px) {
  .page__btn {
    float: none;
  }
}

.page__btn .icon {
  font-size: 14px;
  font-size: 0.875rem;
  color: #FFFFFF;
  transform: rotate(90deg);
}

.article .article__header,
.article .article__section {
  margin-bottom: 1.25rem;
}

.back-link {
  background: #E7E7E7;
  box-sizing: border-box;
  height: 48px;
  line-height: 1.75rem;
  border-bottom: 0.0625rem solid #D7D7D7;
  border-top: 0.0625rem solid #D7D7D7;
  position: fixed;
  width: 100%;
  z-index: 3;
}

.back-link a {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-decoration: none;
  color: #333333;
  display: block;
  padding: 0.625rem 0.625rem 0.625rem 3.125rem;
}

.back-link a:before {
  font-size: 24px;
  font-size: 1.5rem;
  display: inline-block;
  content: '<';
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  position: relative;
  color: #00838A;
  position: absolute;
  top: 0.8125rem;
  left: 1.25rem;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button,
input[type=date]::-webkit-clear-button {
  display: none;
}

.justGivingInput {
  height: 60px;
  width: 100%;
  padding-left: 10px;
  background-color: #F0F0F0;
  border: none;
  outline: none;
  border-radius: 10px;
}

@media (min-width: 767px) {
  .justGivingInput {
    width: calc(100% - 415px);
  }
}

.isSelected {
  background-color: #FFFFFF;
  border: 1px solid #008A26;
}

.justGivingUrlBtn {
  margin-top: 20px;
  float: right;
}

.red-border {
  border: 1px solid #E32333;
}

.quotes {
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.infobox {
  background: #F0F0F0;
  padding: 1.25rem;
}

@media (min-width: 1025px) {
  .howItHelpsTitle {
    height: 120px;
  }
}

@media (min-width: 1025px) {
  .columnSpaced {
    position: relative;
    height: 475px;
  }
}

@media (min-width: 1025px) {
  .moreInfoBtn {
    position: absolute;
    bottom: 0;
  }
}

.modal__cancel {
  margin-top: 10px;
}

.has-justgiving .not-registered,
.is-registered {
  display: none;
}

.not-registered {
  display: block;
}

.has-justgiving .is-registered {
  display: block;
}

.has-justgiving .is-registered.is-hidden {
  display: none;
}

.flex-center {
  display: flex;
  justify-content: center;
}

@media (max-width: 766px) {
  .flex-center {
    display: block;
  }
}

.flex-center .flex-center__box {
  margin-bottom: 1.25rem;
  margin-right: 1.25rem;
  width: 20rem;
}

.flex-center .flex-center__box:last-of-type {
  margin-right: 0;
}

@media (max-width: 766px) {
  .flex-center .flex-center__box {
    flex: none;
    margin-right: 0;
    width: 100%;
  }
}

.powered-by .powered-by__img {
  margin: 0;
  position: relative;
  top: 0.625rem;
}

.totaliser .modal-trigger {
  position: relative;
  top: -1.375rem;
  left: 1rem;
}

.totaliser .totaliser__impact {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2rem;
}

.totaliser .totaliser__text {
  margin-bottom: 0.625rem;
}

.totaliser .totaliser__progress {
  position: relative;
}

.totaliser .totaliser__progress .totaliser__label {
  font-size: 24px;
  font-size: 1.5rem;
  color: #5E4F9C;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 0.625rem;
}

@media (max-width: 766px) {
  .totaliser .totaliser__progress .totaliser__label {
    left: 0;
    text-align: center;
    width: 100%;
  }
}

.totaliser .totaliser__progress progress {
  background-color: #F0F0F0;
  border: 0;
  display: inline-block;
  height: 2.5rem;
  margin-bottom: 0.625rem;
  padding: 0.25rem;
  overflow: hidden;
  width: calc(100% - 40px);
  z-index: 2;
}

.totaliser .totaliser__progress progress.mini {
  display: block;
  height: 0.75rem;
  padding: 0;
  width: 100%;
}

.totaliser .totaliser__progress progress::-moz-progress-bar {
  background: #5E4F9C;
  border: 0;
}

.totaliser .totaliser__progress progress::-ms-fill {
  background: #5E4F9C;
  border: 0;
}

.totaliser .totaliser__progress progress::-webkit-progress-value {
  background: #5E4F9C;
  border: 0;
}

.totaliser .totaliser__progress progress::-webkit-progress-bar {
  background: #F0F0F0;
  border: 0;
}

.password-form {
  margin-top: 1.25rem;
  max-width: 41.25rem;
}

@media (max-width: 766px) {
  .password-form {
    margin-top: 0;
    max-width: none;
  }
}

.password-form label {
  margin-top: 0.625rem;
}

@media (max-width: 766px) {
  .password-form label {
    margin-top: 0;
  }
}

.shadow-box {
  background: #FFFFFF;
  box-shadow: 0.1875rem 0.1875rem 0.5rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 1.25rem 1rem;
}

.shadow-box--nopadding {
  padding: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.main-title {
  font-size: 40px;
  font-size: 2.5rem;
  margin-bottom: 0;
  margin-top: 2.5rem;
}

@media (max-width: 766px) {
  .main-title {
    margin-top: 1.25rem;
  }
}

.fade-in {
  animation-name: fade-in;
  animation-duration: 2s;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.hero {
  position: relative;
}

.hero .hero__signup {
  background: #FFFFFF;
  border-radius: 0.5rem;
  box-sizing: border-box;
  right: 1.25rem;
  padding: 0.625rem;
  position: absolute;
  bottom: 3.75rem;
  max-width: 15.625rem;
}

@media (min-width: 1025px) {
  .hero .hero__signup {
    right: 6.25rem;
  }
}

@media (max-width: 766px) {
  .hero .hero__signup {
    position: relative;
    top: 0;
    right: 0;
    max-width: none;
    padding: 0 1.25rem;
    width: 100%;
  }
}

.hero .hero__label {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.4rem;
  margin-bottom: 0.625rem;
}

.hero .hero__img {
  height: auto;
  width: 100%;
}

.steps {
  border-radius: 0.125rem;
  padding: 1.25rem;
  position: relative;
}

.steps:before {
  content: '';
  background-color: #00838A;
  position: absolute;
  left: 50%;
  top: 0;
  width: calc(100vw - 15px);
  height: 490px;
  z-index: -1;
  transform: translateX(-50%);
}

@media (max-width: 766px) {
  .steps:before {
    height: 700px;
  }
}

@media (min-width: 767px) {
  .steps {
    background-color: #FFFFFF;
    box-shadow: 0.1875rem 0.1875rem 0.5rem rgba(0, 0, 0, 0.2);
  }
  .steps:before {
    top: 50%;
  }
}

@media (max-width: 766px) {
  .steps {
    border-radius: 0;
    padding: 0.625rem 0;
  }
}

.steps .steps__wrapper {
  padding: 0;
}

@media (max-width: 766px) {
  .steps .steps__wrapper a:not(.button) {
    color: #FFFFFF;
  }
}

@media (max-width: 766px) {
  .steps .steps__wrapper {
    padding: 0 1.25rem;
  }
}

.steps .steps__link {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .steps .steps__link {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.steps .steps__link p {
  margin: 0;
}

.steps .steps__desc,
.steps .steps__img {
  display: block;
}

.steps .steps__list {
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  padding: 0.625rem;
}

@media (max-width: 766px) {
  .steps .steps__desc {
    box-sizing: border-box;
    display: table-cell;
    padding-left: 1.25rem;
    vertical-align: middle;
  }
}

.steps .steps__desc p:first-of-type {
  margin-bottom: 0.625rem;
}

.steps .steps__desc p:first-of-type strong {
  font-size: 24px;
  font-size: 1.5rem;
  color: #008A26;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal !important;
  line-height: 1;
}

.steps .steps__cta {
  margin-bottom: 1.25rem;
}

.steps .steps__cta:focus, .steps .steps__cta:hover {
  background: #FFFFFF;
  color: #5E4F9C;
}

.steps .steps__headline {
  transition: font-size 200ms ease;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  color: #333333;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .steps .steps__headline {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}

.steps .steps__img {
  height: 6.875rem;
  margin: 0 auto 1.25rem;
}

@media (max-width: 766px) {
  .steps .steps__img {
    display: none;
  }
}

.steps .steps__heading {
  color: #00838A;
}

@media (max-width: 766px) {
  .steps .steps__heading {
    color: #FFFFFF;
  }
}

.steps .steps__intro {
  color: #333333;
}

@media (max-width: 766px) {
  .steps .steps__intro {
    color: #FFFFFF;
  }
}

.instagram .instagram__col {
  margin-bottom: 1.25rem;
  position: relative;
}

.instagram .instagram__col:nth-child(3n) {
  margin-right: 0;
}

.instagram .instagram__col:nth-of-type(1n+4) {
  display: block;
}

@media (max-width: 766px) {
  .instagram .instagram__col:nth-of-type(1n+4) {
    display: none;
  }
}

.instagram .instagram__link {
  color: #333333;
  display: block;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  position: relative;
}

.instagram .instagram__link:hover, .instagram .instagram__link:focus {
  color: #333333;
}

.instagram .instagram__link:hover .instagram__overlay, .instagram .instagram__link:focus .instagram__overlay {
  height: 70%;
}

@media (max-width: 766px) {
  .instagram .instagram__link {
    margin: 0 auto 1.25rem;
    max-width: 25rem;
  }
  .instagram .instagram__link:hover, .instagram .instagram__link:focus {
    color: #333333;
  }
  .instagram .instagram__link:hover .instagram__overlay, .instagram .instagram__link:focus .instagram__overlay {
    height: 60%;
    margin: 0 auto;
    max-width: 25rem;
  }
}

.instagram .instagram__img {
  display: block;
  height: auto;
  margin-bottom: 0;
}

@media (max-width: 766px) {
  .instagram .instagram__img {
    margin: 0 auto;
    max-width: 100%;
  }
}

.instagram .instagram__overlay {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  height: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  transition: .4s;
}

@media (max-width: 766px) {
  .instagram .instagram__overlay {
    margin: 0 auto;
    max-width: 25rem;
  }
}

.instagram .instagram__text {
  display: block;
  left: 50%;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0 0.3125rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (max-width: 766px) {
  .instagram .instagram__text {
    transition: font-size 200ms ease;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 0 auto;
    max-width: 25rem;
  }
}

@media (max-width: 766px) and (min-width: 767px) {
  .instagram .instagram__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}

.user {
  position: relative;
  width: 15rem;
  z-index: 2;
  float: left;
}

@media (max-width: 766px) {
  .user {
    float: none;
    width: 100%;
  }
}

.user .user__photo {
  margin-bottom: 0.625rem;
  position: relative;
  width: 100%;
}

.user .user__photo img {
  margin: 0;
  min-width: none;
  width: 100%;
}

@media (max-width: 766px) {
  .user .user__photo {
    margin: 1.25rem auto;
    width: 14.375rem;
  }
}

.user .user__upload {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}

.user .user__fullname {
  font-size: 24px;
  font-size: 1.5rem;
  color: #333333;
  line-height: 1.5rem;
}

.user-story {
  padding-left: 16.25rem;
  position: relative;
}

@media (max-width: 766px) {
  .user-story {
    padding: 0;
    min-height: 0;
  }
}

.team .team__wrapper {
  background: #FFFFFF;
  border-radius: 10px;
  min-height: 32.5rem;
  padding: 1.25rem 0;
}

.team .team__wrapper:focus {
  outline: none;
}

.team .team__section {
  border-top: 0.125rem solid #F0F0F0;
  padding-top: 10px;
}

.team .team__section .team__heading {
  transition: font-size 200ms ease;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  line-height: 1.75rem;
}

@media (min-width: 767px) {
  .team .team__section .team__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.team .team__label {
  color: #333333;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.team .team__photo {
  background: #F0F0F0;
  border-radius: 0.625rem;
  display: table;
  margin-bottom: 1.25rem;
  min-height: 25rem;
  padding: 10px;
  width: 100%;
}

.team .team__photo__upload {
  position: relative;
}

.team .team__photo__upload.form__upload {
  display: table-cell;
  vertical-align: middle;
}

.team .team__photo__upload .form__upload__label {
  max-width: 13.75rem;
  margin: 0 auto;
}

.team .team__steps {
  padding-left: 1.25rem;
}

.team .team__step {
  counter-increment: steps-counter;
  list-style-type: none;
  margin-bottom: 0;
}

.team .team__step:before {
  font-size: 20px;
  font-size: 1.25rem;
  background-color: #008A26;
  border-radius: 50%;
  box-sizing: border-box;
  color: #FFFFFF;
  content: counter(steps-counter) ".";
  display: block;
  float: left;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 2.625rem;
  line-height: 2.625rem;
  margin-bottom: 1.875rem;
  margin-right: 1.875rem;
  padding-left: 0.25rem;
  text-align: center;
  width: 2.625rem;
}

.team .team__step__txt {
  box-sizing: border-box;
  padding-top: 0.25rem;
}

.team .team__nav__list {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: left;
  list-style: none;
}

@media (max-width: 766px) {
  .team .team__nav__list {
    display: none;
  }
}

.team .team__nav__item {
  margin: 0;
  text-align: center;
  margin-left: 0.25rem;
  padding: 0;
}

.team .team__nav__item:first-child {
  margin-left: 0;
}

.team .team__nav__item:before {
  content: none;
}

.team .team__nav__link {
  font-size: 20px;
  font-size: 1.25rem;
  background: #D7D7D7;
  color: #333333;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 3rem;
  line-height: 3rem;
  padding: 0;
  display: block;
  border: none;
  text-decoration: none;
  text-shadow: none;
  width: 11.25rem;
}

.team .team__nav__link:focus, .team .team__nav__link:hover {
  color: #5E4F9C;
}

.team .team__nav__link--active {
  background: #F0F0F0;
  border-bottom: 0.25rem solid #008A26;
  color: #008A26;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

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

.team .team__mobnav__item {
  margin: 0;
  padding: 0;
}

.team .team__mobnav__item:before {
  content: none;
}

.team .team__mobnav__link {
  font-size: 20px;
  font-size: 1.25rem;
  background: #E7E7E7;
  border-bottom: 2px solid #FFFFFF;
  color: #333333;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  height: 3rem;
  line-height: 3rem;
  padding: 0 20px;
  display: block;
  text-decoration: none;
  text-shadow: none;
  width: 100%;
}

.team .team__mobnav__link:after {
  font-size: 24px;
  font-size: 1.5rem;
  content: '>';
  display: inline-block;
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  right: 20px;
  top: 0.1875rem;
  position: absolute;
}

.team .team__mobnav__link:focus, .team .team__mobnav__link:hover {
  color: #5E4F9C;
}

.team .team__mobnav__link.team__mobnav__link--first {
  border-radius: 10px 10px 0 0;
}

.team .team__mobnav__link.team__mobnav__link--last {
  border-radius: 0 0 10px 10px;
}

.team .team__mobnav__link.team__mobnav__link--active {
  background: #F0F0F0;
  color: #008A26;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (max-width: 766px) {
  .team .team__container {
    background: #FFFFFF;
    border-radius: 20px;
  }
}

.team .team__content {
  min-height: 8rem;
  padding-bottom: 0.625rem;
  padding-top: 1.25rem;
}

@media (max-width: 766px) {
  .team .team__content {
    border-radius: 0;
    margin-top: 2.5rem;
  }
}

.team .team__event-section {
  border-top: 2px solid #FFFFFF;
  padding-top: 20px;
}

.members__item {
  list-style-position: outside !important;
  margin-left: 50px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.members__item--new {
  margin-left: 10px;
  list-style-type: none;
}

.members__item--new:before {
  display: none;
}

.members__item__fullname {
  margin-bottom: 0.625rem;
}

.members__details {
  display: none;
}

.members__details.members__details--completed {
  display: none;
}

.members__warnings {
  padding-left: 3.125rem;
}

.members__num {
  margin-right: 1.25rem;
}

.members__form {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 10px;
}

@media (max-width: 766px) {
  .members__form {
    padding: 10px;
  }
}

.members__form .icon {
  font-size: 28px;
  font-size: 1.75rem;
  margin-right: 12px;
}

@media (max-width: 766px) {
  .members__form .icon {
    font-size: 24px;
    font-size: 1.5rem;
    margin-right: 0;
  }
}

.members__form .form__input-text {
  margin-bottom: 20px;
  max-width: none;
  width: 100%;
}

.members__close {
  background: none;
  height: 26px;
  margin-left: 10px;
  padding: 0;
  position: relative;
  top: 2px;
  width: 26px;
  z-index: 2;
}

.members__close:after {
  background: #FFFFFF;
  content: '';
  display: inline-block;
  height: 16px;
  left: 6px;
  position: absolute;
  top: 4px;
  width: 16px;
  z-index: -1;
}

.members__close:focus, .members__close:hover {
  color: #5E4F9C;
}

.members__heading {
  font-size: 24px;
  font-size: 1.5rem;
  color: #007AB8;
}

.members__wrapper {
  padding-left: 3.125rem;
}

@media (max-width: 766px) {
  .members__wrapper {
    padding-left: 0;
  }
}

.members__wrapper .members__warning {
  display: none;
}

.course__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 85%;
}

.course__update {
  float: right;
  margin-top: 10px;
}

.scores .scores__label,
.scores .scores__total {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.scores .scores__label {
  line-height: 2.6rem;
  margin-bottom: 0;
}

.scores .scores__input {
  display: inline-block;
  max-width: 150px;
  min-width: 0;
}

.scores .scores__points {
  display: inline-block;
  margin-left: 0.625rem;
}

.mini-carousel {
  padding-bottom: 2.25rem;
  position: relative;
}

.mini-carousel .mini-carousel__img {
  height: 6.875rem;
  margin-bottom: 0.625rem;
}

.mini-carousel .swiper-container {
  width: 100%;
  margin: 0 auto 0.625rem;
}

.mini-carousel .swiper-slide {
  border-radius: 0.125rem;
  text-align: center;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0.1875rem 0.1875rem 0.5rem 0 rgba(0, 0, 0, 0.2);
  height: 25rem;
  width: 76%;
  padding: 1.25rem;
}

.mini-carousel .swiper-slide p {
  line-height: 1.3rem;
}

.mini-carousel .swiper-slide p:first-of-type {
  margin-bottom: 0.625rem;
}

.mini-carousel .swiper-slide p:first-of-type strong {
  font-size: 24px;
  font-size: 1.5rem;
  color: #008A26;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal !important;
  line-height: 1;
}

.mini-carousel .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
}

.mini-carousel .swiper-pagination .swiper-pagination-bullet {
  background: #F0F0F0;
  border: 0.125rem solid transparent;
  opacity: 1;
  height: 0.625rem;
  margin: 0 0.625rem;
  width: 0.625rem;
}

.mini-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 1rem;
  width: 1rem;
  transform: translateY(3px);
}

.myteam .share {
  margin-bottom: 1.25rem;
}

.myteam .share .share__text {
  background: #F0F0F0;
}

.myteam .myteam__pod {
  margin-right: 1.875rem;
  min-height: 9.375rem;
}

@media (max-width: 766px) {
  .myteam .myteam__pod {
    min-height: 0;
  }
}

.myteam .myteam__pod__title {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #333333;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 0;
}

@media (min-width: 767px) {
  .myteam .myteam__pod__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.myteam .myteam__pod__name {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #333333;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 0;
  white-space: pre-line;
}

@media (min-width: 767px) {
  .myteam .myteam__pod__name {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.myteam .myteam__member {
  min-height: 14.0625rem;
}

@media only screen and (max-width: 900px) {
  .myteam .myteam__member {
    min-height: 0;
    padding: 0.75rem;
    display: flex;
  }
}

.myteam .myteam__member__details {
  padding: 1rem 1rem 1rem 1.25rem;
  width: calc(100% - 225px);
  box-sizing: border-box;
}

@media only screen and (max-width: 900px) {
  .myteam .myteam__member__details {
    padding: 0 0.75rem 0 0.75rem;
    width: calc(100% - 116px);
  }
}

.myteam .myteam__card-heading {
  border-bottom: 1px solid #DAD9D3;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  float: left;
  width: 100%;
}

@media (max-width: 766px) {
  .myteam .myteam__card-heading {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0.75rem;
    float: none;
  }
}

.myteam .myteam__member__heading {
  padding-right: 1.875rem;
}

.myteam .myteam__img-mask {
  height: 14.0625rem;
  width: 14.0625rem;
  overflow: hidden;
}

@media only screen and (max-width: 900px) {
  .myteam .myteam__img-mask {
    height: 7.25rem;
    width: 7.25rem;
  }
}

.myteam .myteam__member__img {
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  max-width: none;
}

.myteam .myteam__card-name {
  margin-right: 0.75rem;
}

.myteam .myteam__card-name {
  margin-bottom: 0;
  float: left;
}

@media (max-width: 766px) {
  .myteam .myteam__card-name {
    float: none;
    margin-bottom: 0.625rem;
  }
}

.myteam .myteam__handicap {
  margin-bottom: 0;
  float: left;
}

@media (max-width: 766px) {
  .myteam .myteam__handicap {
    float: none;
  }
}

.myteam .myteam__handicap__label {
  color: #67655F;
}

.myteam .myteam__flex {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

@media only screen and (max-width: 900px) {
  .myteam .myteam__flex {
    display: block;
  }
}

.myteam .myteam__flex-col {
  margin-bottom: 1rem;
  flex: 1;
}

.myteam .myteam__flex-col:first-child {
  margin-right: 0.5rem;
}

@media (max-width: 766px) {
  .myteam .myteam__flex-col {
    margin-bottom: 0.75rem;
  }
  .myteam .myteam__flex-col:first-child {
    margin-right: 0;
  }
}

.myteam .myteam__flex-label {
  font-size: 16px;
  font-size: 1rem;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #67655F;
  font-weight: normal;
  margin-bottom: 0.25rem;
  line-height: 1;
}

.myteam .myteam__handicap {
  font-size: 16px;
  font-size: 1rem;
  float: right;
}

@media (max-width: 766px) {
  .myteam .myteam__handicap {
    float: none;
  }
}

.myteam .myteam__btn {
  background: transparent;
  border: 0;
  color: #333333;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-transform: uppercase;
}

.myteam .myteam__btn:focus, .myteam .myteam__btn:hover {
  color: #5E4F9C;
}

.myteam .donations .donations__section {
  border-top: 0.125rem solid #008A26;
  margin-top: 1.25rem;
  padding: 1.25rem 0;
}

.myteam .donations .donations__amount {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #333333;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .myteam .donations .donations__amount {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.myteam .teamscore__list {
  box-sizing: border-box;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 0 1.25rem;
}

.myteam .teamscore__list .teamscore__item {
  transition: font-size 200ms ease;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  list-style-type: none;
}

@media (min-width: 767px) {
  .myteam .teamscore__list .teamscore__item {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}

.myteam .teamscore__list .teamscore__val {
  font-size: 28px;
  font-size: 1.75rem;
  display: inline-block;
  margin-left: 1.25rem;
}

.myteam .totaliser__icon {
  bottom: 0.625rem;
  position: absolute;
  right: 0.625rem;
}

.myteam .teamscore__total {
  transition: font-size 200ms ease;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0;
  padding: 0 1.25rem;
}

@media (min-width: 767px) {
  .myteam .teamscore__total {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}

.myteam .teamscore__total-num {
  transition: font-size 200ms ease;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 32px;
  line-height: 2rem;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media (min-width: 767px) {
  .myteam .teamscore__total-num {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 36px;
    line-height: 2.25rem;
  }
}

.amount-chooser .alert {
  border: 0.125rem solid #FFFFFF;
}

@media (max-width: 766px) {
  .team-member {
    text-align: center;
  }
}

.team-member p {
  margin: 0;
}

.team-member .team-member__profile {
  margin-bottom: 1.25rem;
}

.team-member .team-member__mask {
  width: 12.5rem;
  height: 12.5rem;
  overflow: hidden;
  margin-bottom: 0.3125rem;
}

@media only screen and (max-width: 900px) and (min-width: 766px) {
  .team-member .team-member__mask {
    width: 10rem;
    height: 10rem;
  }
}

@media (max-width: 766px) {
  .team-member .team-member__mask {
    max-width: 12.5rem;
    margin: 0 auto 0.625rem;
    display: block;
  }
}

.team-member .team-member__img {
  margin-bottom: 0.3125rem;
  height: 12.5rem;
  width: 12.5rem;
}

@media only screen and (max-width: 900px) and (min-width: 766px) {
  .team-member .team-member__img {
    width: 10rem;
    height: 10rem;
  }
}

@media (max-width: 766px) {
  .team-member .team-member__img {
    max-width: 12.5rem;
    margin: 0 auto 0.625rem;
    display: block;
  }
}

.team-member .team-member__remove {
  background: none;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-decoration: underline;
  border: 0;
  padding: 0;
}

.teampage .button--wide {
  height: 2.75rem;
  padding: 0.75rem 4.5rem;
}

.teampage__donate {
  margin-bottom: 1.25rem;
}

/**
 * JustGiving
 *
 * @section JustGiving
 * @page Objects
 *
*/
/**
 * @sectionof JustGiving
 * @example
 * <div class="jg">
 *   <div class="jg__section">
 *     test
 *   </div>
 * </div>
 */
.jg {
  background-color: #F0F0F0;
  padding: 1.25rem;
}

.jg .jg__heading {
  color: #78256d;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 20px;
}

.jg .jg__button {
  border: 0;
  background-color: #78256d;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
  clear: both;
  white-space: normal;
}

.jg .jg__button:focus, .jg .jg__button:hover {
  background-color: #FFFFFF;
  color: #78256d;
  cursor: pointer;
}

.jg .jg__link {
  color: #78256d;
  text-decoration: none;
}

.jg .jg__link:focus, .jg .jg__link:hover {
  text-decoration: underline;
}

.jg .jg__txt-button {
  background-color: transparent;
  border: 0;
  color: #78256d;
  cursor: pointer;
  text-decoration: none;
}

.jg .jg__txt-button:focus, .jg .jg__txt-button:hover {
  text-decoration: underline;
}

.jg .jg__address-panel {
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  color: #333333;
  border: 0.125rem solid #DAD9D3;
  margin-bottom: 20px;
  max-width: 29.375rem;
  padding: 0.625rem;
}

.jg .jg__table {
  border-collapse: collapse;
  border-spacing: 0;
}

.jg .jg__thead,
.jg .jg__tcell {
  font-weight: normal;
  text-align: left;
  padding: 0.3125rem 1.25rem 0.3125rem 0.3125rem;
  vertical-align: top;
}

.jg .asterisk--jg {
  color: #78256d;
}

.jg .form__input-text--jg {
  background-color: #FFFFFF;
  border: 0.125rem solid #DAD9D3;
}

.jg .form__input-text--jg:focus {
  border: 0.125rem solid #78256d;
}

.jg .form__checkbox-label:before {
  color: #78256d;
  line-height: 22px;
}

.jg__input {
  margin-bottom: 10px;
}

.jg__spinner {
  float: left;
  width: 32px;
  height: 32px;
  background: #fff url("/Assets/images/ajax-loader-purple.gif") 0 0 no-repeat;
  display: none;
  margin: 1.25rem 0 0.3125rem 0.625rem;
  position: relative;
  opacity: .7;
  overflow: hidden;
  zoom: 1;
}

.justGiving__url-edit {
  position: relative;
}

@media (max-width: 766px) {
  .justGiving__url-edit [data-clipboard] {
    float: left;
    margin-bottom: 1.25rem;
  }
}

.login .login__label {
  display: inline-block;
}

.login .login__or {
  position: relative;
  margin-top: 2.5rem;
}

.login .login__or:before {
  content: '';
  display: block;
  background: #D7D7D7;
  position: relative;
  height: 0.0625rem;
}

.login .login__or .login__or__text {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: #FFFFFF;
  line-height: 1rem;
  margin: -0.625rem auto 0.625rem;
  position: relative;
  width: 3.125rem;
}

.login .login__signup {
  border-top: 0.0625rem solid #D7D7D7;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
}

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, left, right);
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, left, right);
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, left, right);
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, left, right);
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.amount-chooser [role="tabpanel"][aria-hidden="true"] {
  display: none;
}

@media (max-width: 766px) {
  .amount-chooser [role="tabpanel"][aria-hidden="true"] {
    display: none;
  }
}

.amount-chooser .tabs {
  margin-bottom: 10px;
}

.amount-chooser .tabs__list [aria-selected="true"],
.amount-chooser .is-active {
  background-color: white;
  color: #008A26;
  position: relative;
}

.amount-chooser .tabs__list [aria-selected="true"]:focus, .amount-chooser .tabs__list [aria-selected="true"]:hover,
.amount-chooser .is-active:focus,
.amount-chooser .is-active:hover {
  color: #008A26;
}

@media (min-width: 767px) {
  .amount-chooser .tabs__list [aria-selected="true"]:after,
  .amount-chooser .is-active:after {
    content: '';
    position: absolute;
    left: calc(100% - 5px);
    background-color: white;
    height: 100%;
    width: 31px;
  }
}

.amount-chooser .amount__tab {
  background: #FFFFFF;
  color: #333333;
  display: block;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 766px) {
  .amount-chooser .amount__tab {
    padding: 0 1rem;
  }
}

.amount-chooser .amount__tab:focus, .amount-chooser .amount__tab:hover {
  color: #5E4F9C;
}

.accordion .accordion__container {
  margin-bottom: 0.625rem;
  background: #F0F0F0;
  border-radius: 0.5rem;
}

.accordion .accordion__container--article {
  padding: 0 1.25rem 1.25rem 1.25rem;
}

.accordion .accordion__btn {
  font-size: 1.25rem;
  padding: 0 3.75rem 0 1.25rem;
  margin: 0;
}

.accordion .accordion__btn a {
  padding: 1.25rem 0;
  display: inline-block;
  position: relative;
  width: 100%;
}

.accordion .accordion__btn a:hover {
  text-decoration: none;
}

.accordion .accordion__btn a:hover .icon--chevron-down {
  color: #008A26;
}

.accordion .accordion__btn a .icon--chevron-down {
  color: #008A26;
}

.accordion .accordion__btn a .icon--chevron-down::before {
  top: 3px;
  position: relative;
}

.accordion .accordion__btn a .icon {
  height: 2.5rem;
  width: 2.5rem;
  right: -2.5rem;
  top: 0.75rem;
  position: absolute;
  text-align: center;
  background-color: #DAD9D3;
  border-radius: 4.375rem;
  padding-top: 0.375rem;
}

.accordion .accordion__btn.accordion__btn--open {
  margin-bottom: 0;
}

.accordion .accordion__btn.accordion__btn--open .icon--chevron-down {
  color: #333333;
  transform: rotate(180deg);
}

.accordion .accordion__btn.accordion__btn--open:hover .icon--chevron-down, .accordion .accordion__btn.accordion__btn--open:focus .icon--chevron-down {
  color: #333333;
}

.accordion .accordion__accordionLink {
  text-decoration: none;
  font-weight: normal;
}

.flb {
  background: #F0F0F0;
  border-radius: 0.5rem;
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding: 1.25rem;
  position: relative;
}

@media (max-width: 766px) {
  .flb {
    background: #FFFFFF;
    padding: 0.625rem;
  }
}

.flb .flb__item {
  background: #FFFFFF;
  border-radius: 0.5rem;
  box-sizing: border-box;
  display: block;
  height: 6.875rem;
  margin-bottom: 0.3125rem;
  padding: 0.625rem 0.625rem 0;
  width: 100%;
}

@media (max-width: 766px) {
  .flb .flb__item {
    background: #F0F0F0;
    border-radius: 0;
    display: block;
    height: auto;
    margin-bottom: 0.3125rem;
    padding: 0.625rem;
  }
  .flb .flb__item:first-of-type, .flb .flb__item:nth-child(6) {
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .flb .flb__item:nth-child(5), .flb .flb__item:nth-child(10) {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}

.flb .flb__amount {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 0;
}

@media (max-width: 766px) {
  .flb .flb__amount {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.flb .flb__labels {
  padding-left: 0.3125rem;
}

.flb .flb__heading {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}

@media (max-width: 766px) {
  .flb .flb__heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2rem;
  }
}

.flb .flb__heading.flb__heading--white {
  color: #FFFFFF;
}

.flb .flb__heading.flb__heading--rank {
  padding: 1.25rem 0 0 0.3125rem;
  margin-bottom: 0;
}

@media (max-width: 766px) {
  .flb .flb__heading.flb__heading--rank {
    padding: 0;
  }
}

.flb .flb__statement {
  padding-top: 1.25rem;
}

@media (max-width: 766px) {
  .flb .flb__statement {
    padding-top: 3.125rem;
  }
}

.flb .flb__pagination {
  left: 50%;
  transform: translateX(-50%);
}

.flb .flb__pagination .swiper-pagination-bullet {
  background: #FFFFFF;
  border: 0.125rem solid #008A26;
  height: 0.75rem;
  margin: 1.25rem 0.25rem 0;
  opacity: 1;
  width: 0.75rem;
}

.flb .flb__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #008A26;
}

.slb {
  background: #F0F0F0;
  border-radius: 0.5rem;
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  padding: 1.25rem 3.125rem;
  position: relative;
}

@media (max-width: 766px) {
  .slb {
    padding: 1.25rem 0.625rem;
  }
}

@media (max-width: 766px) {
  .slb .slb__txt {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0 0.625rem;
  }
}

.slb .slb__item {
  background: #FFFFFF;
  border-radius: 0.5rem;
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
}

@media (max-width: 766px) {
  .slb .slb__item {
    margin-bottom: 0.625rem;
    padding: 0.625rem;
  }
}

.slb .slb__img {
  background-position: center center;
  background-size: cover;
  height: 9rem;
  position: relative;
  width: 13.625rem;
}

@media (max-width: 766px) {
  .slb .slb__img {
    display: none;
  }
}

.slb .slb__score {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 0;
  text-align: right;
}

@media (max-width: 766px) {
  .slb .slb__score {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.slb .slb__heading {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 0.625rem;
}

@media (max-width: 766px) {
  .slb .slb__heading {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.slb .slb__heading.slb__heading--rank {
  padding: 0;
  margin-bottom: 0;
  width: 3.75rem;
}

@media (max-width: 766px) {
  .slb .slb__heading.slb__heading--rank {
    width: 3.125rem;
  }
}

.share--gap {
  margin-bottom: 1.25rem;
}

.share .share__url {
  background: #FFFFFF;
  box-sizing: border-box;
  margin-bottom: 1.25rem;
  height: 2.75rem;
}

.share .share__url .share__text {
  border: 0;
  box-sizing: border-box;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 0.625rem;
  height: 2.75rem;
  width: 100%;
}

.share .share__heading {
  font-size: 18px;
  font-size: 1.125rem;
  color: #333333;
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.share .share__btn {
  background: #FFFFFF;
  border: 2px solid #00838A;
  border-radius: 2.5rem;
  box-sizing: border-box;
  color: #00838A;
  display: inline-block;
  height: 2.75rem;
  line-height: 1.625rem;
  text-align: center;
  text-decoration: none;
  margin-right: 0.25rem;
  padding: 0.5rem 1.125rem 0.5rem 1rem;
  position: relative;
}

@media (max-width: 766px) {
  .share .share__btn {
    display: block;
    margin-bottom: 0.625rem;
    margin-right: 0;
    text-align: center;
    max-width: none;
  }
  .share .share__btn:last-of-type {
    margin-bottom: 0;
  }
}

.share .share__btn:focus, .share .share__btn:hover {
  background: #5E4F9C;
  border: 2px solid #5E4F9C;
  color: #FFFFFF;
}

.share .share__btn .share__icon {
  position: relative;
  display: inline-block;
  padding-left: 2rem;
}

.share .share__btn .share__icon:before {
  content: '';
  background: url(../../Assets/images/share-icons.png) 0 0 no-repeat;
  border: 0;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn .share__icon:before {
    background: url(../../Assets/images/share-icons@2x.png) 0 0 no-repeat;
    background-size: 24px;
  }
}

.share .share__btn--success {
  background: #008A26 !important;
}

.share .share__btn--success:focus, .share .share__btn--success:hover {
  background: #008A26 !important;
  border: 2px solid #008A26 !important;
}

.share .share__btn--success .share__icon:before {
  background-position: 0px -318px !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--success .share__icon:before {
    background-position: 0 -336px !important;
  }
}

.share .share__btn--copy {
  background: #00838A;
  color: #FFFFFF;
}

.share .share__btn--copy:focus, .share .share__btn--copy:hover {
  background: #00676C;
  border: 2px solid #00676C;
  color: #FFFFFF;
}

.share .share__btn--copy .share__icon:before {
  background-position: 0 -118px;
}

.share .share__btn--email {
  color: #333333;
}

.share .share__btn--email:focus, .share .share__btn--email:hover {
  background: #00838A;
  border: 2px solid #00838A;
  color: #FFFFFF;
}

.share .share__btn--email:focus .share__icon:before, .share .share__btn--email:hover .share__icon:before {
  background-position: 0 -198px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--email:focus .share__icon:before, .share .share__btn--email:hover .share__icon:before {
    background-position: 0 -204px;
  }
}

.share .share__btn--email .share__icon:before {
  background-position: 0px -76px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--email .share__icon:before {
    background-position: 0px -75px;
  }
}

.share .share__btn--msg {
  border: 2px solid #0084FF;
  color: #0084FF;
}

.share .share__btn--msg:focus, .share .share__btn--msg:hover {
  background: #0084FF;
  border: 2px solid #0084FF;
  color: #FFFFFF;
}

.share .share__btn--msg .share__icon:before {
  background-position: 5px -157px;
  background-color: #FFFFFF;
  padding: 0.9375rem;
  border-radius: 50%;
  top: -0.1875rem;
  left: -0.3125rem;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--msg .share__icon:before {
    background-position: 5px -160px;
  }
}

.share .share__btn--fb {
  border: 2px solid #3b5998;
  color: #3b5998;
}

.share .share__btn--fb:focus, .share .share__btn--fb:hover {
  background: #3b5998;
  border: 2px solid #3b5998;
  color: #FFFFFF;
}

.share .share__btn--fb:focus .share__icon:before, .share .share__btn--fb:hover .share__icon:before {
  background-position: 0 -239px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--fb:focus .share__icon:before, .share .share__btn--fb:hover .share__icon:before {
    background-position: 0 -249px;
  }
}

.share .share__btn--fb .share__icon:before {
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--fb .share__icon:before {
    background-position: 0 0;
  }
}

.share .share__btn--wa {
  border: 2px solid #075e54;
  color: #075e54;
}

.share .share__btn--wa:focus, .share .share__btn--wa:hover {
  background: #075e54;
  border: 2px solid #075e54;
  color: #FFFFFF;
}

.share .share__btn--wa .share__icon {
  padding-left: 1.75rem;
}

.share .share__btn--wa .share__icon:before {
  background-position: 0px -38px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--wa .share__icon:before {
    background-position: 0px -38px;
  }
}

.share .share__btn--tw {
  background: #FFFFFF;
  border: 2px solid #1DA1F2;
  color: #333333;
}

.share .share__btn--tw:focus, .share .share__btn--tw:hover {
  background: #C8EAFF;
  border: 2px solid #1DA1F2;
  color: #333333;
}

.share .share__btn--tw:focus .share__icon:before, .share .share__btn--tw:hover .share__icon:before {
  background-position: 0px -280px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--tw:focus .share__icon:before, .share .share__btn--tw:hover .share__icon:before {
    background-position: 0px -292px;
  }
}

.share .share__btn--tw .share__icon {
  padding-left: 1.875rem;
}

.share .share__btn--tw .share__icon:before {
  background-position: 0px -280px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .share .share__btn--tw .share__icon:before {
    background-position: 0px -292px;
  }
}

@media (min-width: 767px) {
  .fb_dialog_content > iframe {
    width: 600px !important;
  }
}

@media (max-width: 766px) {
  .conf-modal .conf-modal__img {
    display: block;
    margin: 0 auto 1.25rem;
    max-width: 9.375rem;
  }
}

.conf-modal .conf-modal__url {
  background: #F0F0F0;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  padding: 0.5rem;
}

.conf-modal .conf-modal__wrapper {
  word-wrap: break-word;
  width: 100%;
}

.search {
  position: relative;
}

.search .search_btn {
  background: none;
  padding: 0;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
  z-index: 102;
}

.search .search_btn:focus .icon:before, .search .search_btn:hover .icon:before {
  color: #5E4F9C;
}

.search .search__input {
  padding-right: 3.125rem;
  z-index: 101;
  border: 0.125rem solid #FFFFFF;
}

.search .tt-menu {
  background-color: #F0F0F0;
  width: 100%;
  border-bottom: 0.125rem solid #FFFFFF;
  margin-top: -10px;
}

.search .tt-dataset {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
  padding-top: 20px;
}

.search .twitter-typeahead {
  width: 100%;
}

.search__total {
  font-size: 24px;
  font-size: 1.5rem;
  display: inline-block;
  margin-right: 0.25rem;
}

.search__result {
  flex-basis: 100%;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px;
}

.search__mask {
  background: #FFFFFF;
  height: 2.75rem;
  width: 2.75rem;
  overflow: hidden;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}

.search__profileImage {
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  max-width: none;
}

.search__wrap {
  overflow: hidden;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.search__text {
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  display: flex;
  align-self: center;
  font-weight: normal;
}

.search__icon {
  width: auto;
  height: 18px;
  margin: 0;
  padding: 0;
  display: flex;
  align-self: center;
}

.search__all {
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-left: 70px;
  color: #5E4F9C;
}

.search__center label {
  margin-bottom: 1.25rem;
}

.search--with-image {
  background: url(/Assets/images/people-icon@2x.png) no-repeat top right;
  padding-right: 30%;
  margin-bottom: 0.625rem;
  background-size: contain;
}

@media (max-width: 766px) {
  .search--with-image {
    background-size: 4.375rem 4.125rem;
  }
}

.search--with-image label {
  padding-right: 1.25rem;
}

@media (max-width: 766px) {
  .search--with-image label {
    padding-right: 0;
    padding-bottom: 0.625rem;
    margin-bottom: 0;
  }
}

.support {
  background: url("../../Assets/images/teal-bg-mobile@2x.png") 0 0 no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 1rem 1.25rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media (min-width: 767px) {
  .support {
    background: url("../../Assets/images/teal-bg@2x.png") 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 0.75rem 1.25rem;
    height: 8.75rem;
  }
}

@media (min-width: 1025px) {
  .support {
    height: 7.75rem;
  }
}

.support .support__icon {
  display: none;
}

@media (min-width: 767px) {
  .support .support__icon {
    width: 5.125rem;
    height: 5.125rem;
    display: block;
    position: absolute;
    bottom: -0.5rem;
    right: 1.25rem;
    margin-bottom: 0;
  }
}

.support .support__contact {
  position: relative;
  height: auto;
}

@media (min-width: 767px) {
  .support .support__contact {
    margin-top: 1.25rem;
    height: 4.25rem;
  }
}

@media (min-width: 1025px) {
  .support .support__contact {
    margin-top: 0;
    height: 5.25rem;
  }
}

.support .support__num {
  font-size: 32px;
  font-size: 2rem;
  cursor: default;
  text-decoration: none;
}

@media (min-width: 767px) {
  .support .support__num {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 32px;
    font-size: 2rem;
  }
}

@media (min-width: 1025px) {
  .support .support__num {
    font-size: 38px;
    font-size: 2.375rem;
  }
}

.support .support__num,
.support a,
.support p {
  color: #FFFFFF;
}

.intro {
  display: flex;
  flex-wrap: wrap;
  margin-top: -3.75rem;
}

@media (min-width: 767px) {
  .intro {
    margin-top: 0;
  }
}

.intro__cta {
  order: 0;
  padding: 1rem 1.5rem 0 1.5rem;
  box-shadow: 0.25rem 0.25rem 0.9375rem rgba(0, 0, 0, 0.2);
}

@media (max-width: 766px) {
  .intro__cta {
    padding: 1rem 0.625rem 0 0.625rem;
  }
}

.intro__cta p,
.intro__cta .button {
  font-size: 20px;
  font-size: 1.25rem;
}

.intro__content {
  order: 1;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 767px) {
  .intro__content {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.filter {
  margin-top: 1.25rem;
}

.filter .filter__wrap {
  margin-right: 0.25rem;
  float: right;
}

@media (max-width: 766px) {
  .filter .filter__wrap {
    float: none;
    margin-right: 0;
  }
}

.filter .filter__total {
  margin-top: 0.75rem;
  float: left;
}

@media (max-width: 766px) {
  .filter .filter__total {
    float: none;
    margin-bottom: 0.625rem;
    margin-top: 0;
  }
}

.filter .filter__label {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 0.625rem;
  position: relative;
  top: -0.8125rem;
}

@media (max-width: 766px) {
  .filter .filter__label {
    top: 0;
    margin-bottom: 0.625rem;
  }
}

.filter .filter__box {
  display: inline-block;
  background: #F0F0F0;
  box-sizing: border-box;
  height: 40px;
  overflow: hidden;
  position: relative;
  width: 14.125rem;
}

@media (max-width: 766px) {
  .filter .filter__box {
    width: 100%;
  }
}

.filter .filter__box select::-ms-expand {
  display: none;
}

.filter .filter__box:after {
  font-size: 22px;
  font-size: 1.375rem;
  content: '>';
  color: #333333;
  display: inline-block;
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  position: absolute;
  top: 0.625rem;
  right: 1rem;
  transform: rotate(90deg);
  z-index: 1;
}

.filter .filter__selectbox {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: transparent;
  border: 0;
  box-sizing: border-box;
  display: block;
  height: 2.5rem;
  padding: 0 0.625rem 0 0.5rem;
  position: relative;
  width: 15rem;
  -webkit-appearance: none;
  z-index: 2;
}

@media (max-width: 766px) {
  .filter .filter__selectbox {
    width: 102%;
  }
}

.filter .filter__selectbox:focus {
  outline: none;
}

.donation-page {
  background: url("/Assets/images/grass-bg.jpg");
}

.donation-content {
  max-width: 39.75rem;
  margin: 0 auto;
}

.giftaid-wrapper {
  padding-top: 0;
}

.giftaid-wrapper .donation__title {
  margin-top: 0;
}

@media screen and (min-width: 1025px) {
  .giftAidDeclaration__image {
    width: 300px;
  }
}

.giftAidDeclaration__wrapper {
  display: flex;
}

.giftAidDeclaration__wrapper .text--large {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.giftAidDeclaration__wrapper p, .giftAidDeclaration__wrapper .giftAidDeclaration__image img {
  margin-bottom: 0;
}

@media screen and (max-width: 400px) {
  .giftAidDeclaration__wrapper {
    flex-direction: column-reverse;
  }
  .giftAidDeclaration__wrapper .giftAidDeclaration__image {
    text-align: right;
  }
  .giftAidDeclaration__wrapper .giftAidDeclaration__image img {
    max-width: 40%;
  }
}

.donation-container {
  background: #FFFFFF;
  padding: 1.25rem 2.5rem;
  margin-top: 1.25rem;
}

@media screen and (max-width: 610px) {
  .donation-container {
    padding: 1.25rem 1rem;
  }
}

.donation-container .share {
  padding-top: 1.25rem;
  border-top: 0.125rem solid #F0F0F0;
}

.donation-container .share .share__btn {
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  border: 0.0625rem solid #5E4F9C;
  padding: 0.5rem 0.75rem;
}

.donation-container .share .share__btn--copy {
  background: transparent;
  color: #5E4F9C;
  margin-bottom: 1.25rem;
}

.donation-container .share .share__btn--copy .share__icon {
  padding-left: 1.5rem;
}

.donation-container .share .share__btn--copy .share__icon:before {
  background-position: 0 -400px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  .donation-container .share .share__btn--copy .share__icon:before {
    background-position: 0px -424px;
  }
}

.donation-container .share .share__btn--copy:focus, .donation-container .share .share__btn--copy:hover {
  background: #5E4F9C;
  color: #FFFFFF;
  border: 0.0625rem solid #5E4F9C;
}

.donation-container .share .share__btn--copy:focus .share__icon:before, .donation-container .share .share__btn--copy:hover .share__icon:before {
  background-position: 0 -118px;
}

.donation-container .share .share__btn--success {
  color: #FFFFFF !important;
}

.donation-container .share .share__btn--success:focus, .donation-container .share .share__btn--success:hover {
  background: #5E4F9C !important;
  color: #FFFFFF !important;
  border: 0.0625rem solid #5E4F9C !important;
}

.donation-container .share .share__text {
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  border: 0.0625rem solid #D7D7D7;
  background: #F0F0F0;
}

.donation-container .postcode-button {
  border: 0.125rem solid #5E4F9C;
  color: #5E4F9C;
  margin-bottom: 1.25rem;
  position: relative;
  float: right;
  margin-top: 2rem;
}

@media (max-width: 766px) {
  .donation-container .postcode-button {
    float: none;
    margin-top: 0;
  }
}

.donation-container .postcode-button:focus, .donation-container .postcode-button:hover {
  background: #5E4F9C;
  color: #FFFFFF;
}

.donation-container .form__input-text {
  border-radius: 0.25rem;
  border: 0.0625rem solid #D7D7D7;
  background: #F0F0F0;
}

.donation-container .form__input-text:focus {
  border-color: #008A26;
}

.donation-container .form-group {
  position: relative;
  clear: both;
}

.donation-container .form-group[role=radiogroup] {
  margin-bottom: 8px;
  display: flex;
}

.donation-container .donations__amounts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 0;
}

@media screen and (min-width: 610px) {
  .donation-container .donations__amounts {
    flex-wrap: nowrap;
  }
}

.donation-container .donation__button {
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  background-color: #F0F0F0;
  color: #333333;
  font-size: 26px;
  margin-right: 16px;
  height: 3.25rem;
  line-height: 3.25rem;
  padding: 0 12px;
  min-width: 15%;
}

.donation-container .donation__button span {
  font-size: 26px;
  margin-right: 2px;
}

.donation-container .donation__button:focus, .donation-container .donation__button:hover, .donation-container .donation__button.active {
  color: white;
  background-color: #5E4F9C;
}

@media screen and (max-width: 600px) {
  .donation-container .donation__button {
    margin-bottom: 16px;
    margin-right: 0;
  }
}

@media screen and (min-width: 400px) {
  .donation-container .donation__button {
    flex-basis: 22%;
    padding: 0 16px;
  }
}

.donation-container .donation__button [type=radio] {
  display: none;
  visibility: hidden;
}

.donation-container .donation__button [type=radio]:checked {
  outline: 1px solid #E32333;
}

.donation-container .donation__button__text {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media screen and (max-width: 600px) {
  .donation-container .donation__button__text {
    width: 100%;
  }
}

.donation-container .donation__button__text input {
  height: 100%;
  display: inline-block;
  border-radius: 4px;
  border: 0;
  background-color: #F0F0F0;
  color: #333333;
  padding: 6px 28px;
  font-size: 26px;
  font-weight: bold;
  max-width: 160px;
}

.donation-container .donation__button__text input::placeholder {
  color: #333333;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@media screen and (max-width: 600px) {
  .donation-container .donation__button__text input {
    display: block;
    max-width: none;
    height: auto;
    width: 100%;
  }
}

.donation-container .donation__button__text > label {
  position: absolute;
  font-weight: bold;
  font-size: 26px;
  padding: 16px 0px 0px 10px;
}

@media (max-width: 766px) {
  .donation-container .donation__button__text > label {
    padding: 15px 0px 0px 12px;
  }
}

.donation-container .donation__title {
  color: #00838A;
  font-size: 24px;
  margin-top: 1rem;
}

.donation-container .donation__subheading {
  max-width: 90%;
}

.donation-container .giftAidDeclartaion__info {
  margin-bottom: 16px;
}

.donation-container .isgiftaid--yes, .donation-container .isgiftaid--no {
  margin-bottom: 0;
  margin-right: 0;
}

.donation-container .isgiftaid--no p {
  margin-bottom: 0;
}

.donation-container .giftaid-wrapper {
  padding-top: 0;
}

.donation-container .giftaid-wrapper .donation__title {
  margin-top: 0;
}

.donation-container .donation__sub-title {
  color: #333333;
  font-size: 18px;
  line-height: 18px;
  margin-top: 16px;
  border-bottom: 2px solid #F0F0F0;
  padding-bottom: 16px;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 400;
}

.donation-container .donation__sub-title:after {
  content: ">";
  font-family: "macmillan_font";
  transform: rotate(90deg);
  display: inline-block;
  color: #008A26;
  margin-left: 5px;
  font-size: 20px;
}

.donation-container .personal-message__row {
  border-top: 2px solid #f0f0f0;
  padding-top: 20px;
}

.donation-container .progress-container {
  border-bottom: 0.125rem solid #F0F0F0;
}

.donation-container .progress-items {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 1.25rem 3.125rem 0.625rem;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .donation-container .progress-items {
    padding: 1.25rem 3.125rem 0.625rem;
  }
}

@media screen and (min-width: 992px) {
  .donation-container .progress-items {
    padding: 1.875rem 4.375rem 0.625rem;
  }
}

.donation-container .progress-items > div {
  float: left;
}

.donation-container .progress-items .progress-item {
  text-align: center;
  position: relative;
  margin-bottom: 15px;
}

.donation-container .progress-items .progress-item.in-progress .number {
  background-color: #008A26;
  color: #FFFFFF;
}

.donation-container .progress-items .progress-item.completed .number {
  background-color: #F0F0F0;
  color: #FFFFFF;
}

.donation-container .progress-items .progress-item.completed .number:hover {
  cursor: pointer;
  background-color: #008A26;
}

.donation-container .progress-items .progress-item .number {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 100%;
  color: #5E4F9C;
  font-size: 20px;
  position: relative;
  color: #FFFFFF;
  background-color: #FFFFFF;
  border: 1px solid #7F7F7F;
  transition: all .4s ease;
  font-weight: bold;
  margin: 0;
}

.donation-container .progress-items .progress-item .number span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .donation-container .progress-items .progress-item .section-title {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .donation-container .progress-items .progress-item.in-progress .section-title {
    display: block;
  }
}

.donation-container .progress-items .progress-item.in-progress .section-title h3 {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.donation-container .progress-items .progress-item .section-title {
  position: absolute;
  top: -25px;
  width: 150px;
  left: 50%;
  transform: translate(-50%, 0);
}

.donation-container .progress-items .progress-item .section-title h3 {
  font-size: 16px;
  font-family: "helvetica_roman", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  color: #333333;
}

.donation-container .progress-items .bar {
  width: calc(58% - 80px);
  height: 0.125rem;
  margin-top: 0.625rem;
  background-color: #D7D7D7;
  position: relative;
}

@media screen and (max-width: 766px) {
  .donation-container .progress-items .bar {
    width: calc(58% - 85px);
  }
}

@media screen and (max-width: 550px) {
  .donation-container .progress-items .bar {
    width: calc(58% - 64px);
  }
}

@media screen and (max-width: 414px) {
  .donation-container .progress-items .bar {
    width: calc(58% - 54px);
  }
}

@media screen and (max-width: 320px) {
  .donation-container .progress-items .bar {
    width: calc(58% - 45px);
  }
}

.donation-container .progress-items .bar:after {
  content: '';
  display: block;
  height: 0.125rem;
  position: absolute;
  width: 0%;
  left: 0;
  top: 0;
  background-color: #5E4F9C;
  transition: all .5s ease;
}

.donation-container .progress-items .bar.move:after {
  width: 100%;
}

.field-row--error .field {
  color: #c9338b;
}

.field-row--error .field__hint {
  color: #c9338b;
}

.field-row--error {
  float: left;
  padding: 10px 20px 10px 40px;
  background-color: #c9338b;
  margin-top: 10px;
  border-radius: 5px;
  color: #FFFFFF;
  position: relative;
}

@media screen and (max-width: 380px) {
  .field-row--error {
    padding: 10px 10px 10px 40px;
  }
}

.giftaid__error .field-row--error {
  float: none;
}

.field-row--error:after {
  content: '';
  background: url("/Assets/images/information-white.svg") no-repeat;
  position: absolute;
  left: 10px;
  width: 25px;
  height: 25px;
  top: 10px;
}

.field-row--error:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 7.5px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #c9338b;
}

.field-row--error input,
.field-row--error select {
  border: 2px solid #c9338b;
}

.data-protection__consent:before {
  content: none !important;
}

.fullwidth--floatleft {
  width: 100%;
  float: left;
}

.validation-summary-errors > ul > li {
  color: #c9338b;
}

.supporter-list h2 {
  color: #008A26;
  padding-bottom: 1rem;
}

.supporter-list__total {
  font-size: 18px;
  line-height: 32px;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #333333;
  float: right;
}

.supporter-list__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.supporter-list__space {
  margin-bottom: 1rem;
}

.supporter-list__item h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  color: #333333;
}

.supporter-list__item__title {
  margin: 0;
  padding: 0;
}

.supporter-list__item__date {
  font-size: 18px;
  line-height: 24px;
  color: #7F7F7F;
}

.supporter-list__item__amount {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #5E4F9C;
  font-size: 18px;
  line-height: 24px;
}

.supporter-list__item__sub-amount {
  color: #5E4F9C;
  font-size: 16px;
  line-height: 20px;
}

.supporter-list__item__content {
  color: #333333;
  font-size: 18px;
  line-height: 24px;
  word-wrap: break-word;
}

.supporter-list__item__content *:last-child {
  margin-bottom: 0;
}

.supporter-list__item__divider {
  border-bottom: 2px solid #F0F0F0;
}

.supporter-list__item--is-loading {
  background: #FFFFFF url(/Assets/images/ajax-loader-grey.gif) 50% 50% no-repeat;
  padding: 1rem 0;
  margin-bottom: 1rem;
}

.mini-totaliser__progress-bar {
  font-size: 24px;
  font-size: 1.5rem;
  border: 0.1875rem solid #FFFFFF;
  box-shadow: 0 0 0 0.0625rem #DAD9D3;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  min-height: 2.5rem;
  position: relative;
  color: #5E4F9C;
  margin-bottom: 1rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
}

@media only screen and (max-width: 900px) {
  .mini-totaliser__progress-bar {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.mini-totaliser__progress-bar:after {
  content: '';
  color: #FFFFFF;
  width: 0%;
  background-color: #5E4F9C;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  align-items: center;
  justify-content: center;
  will-change: transform;
  transition: width .25s linear;
  transition-delay: 250ms;
}

/**
 * TRUMPS
 * Float utility classes.
 * Image replacement.
 * Display states.
 */
.button {
  font-size: 18px;
  font-size: 1.125rem;
  color: #00838A;
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1;
  text-decoration: none;
  border-radius: 2.75rem;
  border: 0.125rem solid #00838A;
  display: inline-block;
  padding: 0.5rem 0.75rem;
  transition: all 0.25s ease;
  background-color: transparent;
  color: #00838A;
}

.button:hover, .button:focus {
  color: #FFFFFF;
  background-color: #00838A;
}

.button--wide {
  padding: 0.5rem 4.5rem;
}

.button--chevron {
  padding: 0.5rem 1rem 0.5rem 0.75rem;
}

.button--chevron span {
  display: inline-block;
  padding-right: 1.25rem;
  position: relative;
}

.button--chevron span:after {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
  content: '>';
  position: absolute;
  right: -0.25rem;
  top: 0.0625rem;
  display: inline-block;
  color: #00838A;
}

.button--chevron:hover span:after, .button--chevron:focus span:after {
  color: #FFFFFF;
}

.button.button--small {
  font-size: 16px;
  font-size: 1rem;
  padding: 0.25rem 0.625rem;
}

.button.button--solid {
  background-color: #00838A;
  color: #FFFFFF;
}

.button.button--solid:hover, .button.button--solid:focus {
  color: #FFFFFF;
  background-color: #00676C;
  border: 0.125rem solid #00676C;
}

.button.button--solid.button--alt {
  color: #FFFFFF;
  background-color: #5E4F9C;
}

.button.button--solid.button--alt:hover, .button.button--solid.button--alt:focus {
  color: #FFFFFF;
  border-color: #5E4F9C;
}

.button.button--solid span:after {
  color: #FFFFFF;
}

.button.button--alt {
  color: #5E4F9C;
  border-color: #5E4F9C;
}

.button.button--alt:hover, .button.button--alt:focus {
  color: #FFFFFF;
  background-color: #5E4F9C;
}

.button.button--white {
  color: #00838A;
  border-color: white;
  background-color: white;
}

.button.button--white:hover, .button.button--white:focus {
  color: #FFFFFF;
  background-color: #00838A;
}

@media (max-width: 766px) {
  .small--button {
    font-size: 18px;
    font-size: 1.125rem;
    color: #00838A;
    font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1;
    text-decoration: none;
    border-radius: 2.75rem;
    border: 0.125rem solid #00838A;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    transition: all 0.25s ease;
    background-color: transparent;
    color: #00838A;
  }
  .small--button:hover, .small--button:focus {
    color: #FFFFFF;
    background-color: #00838A;
  }
  .small--button--wide {
    padding: 0.5rem 4.5rem;
  }
  .small--button--chevron {
    padding: 0.5rem 1rem 0.5rem 0.75rem;
  }
  .small--button--chevron span {
    display: inline-block;
    padding-right: 1.25rem;
    position: relative;
  }
  .small--button--chevron span:after {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
    content: '>';
    position: absolute;
    right: -0.25rem;
    top: 0.0625rem;
    display: inline-block;
    color: #00838A;
  }
  .small--button--chevron:hover span:after, .small--button--chevron:focus span:after {
    color: #FFFFFF;
  }
  .small--button.small--button--small {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.25rem 0.625rem;
  }
  .small--button.small--button--solid {
    background-color: #00838A;
    color: #FFFFFF;
  }
  .small--button.small--button--solid:hover, .small--button.small--button--solid:focus {
    color: #FFFFFF;
    background-color: #00676C;
    border: 0.125rem solid #00676C;
  }
  .small--button.small--button--solid.small--button--alt {
    color: #FFFFFF;
    background-color: #5E4F9C;
  }
  .small--button.small--button--solid.small--button--alt:hover, .small--button.small--button--solid.small--button--alt:focus {
    color: #FFFFFF;
    border-color: #5E4F9C;
  }
  .small--button.small--button--solid span:after {
    color: #FFFFFF;
  }
  .small--button.small--button--alt {
    color: #5E4F9C;
    border-color: #5E4F9C;
  }
  .small--button.small--button--alt:hover, .small--button.small--button--alt:focus {
    color: #FFFFFF;
    background-color: #5E4F9C;
  }
  .small--button.small--button--white {
    color: #00838A;
    border-color: white;
    background-color: white;
  }
  .small--button.small--button--white:hover, .small--button.small--button--white:focus {
    color: #FFFFFF;
    background-color: #00838A;
  }
}

@media (min-width: 767px) {
  .medium--button {
    font-size: 18px;
    font-size: 1.125rem;
    color: #00838A;
    font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1;
    text-decoration: none;
    border-radius: 2.75rem;
    border: 0.125rem solid #00838A;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    transition: all 0.25s ease;
    background-color: transparent;
    color: #00838A;
  }
  .medium--button:hover, .medium--button:focus {
    color: #FFFFFF;
    background-color: #00838A;
  }
  .medium--button--wide {
    padding: 0.5rem 4.5rem;
  }
  .medium--button--chevron {
    padding: 0.5rem 1rem 0.5rem 0.75rem;
  }
  .medium--button--chevron span {
    display: inline-block;
    padding-right: 1.25rem;
    position: relative;
  }
  .medium--button--chevron span:after {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
    content: '>';
    position: absolute;
    right: -0.25rem;
    top: 0.0625rem;
    display: inline-block;
    color: #00838A;
  }
  .medium--button--chevron:hover span:after, .medium--button--chevron:focus span:after {
    color: #FFFFFF;
  }
  .medium--button.medium--button--small {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.25rem 0.625rem;
  }
  .medium--button.medium--button--solid {
    background-color: #00838A;
    color: #FFFFFF;
  }
  .medium--button.medium--button--solid:hover, .medium--button.medium--button--solid:focus {
    color: #FFFFFF;
    background-color: #00676C;
    border: 0.125rem solid #00676C;
  }
  .medium--button.medium--button--solid.medium--button--alt {
    color: #FFFFFF;
    background-color: #5E4F9C;
  }
  .medium--button.medium--button--solid.medium--button--alt:hover, .medium--button.medium--button--solid.medium--button--alt:focus {
    color: #FFFFFF;
    border-color: #5E4F9C;
  }
  .medium--button.medium--button--solid span:after {
    color: #FFFFFF;
  }
  .medium--button.medium--button--alt {
    color: #5E4F9C;
    border-color: #5E4F9C;
  }
  .medium--button.medium--button--alt:hover, .medium--button.medium--button--alt:focus {
    color: #FFFFFF;
    background-color: #5E4F9C;
  }
  .medium--button.medium--button--white {
    color: #00838A;
    border-color: white;
    background-color: white;
  }
  .medium--button.medium--button--white:hover, .medium--button.medium--button--white:focus {
    color: #FFFFFF;
    background-color: #00838A;
  }
}

@media (min-width: 1025px) {
  .large--button {
    font-size: 18px;
    font-size: 1.125rem;
    color: #00838A;
    font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1;
    text-decoration: none;
    border-radius: 2.75rem;
    border: 0.125rem solid #00838A;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    transition: all 0.25s ease;
    background-color: transparent;
    color: #00838A;
  }
  .large--button:hover, .large--button:focus {
    color: #FFFFFF;
    background-color: #00838A;
  }
  .large--button--wide {
    padding: 0.5rem 4.5rem;
  }
  .large--button--chevron {
    padding: 0.5rem 1rem 0.5rem 0.75rem;
  }
  .large--button--chevron span {
    display: inline-block;
    padding-right: 1.25rem;
    position: relative;
  }
  .large--button--chevron span:after {
    font-size: 22px;
    font-size: 1.375rem;
    font-family: "macmillan_font", Arial, "helvetica neue", Helvetica, sans-serif;
    content: '>';
    position: absolute;
    right: -0.25rem;
    top: 0.0625rem;
    display: inline-block;
    color: #00838A;
  }
  .large--button--chevron:hover span:after, .large--button--chevron:focus span:after {
    color: #FFFFFF;
  }
  .large--button.large--button--small {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.25rem 0.625rem;
  }
  .large--button.large--button--solid {
    background-color: #00838A;
    color: #FFFFFF;
  }
  .large--button.large--button--solid:hover, .large--button.large--button--solid:focus {
    color: #FFFFFF;
    background-color: #00676C;
    border: 0.125rem solid #00676C;
  }
  .large--button.large--button--solid.large--button--alt {
    color: #FFFFFF;
    background-color: #5E4F9C;
  }
  .large--button.large--button--solid.large--button--alt:hover, .large--button.large--button--solid.large--button--alt:focus {
    color: #FFFFFF;
    border-color: #5E4F9C;
  }
  .large--button.large--button--solid span:after {
    color: #FFFFFF;
  }
  .large--button.large--button--alt {
    color: #5E4F9C;
    border-color: #5E4F9C;
  }
  .large--button.large--button--alt:hover, .large--button.large--button--alt:focus {
    color: #FFFFFF;
    background-color: #5E4F9C;
  }
  .large--button.large--button--white {
    color: #00838A;
    border-color: white;
    background-color: white;
  }
  .large--button.large--button--white:hover, .large--button.large--button--white:focus {
    color: #FFFFFF;
    background-color: #00838A;
  }
}

/**
 * Float utility classes
 *
 * @section Floats
 * @page Trumps
 *
*/
/**
 * @sectionof Floats
 * @example
 * <div class="floats-container">
 *   <div class="float-left">Example </div>
 *   <div class="float-right">Example </div>
 * </div>
 */
.floats-container {
  overflow: hidden;
}

/**
 * @sectionof Floats
 * @example
 * <div class="floats-container">
 *   <div class="float-right">Example</div>
 * </div>
 */
.float-right {
  float: right;
}

/**
 * @sectionof Floats
 * @example
 * <div class="floats-container">
 *   <div class="float-left">Example</div>
 * </div>
 */
.float-left {
  float: left;
}

/**
 * @sectionof Floats
 * @example
 * <div class="floats-container">
 *   <div class="float-center">Example</div>
 * </div>
 */
.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/**
 * Image replacement. For use with background-image when you don't want the
 * text underneath the image to display.
 * http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 *
 * @section Image Replacement
 * @page Trumps
 * @example
 * <div class="hide-text" style="background:url(http://placekitten.com/g/150/150) no-repeat 0 0 / contain;width:100px;height:100px;">Example</div>
 */
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/**
 * @sectionof Display states
 * @example
 * <div class="is-visible-sr">Example</div>
*/
.is-screenreader {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.is-bold {
  font-family: "helvetica_bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}

.is-block {
  display: block;
}

.is-block:before, .is-block:after {
  content: " ";
  display: table;
}

.is-block:after {
  clear: both;
}

.is-block {
  *zoom: 1;
}

.is-sub {
  vertical-align: sub;
}

.is-sup {
  vertical-align: super;
}

.is-max-height {
  height: 100%;
}

@media (max-width: 766px) {
  .small--is-max-height {
    height: 100%;
  }
}

@media (min-width: 767px) {
  .medium--is-max-height {
    height: 100%;
  }
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.border-radius {
  border-radius: 0.5rem;
}

@media (max-width: 766px) {
  .small--overflow-scroll {
    overflow-x: auto;
  }
}

.no-outline {
  outline: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.aligned {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 767px) {
  .medium--aligned {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 766px) {
  .small--has-space-between {
    justify-content: space-between;
  }
}

.is-relative {
  position: relative;
}

@media (max-width: 766px) {
  .small--is-relative {
    position: relative;
  }
}

@media (min-width: 767px) {
  .medium--is-relative {
    position: relative;
  }
}

.is-sticky {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 6999;
}

.error {
  color: #E32333;
}

.jg .has-error,
.has-error {
  border-color: #E32333;
}

.loading {
  background: #fff url("/Assets/images/ajax-loader-grey.gif") 50% 50% no-repeat;
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  opacity: .7;
  overflow: hidden;
  width: 100%;
  z-index: 9999;
}

.clear {
  clear: both;
}

.width-auto {
  width: auto;
}

.word-wrap {
  word-wrap: break-word;
}

.border--light-green {
  border: 0.25rem solid #F0F0F0;
  border-radius: 0.5rem;
  padding: 1.25rem;
}

.no-padding-top {
  padding-top: 0;
}

@media (min-width: 767px) {
  .medium--attached--bottom-right {
    position: absolute;
    bottom: 0;
    right: 10px;
  }
}

/**
 * Display states for hiding content from everything or displaying content on screen readers.
 * @section Display states
 * @page Trumps
 */
/**
 * @sectionof Display states
 * @example
 * <div class="is-hidden">Example</div>
*/
.is-hidden {
  display: none !important;
  visibility: hidden !important;
}

.is-inline {
  display: inline;
}

@media (max-width: 766px) {
  .xsmall--is-hidden {
    display: none;
    visibility: hidden;
  }
}

@media (max-width: 766px) {
  .small--is-hidden {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 767px) {
  .medium--is-hidden {
    display: none;
    visibility: hidden;
  }
}

@media (min-width: 1025px) {
  .large--is-hidden {
    display: none;
    visibility: hidden;
  }
  .large--is-visible {
    display: inherit;
    visibility: visible;
  }
}