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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/*
 * Settings: Global variables, site-wide settings, config switches, etc.
 */
/*------------------------------------*\
  #CUSTOM SETTINGS
\*------------------------------------*/
/*
 * Custom settings just for this site
 */
/*------------------------------------*\
  #DEFAULT SETTINGS
\*------------------------------------*/
/*
 * Settings that every site has
 */
/*
 * Tools: Site-wide mixins and functions.
 */
/*------------------------------------*\
  #MIXINS
\*------------------------------------*/
/*------------------------------------*\
  #HELPERS
\*------------------------------------*/
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Break long strings such as email addresses over multiple lines
 */
.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word; }

.u-margin-top-full {
  margin-top: 27px;
  margin-top: 1.5rem; }

.u-margin-top-half {
  margin-top: 13.5px;
  margin-top: 0.75rem; }

.u-margin-top-0 {
  margin-top: 0; }

.color-pink {
  color: #ce3a7d; }

.u-font-22 {
  font-size: 22px;
  font-size: 1.22222rem; }

.u-font-heading {
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.u-font-grota-med {
  font-family: 'Grota Sans Rounded W05'; }

.u-font-bold {
  font-weight: bold; }

.display-block {
  display: block; }

/*
 * Generic: Low-specificity, far-reaching rulesets (e.g. resets).
 */
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
  margin: 0;
  padding: 0; }

/* remove any white space when inside a block element */
iframe {
  vertical-align: middle; }

/*------------------------------------*\
    #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-family: "Neue Helvetica W01", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  background-color: #fff;
  color: #414042;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */ }
  @media screen and (min-width: 700px) {
    html {
      font-size: 1.125em;
      line-height: 1.5; } }

body {
  font-family: "Neue Helvetica W01", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box; }

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

/*------------------------------------*\
    #VERTICAL FLOW
\*------------------------------------*/
/* 
 * http://alistapart.com/article/axiomatic-css-and-lobotomized-owls
 */
/* give all block elements that follow an item a top margin */
* + address,
* + article,
* + aside,
* + audio,
* + blockquote,
* + canvas,
* + dd,
* + div,
* + dl,
* + fieldset,
* + figcaption,
* + figure,
* + footer,
* + form,
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6,
* + header,
* + hgroup,
* + hr,
* + main,
* + nav,
* + noscript,
* + ol,
* + output,
* + p,
* + pre,
* + section,
* + table,
* + tfoot,
* + ul,
* + video {
  margin-top: 1.5rem; }

/*.editoral * + * {
	margin-top: $base-spacing-unit;
}*/
.site-header * + * {
  margin-top: 0; }

li + li,
.site-footer li {
  margin-top: 0; }

.main {
  margin-top: 0; }

.site-footer {
  margin-top: 0; }

/* Vertical Flow reset */
noscript,
br,
caption,
thead,
tbody,
tfoot,
tr,
th,
td {
  margin-top: 0; }

.gm-style * {
  margin-top: 0; }

/*
 * Base: Unclassed HTML elements (e.g. a {}, blockquote {}, address {}).
 */
/* =Links
-----------------------------------------------------------------------------*/
a {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  color: #512178; }
  a:focus {
    color: #414042; }
  a:hover {
    color: #414042; }
  a:active {
    color: #414042; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none; }

.arrow-link {
  position: relative;
  padding-left: 14px;
  padding-left: 0.77778rem; }

.arrow-link:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-top: 0.22222rem solid transparent;
  border-bottom: 4px solid transparent;
  border-bottom: 0.22222rem solid transparent;
  border-left: 6px solid #512178;
  border-left: 0.33333rem solid #512178;
  left: 0;
  top: 50%;
  margin-top: -2px;
  margin-top: -0.11111rem; }

/*------------------------------------*\
	#HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6.
 */
h1,
.h1 {
  font-size: 2rem;
  line-height: 1.125em; }

h2,
.h2 {
  font-size: 1.5rem;
  line-height: 1.125em; }

* + h2,
* + .h2 {
  margin-top: 36px;
  margin-top: 2rem; }

h3,
.h3 {
  font-size: 1.22222rem;
  line-height: 1.125em; }

h4,
.h4 {
  font-size: 1.11111rem;
  line-height: 1.125em; }

h5,
.h5 {
  font-size: 0.88889rem;
  line-height: 1.125em; }

h6,
.h6 {
  font-size: 0.77778rem;
  line-height: 1.125em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Neue Helvetica W01", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal; }

/*------------------------------------*\
	#TEXT HELPERS
\*------------------------------------*/
.title {
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 800;
  color: #512178; }

.title--branded {
  font-weight: normal; }

.title--branded span {
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 800; }

/*------------------------------------*\
	#PARAGRAPHS
\*------------------------------------*/
.lead,
.standfirst,
.lede {
  font-weight: bold; }

/*------------------------------------*\
	#Other
\*------------------------------------*/
hr {
  border: 0;
  border-top: 1px solid #ccc;
  clear: both; }

address {
  font-style: normal; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

i,
em {
  font-style: italic; }

mark,
.mark {
  background-color: #ffc800;
  color: #000;
  text-decoration: none;
  border-radius: 2px;
  border-radius: 0.11111rem; }

strong,
b {
  font-weight: bold; }

del,
s {
  text-decoration: line-through; }

ins,
u {
  text-decoration: underline; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

small,
.small {
  font-size: 80%;
  line-height: 1.875; }

.big {
  font-size: 1.125rem;
  line-height: 1.33333; }

/* code */
pre,
code,
kbd,
samp,
var,
output {
  font-size: 90%;
  font-style: normal;
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

pre {
  font-size: 100%;
  line-height: 27px;
  line-height: 1.5rem;
  color: #414042;
  overflow: auto; }

code,
samp,
kbd {
  padding: 3px 6px 2px 6px;
  padding: 0.16667rem 0.33333rem 0.11111rem 0.33333rem;
  line-height: 1;
  border-radius: 2px;
  border-radius: 0.11111rem;
  border: 1px solid transparent; }

code {
  background: #f4f4f4;
  border: 1px solid #d4d4d4; }

pre code {
  display: block;
  font-size: 100%;
  padding: 13px 26px;
  padding: 0.72222rem 1.44444rem;
  line-height: 27px;
  line-height: 1.5rem; }

var {
  color: rgba(0, 0, 0, 0.5); }

samp {
  background: #d3e3fb;
  border: 1px solid #b2cef8; }

kbd {
  background: #333;
  color: #fff;
  font-weight: bold;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
  white-space: nowrap; }

/*------------------------------------*\
	#TEXT HELPERS
\*------------------------------------*/
.text-bold {
  font-weight: bold !important; }

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

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

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

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

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

/*------------------------------------*\
	#CUSTOM FOR THIS SITE
\*------------------------------------*/
.editorial {
  overflow-wrap: break-word;
  word-wrap: break-word; }

.editorial h2 {
  color: #512178; }

.strong-blue-text {
  color: #0066b2;
  font-weight: bold; }

/*------------------------------------*\
	#LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-top: 0; }

ul,
ol,
ul ul,
ol ol,
ul ol,
ol ul {
  margin-left: 27px;
  margin-left: 1.5rem; }

ul li,
ol li {
  text-align: left; }

ol ol li {
  list-style-type: lower-alpha; }

ol ol ol li {
  list-style-type: lower-roman; }

/* wysiwyg areas get fancy bullet points */
.editorial ul {
  list-style: none; }

.editorial ul li {
  position: relative; }

.editorial ul li:before {
  position: absolute;
  margin-left: -22px;
  margin-left: -1.22222rem;
  top: 0.5em;
  content: '';
  display: block;
  height: 0;
  width: 0;
  border: 4px solid #512178;
  border: 0.22222rem solid #512178;
  border-radius: 8px;
  border-radius: 0.44444rem; }

.editorial ul ul li:before {
  border-radius: 0; }

.editorial ul ul ul li:before {
  border-radius: 8px;
  border-radius: 0.44444rem; }

ul.list-arrow {
  list-style: none;
  margin-left: 0; }

ul.list-arrow--border-top {
  border-top: 1px solid #ccc;
  margin-top: 14px;
  margin-top: 0.77778rem;
  padding-top: 7px;
  padding-top: 0.38889rem; }

ul.list-arrow li {
  position: relative;
  margin-left: 27px;
  margin-left: 1.5rem; }

ul.list-arrow li:before {
  position: absolute;
  margin-left: -22px;
  margin-left: -1.22222rem;
  top: 0.5em;
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-top: 0.22222rem solid transparent;
  border-bottom: 4px solid transparent;
  border-bottom: 0.22222rem solid transparent;
  border-left: 6px solid #512178;
  border-left: 0.33333rem solid #512178; }

/**
 * Checklists
 */
.tick-list-item:before,
.cross-list-item:before {
  border: 0 !important;
  top: 0 !important; }

.tick-list-item:before {
  content: '✔' !important;
  color: green; }

.cross-list-item:before {
  content: '✘' !important;
  color: red; }

/* =Definition list
-----------------------------------------------------------------------------*/
dl dt {
  margin-top: 0;
  font-weight: bold; }

dd {
  margin-top: 0;
  margin-left: 27px;
  margin-left: 1.5rem; }

/*------------------------------------*\
    #Blockquotes
\*------------------------------------*/
blockquote p {
  quotes: "“" "”" "‘" "’";
  position: relative; }

blockquote p:first-child,
blockquote h2:first-child {
  padding-top: 27px;
  padding-top: 1.5rem; }

blockquote p:first-child:before,
blockquote h2:first-child:before {
  content: '\201c';
  color: #512178;
  font-size: 4rem;
  line-height: 1;
  position: absolute;
  text-indent: 0; }

blockquote p:first-child:before {
  margin-top: -0.25em; }

blockquote h2:first-child:before {
  margin-top: -0.45em; }

blockquote p:last-of-type:after {
  content: '\201d';
  color: #512178;
  font-size: 4rem;
  line-height: 1;
  position: absolute;
  margin-left: 6px;
  margin-left: 0.33333rem;
  bottom: -0.75em;
  text-indent: 0; }

/*blockquote cite {
	display: block;
	font-size: 85%;
	color: red;
}*/
blockquote footer cite {
  display: inline; }

/*blockquote cite:before {
	content: "\2014 \0020";
}*/
blockquote p + footer,
blockquote p + cite {
  margin-top: 14px;
  margin-top: 0.77778rem; }

blockquote {
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

blockquote h2 {
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  color: #512178; }

blockquote.blockquote p {
  text-indent: 0;
  font-weight: bold;
  color: #512178; }

blockquote.blockquote p:before,
blockquote.blockquote p:after {
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

blockquote.blockquote footer {
  color: #512178; }

blockquote.blockquote cite {
  font-weight: bold;
  font-style: normal; }

blockquote .brand-line {
  padding-top: 14px;
  padding-top: 0.77778rem; }

blockquote p + p {
  margin-top: 14px;
  margin-top: 0.77778rem; }

/*------------------------------------*\
    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  height: auto;
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none; }

table {
  max-width: 100%;
  width: 100%;
  empty-cells: show; }

table caption {
  text-transform: uppercase;
  padding: 0 1.0999999999999999em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 12.75px;
  font-size: 0.70833rem; }

table th,
table td {
  border-bottom: 1px solid #eeeeee;
  padding: 0.825em 1.0999999999999999em; }

table tfoot th,
table tfoot td {
  color: rgba(0, 0, 0, 0.4); }

/* Checkout wysiwyg-overrides */
/* =Form
-----------------------------------------------------------------------------*/
button:active,
button:focus {
  outline: none; }

textarea,
select {
  font-family: Arial;
  font-size: 1em;
  box-shadow: none; }

textarea,
select[multiple],
select[multiple='multiple'] {
  padding: 5.75px;
  padding: 0.31944rem;
  line-height: 1.35em;
  width: 100%; }

textarea {
  border-radius: 5px;
  border-radius: 0.27778rem; }

input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='phone'],
input[type='tel'],
input[type='number'],
input[type='datetime'],
input[type='date'],
input[type='month'],
input[type='color'],
input[type='time'],
input[type='search'],
input[type='datetime-local'] {
  font-family: Arial;
  font-size: 1em;
  box-shadow: none;
  padding: 5.75px;
  padding: 0.31944rem;
  line-height: 27px;
  line-height: 1.5rem;
  height: 40.5px;
  height: 2.25rem;
  border-radius: 5px;
  border-radius: 0.27778rem;
  outline: none; }

select[multiple],
select[multiple='multiple'],
textarea,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='phone'],
input[type='tel'],
input[type='number'],
input[type='datetime'],
input[type='date'],
input[type='month'],
input[type='color'],
input[type='time'],
input[type='search'],
input[type='datetime-local'] {
  background: #fff;
  border: 2px solid #ccc;
  border: 0.11111rem solid #ccc;
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  width: 100%; }

textarea[disabled],
input[type='text'][disabled],
input[type='password'][disabled],
input[type='email'][disabled],
input[type='url'][disabled],
input[type='phone'][disabled],
input[type='tel'][disabled],
input[type='number'][disabled],
input[type='datetime'][disabled],
input[type='date'][disabled],
input[type='month'][disabled],
input[type='color'][disabled],
input[type='time'][disabled],
input[type='search'][disabled],
input[type='datetime-local'][disabled] {
  resize: none;
  color: rgba(0, 0, 0, 0.8); }

select[disabled],
input[type='checkbox'][disabled],
input[type='radio'][disabled] {
  cursor: default; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type='range'] {
  position: relative;
  top: 3px;
  top: 0.16667rem; }

select {
  margin-bottom: 0 !important; }

fieldset {
  padding: 27px;
  padding: 1.5rem;
  border: 1px solid #eee; }
  fieldset *:last-child {
    margin-bottom: 0 !important; }

legend {
  font-weight: bold;
  padding: 0 1em;
  margin-left: -1em; }

/* =Forms
-----------------------------------------------------------------------------*/
/*.forms  {
	.btn,
	input[type="submit"].btn,
	button,
	input[type="submit"],
	input[type="reset"] {
		padding: $padding-btn-in-forms;
	}
	.btn-outline, {
		padding: $padding-btn-outline-in-forms;
	}
	.btn-outline.bold {
		padding: $padding-btn-outline-bold-in-forms;
	}
}*/
.forms label {
  display: block;
  margin-bottom: 18px;
  margin-bottom: 1rem; }

.forms input[type='text'],
.forms input[type='password'],
.forms input[type='email'],
.forms input[type='url'],
.forms input[type='phone'],
.forms input[type='tel'],
.forms input[type='number'],
.forms input[type='datetime'],
.forms input[type='date'],
.forms input[type='month'],
.forms input[type='color'],
.forms input[type='time'],
.forms input[type='search'],
.forms input[type='range'],
.forms input[type='file'],
.forms input[type='datetime-local'],
.forms textarea,
.forms select {
  display: block; }

.forms-inline input[type='text'],
.forms-inline input[type='password'],
.forms-inline input[type='email'],
.forms-inline input[type='url'],
.forms-inline input[type='phone'],
.forms-inline input[type='tel'],
.forms-inline input[type='number'],
.forms-inline input[type='datetime'],
.forms-inline input[type='date'],
.forms-inline input[type='month'],
.forms-inline input[type='color'],
.forms-inline input[type='time'],
.forms-inline input[type='search'],
.forms-inline input[type='range'],
.forms-inline input[type='file'],
.forms-inline input[type='datetime-local'],
.forms-inline textarea,
.forms-inline select,
.forms-inline-list input[type='text'],
.forms-inline-list input[type='password'],
.forms-inline-list input[type='email'],
.forms-inline-list input[type='url'],
.forms-inline-list input[type='phone'],
.forms-inline-list input[type='tel'],
.forms-inline-list input[type='number'],
.forms-inline-list input[type='datetime'],
.forms-inline-list input[type='date'],
.forms-inline-list input[type='month'],
.forms-inline-list input[type='color'],
.forms-inline-list input[type='time'],
.forms-inline-list input[type='search'],
.forms-inline-list input[type='range'],
.forms-inline-list input[type='file'],
.forms-inline-list input[type='datetime-local'],
.forms-inline-list textarea,
.forms-inline-list select {
  display: inline-block; }

.forms-list,
.forms-inline,
.forms-inline-list {
  list-style: none; }

.forms-list label,
.forms-inline label,
.forms-inline-list li,
.forms-inline-list li label {
  display: inline-block;
  margin-bottom: 0; }

.forms-inline-list li label {
  margin-right: 13.5px;
  margin-right: 0.75rem; }

.forms-inline-list li {
  margin-bottom: 3px;
  margin-bottom: 0.16667rem; }

.forms-list li {
  margin-bottom: 6px;
  margin-bottom: 0.33333rem; }

.forms-desc {
  margin-top: 4px;
  margin-top: 0.22222rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.4em; }

/* States */
.error,
.success {
  font-weight: normal;
  font-size: 18px;
  font-size: 1rem; }

.error {
  color: #880000; }

/*input.input-error,
textarea.input-error,
select.input-error,
.input-error {
	border-color: $color-red;
	box-shadow: 0 0 0 2px rgba(red($color-red), green($color-red), blue($color-red), .3),0 1px 2px rgba(0, 0, 0, .2) inset;
}
input.input-success,
textarea.input-success,
select.input-success,
.input-success  {
	border-color: $color-green;
	box-shadow: 0 0 0 2px rgba(red($color-green), green($color-green), blue($color-green), .3),0 1px 2px rgba(0, 0, 0, .2) inset;

}
input.input-gray,
textarea.input-gray,
select.input-gray,
.input-gray {
	border-color: $color-gray-dark;
	box-shadow: 0 0 0 2px rgba(red($color-gray-dark), green($color-gray-dark), blue($color-gray-dark), .4), 0 1px 2px rgba(0, 0, 0, .2) inset;
}*/
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='url']:focus,
input[type='phone']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='datetime']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='color']:focus,
input[type='time']:focus,
input[type='search']:focus,
input[type='datetime-local']:focus,
textarea:focus {
  outline: none;
  border-color: #512178;
  box-shadow: 0 0 8px 0 rgba(81, 33, 120, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }

/*
	Search
*/
input.input-search,
input[type='search'] {
  padding-right: 0.5em;
  padding-left: 0.5em;
  margin-bottom: 0;
  border-radius: 15px;
  border-radius: 0.83333rem; }

input.input-on-black {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.35); }
  input.input-on-black::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6); }
  input.input-on-black::-moz-placeholder {
    color: rgba(255, 255, 255, 0.6); }
  input.input-on-black:focus, input.input-on-black.active {
    border: 1px solid #fff;
    background: #fff;
    box-shadow: none; }
    input.input-on-black:focus::-webkit-input-placeholder, input.input-on-black.active::-webkit-input-placeholder {
      color: #aaa; }
    input.input-on-black:focus::-moz-placeholder, input.input-on-black.active::-moz-placeholder {
      color: #aaa; }

/* Sizes */
input.input-big {
  font-size: 18px;
  font-size: 1rem; }

input.input-small {
  font-size: 18px;
  font-size: 1rem; }

input.input-smaller {
  font-size: 18px;
  font-size: 1rem; }

/* Append & Prepend */
.input-groups {
  display: table !important; }
  .input-groups input {
    width: 100%; }
  .input-groups input,
  .input-groups .input-append,
  .input-groups .input-prepend,
  .input-groups .btn-append {
    display: table-cell !important; }
  .input-groups .btn-append,
  .input-groups .input-append,
  .input-groups .input-prepend {
    width: 1%;
    vertical-align: middle; }
  .input-groups .input-append,
  .input-groups .input-prepend {
    background-color: #ddd;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0.3em 0.75em 0.3em 0.75em;
    color: rgba(0, 0, 0, 0.6);
    line-height: 27px;
    line-height: 1.5rem;
    font-size: 18px;
    font-size: 1rem;
    white-space: nowrap; }
  .input-groups .input-prepend {
    border-right: none; }
  .input-groups .input-append {
    position: relative;
    z-index: 1;
    border-left: none; }
  .input-groups .btn-append .btn, .input-groups .btn-append .artez input[type='submit'], .artez .input-groups .btn-append input[type='submit'],
  .input-groups .btn-append .artez button, .artez .input-groups .btn-append button, .input-groups .btn-append #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .input-groups .btn-append .button.next-step, .input-groups .btn-append #aspnetForm .dd-form-wrapper .dd-form .submit input, #aspnetForm .dd-form-wrapper .dd-form .submit .input-groups .btn-append input,
  .input-groups .btn-append #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button, #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .input-groups .btn-append .button, .input-groups .btn-append #aspnetForm .dd-form-wrapper .dd-form h2 .button, #aspnetForm .dd-form-wrapper .dd-form h2 .input-groups .btn-append .button {
    display: block;
    height: auto;
    border-radius: 0 2px 2px 0;
    border-radius: 0 0.11111rem 0.11111rem 0; }

/* Custom form styles*/
.req {
  color: red; }

select[multiple],
select[multiple='multiple'],
textarea,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='phone'],
input[type='tel'],
input[type='number'],
input[type='datetime'],
input[type='date'],
input[type='month'],
input[type='color'],
input[type='time'],
input[type='search'],
input[type='datetime-local'] {
  background: #fff; }

.col-footer-panel select[multiple],
.col-footer-panel select[multiple='multiple'],
.col-footer-panel textarea,
.col-footer-panel input[type='text'],
.col-footer-panel input[type='password'],
.col-footer-panel input[type='email'],
.col-footer-panel input[type='url'],
.col-footer-panel input[type='phone'],
.col-footer-panel input[type='tel'],
.col-footer-panel input[type='number'],
.col-footer-panel input[type='datetime'],
.col-footer-panel input[type='date'],
.col-footer-panel input[type='month'],
.col-footer-panel input[type='color'],
.col-footer-panel input[type='time'],
.col-footer-panel input[type='search'],
.col-footer-panel input[type='datetime-local'] {
  background: #fff; }

.input-groups {
  margin-top: 0; }

.layout-row + label, .form-row + label,
.forms label,
label {
  margin-bottom: 0; }

label + label,
p + label,
h1 + label,
h2 + label,
h3 + label,
h4 + label,
h5 + label,
h6 + label, .layout-row + label, .form-row + label {
  margin-top: 27px;
  margin-top: 1.5rem;
  display: block; }

.form-title {
  font-size: 0.88889rem;
  line-height: 1.6875;
  font-weight: bold; }

.input-groups .input-prepend,
.input-groups .input-append {
  background: #cfd4dc;
  color: #414042; }

fieldset {
  padding: 0;
  border: none; }

legend {
  margin: 0;
  padding: 0;
  width: 100%;
  padding-top: 6.75px;
  padding-top: 0.375rem;
  padding-bottom: 6.75px;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase; }

legend + * {
  -webkit-margin-top-collapse: separate; }

/* =============================================================================
   Custom select menu
   ========================================================================== */
.frm-select {
  position: relative;
  width: auto;
  max-height: 36px;
  max-height: 2rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #fff;
  border-radius: 0;
  border: 2px solid #ede9f2;
  border: 0.11111rem solid #ede9f2;
  margin-top: 0; }

.frm-select select {
  z-index: 10;
  position: relative;
  background: white;
  opacity: 0;
  height: 36px;
  height: 2rem;
  width: 100%;
  -webkit-appearance: none;
  padding: 0px 40px 0 10px;
  padding: 0px 2.22222rem 0 0.55556rem; }

.frm-select-active {
  border-color: #512178;
  box-shadow: 0 0 8px 0 rgba(81, 33, 120, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }

.frm-select-disabled {
  border: 1px dotted #005364;
  opacity: 0.5; }

.menu-panels .frm-select-active {
  border: 1px solid #005364;
  box-shadow: inset 0 0 5px #005364; }

.frm-select-text {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 34px;
  line-height: 1.88889rem;
  padding: 0px 40px 0 14px;
  padding: 0px 2.22222rem 0 0.77778rem;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0px;
  zoom: 1;
  background: transparent;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.frm-select-arrow {
  position: absolute;
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 100%;
  width: 45px;
  width: 2.5rem;
  top: -4px;
  top: -0.22222rem;
  right: 0px; }

.frm-select-arrow:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 15px;
  right: 0.83333rem;
  width: 0;
  height: 0;
  z-index: 0;
  vertical-align: middle; }

.frm-select-arrow:after {
  border-left: 6px solid transparent;
  border-left: 0.33333rem solid transparent;
  border-right: 6px solid transparent;
  border-right: 0.33333rem solid transparent;
  border-top: 8px solid #512178;
  border-top: 0.44444rem solid #512178;
  bottom: 6px;
  bottom: 0.33333rem; }

/* used in generic contact forms */
.frm-select--txt {
  border-color: #ccc;
  margin-bottom: 1em;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.frm-select--txt.frm-select-active {
  border: 1px solid #ccc; }

.frm-select--txt:hover {
  border-color: #acadac; }

.frm-select--min {
  background: l-adjust(#cde3f9 8);
  max-height: 36px;
  max-height: 2rem;
  margin: 1em 0 0 0;
  border-color: #ccc; }

.frm-select--min:first-child {
  margin-top: 0; }

.frm-select--min .frm-select-text {
  padding-top: 10px;
  padding-top: 0.55556rem;
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase; }

.frm-select--min .frm-select select {
  height: 36px;
  height: 2rem; }

.frm-select--min .frm-select-arrow {
  width: 36px;
  width: 2rem; }

.frm-select--min .frm-select-arrow:after {
  right: 12px;
  right: 0.66667rem;
  top: 15px;
  top: 0.83333rem;
  border-left: 6px solid transparent;
  border-left: 0.33333rem solid transparent;
  border-right: 6px solid transparent;
  border-right: 0.33333rem solid transparent; }

/* form layout */
.form-row {
  margin-left: -12px;
  margin-left: -0.66667rem;
  margin-right: -12px;
  margin-right: -0.66667rem;
  margin-top: 27px;
  margin-top: 1.5rem; }

.form-item {
  padding-left: 12px;
  padding-left: 0.66667rem;
  padding-right: 12px;
  padding-right: 0.66667rem;
  float: none;
  display: inline-block;
  vertical-align: bottom; }

.form-item + .form-item {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 1000px) {
    .form-item + .form-item {
      margin-top: 0; } }

.form-item--50 {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .form-item--50 {
      width: 50%; } }

.captcha-img {
  float: left;
  padding-top: 3px;
  padding-top: 0.16667rem;
  padding-bottom: 3px;
  padding-bottom: 0.16667rem; }

.captcha-input {
  margin-top: 0;
  padding-left: 160px;
  padding-left: 8.88889rem;
  width: 100%; }

/* special input rules */
.form-group {
  float: left;
  width: 100%; }

.form-group--title {
  width: 20%; }

.form-group--title + .form-group {
  width: 80%;
  padding-left: 27px;
  padding-left: 1.5rem;
  margin-top: 0; }

.form-month-year {
  margin-top: 0; }

.form-month-year ul {
  margin-left: -6px;
  margin-left: -0.33333rem;
  margin-right: -6px;
  margin-right: -0.33333rem; }

.form-month-year li {
  margin-bottom: 0;
  width: 50%;
  padding-left: 6px;
  padding-left: 0.33333rem;
  padding-right: 6px;
  padding-right: 0.33333rem; }

#frm-interests .form-item--50 + .form-item--50 {
  margin-top: 6px;
  margin-top: 0.33333rem; }
  @media screen and (min-width: 1000px) {
    #frm-interests .form-item--50 + .form-item--50 {
      margin-top: 0; } }

/* used on service form */
#service_form .form-item {
  vertical-align: top; }

#service_form textarea {
  height: 162px;
  height: 9rem;
  vertical-align: bottom; }

.btn--submit {
  margin-top: 27px;
  margin-top: 1.5rem; }

/* Parsely */
.parsley-error {
  background-color: #fad0d0 !important; }

.parsley-errors-container {
  margin-top: 0; }

.parsley-errors-list,
.parsley-custom-error-message {
  color: #880000;
  margin-top: 0; }

.parsley-errors-list {
  list-style: none;
  margin-left: 0;
  margin-top: 0; }

/* EE specific stuff */
form div[style*='display:none'] + div,
form div[style*='display:none'] + fieldset,
form div[style*='display:none'] + .btn,
form .artez div[style*='display:none'] + input[type='submit'],
.artez form div[style*='display:none'] + input[type='submit'],
form .artez div[style*='display:none'] + button,
.artez form div[style*='display:none'] + button,
form #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step div[style*='display:none'] + .button.next-step,
#aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step form div[style*='display:none'] + .button.next-step,
form #aspnetForm .dd-form-wrapper .dd-form .submit div[style*='display:none'] + input,
#aspnetForm .dd-form-wrapper .dd-form .submit form div[style*='display:none'] + input,
form #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons div[style*='display:none'] + .button,
#aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons form div[style*='display:none'] + .button,
form #aspnetForm .dd-form-wrapper .dd-form h2 div[style*='display:none'] + .button,
#aspnetForm .dd-form-wrapper .dd-form h2 form div[style*='display:none'] + .button,
input[type='hidden'] + div,
input[type='hidden'] + fieldset,
input[type='hidden'] + .btn,
.artez input[type='hidden'] + input[type='submit'],
.artez input[type='hidden'] + button,
#aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step input[type='hidden'] + .button.next-step,
#aspnetForm .dd-form-wrapper .dd-form .submit input[type='hidden'] + input,
#aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons input[type='hidden'] + .button,
#aspnetForm .dd-form-wrapper .dd-form h2 input[type='hidden'] + .button,
.hiddenFields + fieldset {
  margin-top: 0; }

.contact-form__select {
  margin-top: 0;
  margin-bottom: 32px;
  margin-bottom: 1.77778rem;
  display: block; }

@font-face {
  font-family: 'ccuk';
  src: url("/assets/fonts/ccuk.eot?i0zxar");
  src: url("/assets/fonts/ccuk.eot?i0zxar#iefix") format("embedded-opentype"), url("/assets/fonts/ccuk.ttf?i0zxar") format("truetype"), url("/assets/fonts/ccuk.woff?i0zxar") format("woff"), url("/assets/fonts/ccuk.svg?i0zxar#ccuk") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ccuk' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.layout-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 27px;
  padding-left: 1.5rem;
  padding-right: 27px;
  padding-right: 1.5rem;
  width: 100%; }

/*@include media(medium) {
  .layout-container {
    width: 750px;
  }
}*/
@media screen and (min-width: 1000px) {
  .layout-container {
    max-width: 1180px;
    max-width: 65.55556rem; } }

.layout-row, .form-row {
  list-style: none;
  margin-left: -27px;
  margin-left: -1.5rem;
  margin-right: -27px;
  margin-right: -1.5rem; }

.layout-row > *, .form-row > * {
  margin-top: 0; }

/* FLEXBOX VERSION */
@media screen and (min-width: 1000px) {
  .layout-row--flex {
    display: -ms-flexbox;
    display: flex; } }

.layout-row--reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.layout-item, .form-item {
  float: left;
  min-height: 1px;
  padding-left: 27px;
  padding-left: 1.5rem;
  padding-right: 27px;
  padding-right: 1.5rem;
  position: relative;
  width: 100%; }

/* WIDTHS */
@media screen and (min-width: 1000px) {
  .layout-item--50 {
    width: 50%; } }

@media screen and (min-width: 1000px) {
  .layout-item--33 {
    width: 33.3333%; } }

@media screen and (min-width: 1000px) {
  .layout-item--66 {
    width: 66.6666%; } }

@media screen and (min-width: 1000px) {
  .layout-item--25 {
    width: 25%; } }

@media screen and (min-width: 1000px) {
  .layout-item--75 {
    width: 75%; } }

/* site-main */
.site-main {
  padding-bottom: 54px;
  padding-bottom: 3rem;
  margin-top: 27px;
  margin-top: 1.5rem; }

.search-open .site-main,
.menu-open .site-main {
  margin-top: 0; }

@media screen and (min-width: 1000px) {
  .search-open .site-main {
    margin-top: 27px;
    margin-top: 1.5rem; } }

/* layout padding */
.col-body + .col-aside {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 1000px) {
    .col-body + .col-aside {
      margin-top: 0; } }

.col-body-footer {
  margin-top: 27px;
  margin-top: 1.5rem; }

@media screen and (min-width: 1000px) {
  .col-aside {
    width: 25%; } }

@media screen and (min-width: 1000px) {
  .col-body-footer,
  .col-body {
    width: 75%; } }

@media screen and (min-width: 1000px) {
  .col-body--full {
    width: 100%; } }

.site-wrapper {
  margin-top: 0; }

.topbar {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 800px) {
    .topbar {
      margin-top: 0; } }
  @media screen and (min-width: 1000px) {
    .topbar {
      margin-top: 27px;
      margin-top: 1.5rem;
      background: #ede9f2;
      margin-top: 0;
      padding-top: 14px;
      padding-top: 0.77778rem;
      padding-bottom: 14px;
      padding-bottom: 0.77778rem; } }

.topbar .social__layout {
  display: none;
  float: left; }
  @media screen and (min-width: 700px) {
    .topbar .social__layout {
      display: block; } }
  @media screen and (min-width: 800px) {
    .topbar .social__layout {
      position: absolute;
      top: 27px;
      top: 1.5rem;
      right: 14px;
      right: 0.77778rem; } }
  @media screen and (min-width: 1000px) {
    .topbar .social__layout {
      position: relative;
      float: left;
      top: 0;
      right: 0; } }

@media only screen and (max-width: 550px) {
  .topbar .social__item-instagram,
  .topbar .social__item-youtube {
    display: none; } }

.topbar .nav-top {
  margin-top: -38px;
  margin-top: -2.11111rem;
  float: right; }
  @media screen and (min-width: 700px) {
    .topbar .nav-top {
      margin-top: 0; } }
  @media screen and (min-width: 800px) {
    .topbar .nav-top {
      margin-top: -45px;
      margin-top: -2.5rem;
      float: right; } }
  @media screen and (min-width: 1000px) {
    .topbar .nav-top {
      margin-top: 0; } }

.nav-top ul {
  display: none; }
  @media screen and (min-width: 1000px) {
    .nav-top ul {
      margin-top: 9px;
      margin-top: 0.5rem;
      display: block;
      float: right;
      list-style: none;
      margin-left: 0;
      border-right: 1px solid #ccc;
      padding-right: 12px;
      padding-right: 0.66667rem;
      margin-right: 12px;
      margin-right: 0.66667rem; } }

.nav-top li.separator {
  border-right: 1px solid #ccc;
  margin-right: 12px;
  margin-right: 0.66667rem;
  padding-right: 12px;
  padding-right: 0.66667rem; }

.nav-top li {
  float: left; }

.nav-top a {
  text-decoration: none;
  padding-left: 12px;
  padding-left: 0.66667rem;
  padding-right: 12px;
  padding-right: 0.66667rem; }

/* Nav primary */
.nav-primary ul {
  list-style: none;
  margin-left: -3px;
  margin-left: -0.16667rem;
  margin-right: -3px;
  margin-right: -0.16667rem; }

.nav-primary li {
  display: inline-block;
  vertical-align: top;
  width: 15.6666%;
  padding-left: 3px;
  padding-left: 0.16667rem;
  padding-right: 3px;
  padding-right: 0.16667rem; }

.nav-active--about-crohns-and-colitis .nav--about a:before,
.nav-active--support .nav--support a:before,
.nav-active--get-involved .nav--involved a:before,
.nav-active--research .nav--research a:before,
.nav-active--improving-care-services .nav--improving a:before,
.nav-active--healthcare-professionals .nav--professionals a:before {
  background-color: #ccc !important; }

.nav-primary a {
  border-top: 5px solid transparent;
  border-top: 0.27778rem solid transparent;
  position: relative;
  display: block;
  padding-top: 5px;
  padding-top: 0.27778rem;
  text-decoration: none;
  font-size: 16px;
  font-size: 0.88889rem; }
  @media screen and (min-width: 1060px) {
    .nav-primary a {
      font-size: 18px;
      font-size: 1rem; } }

.nav-primary a:before {
  border-radius: 2px;
  border-radius: 0.11111rem;
  content: '';
  height: 5px;
  height: 0.27778rem;
  top: -5px;
  top: -0.27778rem;
  position: absolute;
  left: 0;
  right: 0;
  transition: right 0.3s ease; }

.nav-primary a:hover:before {
  right: 24px;
  right: 1.33333rem; }

.nav-primary .nav--about.active a:before,
.nav-primary .nav--support.active a:before,
.nav-primary .nav--involved.active a:before,
.nav-primary .nav--research.active a:before,
.nav-primary .nav--improving.active a:before,
.nav-primary .nav--professionals.active a:before {
  background-color: #ccc; }

.nav-primary .active a {
  color: #8c8a8e; }

.nav-primary .nav--about a:before {
  background-color: #ce3a7d; }

.nav-primary .nav--support a:before {
  background-color: #18bae5; }

.nav-primary .nav--involved a:before {
  background-color: #afc402; }

.nav-primary .nav--research a:before {
  background-color: #fcbc00; }

.nav-primary .nav--improving a:before {
  background-color: #ed6d05; }

.nav-primary .nav--professionals a:before {
  background-color: #e95257; }

.nav-primary .nav--all a:before {
  background-color: transparent; }

.nav-primary .nav--all {
  padding-left: 24px;
  padding-left: 1.33333rem; }

.nav--all a {
  transition: background-color 0.3s ease; }

.nav--all a.is-open {
  background-color: #ede9f2; }

.nav--all a {
  text-align: center;
  padding-left: 26px;
  padding-left: 1.44444rem;
  padding-bottom: 8px;
  padding-bottom: 0.44444rem;
  padding-top: 8px;
  padding-top: 0.44444rem;
  border: 2px solid #ede9f2;
  border: 0.11111rem solid #ede9f2;
  border-radius: 5px;
  border-radius: 0.27778rem;
  font-size: 16px;
  font-size: 0.88889rem; }
  @media screen and (min-width: 1100px) {
    .nav--all a {
      font-size: 18px;
      font-size: 1rem; } }

.nav--all a i:before {
  position: absolute;
  color: #512178;
  left: 7%;
  top: 50%;
  margin-top: -10px;
  margin-top: -0.55556rem;
  font-size: 18px;
  font-size: 1rem; }
  @media screen and (min-width: 1100px) {
    .nav--all a i:before {
      left: 15px;
      left: 0.83333rem; } }

.menu-open .nav--all a i:before {
  color: #512178; }

.nav--all a .icon-plus {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s linear; }

.menu-open .nav--all a .icon-plus {
  visibility: hidden;
  opacity: 0; }

.nav--all a .icon-cross {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s linear; }

.menu-open .nav--all a .icon-cross {
  visibility: visible;
  opacity: 1; }

/* header buttons */
.logo-wrapper {
  display: none;
  position: relative; }
  @media (min-width: 700px) {
    .logo-wrapper {
      display: block; } }

.logo-wrapper--mobile {
  display: block;
  margin-top: 32px;
  margin-top: 1.77778rem;
  margin-left: 32px;
  margin-left: 1.77778rem;
  margin-right: 24px;
  margin-right: 1.33333rem;
  margin-bottom: 8px;
  margin-bottom: 0.44444rem; }
  @media (min-width: 700px) {
    .logo-wrapper--mobile {
      display: none; } }

.logo-site {
  margin-top: 27px;
  margin-top: 1.5rem;
  max-width: 225px;
  max-width: 12.5rem; }
  @media screen and (min-width: 1000px) {
    .logo-site {
      margin-top: 0; } }

.logo-site--mobile {
  display: inline-block;
  min-width: 100px;
  min-width: 5.55556rem;
  width: 40%;
  margin-top: 20px;
  margin-top: 1.11111rem; }
  .logo-site--mobile img {
    min-height: 48px;
    min-height: 2.66667rem; }

.logo--right {
  float: right;
  width: 100px;
  width: 5.55556rem; }

@media screen and (min-width: 1000px) {
  .header-buttons {
    position: absolute;
    right: 0;
    bottom: 0; } }

@media screen and (max-width: 699px) {
  .header-buttons {
    margin-right: -2px !important;
    margin-right: -0.11111rem !important;
    margin-left: -2px !important;
    margin-left: -0.11111rem !important; }
  .header-buttons__item {
    padding-right: 2px !important;
    padding-right: 0.11111rem !important;
    padding-left: 2px !important;
    padding-left: 0.11111rem !important; }
  .header-buttons__link {
    padding-right: 7px !important;
    padding-right: 0.38889rem !important;
    padding-left: 7px !important;
    padding-left: 0.38889rem !important; } }

.header-buttons .small-text {
  display: inline; }
  @media screen and (min-width: 700px) {
    .header-buttons .small-text {
      display: none; } }

.header-buttons .large-text {
  display: none; }
  @media screen and (min-width: 700px) {
    .header-buttons .large-text {
      display: inline; } }

.site-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column; }
  @media screen and (min-width: 1000px) {
    .site-header {
      display: block;
      -ms-flex-flow: inherit;
          flex-flow: inherit; } }

.topbar {
  -ms-flex-order: 2;
      order: 2;
  z-index: 12;
  margin-top: -40px;
  margin-top: -2.22222rem; }
  @media (min-width: 700px) {
    .topbar {
      margin-top: 14px;
      margin-top: 0.77778rem; } }

.search-row {
  -ms-flex-order: 2;
      order: 2; }

.midbar {
  -ms-flex-order: 1;
      order: 1;
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 1000px) {
    .midbar {
      margin-top: 41px;
      margin-top: 2.27778rem; } }

.botbar {
  -ms-flex-order: 4;
      order: 4;
  display: none; }
  @media screen and (min-width: 1000px) {
    .botbar {
      display: block;
      margin-top: 41px;
      margin-top: 2.27778rem; } }

.nav-all {
  -ms-flex-order: 4;
      order: 4; }

.search-toggle,
.menu-toggle {
  text-align: center;
  padding-left: 26px;
  padding-left: 1.44444rem;
  padding-bottom: 7px;
  padding-bottom: 0.38889rem;
  padding-top: 7px;
  padding-top: 0.38889rem;
  border: 2px solid #ede9f2;
  border: 0.11111rem solid #ede9f2;
  border-radius: 5px;
  border-radius: 0.27778rem; }
  @media screen and (min-width: 1000px) {
    .search-toggle,
    .menu-toggle {
      text-align: left;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-top: 0;
      border: 0; } }

.nav-top .search-toggle,
.nav-top .menu-toggle {
  line-height: 27px;
  line-height: 1.5rem;
  float: right; }
  @media screen and (min-width: 1000px) {
    .nav-top .search-toggle,
    .nav-top .menu-toggle {
      margin-top: 9px;
      margin-top: 0.5rem; } }

.nav-top .menu-toggle,
.nav-top .search-toggle {
  position: relative;
  padding-right: 36px;
  padding-right: 2rem; }

@media only screen and (max-width: 550px) {
  .nav-top .search-toggle {
    padding-right: 12px;
    padding-right: 0.66667rem; } }

@media only screen and (max-width: 330px) {
  .nav-top .menu-toggle {
    padding-right: 12px;
    padding-right: 0.66667rem; } }

.nav-top .menu-toggle i:before,
.nav-top .search-toggle i:before {
  position: absolute;
  right: 9px;
  right: 0.5rem;
  top: 50%;
  margin-top: -10px;
  margin-top: -0.55556rem; }

@media only screen and (max-width: 550px) {
  .nav-top .search-toggle i.icon-search:before {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 0; } }

@media only screen and (max-width: 550px) {
  .nav-top .search-toggle i.icon-cross:before {
    right: 12px;
    right: 0.66667rem; } }

@media only screen and (max-width: 330px) {
  .nav-top .menu-toggle i.icon-menu:before {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 0; } }

@media screen and (min-width: 1000px) {
  .nav-top .menu-toggle {
    display: none; } }

.menu-toggle {
  margin-left: 12px;
  margin-left: 0.66667rem; }

@media only screen and (max-width: 550px) {
  .search-toggle span {
    display: none; } }

@media only screen and (max-width: 330px) {
  .menu-toggle span {
    display: none; } }

.search-toggle .icon-search {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s linear; }

.search-toggle .icon-cross {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s linear; }

.search-open .search-toggle .icon-cross {
  visibility: visible;
  opacity: 1; }

.search-open .search-toggle .icon-search {
  visibility: hidden;
  opacity: 0; }

.menu-open .menu-toggle,
.search-open .search-toggle {
  position: relative;
  background-color: #ede9f2; }

.menu-open .menu-toggle:after,
.search-open .search-toggle:after {
  content: '';
  position: absolute;
  bottom: -29px;
  bottom: -1.61111rem;
  left: 50%;
  margin-left: -28px;
  margin-left: -1.55556rem;
  height: 0;
  width: 0;
  border-left: 28px solid transparent;
  border-left: 1.55556rem solid transparent;
  border-right: 28px solid transparent;
  border-right: 1.55556rem solid transparent;
  border-bottom: 28px solid #ede9f2;
  border-bottom: 1.55556rem solid #ede9f2; }

.menu-open .nav--all a {
  position: relative; }

.menu-open .nav--all a:after {
  content: '';
  position: absolute;
  bottom: -46px;
  bottom: -2.55556rem;
  left: 50%;
  margin-left: -44px;
  margin-left: -2.44444rem;
  height: 0;
  width: 0;
  border-left: 44px solid transparent;
  border-left: 2.44444rem solid transparent;
  border-right: 44px solid transparent;
  border-right: 2.44444rem solid transparent;
  border-bottom: 44px solid #ede9f2;
  border-bottom: 2.44444rem solid #ede9f2; }

.nav-all {
  display: none;
  transition: height 0.3s ease; }

.menu-open .nav-all {
  display: block;
  overflow: visible; }

.nav-all {
  margin-top: 27px;
  margin-top: 1.5rem; }

.nav-all ul {
  margin-left: 0;
  list-style: none; }

.nav-all div > ul {
  margin-left: -14px;
  margin-left: -0.77778rem;
  margin-right: -14px;
  margin-right: -0.77778rem; }

.nav-all div > ul > li {
  padding-left: 14px;
  padding-left: 0.77778rem;
  padding-right: 14px;
  padding-right: 0.77778rem; }

.nav-all a {
  text-decoration: none;
  display: block; }

.nav-all__primary,
.nav-all__secondary,
.nav-all__tertiary {
  padding-top: 27px;
  padding-top: 1.5rem;
  padding-bottom: 27px;
  padding-bottom: 1.5rem; }

.nav-all__primary ul ul,
.nav-all__secondary ul ul,
.nav-all__tertiary ul ul {
  margin-top: 27px;
  margin-top: 1.5rem; }

@media screen and (min-width: 700px) {
  .nav-all > div > div > ul {
    margin-bottom: -27px;
    margin-bottom: -1.5rem; } }

.nav-all__primary > div > ul > li,
.nav-all__secondary > div > ul > li,
.nav-all__tertiary > div > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 100%; }
  @media screen and (min-width: 700px) {
    .nav-all__primary > div > ul > li,
    .nav-all__secondary > div > ul > li,
    .nav-all__tertiary > div > ul > li {
      margin-bottom: 27px;
      margin-bottom: 1.5rem;
      width: 50%; } }
  @media screen and (min-width: 800px) {
    .nav-all__primary > div > ul > li,
    .nav-all__secondary > div > ul > li,
    .nav-all__tertiary > div > ul > li {
      width: 50%; } }
  @media screen and (min-width: 1000px) {
    .nav-all__primary > div > ul > li,
    .nav-all__secondary > div > ul > li,
    .nav-all__tertiary > div > ul > li {
      width: 25%; } }

.nav-all__primary {
  background-color: #ede9f2; }

.nav-all__secondary {
  background-color: #e4deeb;
  border-top: 1px solid #fff; }

.nav-all__tertiary {
  background-color: #dad1e4;
  border-top: 1px solid #fff; }

.nav-all .parent > a {
  font-size: 1.11111rem;
  line-height: 1.35;
  font-weight: bold; }

.nav-all .parent + .parent {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 700px) {
    .nav-all .parent + .parent {
      margin-top: 0; } }

/*
.nav-all__arrow {
  position: relative;
  padding-left: 26px;
  width: 16.6666%;
  float: right;

}
.nav-all__arrow:after {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  left: 50%;
  margin-left: 12px - 40px + 1px;
  top: 0;
  height: 0;
  width: 0;
  //margin-bottom: -46px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;

  border-bottom: 40px solid $color-light-purple;
  margin-top: 0;
  transition: margin-top 1.3s ease;
  display: block;
}
.menu-open .nav-all__arrow:after {
  margin-top: -40px;
}
*/
.site-footer {
  padding-bottom: 54px;
  padding-bottom: 3rem; }

.footer-row--primary {
  background: #512178;
  color: #fff;
  padding-bottom: 27px;
  padding-bottom: 1.5rem;
  padding-top: 27px;
  padding-top: 1.5rem; }

.footer-row--primary .footer-title,
.footer-row--edd .footer-title {
  font-size: 1.66667rem;
  line-height: 1.8;
  margin-top: 14px;
  margin-top: 0.77778rem; }

.footer-row--primary * + .brand-line,
.footer-row--edd * + .brand-line {
  margin-top: 27px !important;
  margin-top: 1.5rem !important; }

.footer-row--primary .footer-title + *,
.footer-row--edd .footer-title + * {
  margin-top: 27px;
  margin-top: 1.5rem; }

.footer-row--primary .title,
.footer-row--edd .title {
  color: #fff; }

.footer-row--primary a {
  color: #fff;
  text-decoration: none; }
  .footer-row--primary a:hover, .footer-row--primary a:active, .footer-row--primary a:focus {
    color: #ede9f2; }

.footer-row--edd a {
  color: #fff; }
  .footer-row--edd a:hover, .footer-row--edd a:active, .footer-row--edd a:focus {
    color: #ede9f2; }

@media screen and (min-width: 1000px) {
  .footer-row--primary .layout-item, .footer-row--primary .form-item {
    width: 33%; } }

.footer-row--primary .layout-item + .layout-item, .footer-row--primary .form-item + .layout-item, .footer-row--primary .layout-item + .form-item, .footer-row--primary .form-item + .form-item,
.footer-row--edd .layout-item + .layout-item,
.footer-row--edd .form-item + .layout-item,
.footer-row--edd .layout-item + .form-item,
.footer-row--edd .form-item + .form-item,
.footer-row--edd .layout-item > .layout-item,
.footer-row--edd .form-item > .layout-item,
.footer-row--edd .layout-item > .form-item,
.footer-row--edd .form-item > .form-item {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 1000px) {
    .footer-row--primary .layout-item + .layout-item, .footer-row--primary .form-item + .layout-item, .footer-row--primary .layout-item + .form-item, .footer-row--primary .form-item + .form-item,
    .footer-row--edd .layout-item + .layout-item,
    .footer-row--edd .form-item + .layout-item,
    .footer-row--edd .layout-item + .form-item,
    .footer-row--edd .form-item + .form-item,
    .footer-row--edd .layout-item > .layout-item,
    .footer-row--edd .form-item > .layout-item,
    .footer-row--edd .layout-item > .form-item,
    .footer-row--edd .form-item > .form-item {
      margin-top: 0; } }

/*.footer-row--primary .layout-item:before {
  background: $color-light-green;
  border-radius: 2px;
  content: '';
  height: 5px;
  width: 100%;
}*/
.footer-row--primary .brand-line:before {
  background: #afc402;
  width: 100%; }

.footer-row--primary .brand-line,
.footer-row--edd .brand-line {
  margin-top: 0; }

.footer-row--primary ul.list-arrow li:before {
  border-left-color: #fff; }

.footer-row--secondary {
  text-align: center; }

.nav-footer a {
  padding-left: 14px;
  padding-left: 0.77778rem;
  padding-right: 14px;
  padding-right: 0.77778rem;
  text-decoration: none; }

.nav-footer ul {
  list-style: none;
  margin-left: 0; }

.nav-footer li {
  border-right: 1px solid #333;
  display: inline-block; }

.nav-footer li:last-child {
  border-right: 0; }

/* telephone */
.footer-tel {
  font-size: 1.66667rem;
  line-height: 27px;
  line-height: 1.5rem; }

.footer-email {
  min-width: 250px;
  min-width: 13.88889rem;
  text-align: center !important; }

.site-footer .btn--outline {
  border-color: #957cb2; }
  .site-footer .btn--outline:hover, .site-footer .btn--outline:focus, .site-footer .btn--outline:active {
    border-color: #fff; }

.footer-logos {
  margin-left: 0;
  list-style: none;
  text-align: center;
  margin-bottom: -27px;
  margin-bottom: -1.5rem; }
  .footer-logos .footer-logos__fr-logo {
    max-width: 180px;
    max-width: 10rem; }
    @media screen and (min-width: 700px) {
      .footer-logos .footer-logos__fr-logo {
        margin-width: none; } }

.footer-logos li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 14px;
  padding-left: 0.77778rem;
  padding-right: 14px;
  padding-right: 0.77778rem;
  margin-bottom: 27px;
  margin-bottom: 1.5rem; }
  .footer-logos li img {
    max-height: 75px;
    max-height: 4.16667rem; }

/* =============================================================================

Search - header popup

============================================================================= */
.search-popup {
  margin-top: 27px;
  margin-top: 1.5rem;
  display: none;
  z-index: 1;
  padding-top: 14px;
  padding-top: 0.77778rem;
  padding-bottom: 14px;
  padding-bottom: 0.77778rem; }
  @media screen and (min-width: 1000px) {
    .search-popup {
      margin-top: 0;
      padding: 0; } }

.search-popup .layout-container {
  position: relative; }

.search-open .search-popup {
  display: block;
  position: relative;
  background-color: #ede9f2; }
  @media screen and (min-width: 1000px) {
    .search-open .search-popup {
      background-color: transparent; } }

@media screen and (min-width: 1000px) {
  .search-popup__form {
    position: absolute;
    right: 27px;
    right: 1.5rem;
    top: 0;
    margin-left: 27px;
    margin-left: 1.5rem;
    width: 554px;
    width: 30.77778rem;
    background-color: #ede9f2;
    padding-left: 14px;
    padding-left: 0.77778rem;
    padding-right: 14px;
    padding-right: 0.77778rem;
    padding-bottom: 14px;
    padding-bottom: 0.77778rem;
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: 0.66667rem;
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: 0.66667rem; } }

.search-popup__input {
  background-color: #fff !important;
  width: auto;
  margin-right: 5px;
  margin-right: 0.27778rem;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-width-right: 0; }
  @media screen and (min-width: 700px) {
    .search-popup__input {
      min-width: 300px;
      min-width: 16.66667rem; } }

.search-popup__button {
  border-top-right-radius: 5px !important;
  border-top-right-radius: 0.27778rem !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-right-radius: 0.27778rem !important; }

#eui .headerImageWidth {
  width: 100%; }

/* Strange divs */
.aspNetHidden {
  margin-top: 0; }

.artez {
  font-size: 18px;
  font-size: 1rem; }
  .artez div + div {
    margin-top: 0; }
  .artez .col-body {
    width: 100%; }
    @media screen and (min-width: 1000px) {
      .artez .col-body {
        width: 66.6666%; } }
  .artez .col-info {
    width: 100%; }
    @media screen and (min-width: 1000px) {
      .artez .col-info {
        padding-top: 15px;
        padding-top: 0.83333rem;
        width: 33.3333%; } }
  .artez .site-main {
    padding-bottom: 0; }
  .artez .site-footer {
    border-top: 5px solid #512178;
    border-top: 0.27778rem solid #512178;
    padding-top: 54px;
    padding-top: 3rem;
    margin-top: 54px;
    margin-top: 3rem; }
  .artez h1,
  .artez h2,
  .artez h3,
  .artez h4 {
    background: transparent; }
  .artez .input_textbox {
    border: 0;
    padding: 0; }
  .artez label + div {
    margin-top: 0; }
  .artez #footer-navigation {
    display: none; }

#page-sessionexpired,
#page-donate,
#mobiledonate {
  margin: 0;
  padding: 0; }

#frame {
  width: 100%;
  margin-top: 0; }

.artez {
  /* override */
  /* Events page stuff */
  /* events step 1*/
  /* Events Step 2 */
  /* Events step 3 */
  /* own page */
  /* login button*/ }
  .artez #bodyContentPlaceHolder table:first-child td {
    padding: 0;
    padding-bottom: 27px;
    padding-bottom: 1.5rem; }
  .artez #layout {
    width: 100%; }
    .artez #layout #tabsarea {
      display: none; }
    .artez #layout table {
      margin-top: 0; }
    .artez #layout #divPersonalDonation table {
      margin-top: 27px;
      margin-top: 1.5rem; }
    .artez #layout legend {
      border-bottom: 0; }
    .artez #layout .leftcol,
    .artez #layout .privacyPolicy {
      display: none; }
    .artez #layout .rightcol {
      padding: 0;
      border-left: 0; }
    .artez #layout div {
      margin-top: 0; }
    .artez #layout th {
      padding-left: 0; }
    .artez #layout .note,
    .artez #layout font {
      font-size: 14px;
      font-size: 0.77778rem; }
    .artez #layout .feedback {
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      padding-left: 58px;
      padding-left: 3.22222rem;
      background: #fff;
      border-radius: 4px;
      border-radius: 0.22222rem; }
    .artez #layout input[type='submit'] {
      margin-top: 27px;
      margin-top: 1.5rem;
      margin-bottom: 27px;
      margin-bottom: 1.5rem; }
  .artez fieldset label {
    margin-left: 0;
    margin-right: 0; }
  .artez fieldset legend {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    padding-top: 27px;
    padding-top: 1.5rem;
    font-size: 18px;
    font-size: 1rem;
    text-transform: none; }
  .artez fieldset ol {
    margin-left: 0; }
  .artez fieldset input {
    margin-left: 0; }
  .artez input[type='text'].phone,
  .artez input[type='text'].phoneRO {
    margin-left: 0;
    padding: 5.75px;
    padding: 0.31944rem; }
  .artez fieldset select {
    margin-left: 0; }
  .artez fieldset .txt {
    margin-left: 0;
    margin-right: 0; }
  .artez #mainForms input:focus,
  .artez #mainForms input:active,
  .artez fieldset input:focus,
  .artez fieldset input:active {
    border-width: 2px !important;
    border-width: 0.11111rem !important; }
  .artez input[type='submit'] + input[type='submit'],
  .artez button + button {
    margin-top: 0; }
  .artez button .selected {
    background-color: #512178 !important;
    color: #fff !important; }
  .artez textarea {
    background: #fff;
    color: #414042; }
  .artez #progressPanel {
    width: 100%;
    margin-top: 0; }
  .artez #progressPanel label {
    margin-top: 0;
    width: 11%;
    margin-right: 1.5%;
    float: none;
    display: inline-block;
    vertical-align: top; }
  .artez #progressPanel span {
    display: block;
    float: none;
    font-size: 14px;
    font-size: 0.77778rem; }
  .artez #progressPanel #step1,
  .artez #progressPanel #step2,
  .artez #progressPanel #step3,
  .artez #progressPanel #step4,
  .artez #progressPanel #step5,
  .artez #progressPanel #step6,
  .artez #progressPanel #step7,
  .artez #progressPanel #step8 {
    height: auto; }
  .artez #mainContainerOuterTube {
    margin-top: 0; }
  .artez #mainContainerInnerTube {
    padding: 0; }
  .artez #locationDescriptionPanel,
  .artez .uniformSelectorTable {
    border-radius: 5px;
    border-radius: 0.27778rem; }
  .artez input[type='checkbox'],
  .artez input[type='radio'] {
    margin-top: 6px !important;
    margin-top: 0.33333rem !important;
    margin-left: 0; }
  .artez #waiverForm ol {
    margin-left: 0;
    margin-top: 0; }
  .artez #participantTypePanel {
    text-align: left; }
  .artez .regTypeControl {
    margin-left: 0;
    margin-right: 0; }
  .artez #divTeamSearchDisplay {
    margin-right: 0;
    margin-top: 27px;
    margin-top: 1.5rem; }
  .artez #divSearchResults {
    margin-top: 27px;
    margin-top: 1.5rem; }
  .artez #ctl00_ctl00_mainContent_bodyContentPlaceHolder_divSocialShare {
    margin-bottom: 27px;
    margin-bottom: 1.5rem; }
  .artez #ctl00_ctl00_mainContent_bodyContentPlaceHolder_divSocialShare + button {
    margin-top: 0; }
  .artez .textBoxPageName + button {
    margin-top: 0; }
  .artez .supporter-timeline-message-author + button {
    margin-top: 0; }
  .artez #amount-raised-container,
  .artez #page-name-container {
    color: #414042 !important;
    background: #fff !important; }
  .artez #ctl00_ctl00_mainContent_cphLoginRegister_ucLogin_txtUserID {
    padding-left: 10px;
    padding-left: 0.55556rem;
    padding-right: 10px;
    padding-right: 0.55556rem; }

.artez.artez--events-layout .col-body {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .artez.artez--events-layout .col-body {
      width: 100%; } }

#aspnetForm {
  /* ================================== */
  /* =     REPLACEMENT RADIO     = */
  /* ================================== */
  /* If you want to style standard radio, add your own replacements - these rules do this */
  /* Focused state */
  /* Selected state */ }
  #aspnetForm .logo-site {
    margin-top: 0 !important; }
  #aspnetForm .logo-site a {
    display: inline-block; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_CheckBoxListGiftAid tr td {
    padding-left: 0;
    position: relative; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_CheckBoxListGiftAid tr:nth-child(2) {
    display: none; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_CheckBoxListGiftAid_0 + label {
    color: #512178 !important; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl00_CheckBoxListLabel,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_UDFFormRenderer_ctl00_CheckBoxListLabel,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_UDFFormRenderer_ctl01_CheckBoxListLabel,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl01_FieldDiv,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl02_FieldDiv,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl03_CheckBoxListLabel,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl07_CheckBoxListLabel {
    display: none; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl00_CheckBoxListCheckBox,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_UDFFormRenderer_ctl00_CheckBoxListCheckBox,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_UDFFormRenderer_ctl01_CheckBoxListCheckBox,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl07_CheckBoxListCheckBox,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl03_CheckBoxListCheckBox,
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl03_CheckBoxListCheckBox {
    margin-top: 0; }
    #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl00_CheckBoxListCheckBox td,
    #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_UDFFormRenderer_ctl00_CheckBoxListCheckBox td,
    #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_UDFFormRenderer_ctl01_CheckBoxListCheckBox td,
    #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl07_CheckBoxListCheckBox td,
    #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl03_CheckBoxListCheckBox td,
    #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl03_CheckBoxListCheckBox td {
      padding-left: 0;
      border: 0;
      position: relative; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_DonationSection_ctl00 {
    padding-left: 65px;
    padding-left: 3.61111rem; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_CustomValidatorBank {
    margin-left: 0 !important; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PaymentDetailsSection_LabelForCheckBoxAccountValidation {
    width: auto !important; }
  #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl00_FieldDiv {
    background: #e5e5e5;
    margin: 10px;
    margin: 0.55556rem;
    margin-top: 20px;
    margin-top: 1.11111rem;
    padding: 0 10px 5px 10px;
    padding: 0 0.55556rem 0.27778rem 0.55556rem; }
  @media (min-width: 600px) {
    #aspnetForm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_PersonalDetailsSection_UDFFormRenderer_ctl00_FieldDiv {
      margin: 20px;
      margin: 1.11111rem; } }
  #aspnetForm .summary-confirm #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_SummaryControl1_SubmitButton {
    margin-bottom: 27px !important;
    margin-bottom: 1.5rem !important; }
  #aspnetForm .dd-form div.fieldset .udf {
    margin: 0;
    padding: 1px; }
  #aspnetForm .dd-acknowledgement {
    display: none; }
  #aspnetForm .field-group.data-protection {
    padding-bottom: 1px; }
    #aspnetForm .field-group.data-protection p:nth-child(4),
    #aspnetForm .field-group.data-protection p:nth-child(6) {
      display: none; }
    #aspnetForm .field-group.data-protection.highlight p {
      font-size: 18px !important;
      font-size: 1rem !important; }
  #aspnetForm .dd-form div.fieldset .highlight .field.checkbox {
    min-height: 72px;
    min-height: 4rem; }
  #aspnetForm .en__field--gift-aid-text {
    padding-left: 20px;
    padding-left: 1.11111rem; }
  #aspnetForm .header,
  #aspnetForm .footer {
    max-width: 100%; }
  #aspnetForm .midbar {
    margin-top: 0; }
  #aspnetForm .columns {
    max-width: 1126px;
    max-width: 62.55556rem; }
  #aspnetForm .hero {
    background-color: #afc402 !important; }
  @media screen and (min-width: 1000px) {
    #aspnetForm .hero__title {
      width: calc(50% - 5px) !important;
      width: calc(50% - 0.27778rem) !important; } }
  #aspnetForm .hero__title .title {
    font-size: 54px;
    font-size: 3rem;
    line-height: 56px;
    line-height: 3.11111rem; }
  #aspnetForm .hero__title h3 {
    font-size: 20px;
    font-size: 1.11111rem;
    line-height: 26px;
    line-height: 1.44444rem; }
  #aspnetForm .site-main {
    padding-bottom: 0; }
  #aspnetForm .dd-form-wrapper {
    font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 18px;
    font-size: 1rem;
    color: #666;
    margin: 0; }
    #aspnetForm .dd-form-wrapper.step1 h2.closed {
      padding-right: 100px;
      padding-right: 5.55556rem; }
    #aspnetForm .dd-form-wrapper.step4 h2.summary-title.closed {
      padding-right: 205px;
      padding-right: 11.38889rem; }
    #aspnetForm .dd-form-wrapper .dd-progress h2 {
      background-color: #512178; }
    #aspnetForm .dd-form-wrapper .dd-progress .step1,
    #aspnetForm .dd-form-wrapper .dd-progress .step2,
    #aspnetForm .dd-form-wrapper .dd-progress .step3,
    #aspnetForm .dd-form-wrapper .dd-progress .step4,
    #aspnetForm .dd-form-wrapper .dd-progress .step5 {
      position: relative;
      border-bottom: 5px solid transparent;
      border-bottom: 0.27778rem solid transparent;
      background: none; }
      #aspnetForm .dd-form-wrapper .dd-progress .step1:after,
      #aspnetForm .dd-form-wrapper .dd-progress .step2:after,
      #aspnetForm .dd-form-wrapper .dd-progress .step3:after,
      #aspnetForm .dd-form-wrapper .dd-progress .step4:after,
      #aspnetForm .dd-form-wrapper .dd-progress .step5:after {
        border-radius: 2px;
        border-radius: 0.11111rem;
        content: '';
        height: 5px;
        height: 0.27778rem;
        bottom: -5px;
        bottom: -0.27778rem;
        left: 12px;
        left: 0.66667rem;
        right: 0;
        position: absolute; }
    #aspnetForm .dd-form-wrapper .dd-progress .step1:after {
      background-color: #0098d8; }
    #aspnetForm .dd-form-wrapper .dd-progress .step2:after {
      background-color: #61a329; }
    #aspnetForm .dd-form-wrapper .dd-progress .step3:after {
      background-color: #ce3a7d; }
    #aspnetForm .dd-form-wrapper .dd-progress .step4:after {
      background-color: #34ada6; }
    #aspnetForm .dd-form-wrapper .dd-progress .step5:after {
      background-color: #e95257; }
    #aspnetForm .dd-form-wrapper .dd-progress td {
      background-color: transparent !important;
      border: none !important;
      padding: 27px 0 0 12px;
      padding: 1.5rem 0 0 0.66667rem;
      font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: 800;
      font-size: 21px;
      font-size: 1.16667rem;
      width: auto;
      vertical-align: bottom; }
      #aspnetForm .dd-form-wrapper .dd-progress td:first-child {
        padding-left: 0; }
        #aspnetForm .dd-form-wrapper .dd-progress td:first-child:after {
          left: 0; }
    #aspnetForm .dd-form-wrapper .dd-progress .progress {
      display: none; }
    #aspnetForm .dd-form-wrapper .dd-progress ul li {
      color: #512178;
      border-top: 0; }
    #aspnetForm .dd-form-wrapper .dd-form {
      /* ================================== */
      /* =     REPLACEMENT CHECKBOX       = */
      /* ================================== */
      /* If you want to style standard checkboxes, add your own replacements - these four rules do this */
      /* Hide checkboxes */
      /* Focused state */
      /* Selected state */ }
      @media only screen and (max-width: 600px) {
        #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field span.error {
          margin: 0; } }
      #aspnetForm .dd-form-wrapper .dd-form .summary-intro--purple,
      #aspnetForm .dd-form-wrapper .dd-form .fieldset.summary-intro .summary-intro--purple,
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset.confirmation-page p:nth-child(3) {
        color: #512178;
        font-size: 26px;
        font-size: 1.44444rem; }
      #aspnetForm .dd-form-wrapper .dd-form p {
        font-size: 18px;
        font-size: 1rem; }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset.confirmation-page p,
      #aspnetForm .dd-form-wrapper .dd-form div.dd-confirmation .reference {
        font-size: 18px;
        font-size: 1rem; }
      #aspnetForm .dd-form-wrapper .dd-form div.dd-confirmation .reference .refno {
        font-weight: normal;
        color: #666; }
      #aspnetForm .dd-form-wrapper .dd-form .field-group.udf p strong,
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset h3,
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset h4 {
        color: #512178;
        font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-size: 24px;
        font-size: 1.33333rem;
        text-transform: uppercase;
        font-weight: 800; }
        @media only screen and (max-width: 800px) {
          #aspnetForm .dd-form-wrapper .dd-form .field-group.udf p strong,
          #aspnetForm .dd-form-wrapper .dd-form div.fieldset h3,
          #aspnetForm .dd-form-wrapper .dd-form div.fieldset h4 {
            font-size: 20px;
            font-size: 1.11111rem; } }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field {
        position: relative; }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field .tip {
        background-image: none !important;
        font-size: 16px;
        font-size: 0.88889rem;
        padding: 0;
        min-width: 200px;
        min-width: 11.11111rem;
        width: 50%; }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field select,
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field input {
        font-size: 16px;
        font-size: 0.88889rem;
        text-align: left; }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field label {
        font-size: 18px;
        font-size: 1rem;
        text-transform: uppercase;
        font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        color: #512178;
        font-weight: 400; }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field input[type='text'],
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field select {
        min-width: 200px;
        min-width: 11.11111rem;
        border-radius: 5px;
        border-radius: 0.27778rem;
        padding: 5.75px;
        padding: 0.31944rem;
        line-height: 27px;
        line-height: 1.5rem;
        box-shadow: none;
        outline: none;
        height: 40.5px;
        height: 2.25rem;
        border: 1px solid #512178; }
        #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field input[type='text']:focus,
        #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field select:focus {
          outline: none;
          border-color: #512178;
          box-shadow: 0 0 8px 0 rgba(79, 37, 130, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset .field input[type='text'] {
        width: 50%; }
      #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step {
        font-size: 20px !important;
        font-size: 1.11111rem !important; }
        #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step .icon {
          display: none; }
      #aspnetForm .dd-form-wrapper .dd-form .submit,
      #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons {
        margin-bottom: 27px;
        margin-bottom: 1.5rem;
        text-align: center;
        position: relative; }
      #aspnetForm .dd-form-wrapper .dd-form .submit input,
      #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button {
        background: none;
        background-image: none;
        font-size: 20px !important;
        font-size: 1.11111rem !important;
        height: 75px !important;
        height: 4.16667rem !important;
        font-size: 32px !important;
        font-size: 1.77778rem !important;
        text-transform: uppercase;
        float: none;
        line-height: 61px !important;
        line-height: 3.38889rem !important;
        margin-top: 0 !important; }
      #aspnetForm .dd-form-wrapper .dd-form h2 {
        padding: 20px 20px;
        padding: 1.11111rem 1.11111rem;
        font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 800;
        font-size: 26px;
        font-size: 1.44444rem;
        text-transform: uppercase; }
        @media only screen and (max-width: 320px) {
          #aspnetForm .dd-form-wrapper .dd-form h2 {
            font-size: 14px;
            font-size: 0.77778rem; } }
        @media only screen and (max-width: 800px) {
          #aspnetForm .dd-form-wrapper .dd-form h2 {
            font-size: 19px;
            font-size: 1.05556rem; } }
        #aspnetForm .dd-form-wrapper .dd-form h2:not(.closed) .button:not(.open) {
          display: none; }
        #aspnetForm .dd-form-wrapper .dd-form h2.confirmation-title.open .open {
          display: inline-block; }
        #aspnetForm .dd-form-wrapper .dd-form h2.confirmation-title.open .closed {
          display: none; }
        #aspnetForm .dd-form-wrapper .dd-form h2.confirmation-title.closed .open {
          display: none; }
        #aspnetForm .dd-form-wrapper .dd-form h2.confirmation-title.closed .closed {
          display: inline-block;
          margin-top: 0; }
        #aspnetForm .dd-form-wrapper .dd-form h2 .button {
          position: absolute;
          right: 40px;
          right: 2.22222rem;
          top: 11px;
          top: 0.61111rem;
          font-size: 18px !important;
          font-size: 1rem !important;
          font-weight: 400 !important;
          font-family: "Neue Helvetica W01", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
          #aspnetForm .dd-form-wrapper .dd-form h2 .button.closed {
            display: none; }
          #aspnetForm .dd-form-wrapper .dd-form h2 .button .icon {
            display: none; }
      #aspnetForm .dd-form-wrapper .dd-form h2.confirmation-title {
        padding: 20px 170px 20px 20px;
        padding: 1.11111rem 9.44444rem 1.11111rem 1.11111rem; }
      #aspnetForm .dd-form-wrapper .dd-form #ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder234_FormControl1_ValSummary {
        padding: 27px;
        padding: 1.5rem;
        font-size: 16px;
        font-size: 0.88889rem; }
      #aspnetForm .dd-form-wrapper .dd-form dt {
        width: 200px;
        width: 11.11111rem;
        text-align: left;
        font-size: 20px;
        font-size: 1.11111rem; }
      #aspnetForm .dd-form-wrapper .dd-form dd {
        font-weight: normal;
        font-size: 20px;
        font-size: 1.11111rem;
        color: #666; }
      #aspnetForm .dd-form-wrapper .dd-form input[type='checkbox'] + label {
        padding-left: 65px;
        padding-left: 3.61111rem;
        padding-top: 12px;
        padding-top: 0.66667rem;
        color: #666 !important;
        text-transform: none !important;
        font-size: 24px !important;
        font-size: 1.33333rem !important;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 360px) {
          #aspnetForm .dd-form-wrapper .dd-form input[type='checkbox'] + label {
            font-size: 20px !important;
            font-size: 1.11111rem !important; } }
      #aspnetForm .dd-form-wrapper .dd-form input[type='checkbox'] {
        position: absolute;
        cursor: pointer;
        left: 14px;
        left: 0.77778rem;
        top: 1px;
        width: 38px;
        width: 2.11111rem;
        height: 38px;
        height: 2.11111rem;
        margin: 0;
        opacity: 0; }
      #aspnetForm .dd-form-wrapper .dd-form input[type='checkbox'] + label:before {
        content: '';
        border: 1px solid #512178;
        background: #fff;
        width: 45.5px;
        width: 2.52778rem;
        height: 45.5px;
        height: 2.52778rem;
        position: absolute;
        top: 3px;
        top: 0.16667rem;
        left: 0;
        border-radius: 5px;
        border-radius: 0.27778rem; }
      #aspnetForm .dd-form-wrapper .dd-form input[type='checkbox'] + label:after {
        content: '✔';
        width: 0;
        height: 0;
        position: absolute;
        top: 6px;
        top: 0.33333rem;
        left: 9px;
        left: 0.5rem;
        opacity: 0;
        color: #512178;
        font-size: 34px;
        font-size: 1.88889rem; }
      #aspnetForm .dd-form-wrapper .dd-form input[type='checkbox']:focus + label:before {
        border-color: #512178;
        box-shadow: 0 0 8px 0 rgba(81, 33, 120, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }
      #aspnetForm .dd-form-wrapper .dd-form input[type='checkbox']:checked + label:after {
        opacity: 1; }
  #aspnetForm input[type='radio'] + label {
    padding-left: 50px;
    padding-left: 2.77778rem;
    position: relative;
    min-height: 50px;
    min-height: 2.77778rem;
    display: inline-block;
    width: auto;
    padding-top: 10px;
    padding-top: 0.55556rem; }
  #aspnetForm input[type='radio'] {
    position: absolute;
    cursor: pointer;
    left: 14px;
    left: 0.77778rem;
    top: 1px;
    width: 38px;
    width: 2.11111rem;
    height: 38px;
    height: 2.11111rem;
    margin: 0;
    opacity: 0; }
  #aspnetForm input[type='radio'] + label:before {
    content: '';
    border: 1px solid #512178;
    background: transparent;
    width: 34px;
    width: 1.88889rem;
    height: 34px;
    height: 1.88889rem;
    position: absolute;
    top: 3px;
    top: 0.16667rem;
    left: 0;
    border-radius: 50%;
    background: #fff; }
  #aspnetForm input[type='radio'] + label:after {
    content: '';
    border: 10px solid #512178;
    border: 0.55556rem solid #512178;
    width: 0;
    height: 0;
    position: absolute;
    top: 10px;
    top: 0.55556rem;
    left: 7px;
    left: 0.38889rem;
    border-radius: 50%;
    opacity: 0; }
  #aspnetForm input[type='radio']:focus + label:before {
    border-color: #512178;
    box-shadow: 0 0 8px 0 rgba(81, 33, 120, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset; }
  #aspnetForm input[type='radio']:checked + label:after {
    opacity: 1; }
  #aspnetForm .step1 .dd-progress .step1,
  #aspnetForm .step1-3 .dd-progress .step1 {
    color: #0098d8; }
  #aspnetForm .step2 .dd-progress .step2,
  #aspnetForm .step1-3 .dd-progress .step2 {
    color: #61a329; }
  #aspnetForm .step3 .dd-progress .step3,
  #aspnetForm .step1-3 .dd-progress .step3 {
    color: #ce3a7d; }
  #aspnetForm .step4 .dd-progress .step4 {
    color: #34ada6; }
  #aspnetForm .step5 .dd-progress .step5 {
    color: #e95257; }
  #aspnetForm .footer-row--edd {
    background: #512178;
    color: #fff;
    padding-bottom: 81px;
    padding-bottom: 4.5rem;
    padding-top: 81px;
    padding-top: 4.5rem; }
    #aspnetForm .footer-row--edd .layout-row > .layout-item, #aspnetForm .footer-row--edd .form-row > .layout-item, #aspnetForm .footer-row--edd .layout-row > .form-item, #aspnetForm .footer-row--edd .form-row > .form-item {
      padding-left: 27px;
      padding-left: 1.5rem;
      padding-right: 27px;
      padding-right: 1.5rem; }
      @media screen and (min-width: 1000px) {
        #aspnetForm .footer-row--edd .layout-row > .layout-item:first-child, #aspnetForm .footer-row--edd .form-row > .layout-item:first-child, #aspnetForm .footer-row--edd .layout-row > .form-item:first-child, #aspnetForm .footer-row--edd .form-row > .form-item:first-child {
          padding-right: 54px;
          padding-right: 3rem; } }
      @media screen and (min-width: 1000px) {
        #aspnetForm .footer-row--edd .layout-row > .layout-item:last-child, #aspnetForm .footer-row--edd .form-row > .layout-item:last-child, #aspnetForm .footer-row--edd .layout-row > .form-item:last-child, #aspnetForm .footer-row--edd .form-row > .form-item:last-child {
          padding-left: 54px;
          padding-left: 3rem;
          border-left: 1px solid #fff; } }
    #aspnetForm .footer-row--edd .layout-item > .layout-item, #aspnetForm .footer-row--edd .form-item > .layout-item, #aspnetForm .footer-row--edd .layout-item > .form-item, #aspnetForm .footer-row--edd .form-item > .form-item {
      padding-left: 0;
      padding-right: 0; }
      @media screen and (min-width: 1000px) {
        #aspnetForm .footer-row--edd .layout-item > .layout-item.layout-item--images, #aspnetForm .footer-row--edd .form-item > .layout-item.layout-item--images, #aspnetForm .footer-row--edd .layout-item > .layout-item--images.form-item, #aspnetForm .footer-row--edd .form-item > .layout-item--images.form-item {
          padding-left: 0;
          padding-right: 27px;
          padding-right: 1.5rem; } }
    #aspnetForm .footer-row--edd .brand-line:before {
      background-color: #8d6ea7;
      width: 180px;
      width: 10rem; }
    #aspnetForm .footer-row--edd .title--light {
      font-weight: 400 !important; }
    #aspnetForm .footer-row--edd .footer-title.brand-line {
      line-height: 1.2 !important;
      padding-top: 20px;
      padding-top: 1.11111rem;
      font-size: 33px;
      font-size: 1.83333rem;
      margin-bottom: 54px;
      margin-bottom: 3rem; }
    #aspnetForm .footer-row--edd .footer__highlight--blue {
      font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: 800;
      color: #0098d8;
      font-size: 48px;
      font-size: 2.66667rem;
      line-height: 1; }
    #aspnetForm .footer-row--edd .footer__highlight--dark-blue {
      font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: 800;
      color: #0066b2;
      font-size: 48px;
      font-size: 2.66667rem;
      line-height: 1; }
    #aspnetForm .footer-row--edd .footer__highlight--pink {
      font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: 800;
      color: #ce3a7d;
      font-size: 48px;
      font-size: 2.66667rem;
      line-height: 1; }
    #aspnetForm .footer-row--edd .footer-text {
      font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: 400;
      font-size: 24px;
      font-size: 1.33333rem;
      line-height: 30px;
      line-height: 1.66667rem; }
    #aspnetForm .footer-row--edd .footer-text--small {
      font-size: 18px;
      font-size: 1rem;
      line-height: 22px;
      line-height: 1.22222rem; }
    #aspnetForm .footer-row--edd .footer-graphic {
      max-width: 100%;
      width: auto; }
    #aspnetForm .footer-row--edd .footer-graphic--graph {
      margin-top: 27px;
      margin-top: 1.5rem;
      max-width: 300px;
      max-width: 16.66667rem;
      width: 100%; }
    #aspnetForm .footer-row--edd .footer-graphic--fr {
      margin-top: 81px;
      margin-top: 4.5rem; }

/*
 * Components: Discrete, complete chunks of UI (e.g. .carousel {}).
 * @TODO these should be in alphabetical order but that may break things
 */
/* These classes are set in the teamplates via config/routes.php */
/* buttons */
.btn--outline,
.color-scheme--default .btn--outline {
  border-color: #8d6ea7; }
  .btn--outline:hover, .btn--outline:focus, .btn--outline:active,
  .color-scheme--default .btn--outline:hover,
  .color-scheme--default .btn--outline:focus,
  .color-scheme--default .btn--outline:active {
    border-color: #512178; }

.color-scheme--yellow .btn--outline {
  border-color: #512178; }
  .color-scheme--yellow .btn--outline:hover, .color-scheme--yellow .btn--outline:focus, .color-scheme--yellow .btn--outline:active {
    border-color: #512178; }

.color-scheme--dark-blue .btn--outline {
  border-color: #0066b2; }
  .color-scheme--dark-blue .btn--outline:hover, .color-scheme--dark-blue .btn--outline:focus, .color-scheme--dark-blue .btn--outline:active {
    border-color: #512178; }

.color-scheme--blue .btn--outline {
  border-color: #0098d8; }
  .color-scheme--blue .btn--outline:hover, .color-scheme--blue .btn--outline:focus, .color-scheme--blue .btn--outline:active {
    border-color: #512178; }

.color-scheme--light-blue .btn--outline {
  border-color: #18bae5; }
  .color-scheme--light-blue .btn--outline:hover, .color-scheme--light-blue .btn--outline:focus, .color-scheme--light-blue .btn--outline:active {
    border-color: #512178; }

.color-scheme--dark-green .btn--outline {
  border-color: #61a329; }
  .color-scheme--dark-green .btn--outline:hover, .color-scheme--dark-green .btn--outline:focus, .color-scheme--dark-green .btn--outline:active {
    border-color: #512178; }

.color-scheme--light-green .btn--outline {
  border-color: #afc402; }
  .color-scheme--light-green .btn--outline:hover, .color-scheme--light-green .btn--outline:focus, .color-scheme--light-green .btn--outline:active {
    border-color: #512178; }

.color-scheme--pink .btn--outline {
  border-color: #ce3a7d; }
  .color-scheme--pink .btn--outline:hover, .color-scheme--pink .btn--outline:focus, .color-scheme--pink .btn--outline:active {
    border-color: #512178; }

.color-scheme--coral .btn--outline {
  border-color: #e95257; }
  .color-scheme--coral .btn--outline:hover, .color-scheme--coral .btn--outline:focus, .color-scheme--coral .btn--outline:active {
    border-color: #512178; }

.color-scheme--pomegranate .btn--outline {
  border-color: #e63312; }
  .color-scheme--pomegranate .btn--outline:hover, .color-scheme--pomegranate .btn--outline:focus, .color-scheme--pomegranate .btn--outline:active {
    border-color: #512178; }

.color-scheme--dark-orange .btn--outline {
  border-color: #ed6d05; }
  .color-scheme--dark-orange .btn--outline:hover, .color-scheme--dark-orange .btn--outline:focus, .color-scheme--dark-orange .btn--outline:active {
    border-color: #512178; }

.color-scheme--light-orange .btn--outline {
  border-color: #f49800; }
  .color-scheme--light-orange .btn--outline:hover, .color-scheme--light-orange .btn--outline:focus, .color-scheme--light-orange .btn--outline:active {
    border-color: #512178; }

/* brand lines  */
.brand-line:before,
.color-scheme--default .brand-line:before {
  background-color: #8d6ea7; }

.color-scheme--yellow .brand-line:before {
  background-color: #fcbc00; }

.color-scheme--dark-blue .brand-line:before {
  background-color: #0066b2; }

.color-scheme--blue .brand-line:before {
  background-color: #0098d8; }

.color-scheme--light-blue .brand-line:before {
  background-color: #18bae5; }

.color-scheme--dark-green .brand-line:before {
  background-color: #61a329; }

.color-scheme--light-green .brand-line:before {
  background-color: #afc402; }

.color-scheme--pink .brand-line:before {
  background-color: #ce3a7d; }

.color-scheme--coral .brand-line:before {
  background-color: #e95257; }

.color-scheme--pomegranate .brand-line:before {
  background-color: #e63312; }

.color-scheme--dark-orange .brand-line:before {
  background-color: #ed6d05; }

.color-scheme--light-orange .brand-line:before {
  background-color: #f49800; }

/* images */
.brand-line-img:before,
.color-scheme--default .brand-line-img:before {
  background-color: #8d6ea7; }

.color-scheme--yellow .brand-line-img:before {
  background-color: #fcbc00; }

.color-scheme--dark-blue .brand-line-img:before {
  background-color: #0098d8; }

.color-scheme--blue .brand-line-img:before {
  background-color: #18bae5; }

.color-scheme--light-blue .brand-line-img:before {
  background-color: #18bae5; }

.color-scheme--dark-green .brand-line-img:before {
  background-color: #afc402; }

.color-scheme--light-green .brand-line-img:before {
  background-color: #afc402; }

.color-scheme--pink .brand-line-img:before {
  background-color: #ce3a7d; }

.color-scheme--coral .brand-line-img:before {
  background-color: #e95257; }

.color-scheme--pomegranate .brand-line-img:before {
  background-color: #e63312; }

.color-scheme--dark-orange .brand-line-img:before {
  background-color: #f49800; }

.color-scheme--light-orange .brand-line-img:before {
  background-color: #f49800; }

/* Hero */
.hero,
.color-scheme--default .hero {
  background-color: #8d6ea7; }

.color-scheme--yellow .hero {
  background-color: #fcbc00; }

.color-scheme--dark-blue .hero {
  background-color: #0066b2; }

.color-scheme--blue .hero {
  background-color: #0098d8; }

.color-scheme--light-blue .hero {
  background-color: #18bae5; }

.color-scheme--dark-green .hero {
  background-color: #afc402; }

.color-scheme--light-green .hero {
  background-color: #afc402; }

.color-scheme--pink .hero {
  background-color: #ce3a7d; }

.color-scheme--coral .hero {
  background-color: #e95257; }

.color-scheme--pomegranate .hero {
  background-color: #e63312; }

.color-scheme--dark-orange .hero {
  background-color: #ed6d05; }

.color-scheme--light-orange .hero {
  background-color: #f49800; }

/* Button */
.color-scheme--yellow .btn--branded {
  border-color: #fcbc00;
  color: #fcbc00; }
  .color-scheme--yellow .btn--branded:hover, .color-scheme--yellow .btn--branded:active, .color-scheme--yellow .btn--branded:focus {
    color: #fcbc00;
    border-color: #fcbc00; }

.color-scheme--blue .btn--branded {
  border-color: #0098d8;
  color: #0098d8; }
  .color-scheme--blue .btn--branded:hover, .color-scheme--blue .btn--branded:active, .color-scheme--blue .btn--branded:focus {
    color: #0098d8;
    border-color: #0098d8; }

/* blockquotes */
.color-scheme--yellow blockquote p:first-of-type:before,
.color-scheme--yellow blockquote p:last-of-type:after {
  color: #fcbc00 !important;
  border: 10px;
  border: 0.55556rem; }

.color-scheme--blue blockquote p:first-of-type:before,
.color-scheme--blue blockquote p:last-of-type:after {
  color: #0098d8; }

/* Landing */
.color-scheme--default .landing-list a:hover, .color-scheme--default .landing-list a:focus, .color-scheme--default .landing-list a:active {
  color: #8d6ea7; }

.color-scheme--yellow .landing-list a:hover, .color-scheme--yellow .landing-list a:focus, .color-scheme--yellow .landing-list a:active {
  color: #ed6d05; }

.color-scheme--dark-blue .landing-list a:hover, .color-scheme--dark-blue .landing-list a:focus, .color-scheme--dark-blue .landing-list a:active {
  color: #0066b2; }

.color-scheme--blue .landing-list a:hover, .color-scheme--blue .landing-list a:focus, .color-scheme--blue .landing-list a:active {
  color: #0066b2; }

.color-scheme--light-blue .landing-list a:hover, .color-scheme--light-blue .landing-list a:focus, .color-scheme--light-blue .landing-list a:active {
  color: #0066b2; }

.color-scheme--dark-green .landing-list a:hover, .color-scheme--dark-green .landing-list a:focus, .color-scheme--dark-green .landing-list a:active {
  color: #61a329; }

.color-scheme--light-green .landing-list a:hover, .color-scheme--light-green .landing-list a:focus, .color-scheme--light-green .landing-list a:active {
  color: #61a329; }

.color-scheme--pink .landing-list a:hover, .color-scheme--pink .landing-list a:focus, .color-scheme--pink .landing-list a:active {
  color: #ce3a7d; }

.color-scheme--coral .landing-list a:hover, .color-scheme--coral .landing-list a:focus, .color-scheme--coral .landing-list a:active {
  color: #e95257; }

.color-scheme--pomegranate .landing-list a:hover, .color-scheme--pomegranate .landing-list a:focus, .color-scheme--pomegranate .landing-list a:active {
  color: #e63312; }

.color-scheme--dark-orange .landing-list a:hover, .color-scheme--dark-orange .landing-list a:focus, .color-scheme--dark-orange .landing-list a:active {
  color: #ed6d05; }

.color-scheme--light-orange .landing-list a:hover, .color-scheme--light-orange .landing-list a:focus, .color-scheme--light-orange .landing-list a:active {
  color: #ed6d05; }

.cc_container {
  bottom: auto !important;
  top: 0; }

.brand-line.aside-nav {
  padding-top: 14px;
  padding-top: 0.77778rem; }

.aside-nav {
  display: none; }
  @media screen and (min-width: 1000px) {
    .aside-nav {
      display: block; } }

.no-js .aside-nav {
  display: block; }

.aside-nav ul {
  list-style: none;
  margin-left: 0; }

.aside-nav li.active > a,
.aside-nav li.parent-active > a {
  background-color: #ede9f2; }

.aside-nav ul a {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  padding-top: 7px;
  padding-top: 0.38889rem;
  padding-bottom: 7px;
  padding-bottom: 0.38889rem;
  padding-left: 14px;
  padding-left: 0.77778rem;
  padding-right: 14px;
  padding-right: 0.77778rem; }
  .aside-nav ul a:hover, .aside-nav ul a:active, .aside-nav ul a:focus {
    background-color: #ede9f2; }

.aside-nav ul ul a {
  padding-left: 34px;
  padding-left: 1.88889rem; }

.aside-nav ul ul {
  background-color: #f5f3f8; }

/* tinynav */
.tinynav__wrap {
  margin-top: 27px;
  margin-top: 1.5rem;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .tinynav__wrap {
      display: none; } }

.tinynav {
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .tinynav {
      display: none; } }

/*====================================*\

    @define dialog;

    Based on https://github.com/edenspiekermann/a11y-dialog/blob/master/example/styles.css

\*====================================*/
/*------------------------------------*\
    Variables
\*------------------------------------*/
/*------------------------------------*\
    Layout
\*------------------------------------*/
/*------------------------------------*\
    Styles
\*------------------------------------*/
.dialog[aria-hidden='true'] {
  display: none; }

.dialog__overlay {
  position: fixed;
  z-index: 9000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(60, 60, 59, 0.9); }

.dialog__content {
  position: fixed;
  top: 5%;
  left: 50%;
  width: 600px;
  width: 33.33333rem;
  max-width: 90%;
  margin-top: 0;
  padding: 1em;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9002;
  font-size: 16px;
  font-size: 0.88889rem; }
  @media screen and (min-width: 700px) {
    .dialog__content {
      top: 50%;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      padding: 81px;
      padding: 4.5rem; } }

.dialog__close {
  font-size: 1.11111rem;
  line-height: 1.35;
  font-weight: bold;
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  cursor: pointer;
  transition: 0.15s;
  text-align: center;
  border: 0;
  background-color: transparent; }
  .dialog__close:focus {
    outline: 2px solid #512178; }
  @media screen and (min-width: 700px) {
    .dialog__close {
      top: 1em;
      right: 1em; } }

.dialog__title {
  margin-top: 0;
  padding-right: 54px;
  padding-right: 3rem; }

/*
/* Donation countdown timer
*************************************************************************/
.donation-countdown-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 32px 0;
  padding: 1.77778rem 0;
  width: 100%; }

.donation-countdown-timer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  @media (min-width: 768px) {
    .donation-countdown-timer {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: start;
          align-items: flex-start; } }

.donation-countdown-timer__unit {
  margin-top: 0;
  margin-right: 16px;
  margin-right: 0.88889rem;
  font-size: 36px;
  font-size: 2rem;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #512178; }
  .donation-countdown-timer__unit span {
    font-weight: 700; }

.donation-banner {
  background-color: #77489f;
  color: #fff;
  width: 100%;
  z-index: 9000;
  position: fixed;
  bottom: 0;
  margin-top: 0;
  padding-top: 20px;
  padding-top: 1.11111rem;
  padding-bottom: 30px;
  padding-bottom: 1.66667rem;
  box-shadow: 0px 10px 20px -5px #a1a1a1;
  display: none; }
  .donation-banner.visible {
    display: block; }
  .donation-banner p:first-of-type {
    font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 25px;
    font-size: 1.38889rem;
    line-height: 1.1; }
  .donation-banner .btn, .donation-banner .artez input[type='submit'], .artez .donation-banner input[type='submit'],
  .donation-banner .artez button, .artez .donation-banner button, .donation-banner #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .donation-banner .button.next-step, .donation-banner #aspnetForm .dd-form-wrapper .dd-form .submit input, #aspnetForm .dd-form-wrapper .dd-form .submit .donation-banner input,
  .donation-banner #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button, #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .donation-banner .button, .donation-banner #aspnetForm .dd-form-wrapper .dd-form h2 .button, #aspnetForm .dd-form-wrapper .dd-form h2 .donation-banner .button {
    min-width: 174px;
    min-width: 9.66667rem;
    text-align: center;
    border: solid 1px white; }

.donation-banner__cross {
  background-image: url("../../svg/cross.svg");
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
  width: 19px;
  width: 1.05556rem;
  height: 19px;
  height: 1.05556rem;
  position: absolute;
  right: 4%;
  top: 20px;
  top: 1.11111rem;
  background-color: transparent;
  border: 0; }

.donation-banner__flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.donation-banner__img {
  width: 90px;
  width: 5rem;
  height: 90px;
  height: 5rem;
  display: none; }

.donation-banner__text-container {
  margin-top: 0;
  margin-right: 20px;
  margin-right: 1.11111rem; }

@media (min-width: 600px) {
  .donation-banner p:last-of-type {
    display: inline-block; }
  .donation-banner .btn, .donation-banner .artez input[type='submit'], .artez .donation-banner input[type='submit'],
  .donation-banner .artez button, .artez .donation-banner button, .donation-banner #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .donation-banner .button.next-step, .donation-banner #aspnetForm .dd-form-wrapper .dd-form .submit input, #aspnetForm .dd-form-wrapper .dd-form .submit .donation-banner input,
  .donation-banner #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button, #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .donation-banner .button, .donation-banner #aspnetForm .dd-form-wrapper .dd-form h2 .button, #aspnetForm .dd-form-wrapper .dd-form h2 .donation-banner .button {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .donation-banner__text-container {
    max-width: 720px;
    max-width: 40rem; } }

@media (min-width: 970px) {
  .donation-banner .btn, .donation-banner .artez input[type='submit'], .artez .donation-banner input[type='submit'],
  .donation-banner .artez button, .artez .donation-banner button, .donation-banner #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .donation-banner .button.next-step, .donation-banner #aspnetForm .dd-form-wrapper .dd-form .submit input, #aspnetForm .dd-form-wrapper .dd-form .submit .donation-banner input,
  .donation-banner #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button, #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .donation-banner .button, .donation-banner #aspnetForm .dd-form-wrapper .dd-form h2 .button, #aspnetForm .dd-form-wrapper .dd-form h2 .donation-banner .button {
    margin-top: 0;
    margin-left: auto;
    -ms-flex-item-align: center;
        align-self: center; }
  .donation-banner__flex-container {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center; }
  .donation-banner__img {
    display: inline-block;
    margin-right: 20px;
    margin-right: 1.11111rem; } }

@media (min-width: 1086px) {
  .donation-banner__text-container {
    max-width: 800px;
    max-width: 44.44444rem; } }

/* Text */
/* wysiwyg overrides */
.editorial p[style*='text-align: left'],
.editorial p[style*='text-align:left'] {
  text-align: left !important; }

/* wysiwyg overrides */
.editorial p[style*='text-align: center'],
.editorial p[style*='text-align:center'] {
  text-align: center !important; }

/* wysiwyg overrides */
.editorial p[style*='text-align: right'],
.editorial p[style*='text-align:right'] {
  text-align: right !important; }

/* wysiwyg overrides */
.editorial p[style*='text-align: justify'],
.editorial p[style*='text-align:justify'] {
  text-align: justify !important; }

/* img */
/* Margins for wysiwyg images */
.editorial img[align='left'],
.editorial img[style*='float: left'],
.editorial img[style*='float:left'] {
  float: left;
  margin-bottom: 12px;
  margin-bottom: 0.66667rem;
  margin-right: 12px;
  margin-right: 0.66667rem;
  margin-top: 6px;
  margin-top: 0.33333rem; }

.editorial img[align='right'],
.editorial img[style*='float: right'],
.editorial img[style*='float:right'] {
  float: right;
  margin-bottom: 12px;
  margin-bottom: 0.66667rem;
  margin-left: 12px;
  margin-left: 0.66667rem;
  margin-top: 6px;
  margin-top: 0.33333rem; }

/* tables */
.editorial table[border],
.editorial table[border] tr {
  border: none !important; }

.editorial table[border] td,
.editorial table[border] th {
  border: none !important;
  border-bottom: 1px solid #eee !important; }

.editorial table[style*='width:'] {
  width: 100% !important; }

/*------------------------------------*\
    #skip-to
\*------------------------------------*/
/**
 * Set style for skip-to links.
 * http://webaim.org/techniques/css/invisiblecontent/
 */
/*ul*/
.skipto {
  background: #000;
  color: #fff;
  z-index: 9999;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0; }

.skipto li {
  margin-top: 0; }

.skipto a {
  position: absolute;
  left: -9999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: #fff;
  padding: 1em;
  display: inline-block; }

.skipto a:focus {
  position: static;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible; }

.hero {
  color: #fff; }

.hero .layout-container {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 1200px) {
    .hero .layout-container {
      padding-left: 27px;
      padding-left: 1.5rem;
      padding-right: 27px;
      padding-right: 1.5rem; } }

.hero__wrap {
  background-color: #512178; }

.hero__title {
  padding: 27px;
  padding: 1.5rem;
  display: inline-block;
  vertical-align: top; }
  @media screen and (min-width: 1000px) {
    .hero__title {
      width: 50%; } }

@media screen and (min-width: 1000px) {
  .hero__title--full {
    width: 100%; } }

.hero__title-img {
  width: 316px;
  width: 17.55556rem;
  display: block;
  margin-bottom: 27px;
  margin-bottom: 1.5rem; }

.layout-container--full-width-hero {
  height: 100%; }

.hero__title--full-width {
  height: 100%;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }

.hero__title-img--full-width {
  margin-bottom: 0; }
  @media screen and (min-width: 1000px) {
    .hero__title-img--full-width {
      width: 440px;
      width: 24.44444rem; } }
  @media screen and (min-width: 1200px) {
    .hero__title-img--full-width {
      width: 509px;
      width: 28.27778rem; } }

.hero__img {
  margin-top: 0;
  vertical-align: top;
  display: inline-block;
  width: 100%; }
  @media screen and (min-width: 1000px) {
    .hero__img {
      width: 50%; } }

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

.hero__date {
  margin-top: 0; }

.hero .title {
  color: #fff; }

.hero__video iframe {
  width: 100%;
  height: 250px;
  height: 13.88889rem; }
  @media (min-width: 430px) {
    .hero__video iframe {
      height: 350px;
      height: 19.44444rem; } }
  @media screen and (min-width: 700px) {
    .hero__video iframe {
      height: 400px;
      height: 22.22222rem; } }
  @media screen and (min-width: 800px) {
    .hero__video iframe {
      height: 500px;
      height: 27.77778rem; } }
  @media screen and (min-width: 1000px) {
    .hero__video iframe {
      width: 560px;
      width: 31.11111rem;
      height: 335px;
      height: 18.61111rem; } }

.hero--full-width {
  height: 250px;
  height: 13.88889rem;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (min-width: 800px) {
    .hero--full-width {
      height: 400px;
      height: 22.22222rem; } }

/*.page-title {
  text-transform: uppercase;
}*/
.boxout {
  color: #fff;
  background-color: #77489f;
  padding: 27px;
  padding: 1.5rem;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.11111rem;
  line-height: 24px;
  line-height: 1.33333rem;
  position: relative; }
  @media screen and (min-width: 800px) {
    .boxout {
      padding: 54px;
      padding: 3rem; } }

.boxout__icon {
  width: 120px;
  width: 6.66667rem;
  height: 120px;
  height: 6.66667rem;
  position: absolute;
  top: 27px;
  top: 1.5rem;
  right: 27px;
  right: 1.5rem;
  display: none; }
  @media screen and (min-width: 800px) {
    .boxout__icon {
      display: block; } }

.boxout__title {
  text-transform: uppercase;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin-top: 0; }
  .boxout__title:first-line {
    font-weight: bold; }
  @media screen and (min-width: 800px) {
    .boxout__title {
      width: 75%; } }

.boxout__lead {
  font-size: 1.33333rem;
  line-height: 28px;
  line-height: 1.55556rem;
  font-weight: bold; }

/* 
/* Breadcrumbs
*************************************************************************/
.breadcrumb-container {
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  padding-top: 27px;
  padding-top: 1.5rem;
  padding-bottom: 27px;
  padding-bottom: 1.5rem; }

.breadcrumb a {
  text-decoration: none; }

.breadcrumb {
  margin-left: 0;
  list-style: none; }

.breadcrumb > li {
  float: left; }

.breadcrumb > li + li:before {
  content: '\3e';
  padding: 0 6px;
  padding: 0 0.33333rem;
  color: #ccc; }

.breadcrumb > .active {
  color: #8c8a8e; }

.social-share {
  vertical-align: middle;
  text-align: left; }

.social-share > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  margin-right: 0.38889rem; }

.social-share > span + * {
  margin-top: 0; }

.social__layout {
  list-style: none;
  margin-left: 0;
  display: inline-block;
  vertical-align: middle; }

.social__item {
  display: inline-block;
  margin-right: 12px;
  margin-right: 0.66667rem;
  position: relative;
  vertical-align: top; }

.social__item a {
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
  display: block;
  text-decoration: none;
  width: 45px;
  width: 2.5rem;
  height: 45px;
  height: 2.5rem;
  border: 2px solid #957cb2;
  border: 0.11111rem solid #957cb2;
  border-radius: 100px;
  border-radius: 5.55556rem;
  text-align: center;
  position: relative; }
  .social__item a:hover, .social__item a:active, .social__item a:focus {
    border-color: #512178; }

.social__item i:before {
  font-size: 24px;
  font-size: 1.33333rem;
  position: absolute;
  margin: auto;
  left: 9px;
  left: 0.5rem;
  top: 9px;
  top: 0.5rem; }

.site-footer .social__item a:hover, .site-footer .social__item a:active, .site-footer .social__item a:focus {
  border-color: #fff; }

.btn-group + .social-share {
  margin-top: 54px;
  margin-top: 3rem; }

.stButton {
  display: block !important;
  margin: 0 !important; }

.stLarge {
  display: block !important; }

/*------------------------------------*\
  #BUTTONS
\*------------------------------------*/
/**
 * A simple button object.
 */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.btn, .artez input[type='submit'],
.artez button, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step, #aspnetForm .dd-form-wrapper .dd-form .submit input,
#aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button, #aspnetForm .dd-form-wrapper .dd-form h2 .button {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: left;
  /* [4] */
  border: none;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 7px 14px;
  padding: 0.38889rem 0.77778rem;
  /* [7] */
  background-color: #ede9f2;
  color: #512178;
  text-decoration: none;
  /* [4] */
  border-radius: 4px;
  border-radius: 0.22222rem; }
  .btn:hover, .artez input:hover[type='submit'],
  .artez button:hover, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step:hover, #aspnetForm .dd-form-wrapper .dd-form .submit input:hover,
  #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button:hover, #aspnetForm .dd-form-wrapper .dd-form h2 .button:hover, .btn:active, .artez input:active[type='submit'],
  .artez button:active, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step:active, #aspnetForm .dd-form-wrapper .dd-form .submit input:active,
  #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button:active, #aspnetForm .dd-form-wrapper .dd-form h2 .button:active, .btn:focus, .artez input:focus[type='submit'],
  .artez button:focus, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step:focus, #aspnetForm .dd-form-wrapper .dd-form .submit input:focus,
  #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button:focus, #aspnetForm .dd-form-wrapper .dd-form h2 .button:focus {
    color: #512178;
    text-decoration: none;
    /* [4] */
    background-color: #d3c9df; }

* + .btn, .artez * + input[type='submit'],
.artez * + button, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step * + .button.next-step, #aspnetForm .dd-form-wrapper .dd-form .submit * + input,
#aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons * + .button, #aspnetForm .dd-form-wrapper .dd-form h2 * + .button {
  margin-top: 27px;
  margin-top: 1.5rem; }

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
.btn::-moz-focus-inner, .artez input[type='submit']::-moz-focus-inner,
.artez button::-moz-focus-inner, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step::-moz-focus-inner, #aspnetForm .dd-form-wrapper .dd-form .submit input::-moz-focus-inner,
#aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button::-moz-focus-inner, #aspnetForm .dd-form-wrapper .dd-form h2 .button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Layout variations
 */
.btn--big {
  font-size: 1.33333rem;
  line-height: 1.125;
  padding: 27px;
  padding: 1.5rem; }

.btn--left-align {
  clear: both;
  float: left; }

.btn--full {
  width: 100%;
  text-align: center; }

.btn--block {
  display: block; }

/**
 * Colour variations
 */
.btn--purple {
  color: #fff;
  background-color: #512178; }
  .btn--purple:hover, .btn--purple:active, .btn--purple:focus {
    color: #fff;
    background-color: #6c2ca0; }

.btn--pink, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step {
  color: #fff;
  background-color: #ce3a7d; }
  .btn--pink:hover, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step:hover, .btn--pink:active, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step:active, .btn--pink:focus, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step:focus {
    color: #fff;
    background-color: #d86398; }

.btn--dark-green, #aspnetForm .dd-form-wrapper .dd-form h2 .button {
  color: #fff;
  background-color: #61a329; }
  .btn--dark-green:hover, #aspnetForm .dd-form-wrapper .dd-form h2 .button:hover, .btn--dark-green:active, #aspnetForm .dd-form-wrapper .dd-form h2 .button:active, .btn--dark-green:focus, #aspnetForm .dd-form-wrapper .dd-form h2 .button:focus {
    color: #fff;
    background-color: #79cc33; }

.btn--light-purple {
  color: #512178;
  background-color: #ede9f2; }
  .btn--light-purple:hover, .btn--light-purple:active, .btn--light-purple:focus {
    color: #512178;
    background-color: #d3c9df; }

.btn--blue, #aspnetForm .dd-form-wrapper .dd-form .submit input,
#aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button {
  color: #fff;
  background-color: #0098d8; }
  .btn--blue:hover, #aspnetForm .dd-form-wrapper .dd-form .submit input:hover,
  #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button:hover, .btn--blue:active, #aspnetForm .dd-form-wrapper .dd-form .submit input:active,
  #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button:active, .btn--blue:focus, #aspnetForm .dd-form-wrapper .dd-form .submit input:focus,
  #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button:focus {
    color: #fff;
    background-color: #0074a5; }

.btn--yellow {
  color: #414042;
  background-color: #fcbc00; }
  .btn--yellow:hover, .btn--yellow:active, .btn--yellow:focus {
    color: #414042;
    background-color: #c99600; }

.btn--dark-orange {
  color: #fff;
  background-color: #ed6d05; }
  .btn--dark-orange:hover, .btn--dark-orange:active, .btn--dark-orange:focus {
    color: #fff;
    background-color: #bb5604; }

.btn--pomegranate {
  color: #fff;
  background-color: #e63312; }
  .btn--pomegranate:hover, .btn--pomegranate:active, .btn--pomegranate:focus {
    color: #fff;
    background-color: #f0573b; }

.btn--3d {
  width: 100%;
  height: 50px;
  height: 2.77778rem;
  font-size: 26px;
  font-size: 1.44444rem;
  font-weight: bold;
  text-align: center;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  padding-top: 9px;
  padding-top: 0.5rem; }

.btn--3d--blue {
  background: linear-gradient(#4ad7ff, #00b1e3);
  transition: opacity 0.2s ease-in-out;
  opacity: 1; }
  .btn--3d--blue:hover {
    opacity: 0.7; }

.btn--3d--pink {
  background: linear-gradient(#ff5aa3, #f3006c);
  transition: opacity 0.2s ease-in-out;
  opacity: 1; }
  .btn--3d--pink:hover {
    opacity: 0.7; }

/**
 * Outline variations
 */
.btn--outline {
  background-color: transparent;
  border: 2px solid #512178;
  border: 0.11111rem solid #512178;
  color: #512178; }
  .btn--outline:hover, .btn--outline:active, .btn--outline:focus {
    color: #3c3c3b;
    background-color: transparent;
    border: 2px solid #3c3c3b;
    border: 0.11111rem solid #3c3c3b; }

.btn--outline--white {
  background-color: transparent;
  border: 2px solid #fff !important;
  border: 0.11111rem solid #fff !important;
  color: #fff; }
  .btn--outline--white:hover, .btn--outline--white:active, .btn--outline--white:focus {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff !important;
    border: 0.11111rem solid #fff !important;
    border-color: rgba(255, 255, 255, 0.5) !important; }

.btn--outline--pink {
  background-color: transparent;
  border: 2px solid #ce3a7d !important;
  border: 0.11111rem solid #ce3a7d !important;
  color: #ce3a7d; }
  .btn--outline--pink:hover, .btn--outline--pink:active, .btn--outline--pink:focus {
    color: #3c3c3b;
    background-color: transparent;
    border: 2px solid #3c3c3b !important;
    border: 0.11111rem solid #3c3c3b !important; }

.btn--outline--blue {
  background-color: transparent;
  border: 2px solid #0098d8 !important;
  border: 0.11111rem solid #0098d8 !important;
  color: #0098d8; }
  .btn--outline--blue:hover, .btn--outline--blue:active, .btn--outline--blue:focus {
    color: #3c3c3b;
    background-color: transparent;
    border: 2px solid #3c3c3b !important;
    border: 0.11111rem solid #3c3c3b !important; }

.btn--branded {
  background-color: transparent;
  border: 2px solid #512178;
  border: 0.11111rem solid #512178;
  color: #512178; }
  .btn--branded:hover, .btn--branded:active, .btn--branded:focus {
    color: #512178;
    background-color: transparent;
    border: 2px solid #512178;
    border: 0.11111rem solid #512178; }

.btn--null {
  cursor: default;
  color: #512178;
  background-color: transparent;
  border: 2px solid #ede9f2;
  border: 0.11111rem solid #ede9f2; }
  .btn--null:hover, .btn--null:active, .btn--null:focus {
    color: #512178;
    background-color: transparent;
    border: 2px solid #ede9f2;
    border: 0.11111rem solid #ede9f2; }

/*------------------------------------*\
  #BUTTON GROUP
\*------------------------------------*/
/* button groups, used to group a series of buttons together like related links/actions at the end of an article */
.btn-group {
  list-style: none;
  margin-left: -7px;
  margin-left: -0.38889rem;
  margin-right: -7px;
  margin-right: -0.38889rem;
  margin-bottom: -14px;
  margin-bottom: -0.77778rem; }

.btn-group li {
  display: inline-block;
  padding-left: 7px;
  padding-left: 0.38889rem;
  padding-right: 7px;
  padding-right: 0.38889rem;
  margin-bottom: 14px;
  margin-bottom: 0.77778rem; }

.btn-group--50 li {
  width: 50%; }

.btn-group .btn, .btn-group .artez input[type='submit'], .artez .btn-group input[type='submit'],
.btn-group .artez button, .artez .btn-group button, .btn-group #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .btn-group .button.next-step, .btn-group #aspnetForm .dd-form-wrapper .dd-form .submit input, #aspnetForm .dd-form-wrapper .dd-form .submit .btn-group input,
.btn-group #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button, #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .btn-group .button, .btn-group #aspnetForm .dd-form-wrapper .dd-form h2 .button, #aspnetForm .dd-form-wrapper .dd-form h2 .btn-group .button {
  width: 100%; }

.btn-group__wrapper {
  border-top: 1px solid #ccc;
  padding-top: 27px;
  padding-top: 1.5rem;
  margin-top: 27px;
  margin-top: 1.5rem; }

.btn-group + button {
  margin-top: 0; }

.donation-cta {
  display: inline-block;
  vertical-align: top;
  padding-left: 27px;
  padding-left: 1.5rem;
  padding-right: 27px;
  padding-right: 1.5rem;
  margin-right: -27px;
  margin-right: -1.5rem;
  margin-bottom: 27px;
  margin-bottom: 1.5rem;
  margin-left: -27px;
  margin-left: -1.5rem; }

.donation-cta__wrap,
.donation-cta__link {
  display: block;
  text-decoration: none;
  padding-top: 27px;
  padding-top: 1.5rem; }
  .donation-cta__wrap:before,
  .donation-cta__link:before {
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    left: 27px;
    left: 1.5rem;
    right: 27px;
    right: 1.5rem; }

.donation-cta__link:hover .donation-cta__title, .donation-cta__link:focus .donation-cta__title {
  color: #512178; }

.donation-cta__link:hover:before, .donation-cta__link:focus:before {
  width: 124px;
  width: 6.88889rem; }

.donation-cta__title {
  text-transform: uppercase;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #512178; }
  .donation-cta__title span {
    font-weight: bold; }

.donation-cta__amount {
  color: #512178;
  font-size: 5.5rem;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 800;
  line-height: 1;
  margin-top: 14px;
  margin-top: 0.77778rem; }

.donation-cta__small {
  font-size: 16px;
  font-size: 0.88889rem;
  font-family: "Neue Helvetica W01", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  display: block;
  margin-top: -14px;
  margin-top: -0.77778rem; }
  @media screen and (min-width: 700px) {
    .donation-cta__small {
      text-align: right; } }

.donation-cta__text {
  margin-top: 0;
  color: #512178;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.33333rem;
  line-height: 28px;
  line-height: 1.55556rem; }

.donation-cta__button {
  position: relative;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.33333rem;
  line-height: 28px;
  line-height: 1.55556rem;
  padding: 14px 27px;
  padding: 0.77778rem 1.5rem; }
  .donation-cta__button span {
    display: block;
    font-weight: bold;
    font-size: 2.33333rem;
    line-height: 48px;
    line-height: 2.66667rem; }
  .donation-cta__button i {
    position: absolute;
    top: 50%;
    right: 27px;
    right: 1.5rem;
    margin-top: -14px;
    margin-top: -0.77778rem; }
    .donation-cta__button i:after {
      content: '';
      background-color: #fff;
      border-radius: 0.125rem;
      height: 0.25rem;
      bottom: -0.5rem;
      left: 0;
      position: absolute;
      width: 100%; }

.donation-cta__button--icon {
  padding-right: 54px;
  padding-right: 3rem; }

.donation-cta--secondary .donation-cta__link {
  padding-top: 14px;
  padding-top: 0.77778rem; }

.donation-cta--secondary .donation-cta__amount {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 700px) {
    .donation-cta--secondary .donation-cta__amount {
      margin-right: 27px;
      margin-right: 1.5rem;
      float: left; } }

.donation-cta--secondary .donation-cta__text {
  margin-top: 27px;
  margin-top: 1.5rem; }

.donation-cta--secondary .donation-cta__button span {
  display: inline; }

.donation-cta--sidebar {
  margin-bottom: 0; }
  .donation-cta--sidebar .donation-cta__link {
    padding-top: 14px;
    padding-top: 0.77778rem; }
  .donation-cta--sidebar .donation-cta__button {
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.22222rem; }
    .donation-cta--sidebar .donation-cta__button span {
      font-size: 1.77778rem;
      line-height: 32px;
      line-height: 1.77778rem; }

/*------------------------------------*\
  #BUTTONS
\*------------------------------------*/
/* button groups, used to group a series of buttons together like related links/actions at the end of an article */
.tags {
  margin-left: 0;
  list-style: none;
  margin-bottom: -14px;
  margin-bottom: -0.77778rem;
  margin-left: -7px;
  margin-left: -0.38889rem;
  margin-right: -7px;
  margin-right: -0.38889rem; }

.tags li {
  margin-bottom: 14px;
  margin-bottom: 0.77778rem;
  display: inline-block;
  padding-left: 7px;
  padding-left: 0.38889rem;
  padding-right: 7px;
  padding-right: 0.38889rem; }

.brand-line {
  position: relative;
  border-top: 5px solid transparent;
  border-top: 0.27778rem solid transparent;
  z-index: 1; }

.brand-line:before {
  border-radius: 2px;
  border-radius: 0.11111rem;
  content: '';
  height: 5px;
  height: 0.27778rem;
  top: -5px;
  top: -0.27778rem;
  left: 0;
  position: absolute;
  width: 100px;
  width: 5.55556rem;
  transition: all 0.3s ease; }

.brand-line-img {
  position: relative;
  border-bottom: 3px solid #fff;
  border-bottom: 0.16667rem solid #fff;
  display: block; }

@media (max-width: 700px) {
  .brand-line-img.brand-line-img--mobile::before {
    background-color: transparent; } }

.brand-line-img:before {
  border-radius: 2px;
  border-radius: 0.11111rem;
  content: '';
  height: 5px;
  height: 0.27778rem;
  bottom: -3px;
  bottom: -0.16667rem;
  left: 0;
  position: absolute;
  width: 100%;
  transition: all 0.3s ease;
  z-index: 1; }

.brand-line-img img {
  border-top-right-radius: 4px;
  border-top-right-radius: 0.22222rem;
  border-top-left-radius: 4px;
  border-top-left-radius: 0.22222rem; }

h1.brand-line,
h2.brand-line,
h3.brand-line {
  padding-top: 14px;
  padding-top: 0.77778rem; }

* + .listing-control {
  margin-top: 40.5px;
  margin-top: 2.25rem; }

.listing-control + * {
  margin-top: 40.5px;
  margin-top: 2.25rem; }

.listing-control {
  background-color: #ede9f2;
  padding-top: 14px;
  padding-top: 0.77778rem;
  padding-right: 27px;
  padding-right: 1.5rem;
  padding-bottom: 14px;
  padding-bottom: 0.77778rem;
  padding-left: 27px;
  padding-left: 1.5rem; }

.listing-control * + * {
  margin-top: 0; }

.listing-control__title {
  font-size: 1.33333rem;
  line-height: 1.125;
  color: #512178; }

.listing-control__title + *,
.listing-control__control + .listing-control__control {
  margin-top: 14px;
  margin-top: 0.77778rem; }

@media screen and (min-width: 700px) {
  .listing-control__control + .listing-control__control {
    margin-left: 14px;
    margin-left: 0.77778rem; } }

.listing-control__control {
  display: block; }
  @media screen and (min-width: 700px) {
    .listing-control__control {
      float: left; } }

.listing-control__control .frm-select {
  width: 100%; }
  @media screen and (min-width: 700px) {
    .listing-control__control .frm-select {
      width: auto; } }

.listing-control__control + .pagination {
  margin-top: 14px;
  margin-top: 0.77778rem;
  line-height: 36px;
  line-height: 2rem; }

@media screen and (min-width: 700px) {
  .pagination {
    float: right; } }

.pagination a {
  text-decoration: none; }

.pagination__info {
  display: inline-block; }

.pagination__info + .pagination__links {
  margin-left: 27px;
  margin-left: 1.5rem; }

.pagination__links {
  margin-left: 0;
  list-style: none;
  display: inline-block;
  margin-top: 0; }

.pagination__links li {
  display: inline-block; }

.pagination__links li + li {
  margin-left: 12px;
  margin-left: 0.66667rem;
  padding-left: 12px;
  padding-left: 0.66667rem;
  border-left: 1px solid #ccc; }

/*------------------------------------*\
  Publication listing style overrides
\*------------------------------------*/
.listing-control--publication.listing-control {
  background-color: transparent;
  padding: 0; }

.listing-control--publication .listing-control__category-label {
  padding: 7px 14px;
  padding: 0.38889rem 0.77778rem;
  border: solid 1px #ce3a7d;
  color: #512178;
  display: inline-block;
  margin-right: 7px;
  margin-right: 0.38889rem;
  margin-bottom: 7px;
  margin-bottom: 0.38889rem;
  transition: background-color 0.16s ease-in-out, color 0.16s ease-in-out;
  cursor: pointer; }
  .listing-control--publication .listing-control__category-label:hover, .listing-control--publication .listing-control__category-label:focus, .listing-control--publication .listing-control__category-label:active {
    background-color: #ce3a7d;
    color: #fff; }

.listing-control--publication .listing-control__control {
  width: 100%; }
  .listing-control--publication .listing-control__control .frm-select {
    width: 100%; }
  @media screen and (min-width: 700px) {
    .listing-control--publication .listing-control__control {
      float: right;
      width: 250px;
      width: 13.88889rem; } }

.listing-control--publication .listing-control__category-label {
  position: relative; }
  .listing-control--publication .listing-control__category-label.listing-control__category-label--selected {
    background-color: #ce3a7d;
    color: #fff; }

.listing-control--publication .listing-control__category-radio {
  position: absolute;
  cursor: pointer;
  left: 14px;
  left: 0.77778rem;
  top: 3px;
  top: 0.16667rem;
  width: 38px;
  width: 2.11111rem;
  height: 38px;
  height: 2.11111rem;
  margin: 0;
  opacity: 0; }
  .no-js .listing-control--publication .listing-control__category-radio {
    opacity: 1; }

.listing-control--publication .listing-control__title {
  margin-top: 27px;
  margin-top: 1.5rem; }

.listing-control--publication .listing-control__filter-info {
  margin-top: 0;
  display: -ms-flexbox;
  display: flex; }
  .listing-control--publication .listing-control__filter-info p {
    position: relative;
    padding-right: 9.8px;
    padding-right: 0.54444rem;
    margin-right: 7px;
    margin-right: 0.38889rem; }
    .listing-control--publication .listing-control__filter-info p::after {
      content: '|';
      position: absolute;
      top: 0;
      right: 0; }
    .listing-control--publication .listing-control__filter-info p span {
      text-transform: lowercase; }
  .listing-control--publication .listing-control__filter-info a {
    color: #414042; }

.quote-img,
.quote-noimg {
  margin-left: -27px;
  margin-left: -1.5rem;
  margin-right: -27px;
  margin-right: -1.5rem; }

.quote-img__img-col + .quote-img__txt-col {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 700px) {
    .quote-img__img-col + .quote-img__txt-col {
      margin-top: 0; } }

.quote-img__img-col {
  padding-right: 27px;
  padding-right: 1.5rem;
  padding-left: 27px;
  padding-left: 1.5rem; }
  @media screen and (min-width: 700px) {
    .quote-img__img-col {
      float: none;
      width: 33.3333%;
      display: inline-block;
      vertical-align: top;
      float: left; } }

.quote-img__img-col img {
  width: 100% !important;
  max-width: 100% !important; }

.quote-img__txt-col {
  padding-right: 27px;
  padding-right: 1.5rem;
  padding-left: 27px;
  padding-left: 1.5rem; }
  @media screen and (min-width: 700px) {
    .quote-img__txt-col {
      display: inline-block;
      width: 66.6666%;
      padding-right: 27px;
      padding-right: 1.5rem;
      padding-left: 27px;
      padding-left: 1.5rem; } }

.quote-noimg .quote-img__txt-col {
  width: 100%; }

.quote-noimg .quote-noimg__txt--lowercase p {
  font-weight: normal;
  line-height: 1.4; }

.quote-noimg .quote-noimg__txt--lowercase p strong {
  color: #512178; }

/* The following are needed for quotes inserted into WYGWAM/CKEditor */
.quote-img--donation {
  margin-top: 27px;
  margin-top: 1.5rem; }
  .quote-img--donation blockquote p:first-of-type:before,
  .quote-img--donation blockquote p:last-of-type:after {
    color: #512178 !important;
    border: 10px;
    border: 0.55556rem; }
  .quote-img--donation .quote-img__txt {
    font-size: 1.77778rem;
    line-height: 38px;
    line-height: 2.11111rem; }
  .quote-img--donation cite {
    font-size: 1.33333rem;
    line-height: 30px;
    line-height: 1.66667rem; }
  .quote-img--donation .quote-img__position {
    font-weight: normal;
    color: #414042; }
  .layout-item--33 .quote-img--donation .quote-img__txt {
    font-size: 1.11111rem;
    line-height: 28px;
    line-height: 1.55556rem; }
  @media screen and (min-width: 1000px) {
    .layout-item--33 .quote-img--donation .quote-img__img-col {
      width: 100%; }
    .layout-item--33 .quote-img--donation .quote-img__txt {
      margin-top: 27px;
      margin-top: 1.5rem; }
    .layout-item--33 .quote-img--donation .quote-img__txt-col {
      width: 100%; } }

.accordion-text__body .blockquote .quote-img__txt p {
  padding-left: 45px;
  padding-left: 2.5rem; }

.accordion-text__body .blockquote .quote-img__txt p:before {
  left: 0; }

.four04 {
  font-size: 3.33333rem;
  line-height: 1.35;
  color: #fcbc00;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 800;
  display: none;
  text-align: center; }
  @media screen and (min-width: 1000px) {
    .four04 {
      display: block;
      font-size: 5.55556rem;
      line-height: 100px;
      line-height: 5.55556rem; } }

.four04 span {
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 36px;
  line-height: 2rem;
  display: block; }

/*------------------------------------*\
  #BUTTONS
\*------------------------------------*/
/* button groups, used to group a series of buttons together like related links/actions at the end of an article */
.sitemap .level-1 + .level-1 {
  margin-top: 27px;
  margin-top: 1.5rem; }

.sitemap .level-1:before {
  display: none; }

.sitemap .level-1 > a {
  font-weight: bold;
  text-decoration: none; }

.sitemap a {
  text-decoration: none; }

.sitemap {
  list-style: none;
  margin-left: 0; }

.alert {
  border-radius: 5px;
  border-radius: 0.27778rem;
  padding: 14px;
  padding: 0.77778rem; }

.alert--error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

.alert--success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847; }

.alert--info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

/*====================================*\

    @define tabs;

\*====================================*/
/*------------------------------------*\
    Variables
\*------------------------------------*/
/*------------------------------------*\
    Layout
\*------------------------------------*/
/*------------------------------------*\
    Styles
\*------------------------------------*/
.tabs__list {
  margin-left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  @media screen and (min-width: 700px) {
    .tabs__list {
      -ms-flex-direction: row;
          flex-direction: row; } }

.tabs__list-item {
  width: 100%;
  list-style-type: none;
  background-color: #fff;
  border-top: 2px solid #ede9f2;
  border-top: 0.11111rem solid #ede9f2;
  border-right: 2px solid #ede9f2;
  border-right: 0.11111rem solid #ede9f2;
  border-left: 2px solid #ede9f2;
  border-left: 0.11111rem solid #ede9f2;
  border-top-left-radius: 5px;
  border-top-left-radius: 0.27778rem;
  border-top-right-radius: 5px;
  border-top-right-radius: 0.27778rem; }
  .tabs__list-item.current {
    background-color: #ede9f2; }
  @media screen and (min-width: 800px) {
    .tabs__list-item {
      width: 50%; } }

.tabs__link {
  text-decoration: none;
  color: #512178;
  display: block;
  padding: 14px 27px;
  padding: 0.77778rem 1.5rem; }
  .tabs__link:hover, .tabs__link:focus, .tabs__link:active {
    color: #512178; }

.tabs__panel {
  margin-top: 0;
  background-color: #ede9f2;
  padding: 27px;
  padding: 1.5rem; }

.tabs__panel-title:focus {
  outline: 0; }

.prizes {
  background-color: #ede9f2;
  padding: 27px;
  padding: 1.5rem; }
  @media screen and (min-width: 800px) {
    .prizes {
      padding-right: 54px;
      padding-right: 3rem;
      padding-left: 54px;
      padding-left: 3rem; } }

.prizes__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  margin-left: 0; }
  @media screen and (min-width: 700px) {
    .prizes__list {
      -ms-flex-pack: justify;
          justify-content: space-between; } }

.prizes__item {
  width: 50%;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 24px;
  font-size: 1.33333rem; }
  @media screen and (min-width: 700px) {
    .prizes__item {
      width: auto;
      font-size: 28px;
      font-size: 1.55556rem; } }
  .prizes__item:nth-child(1) {
    color: #ed6d05; }
    .prizes__item:nth-child(1) .prizes__amount::before {
      background-color: #f49800; }
  .prizes__item:nth-child(2) {
    color: #0066b2; }
    .prizes__item:nth-child(2) .prizes__amount::before {
      background-color: #18bae5; }
  .prizes__item:nth-child(3) {
    color: #61a329; }
    .prizes__item:nth-child(3) .prizes__amount::before {
      background-color: #afc402; }
  .prizes__item:nth-child(4) {
    color: #ce3a7d; }
    .prizes__item:nth-child(4) .prizes__amount::before {
      background-color: #77489f; }

.prizes__amount {
  font-weight: bold;
  font-size: 32px;
  font-size: 1.77778rem;
  margin-top: 0; }
  @media screen and (min-width: 700px) {
    .prizes__amount {
      font-size: 42px;
      font-size: 2.33333rem; } }

/*
* Publication intro box
* A box containing intro text, downloads, and a cta
* Appears in publication detail pages
*************************************************************************/
.publication-intro-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  border: solid 1px #ce3a7d;
  border-bottom: solid 10px #ce3a7d;
  border-bottom: solid 0.55556rem #ce3a7d;
  padding: 27px;
  padding: 1.5rem;
  margin-top: 18px;
  margin-top: 1rem; }
  @media screen and (min-width: 700px) {
    .publication-intro-box {
      -ms-flex-direction: row;
          flex-direction: row;
      padding: 49.09091px 54px 41.53846px;
      padding: 2.72727rem 3rem 2.30769rem; } }

.publication-intro-box__intro-text {
  font-family: 'Grota Sans Rounded W05';
  font-size: 22px;
  font-size: 1.22222rem;
  line-height: 1.3; }
  .publication-intro-box__intro-text p:first-of-type {
    margin-top: 14px;
    margin-top: 0.77778rem; }
  @media screen and (min-width: 700px) {
    .publication-intro-box__intro-text {
      margin-right: 54px;
      margin-right: 3rem; } }

.publication-intro-box__downloads {
  width: 100%;
  margin-top: 20px;
  margin-top: 1.11111rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .publication-intro-box__downloads a {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  @media screen and (min-width: 700px) {
    .publication-intro-box__downloads {
      min-width: 260px;
      min-width: 14.44444rem; } }
  .publication-intro-box__downloads .btn, .publication-intro-box__downloads .artez input[type='submit'], .artez .publication-intro-box__downloads input[type='submit'],
  .publication-intro-box__downloads .artez button, .artez .publication-intro-box__downloads button, .publication-intro-box__downloads #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .button.next-step, #aspnetForm .dd-form-wrapper .dd-form div.fieldset div.field.next-step .publication-intro-box__downloads .button.next-step, .publication-intro-box__downloads #aspnetForm .dd-form-wrapper .dd-form .submit input, #aspnetForm .dd-form-wrapper .dd-form .submit .publication-intro-box__downloads input,
  .publication-intro-box__downloads #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .button, #aspnetForm .dd-form-wrapper .dd-form .confirmation-buttons .publication-intro-box__downloads .button, .publication-intro-box__downloads #aspnetForm .dd-form-wrapper .dd-form h2 .button, #aspnetForm .dd-form-wrapper .dd-form h2 .publication-intro-box__downloads .button {
    padding-left: 12px;
    padding-left: 0.66667rem;
    border-radius: 3px;
    border-radius: 0.16667rem; }

.publication-intro-box__download-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  .publication-intro-box__download-links a {
    width: 100%; }

.publication-intro-box__other-link {
  color: #ce3a7d; }
  .publication-intro-box__other-link:hover, .publication-intro-box__other-link:focus, .publication-intro-box__other-link:active {
    color: #512178; }

/*
* Accordion text
* A box containing a title and hidden text which is revealed on
* clicking the box
*************************************************************************/
.accordion-text__title {
  background-color: #ce3a7d;
  color: #fff;
  font-size: 22px;
  font-size: 1.22222rem;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-family: 'Grota Sans Rounded W05';
  font-weight: bold;
  padding: 14px 27px 9.33333px;
  padding: 0.77778rem 1.5rem 0.51852rem;
  padding-right: 54px;
  padding-right: 3rem;
  position: relative;
  cursor: pointer;
  transition: background-color 0.5s ease-in-out; }
  .accordion-text__title:hover, .accordion-text__title:active, .accordion-text__title:focus, .accordion-text__title.accordion-text--open {
    background-color: #ab2a64; }
  .accordion-text__title::after {
    content: url("../../svg/up-arrow.svg");
    display: block;
    position: absolute;
    right: 24px;
    right: 1.33333rem;
    top: 12px;
    top: 0.66667rem;
    width: 25px;
    width: 1.38889rem;
    height: 30px;
    height: 1.66667rem;
    transition: transform 0.2s ease-in-out;
    -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    -ms-transform-origin: center;
        transform-origin: center; }
  .accordion-text__title.accordion-text--open::after {
    -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
  @media screen and (min-width: 700px) {
    .accordion-text__title {
      padding: 16.8px 54px 10.76923px;
      padding: 0.93333rem 3rem 0.59829rem; }
      .accordion-text__title::after {
        right: 48px;
        right: 2.66667rem;
        top: 16px;
        top: 0.88889rem; } }

.accordion-text__body {
  margin-top: 0;
  border: solid 3px #ce3a7d;
  border: solid 0.16667rem #ce3a7d;
  border-bottom-width: 10px;
  border-bottom-width: 0.55556rem;
  padding: 27px 14px;
  padding: 1.5rem 0.77778rem;
  display: none; }
  .accordion-text__body hr {
    border-color: #ce3a7d; }
  .accordion-text__body p:first-of-type {
    margin-top: 7px;
    margin-top: 0.38889rem; }
  @media screen and (min-width: 700px) {
    .accordion-text__body {
      padding: 27px 54px;
      padding: 1.5rem 3rem; } }
  .accordion-text__body + .accordion-text__title {
    margin-top: 0.75rem; }

/*
* Publication body
* A bordered box containing text from a 'body text' field
* on publication detail pages
*************************************************************************/
.publication-body {
  border: solid 1px #ce3a7d;
  border-bottom-width: 10px;
  border-bottom-width: 0.55556rem;
  padding: 27px;
  padding: 1.5rem; }
  @media screen and (min-width: 700px) {
    .publication-body {
      padding: 40.5px 54px;
      padding: 2.25rem 3rem; } }

/*
* Fact panel
* A box containing a fact and an icon
* Appears in publication detail pages
*************************************************************************/
.fact-panel {
  background-color: #ce3a7d;
  color: #fff;
  padding: 27px;
  padding: 1.5rem; }
  @media screen and (min-width: 700px) {
    .fact-panel {
      padding: 27px 54px;
      padding: 1.5rem 3rem; } }
  .fact-panel:last-of-type {
    margin-bottom: 27px;
    margin-bottom: 1.5rem; }

.fact-panel__inner {
  border-top: dotted 3px #fff;
  border-top: dotted 0.16667rem #fff;
  border-bottom: dotted 3px #fff;
  border-bottom: dotted 0.16667rem #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 27px 0;
  padding: 1.5rem 0; }
  @media screen and (min-width: 700px) {
    .fact-panel__inner {
      -ms-flex-direction: row;
          flex-direction: row; } }

.fact-panel__icon {
  display: inline-block;
  width: 74px;
  width: 4.11111rem;
  height: 74px;
  height: 4.11111rem;
  background-repeat: no-repeat;
  background-size: 74px 74px;
  background-position: center center;
  margin-bottom: 14px;
  margin-bottom: 0.77778rem; }
  @media screen and (min-width: 700px) {
    .fact-panel__icon {
      margin-right: 27px;
      margin-right: 1.5rem;
      margin-bottom: 0; } }

.fact-panel__fact {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 0;
  font-size: 22px;
  font-size: 1.22222rem;
  text-align: center; }
  .fact-panel__fact div {
    font-size: 36px;
    font-size: 2rem;
    font-weight: bold;
    font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    line-height: 1.1; }
  @media screen and (min-width: 700px) {
    .fact-panel__fact {
      text-align: left; } }

/* Icons */
.fact-panel__icon--info {
  background-image: url("../../svg/info-icon.svg"); }

.landing-list {
  margin-left: -27px;
  margin-left: -1.5rem;
  margin-right: -27px;
  margin-right: -1.5rem;
  position: relative; }

.landing-list__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-left: 27px;
  padding-left: 1.5rem;
  padding-right: 27px;
  padding-right: 1.5rem;
  margin-bottom: 54px;
  margin-bottom: 3rem; }
  @media screen and (min-width: 700px) {
    .landing-list__item {
      width: 50%;
      margin-bottom: 27px;
      margin-bottom: 1.5rem; } }

@media screen and (min-width: 700px) {
  .landing-list__item:nth-child(1n + 3) {
    padding-top: 27px;
    padding-top: 1.5rem;
    position: relative; } }

@media screen and (min-width: 700px) {
  .landing-list__item:nth-child(2n + 3):before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: -100%;
    height: 1px;
    background-color: #ccc;
    margin-right: 27px;
    margin-right: 1.5rem;
    margin-left: 27px;
    margin-left: 1.5rem; } }

.landing-list a {
  display: block;
  text-decoration: none;
  padding-top: 27px;
  padding-top: 1.5rem; }

.landing-list a.brand-line:hover:before {
  width: 124px;
  width: 6.88889rem; }

.landing-list__text {
  color: #414042; }

/* if the list has an .editorial div infront of it, add some space */
div + .landing-list {
  margin-top: 27px;
  margin-top: 1.5rem;
  padding-top: 54px;
  padding-top: 3rem; }

/* the line goes into the margins, so we do this hacky method */
div + .landing-list:before {
  content: '';
  border-top: 1px solid #ccc;
  height: 1px;
  position: absolute;
  top: 0;
  left: 27px;
  left: 1.5rem;
  right: 27px;
  right: 1.5rem; }

.box-list__column {
  width: 100%;
  float: left;
  margin-top: 0; }
  @media screen and (min-width: 1000px) {
    .box-list__column {
      width: 50%; } }

@media screen and (max-width: 480px) {
  .box-list[data-columns]::before {
    content: '1 .box-list__column'; } }

@media screen and (min-width: 1000px) {
  .box-list[data-columns]::before {
    content: '2 .box-list__column'; } }

.box-list {
  list-style: none;
  margin-left: -27px;
  margin-left: -1.5rem;
  margin-right: -27px;
  margin-right: -1.5rem; }

.box-list__item {
  vertical-align: top;
  padding-left: 27px;
  padding-left: 1.5rem;
  padding-right: 27px;
  padding-right: 1.5rem; }

.box-list__item + .box-list__item {
  margin-top: 27px;
  margin-top: 1.5rem; }

.box-list__wrap {
  border: 1px solid #ccc; }

.box-list__text-wrap {
  display: inline-block; }
  @media screen and (min-width: 1000px) {
    .box-list__text-wrap {
      width: 66.6666%;
      padding-right: 6px;
      padding-right: 0.33333rem; } }

.box-list__img-wrap {
  display: inline-block;
  vertical-align: top; }
  @media screen and (min-width: 1000px) {
    .box-list__img-wrap {
      margin-top: 0;
      width: 33.3333%;
      padding-left: 6px;
      padding-left: 0.33333rem; } }

.box-list__header {
  padding: 27px;
  padding: 1.5rem; }

.box-list__footer {
  margin-top: 0;
  background-color: #ede9f2;
  border-top: 1px dashed #ccc;
  padding: 27px;
  padding: 1.5rem;
  padding-top: 18px;
  padding-top: 1rem;
  padding-bottom: 18px;
  padding-bottom: 1rem;
  position: relative; }

.box-list__footer-inner {
  padding-top: 9px;
  padding-top: 0.5rem;
  padding-bottom: 9px;
  padding-bottom: 0.5rem;
  margin-top: 0; }

.box-list__toggle {
  position: absolute;
  width: 72px;
  width: 4rem;
  height: 36px;
  height: 2rem;
  right: 0;
  bottom: 0; }

.box-list__toggle:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  bottom: 15px;
  bottom: 0.83333rem;
  right: 27px;
  right: 1.5rem;
  border-left: 9px solid transparent;
  border-left: 0.5rem solid transparent;
  border-right: 9px solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 9px solid #512178;
  border-top: 0.5rem solid #512178; }

.active.box-list__toggle:after {
  border-bottom: 9px solid #512178;
  border-bottom: 0.5rem solid #512178;
  border-top: 0; }

.box-list__toggle:hover:after {
  border-top: 9px solid #8c8a8e;
  border-top: 0.5rem solid #8c8a8e; }

.active.box-list__toggle:hover:after {
  border-bottom: 9px solid #8c8a8e;
  border-bottom: 0.5rem solid #8c8a8e;
  border-top: 0; }

.box-list * + .box-list__date {
  margin-top: 14px;
  margin-top: 0.77778rem;
  color: #8c8a8e; }

.box-list * + .box-list__venue {
  margin-top: 14px;
  margin-top: 0.77778rem;
  color: #8c8a8e; }

* + .listing {
  margin-top: 54px;
  margin-top: 3rem; }

.listing {
  list-style: none;
  margin-left: 0;
  margin-bottom: -54px;
  margin-bottom: -3rem; }

.listing__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 54px;
  margin-bottom: 3rem; }

.listing a {
  display: block;
  text-decoration: none; }

.listing .brand-line:before {
  width: auto;
  right: 0;
  left: 0; }

.listing a:hover .brand-line:before {
  right: 24px;
  right: 1.33333rem; }

.listing__title {
  text-transform: uppercase;
  padding-top: 27px;
  padding-top: 1.5rem;
  color: #512178; }

.listing a .listing__title {
  color: #512178; }

.listing a:hover .listing__title,
.listing a:focus .listing__title,
.listing a:active .listing__title {
  color: #414042; }

.listing__date,
.listing__category {
  color: #8c8a8e; }

.listing__title + .listing__date,
.listing__title + .listing__category {
  margin-top: 0; }

.listing__text-wrap {
  color: #414042;
  display: inline-block; }
  @media screen and (min-width: 700px) {
    .listing__text-wrap {
      width: 80%;
      padding-right: 27px;
      padding-right: 1.5rem; } }

.listing__img-wrap {
  vertical-align: top;
  display: inline-block; }
  @media screen and (min-width: 700px) {
    .listing__img-wrap {
      margin-top: 0;
      width: 20%;
      padding-left: 27px;
      padding-left: 1.5rem; } }
  .listing__img-wrap img {
    width: 100%; }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
      .listing__img-wrap img {
        max-height: 355px;
        max-height: 19.72222rem;
        -o-object-fit: cover;
           object-fit: cover; } }

/*------------------------------------*\
  Publication listing style overrides
\*------------------------------------*/
.listing--publication {
  margin-bottom: 27px;
  margin-bottom: 1.5rem; }
  .listing--publication .listing__item {
    width: 100%;
    border: solid 1px #ce3a7d;
    border-bottom: solid 10px #ce3a7d;
    border-bottom: solid 0.55556rem #ce3a7d;
    margin-bottom: 0; }
    .listing--publication .listing__item:not(:first-of-type) {
      margin-top: 14px;
      margin-top: 0.77778rem; }
    .listing--publication .listing__item a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
      @media screen and (min-width: 700px) {
        .listing--publication .listing__item a {
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: center;
              align-items: center; } }
  .listing--publication.listing .brand-line::before {
    width: 100px;
    width: 5.55556rem; }
  .listing--publication.listing a .listing__title {
    color: #512178; }
  .listing--publication .listing__title {
    text-transform: none;
    font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    font-size: 28px;
    font-size: 1.55556rem; }
  .listing--publication .listing__category {
    color: #ce3a7d;
    font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-size: 1.11111rem; }
  .listing--publication .listing__description {
    margin-top: 7px;
    margin-top: 0.38889rem; }
  .listing--publication .listing__text-wrap {
    padding: 33.75px;
    padding: 1.875rem; }
    @media screen and (min-width: 700px) {
      .listing--publication .listing__text-wrap {
        width: 65%; } }
  .listing--publication .listing__img-wrap {
    vertical-align: none;
    width: 100%;
    height: auto; }
    @media screen and (min-width: 700px) {
      .listing--publication .listing__img-wrap {
        margin-top: 0;
        width: 337px;
        width: 18.72222rem;
        padding-left: 0; } }
    .listing--publication .listing__img-wrap .listing__img {
      height: auto; }
    .listing--publication .listing__img-wrap img {
      width: 100%;
      max-height: none; }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .listing--publication .listing__img-wrap img {
          -o-object-fit: cover;
             object-fit: cover; } }
      @media screen and (min-width: 700px) {
        .listing--publication .listing__img-wrap img {
          max-height: 189px;
          max-height: 10.5rem; } }

.stripe {
  padding-top: 27px;
  padding-top: 1.5rem;
  padding-bottom: 27px;
  padding-bottom: 1.5rem; }
  .stripe + .stripe {
    margin-top: 0; }

.stripe--light-purple {
  background-color: #ede9f2; }

.event-meta {
  padding: 27px;
  padding: 1.5rem;
  background-color: #ede9f2;
  color: #512178;
  font-size: 1.33333rem;
  line-height: 1.25; }

.event-meta ul {
  margin-left: 0;
  list-style: none; }

.event-meta li + li {
  margin-top: 14px;
  margin-top: 0.77778rem; }

div.color-scheme--blue i.icon-location {
  color: #0098d8; }

div.color-scheme--dark-green i.icon-location {
  color: #61a329; }

div.color-scheme--yellow i.icon-location {
  color: #fcbc00; }

.postcode-form form {
  margin-top: -14px;
  margin-top: -0.77778rem; }

.postcode-form input,
.postcode-form button {
  margin-top: 14px !important;
  margin-top: 0.77778rem !important;
  vertical-align: top; }

.postcode-form input {
  width: 200px;
  width: 11.11111rem;
  margin-right: 14px;
  margin-right: 0.77778rem; }

.postcode-form input + button,
.postcode-form label + button {
  margin-top: 0; }

* + .map-wrapper {
  margin-top: 40.5px;
  margin-top: 2.25rem; }

.home-hero {
  background-color: #e95257;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: repeat;
  background-position: center center; }

.home-hero a {
  color: #fff; }
  .home-hero a:hover, .home-hero a:active, .home-hero a:focus {
    color: #fff; }

.home-hero.yellow {
  background-color: #e95257; }

.home-hero.dark-blue {
  background-color: #0066b2; }

.home-hero.blue {
  background-color: #0098d8; }

.home-hero.dark-green {
  background-color: #61a329; }

.home-hero.light-green {
  background-color: #afc402; }

.home-hero.dark-orange {
  background-color: #ed6d05; }

@media screen and (min-width: 1200px) {
  .home-hero .layout-container {
    padding-left: 27px;
    padding-left: 1.5rem;
    padding-right: 27px;
    padding-right: 1.5rem; } }

.home-hero--alternative {
  min-height: 402px;
  min-height: 22.33333rem; }

.home-hero--alternative .layout-item.col-hero-home__img, .home-hero--alternative .col-hero-home__img.form-item {
  display: block; }
  @media screen and (min-width: 1000px) {
    .home-hero--alternative .layout-item.col-hero-home__img, .home-hero--alternative .col-hero-home__img.form-item {
      display: none; } }

.home-hero--alternative .layout-item.col-hero-home__txt, .home-hero--alternative .col-hero-home__txt.form-item {
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }
  @media screen and (min-width: 1000px) {
    .home-hero--alternative .layout-item.col-hero-home__txt, .home-hero--alternative .col-hero-home__txt.form-item {
      margin-left: 50%;
      padding-right: 27px;
      padding-right: 1.5rem; } }

.home-hero--alternative .home-hero__text {
  background: #e95257;
  padding-left: 27px;
  padding-left: 1.5rem;
  padding-right: 27px;
  padding-right: 1.5rem; }
  @media screen and (min-width: 1000px) {
    .home-hero--alternative .home-hero__text {
      margin-top: 27px;
      margin-top: 1.5rem;
      margin-bottom: 27px;
      margin-bottom: 1.5rem; } }

.home-hero--alternative {
  display: table;
  width: 100%; }

.home-hero--alternative .home-hero--alternative-position {
  display: table-cell;
  vertical-align: middle; }

.home-hero .layout-item, .home-hero .form-item {
  display: inline-block;
  vertical-align: middle;
  float: none; }
  @media screen and (min-width: 1000px) {
    .home-hero .layout-item, .home-hero .form-item {
      width: 50%; } }

.home-hero__text {
  padding-top: 27px;
  padding-top: 1.5rem;
  padding-bottom: 27px;
  padding-bottom: 1.5rem; }

.home-hero__text p {
  font-size: 1.33333rem;
  line-height: 1.125; }

.home-hero__img {
  margin-left: -27px;
  margin-left: -1.5rem;
  margin-right: -27px;
  margin-right: -1.5rem;
  margin-top: 0; }
  @media screen and (min-width: 1000px) {
    .home-hero__img {
      margin-left: 0;
      margin-right: 0; } }

.home-hero__img img {
  width: 100%;
  height: auto; }

.home-support {
  margin-top: 0;
  background-color: #512178;
  color: #fff;
  padding-top: 20px;
  padding-top: 1.11111rem;
  padding-bottom: 20px;
  padding-bottom: 1.11111rem; }

.home-support a,
.home-support a:hover,
.home-support a:visited,
.home-support a:focus {
  color: #fff;
  text-decoration: none; }

.home-support .title {
  color: #fff; }

.home-support__call,
.home-support__question,
.home-support__chat {
  margin-top: 0;
  padding-top: 0; }

.home-support__call {
  line-height: 41px;
  line-height: 2.27778rem;
  text-align: left;
  font-size: 1.33333rem; }

.home-support__chat {
  margin-bottom: 14px;
  margin-bottom: 0.77778rem; }

.home-support .layout-item, .home-support .form-item {
  display: inline-block;
  float: none;
  vertical-align: middle; }
  @media screen and (min-width: 1000px) {
    .home-support .layout-item, .home-support .form-item {
      margin-top: 0; } }

@media screen and (min-width: 700px) {
  .home-support .layout-item--25 {
    width: 50%; } }

@media screen and (min-width: 1000px) {
  .home-support .layout-item--25 {
    width: 25%; } }

.home-support .brand-line:before {
  background-color: #fcbc00;
  width: 100%; }

.home-support .layout-item + .layout-item, .home-support .form-item + .layout-item, .home-support .layout-item + .form-item, .home-support .form-item + .form-item {
  margin-top: 14px;
  margin-top: 0.77778rem; }
  @media screen and (min-width: 1000px) {
    .home-support .layout-item + .layout-item, .home-support .form-item + .layout-item, .home-support .layout-item + .form-item, .home-support .form-item + .form-item {
      margin-top: 0; } }

.home-events {
  background-color: #f7fbfd;
  border-bottom: 1px solid #ccc;
  margin-top: 0;
  padding-top: 27px;
  padding-top: 1.5rem;
  padding-bottom: 27px;
  padding-bottom: 1.5rem; }

.home-events .layout-item + .layout-item, .home-events .form-item + .layout-item, .home-events .layout-item + .form-item, .home-events .form-item + .form-item {
  margin-top: 27px;
  margin-top: 1.5rem; }
  @media screen and (min-width: 1000px) {
    .home-events .layout-item + .layout-item, .home-events .form-item + .layout-item, .home-events .layout-item + .form-item, .home-events .form-item + .form-item {
      margin-top: 0; } }

.listing--home h2 {
  line-height: 1; }

.listing--home .listing__title {
  text-transform: none; }

.listing--home .listing__text-wrap {
  width: 100%; }
  @media screen and (min-width: 700px) {
    .listing--home .listing__text-wrap {
      width: 66.6666%;
      padding-right: 7px;
      padding-right: 0.38889rem; } }

.listing--home .listing__img-wrap {
  width: 100%; }
  @media screen and (min-width: 700px) {
    .listing--home .listing__img-wrap {
      width: 33.3333%;
      padding-left: 7px;
      padding-left: 0.38889rem;
      margin-top: 0; } }

.home-fbox {
  background-color: #512178;
  color: #fff;
  position: relative;
  z-index: 1; }

.home-fbox__icon {
  content: '';
  position: absolute;
  width: 137px;
  width: 7.61111rem;
  height: 137px;
  height: 7.61111rem;
  top: 20px;
  top: 1.11111rem;
  right: 20px;
  right: 1.11111rem;
  z-index: -1;
  margin-top: 0; }

.home-fbox .title {
  color: #fff; }

.home-fbox h2 + * {
  margin-top: 0; }

.home-fbox a {
  padding-top: 14px;
  padding-top: 0.77778rem;
  padding-bottom: 27px;
  padding-bottom: 1.5rem;
  padding-left: 27px;
  padding-left: 1.5rem;
  padding-right: 27px;
  padding-right: 1.5rem;
  display: block;
  color: #fff;
  text-decoration: none; }
  .home-fbox a:hover, .home-fbox a:active, .home-fbox a:focus {
    color: #fff; }

.home-fbox--1 {
  background-color: #512178; }

.home-fbox--2 {
  background-color: #e95257; }

.col-home--fbox {
  margin-top: 54px;
  margin-top: 3rem; }
  @media screen and (min-width: 1000px) {
    .col-home--fbox {
      margin-top: 0; } }

.home-events .arrow-link--border-top {
  border-top: 1px solid #ccc;
  margin-top: 14px;
  margin-top: 0.77778rem;
  padding-top: 7px;
  padding-top: 0.38889rem; }

.home-events * + .home-events__txt {
  margin-top: 14px;
  margin-top: 0.77778rem; }

@media screen and (min-width: 1000px) {
  .group-social-feeds .layout-item + .layout-item, .group-social-feeds .form-item + .layout-item, .group-social-feeds .layout-item + .form-item, .group-social-feeds .form-item + .form-item {
    margin-top: 0; } }

.group-social-feeds iframe {
  width: 100% !important;
  max-width: 522px !important;
  max-width: 29rem !important; }

.landing-list__item--donations p {
  font-size: 16px;
  font-size: 0.88889rem;
  vertical-align: bottom; }

.landing-list__item--donations .brand-line {
  padding-top: 0.8rem; }

.landing-list__item--donations .brand-line:before {
  background-color: #0098d8; }

.landing-list__title--donations {
  color: #ce3a7d;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.donation-amount {
  position: relative;
  top: -10px;
  top: -0.55556rem;
  color: #0098d8;
  font-size: 3.5rem;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 800;
  float: left;
  line-height: 1;
  margin: 0.2rem 0.3rem 0 0; }

.donations-chart {
  text-align: center;
  margin-bottom: 1.5rem; }

.donations-chart img {
  max-height: 600px;
  max-height: 33.33333rem; }

.shopping-list {
  padding-top: 0.8rem; }

.shopping-list:before {
  content: '';
  background: #0066b2;
  border-radius: 2px;
  border-radius: 0.11111rem;
  height: 5px;
  height: 0.27778rem;
  top: -5px;
  top: -0.27778rem;
  position: absolute;
  width: 100px;
  width: 5.55556rem;
  transition: all 0.3s ease; }

.shopping-list__title {
  color: #0066b2;
  font-weight: 400; }

.shopping-list__list {
  list-style-type: none;
  margin-left: 0; }

.shopping-list__list li {
  margin-bottom: 0.5rem; }

.brand-line .read-more {
  display: block;
  padding-bottom: 1rem; }

.single-offer-donation__tertiary-image {
  width: 100%;
  float: left;
  margin-top: 27px;
  margin-top: 1.5rem;
  margin-right: 27px;
  margin-right: 1.5rem;
  margin-bottom: 14px;
  margin-bottom: 0.77778rem;
  border-radius: 4px;
  border-radius: 0.22222rem; }
  @media screen and (min-width: 700px) {
    .single-offer-donation__tertiary-image {
      width: 212px;
      width: 11.77778rem; } }

.single-offer-donation__tertiary-body {
  font-size: 18px;
  font-size: 1rem;
  color: #512178;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.single-offer-donation__horizontal-rule {
  position: relative;
  margin-top: 27px;
  margin-top: 1.5rem;
  margin-right: 27px;
  margin-right: 1.5rem;
  margin-left: 27px;
  margin-left: 1.5rem;
  margin-bottom: 27px;
  margin-bottom: 1.5rem;
  border: 0;
  border-radius: 2px;
  border-radius: 0.11111rem;
  height: 5px;
  height: 0.27778rem;
  top: 27px;
  top: 1.5rem;
  left: 0;
  background-color: #ccc; }

.bold-text {
  font-weight: bold;
  color: #512178; }

.font-grota {
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.font-large {
  font-size: 22px;
  font-size: 1.22222rem; }

.hero--empty {
  height: 50px;
  height: 2.77778rem;
  background-color: #0098d8; }

.site-main--RTN {
  padding-bottom: 0; }

.run-the-night {
  background-color: #3c3c3b;
  font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: #fff;
  margin: 0; }
  .run-the-night h2,
  .run-the-night h1 {
    color: #fff;
    font-family: "Grota Sans Rounded W00", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    margin-bottom: 32px;
    margin-bottom: 1.77778rem; }

.run-the-night .editorial {
  padding: 16px;
  padding: 0.88889rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  @media (min-width: 620px) {
    .run-the-night .editorial {
      padding: 36px 64px 64px 64px;
      padding: 2rem 3.55556rem 3.55556rem 3.55556rem; } }

.RTN-title {
  font-size: 38px;
  font-size: 2.11111rem; }

.logo-strapline {
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.logo-strapline__logo {
  width: 100%;
  margin-top: 32px;
  margin-top: 1.77778rem; }
  @media (min-width: 620px) {
    .logo-strapline__logo {
      width: 60%; } }

.RTN-form-embed {
  border: none;
  margin-top: 48px;
  margin-top: 2.66667rem; }

.RTN-form-embed html {
  background-color: #3c3c3b; }

.countdown-timer {
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 34px;
  font-size: 1.88889rem;
  padding: 48px;
  padding: 2.66667rem;
  margin-top: 16px;
  margin-top: 0.88889rem; }

.countdown-timer {
  position: relative;
  border-top: 3px solid #f8a7cb;
  border-top: 0.16667rem solid #f8a7cb;
  border-bottom: 3px solid #b1eeff;
  border-bottom: 0.16667rem solid #b1eeff; }

.countdown-timer:before,
.countdown-timer:after {
  content: '';
  position: absolute;
  background-image: linear-gradient(#f8a7cb, #b1eeff);
  top: -3px;
  top: -0.16667rem;
  bottom: -3px;
  bottom: -0.16667rem;
  width: 3px;
  width: 0.16667rem; }

.countdown-timer:before {
  left: -3px;
  left: -0.16667rem; }

.countdown-timer:after {
  right: -3px;
  right: -0.16667rem; }

.countdown-timer > div {
  display: inline-block;
  margin-top: 0px;
  padding: 48px;
  padding: 2.66667rem; }

.countdown-timer div > span {
  display: inline-block; }

.smalltext {
  padding-top: 5px;
  padding-top: 0.27778rem;
  font-size: 22px;
  font-size: 1.22222rem;
  font-weight: normal;
  margin-top: 0px;
  color: #fff; }

/*
 * Trumps: High-specificity, very explicit selectors. Overrides and helper classes (e.g. .hidden {}).
 */
/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .quote-img:before,
.quote-noimg:before,
.layout-row:before,
.form-row:before,
.layout-item:before,
.form-item:before {
  content: ' ';
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after, .quote-img:after,
.quote-noimg:after,
.layout-row:after,
.form-row:after,
.layout-item:after,
.form-item:after {
  content: '';
  display: table;
  clear: both; }

/* hasLayout fix for < IE8 */
.lt-ie8 .clearfix, .lt-ie8 .quote-img,
.lt-ie8 .quote-noimg {
  *zoom: 1; }

/*------------------------------------*\
	#PRINT
\*------------------------------------*/
/**
 * Site specific print rules, like hiding header/footer/nav
 */