@charset "UTF-8";
/*
  ==========================================================================
   Defaults

   *
   * This file contains variables, some of which you'll want to override on a per-project basis.
   * The variables in this file are all sensible defaults.
   * on the frontend hidden in the html font-family. 
   * This is then referenced by bp.js to provide
   * a global breakpoint object for breakpoint
   * calculations via javascript.
   * 
  ==========================================================================
*/
/*
 * This gets used when printing to show the correct url should a link be
 * relative to the current path.
 */
/* Quick helpers for all projects */
/*
 * Layout
 */
/*
 * Typography
 */
/*
 * Forms
 */
/*
 * Page states
 */
/*
 * Header
 */
/* 1) Define all descriptive variables */
/* 2) Define all functional variables */
/*$buttonPassiveSecondaryDesktopThemeOptions: (
    borderColor: transparent,
    background: $white,
    color: $blue_6,

    interaction: (
        borderColor: transparent,
        background: $white,
        color: $blue_6
    )
);*/
/*
  ==========================================================================
   Base

   * 
   * Includes all of the different components needed to make the framework
   * 
  ==========================================================================
*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -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,
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: transparent; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/*
  ==========================================================================
   Reset

   * 
   * Used after normalize to fill some gaps.
   * 
  ==========================================================================
*/
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html,
body,
img,
abbr,
acronym {
  border: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

th,
code,
cite,
caption {
  font-weight: normal;
  font-style: normal;
  text-align: left; }

address {
  font-style: normal; }

input:focus,
input[type="search"]:focus {
  outline-offset: -2px; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box; }

/*
  ==========================================================================
   Utilities

   * 
   * Useful mixins and functions to use across projects 
   * 
   ==========================================================================
*/
/* --------------------------------------------------------------------------
   Generic Mixins
   -------------------------------------------------------------------------- */
/*
 * Check if a browser supports a particular feature. This will use
 * @supports, optionally fallback back to Modernizr.
 * 
 * Usage:
 *
 * @include supports($options: (
 *     prop: flex-wrap,
 *     value: wrap,
 *     fallback: "flexwrap" // Optional fallback, used as a class on the html element
 *     negate: false // Optional check for browsers that do not support this check
 * )) {
 *     display: table;
 * }
 *
 */
/*
 * Apply css properties from a map. e.g:
 *
 * @include((
 *     font-size: 42px,
 *     background: wheat
 * ));
 *
 * Any properties specified in px will also be converted to rem
 * 
 */
/*
 * Responsively apply properties. Usage is:
 *
 * @include responsive-properties((
 *     'mobile': (
 *         props: ( // Required
 *             padding-top: $halfSpacingUnit,
 *             padding-bottom: $halfSpacingUnit
 *         )
 *     ),
 *     'tablet': (
 *         bpStart: 2, // defaults to 1,
 *         bpEnd: 3, // defaults to false
 *         props: (
 *             background: yellow
 *         )
 *     )
 *     'desktop': (
 *         bpStart: 3,
 *         props: (
 *             padding-top: $halfSpacingUnit,
 *             padding-bottom: $halfSpacingUnit
 *         )
 *     )
 * ));
 *
 * Any properties specified in px will also be converted to rem as per 
 * the `apply-properties` mixin
 * 
 */
/*
 * Returns an index of an item in a list. 
 */
/*
 * Gets a map value by key, if the value exists. Optionally return a default.
 *
 * Usage:
 *
 * // Without fallback
 * @include get-map-value((background: hotpink), "background");
 *
 * // With fallback
 * @include get-map-value((background: wheat), "border-color", "hoptink");
 *
 */
/*
 * Takes a lst of properties, i.e border-width - 1px 4px 3px 2px and
 * returns the value of the type given. For example:
 *
 * $borderWidths: 1px 4px 3px;
 * $borderTopWidth: get-list-value($borderWidths, top); // 1px
 * $borderRightWidth: get-list-value($borderWidths, right); // 4px
 * $borderLeftWidth: get-list-value($borderWidths, left); // 1px
 *
 * $borderWidths: 10px 20px 30px 40px;
 * $borderLeftWidth: get-list-value($borderWidths, left); // 40pxpx
 *
 * The function will work out, based on which value and how many items
 * are in the list, which value to give back.
 * 
 */
/*
 * Check to see if a map has a list of keys.
 * If one fails, false is returned
 */
/*
 * Get a pseudo element from a string.
 */
/*
 * Style a pseudo elemnt
 */
/*
 * Retina images
 */
/*
 * Create a circular border around an icon font.
 */
/* --------------------------------------------------------------------------
   Unit Based Mixins
   -------------------------------------------------------------------------- */
/*
 * Removes units from any value
 */
/*
 * Check if a value is a number
 */
/*
 * Check if a value is of a particular unit
 */
/*
 * Checks to see if a unit is of type pixel
 */
/*
 * Check if a value is a percentage
 */
/*
 * Check if a value is a map
 */
/*
 * Check if a value is not a map
 */
/*
 * Use the calc property, with an optional fallback.
 */
/*
 * Use the viewport units, with an optional fallback
 */
/* --------------------------------------------------------------------------
   Layout
   -------------------------------------------------------------------------- */
/*
* 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.
* 3. When flexbox is used for display on an element that has a clearfix applied,
*    there will be a 1px gap either side of the element because of the table.
*    Setting the `:before` and `:after` to display flex fixes this.
*/
/*
 * Removes a clearfix when you are unable by removing classes etc.
 */
/*
 * Applys a max width to a container and centralises it
 */
/*
 * Returns an index of a width breakpoint in `$widthBreakpoints`
 */
/*
 * Returns an index of a height breakpoint in `$heightBreakpoints`
 */
/*
 * Returns a given width breakpoint in em
 */
/*
 * Returns a given height breakpoint in em
 */
/*
 *
 * MEDIA QUERIES
 *
 * Create media queries that can optionally have a min and max width or a min and max height.
 * Inspired by - https://github.com/sass-mq/sass-mq/blob/master/_mq.scss
 * but with added height options.
 * 
 * Usage is as follows:
 *
 * Create a breakpoint with min width:
 *
 * @include respond-to(300px) {
 *     ...   
 * }
 *
 * Create a breakpoint with min and max width:
 *
 * @include respond-to(300px, 600px) {
 *     ...   
 * }
 *
 * Create a breakpoint with min and max width, and min height:
 * 
 *
 * @include respond-to(300px, 600px, 250px) {
 *     ...
 * }
 *
 * Create a breakpoint with min and max width, and min and max height:
 * 
 * @include respond-to(300px, 600px, 250px, 500px) {
 *     ...
 * }
 *
 * Create a breakpoint with min width and min height, skipping max width and max height:
 *
 * @include respond-to($minWidth: 300px, $minHeight: 250px) {
 *     ...
 * }
 *
 * If you don't specify any arguments, no media query is used. If you're calling
 * the mixin with all four arguments, it might make sense to specify the
 * argument names to help a future reader ascertain what is happening.
 *
 */
/*
 * Breakpoints Media Queries
 *
 * Create media queries based on breakpoints as defined in $widthBreakpoints
 * and $heightBreakpoints. Usage is as follows:
 *
 * Create a media query from width breakpoint 2:
 *
 * @include breakpoints(2) {
 *     ...
 * }
 *
 * Create a media query from width breakpoint 2 to width breakpoint 3:
 *
 * @include breakpoints(2,3) {
 *     ...   
 * }
 *
 * Create a media query from width breakpoint 2 to width breakpoint 3, from height breakpoint 4:
 *
 * @include breakpoints(2,3,2) {
 *     ...   
 * }
 *
 * Create a media query from width breakpoint 2 to width breakpoint 3, from height breakpoint
 * 4 to height breakpoint 5:
 *
 * @include breakpoints(2,3,4,5) {
 *     ...  
 * }
 *
 * Create a media query from width breakpoint 2 and up, from height breakpoint 4 and up,
 * skipping max width and max height breakpoints:
 *
 * @include breakpoints($minWidth: 2, $minHeight: 4) {
 *     ...   
 * }
 *
 * As this method uses respond-to, calls with no arguments means no media query. Arguments
 * can be skipped in the same fashion, using named arguments, and is advisable if using 3
 * or more paramaters.
 * 
 */
/*
 * Quick helper to target when the document is not in print mode
 */
/*
 * Quick helper mixin to style elements when in print mode. Usage is:
 *
 * @include print() {
 *     ...   
 * }
 *
 */
/*
 * Hide elements on document print
 */
/*
 * Show elements on print, optionally add the display type
 */
/*
 * Hide an element on the page during print
 * without using display: none;
 */
/*
 * Show an element on the page during print
 * when visuallyhidden has been used.
 */
/*
 * Avoid a page break on print, optionally choosing where to
 * avoid the page break, before, after or inside.
 */
/*
 * Returns the width
 */
/*
 * Space properties based on gutter widths.This will set the spacing to the gutter mobile
 * width if available, to gutter width at bp 3 if gutter mobile available. If gutter mobile
 * width is not available, this will set the spacing to gutter width. This mixin also allows
 * the ability for the spacing to be negative.
 */
/*
 * Apply properties to an element based on a config map.
 * Each nth selector has the ability to specify if it is nth-of-type,
 * a breakpoint to start at, and a breakpoint to end at. E.g:
 *
 * @include nth-properties((
 *    // Between bp-2 and bp-3, add properties to :nth-of-type(2n+1)
 *    "2n+1": (
 *        ofType: true, [=false]
 *        bpStart: 2, [=1]
 *        bpEnd: 3, [=false]
 *        props: (
 *            margin-left: 12px
 *        )
 *    ),
 *          
 *    // Always add a background of hotpink
 *    "1n": (
 *        props: (
 *            background: hotpink
 *        )
 *    )
 * ));
 *
 */
/*
 * Centers an element by setting a max width
 * and using margins. `$maxWidth` defaults
 * to false so when using columns we can rely
 * on that width. Optionally add a display type
 * which is using when resetting columns.
 */
/*
 * Centers an element regardless of its size or display.
 */
/*
 * Absolutely, verically center an element.
 */
/*
 * Absolutely, horizontally center an element.
 */
/*
 * Absolutely center an element on both axis.
 */
/*
 * Make an element full bleed within its container. Useful when the design requires
 * an element to span outside of a .container or a .columns element.
 */
/*
 * Span an element to the full viewport width. This is useful when extending
 * out of a container whilst also allowing a max-width to be set
 */
/*
 * Span an element to be full size of the site
 */
/*
 * Spans a background on an element to be full width up
 * until the size of the site
 */
/*
 * 
 */
/*
 * Hide an element until a particular breakpoint, optionally adding content
 * when the display breakpoint is reached. E.g:
 *
 * @include hide-until(3);
 *
 * @include hide-until(3, table-cell);
 *
 * @include hide-until(3) {
 *     background: hotpink;
 * }
 * 
 */
/*
 * Show an element until a particular breakpoint.
 *
 * Usage:
 *
 * @include show-until(3);
 *
 * @include show-until(3, table-cell);
 *
 */
/*
 * Enforce a ratio on a container, useful for saying
 * that a container needs to be of a particular
 * aspect ratio.
 *
 * Usage:
 *
 * @include enforce-aspect-ratio(56.25%);
 * 
 */
/*
 * Apply an aspect ratio to an element
 */
/*
 * Enforce an image ratio, e.g square, 16x9 etc. Requires
 * a parent div of the image, with this mixin being called on that.
 * Ratio should be specified as a percentage, e.g:
 *
 * @include enforce-image-ratio(100%); // square
 * 
 * @include enforce-image-ratio(56.25%); // 16x9
 * 
 */
/*
 *
 */
/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */
/*
 * Normalise a <button>'s base styles
 */
/*
 * A generic button. This will be called for the .button style which gives us
 * a baseline button across projects.
 */
/*
 * Style a button's theme options, including border-color, background and color as
 * well as the icon color if the button is a `button--split`.
 * Optionally add a map of interaction styles to the options to add interaction styles
 * of the button, with the same options as above.
 *
 * Usage:
 *
 * // Without interaction styles
 * @include theme-button((
 *     borderColor: chartreuse,
 *     background: hotpink,
 *     color: aquamarine,
 *     iconColor: maroon
 * ));
 *
 * // With interaction styles
 * @include theme-button((
 *     borderColor: chartreuse,
 *     background: hotpink,
 *     color: aquamarine,
 *     iconColor: maroon
 *
 *     interaction: (
 *         borderColor: khaki,
 *         background: aquamarine,
 *         color: chartreuse,
 *         iconColor: thistle
 *     )
 * ));
 * 
 */
/*
 * Style a placeholder across different browsers.
 */
/*
 * Style placeholder color, optionally on focus
 */
/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */
/*
 * Baseline styling for all headings
 */
/*
 * Styles headings font family, weight, style and size.
 */
/*
 * Responsively style an element's font-size.
 * Usage: @include responsive-typography((1: 16px, 3: 20px));
 * Define the map in settings.scss and then use as such.
 */
/*
 * Allows control of text decoration by using border instead.
 */
/*
 * Custom native select boxes.
 * This mixin styles a custom select box when using the native
 * select and not a JS plugin. The <option>s are not styleable, but
 * the select itself can be.
 * 
 * 
 * 
 */
/*
 *
 */
/* --------------------------------------------------------------------------
   Lists (<ul>, <ol>)
   -------------------------------------------------------------------------- */
/*
 * Since we are using css counters for lists,
 * simply applying list-style-type to none
 * will not clear the generated content.
 * Use this instead.
 */
/*
 * Normalise lists
 */
/*
 * Adds a counter to ordered lists. This is split
 * up so it easy to add the counter to links when the
 * list iteself has been cleared.
 */
/*
 * Changes the counter type of unordered lists to show
 * a decimal place.
 */
/*
 * Adds a counter to unordered lists. This is split
 * up so it is easy to add the counter to links when the
 * list itself has been cleared.
 */
/* --------------------------------------------------------------------------
   Internet Explorer
   -------------------------------------------------------------------------- */
/*
 * Target IE. All versions, IE8 or IE9 only
 */
/*
 * Target browsers that are not IE 8 or 9
 */
/*
 * IE8 - IE11 (at least) don't follow the spec where putting
 * display: inline-block; on generated content will remove
 * an underline if the generated content is on a link
 * 
 * See - http://stackoverflow.com/questions/8820286/how-to-remove-only-underline-from-abefore/21902566#21902566
 */
/* --------------------------------------------------------------------------
   Accessibility
   -------------------------------------------------------------------------- */
/*
 * Show and hide content, accessibly so
 */
/*
 * Hide :before psuedo elements
 */
/*
 * Hide :after pseudo elements
 */
/*
 * Hide both pseudo elements
 */
/*
 * Accessibly style navigation
 */
/*
 * Style content based on Javascript being on or off
 */
/*
 * Show and hide content based on Javascript being on or off
 */
/*
 * Hide an until a breakpoint, only when JS is enabled
 */
/*
 * Style content based the direction of the document
 */
/*
 * Target left to right document modes
 */
/*
 * Target right to left document modes
 */
/*
 * Apply styles both document modes
 */
/*
 * Resets the direction of an element to match the direction
 * of the document.
 */
/*
 * Switches the direction of an element based on
 * the direction of the document
 */
/*
 * Resets the text direction of an element to match the direction
 * of the document.
 */
/*
 * Switches the text direction of an element base
 * on the direction of the document
 */
/*
 * Resets the direction and the text direction of an element
 */
/*
 * Float an element, ensuring the float is applied properly
 * based on the direction of the document
 */
/*
 * Make media elements like images, iframes etc to be responsive.
 * This is to be applied to the parent of the element that will be made responsive.
 *
 * Usage:
 *
 *    @include responsive-media (
 *       $aspectRatio: 56.25%,
 *       $specificChild: 'video.youtube-video'
 *   );
 *
 *  Markup:
 *
 *  <div class="responsive-element-wrapper">
 *      <video class="youtube-video">....</video>
 *  </div>
 */
/*
  ==========================================================================
   Helper Classes

   * 
   * Creates various helper classes that can be used on all projects.
   * 
  ==========================================================================
*/
/*
 * Image replacement
 */
/* 
* Prevent transitions from cascading
*/
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  padding: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  /*
   * Extends the .visuallyhidden class to allow the element to be focusable
   * when navigated to via the keyboard: h5bp.com/p
   */ }
  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus {
    position: static;
    overflow: visible;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto; }

/*
 * Hide elements on print
 */
@media print {
  .hide-on-print {
    display: none !important; } }

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

/*
 * Clearfix for containing floats
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.clearfix:after {
  clear: both; }

/*
 * Center an element horizontally.
 */
.center-element {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

/*
 * Left alligned text
 */
.text-left {
  text-align: left; }

/*
 * Center alligned text
*/
.text-center {
  text-align: center; }

/*
 * Right alligned text
 */
.text-right {
  text-align: right; }

/*
 * Remove link styling
 */
.no-ulink {
  text-decoration: none; }

/*
 * Prevent flicker on webkit-transition of webkit-transform:
 * http://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform
 */
/*
 * Remove default button styling when using <button> elements
 */
.norm-button {
  padding: 0;
  border: none;
  text-align: left;
  background: none; }

/*
 * A class for responsive videos - .responsive-video acts as a wrapper to the video object
 */
.responsive-video {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
  padding-top: 25px;
  padding-top: 1.5625rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem; }
  .responsive-video.widescreen {
    padding-bottom: 57.25%; }
  .responsive-video.vimeo {
    padding-top: 0; }
  .responsive-video embed,
  .responsive-video iframe,
  .responsive-video object,
  .responsive-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

/*
 * Accessibly style links
 */
.accessible-nav:not(.faux-link) {
  text-decoration: none; }
  .accessible-nav:not(.faux-link):hover, .accessible-nav:not(.faux-link):focus {
    text-decoration: underline; }

/*
 * Utility classes to show and hide content based on Javascript being on or off
 */
html.no-js .no-js-hide {
  display: none; }

.no-js-show {
  display: none; }
  html.no-js .no-js-show {
    display: block; }

html:not(.no-js) .js-hide {
  display: none; }

.js-show:not(.js-show--inline) {
  display: none; }
  html:not(.no-js) .js-show:not(.js-show--inline) {
    display: block; }
.js-show--inline {
  display: none; }
  html:not(.no-js) .js-show--inline {
    display: inline; }

/*------------------------------------*\
    $SPLIT
\*------------------------------------*/
/**
 * Simple split item for creating two elements floated away from one another,
 * e.g.:
 *
   <dl class=split>
       <dt class=split__title>Burger and fries</dt>
       <dd>&pound;5.99</dd>
       <dt class=split__title>Fillet steak</dt>
       <dd>&pound;19.99</dd>
       <dt class=split__title>Ice cream</dt>
       <dd>&pound;2.99</dd>
   </dl>
 *
   <ol class="split  results">
       <li class=first><b class=split__title>1st place</b> Bob</li>
       <li class=second><b class=split__title>2nd place</b> Lilly</li>
       <li class=third><b class=split__title>3rd place</b> Ted</li>
   </ol>​
 *
 * Demo: jsfiddle.net/inuitcss/9gZW7
 *
 */
.split {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  list-style: none;
  margin-left: 0; }
  .split:before, .split:after {
    content: " ";
    display: table;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .split:after {
    clear: both; }

.split--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.split__title {
  float: left;
  clear: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  text-align: left; }

/*
 * Media object - http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 */
.media {
  display: block; }
  .media:before, .media:after {
    content: " ";
    display: table;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .media:after {
    clear: both; }

.media__img {
  float: left; }

/**
 * Reversed image location (right instead of left).
 */
.media__img--rev {
  float: right; }

.media__img img,
.media__img--rev img {
  display: block; }

.media__body {
  overflow: hidden; }
  .media__body, .media__body > :last-child {
    margin-bottom: 0; }

/*------------------------------------*\
    $LINK-COMPLEX
\*------------------------------------*/
/**
 * As inspired by @necolas:
 * github.com/necolas/suit-utils/blob/master/link.css#L18
 *
 * Add hover behaviour to only selected items within links, e.g.:
 *
   <a href=log-in class=link-complex>
       <i class="s  s--user"></i>
       <span class=link-complex__target>Log in</span>
   </a>
 *
 * Demo: jsfiddle.net/inuitcss/rt9M3
 *
 */
.link-complex {
  text-decoration: none; }
  .link-complex:hover, .link-complex:focus, .link-complex:active {
    text-decoration: none; }
    .link-complex:hover .link-complex__target:not(.button), .link-complex:focus .link-complex__target:not(.button), .link-complex:active .link-complex__target:not(.button) {
      text-decoration: underline; }

.proceed {
  text-align: right; }

/*
  ==========================================================================
   Layout

   *  Styling for layout on all projects. The structure of markup to use the layout should be like so:
   *  .container
   *        .row
   *            .columns-*
   *                .row
   *                    .columns-*
   *
   *  A container will add spacing to the left and right for the site based on the gutter widths found
   *  in defaults and settings. A .container will have be centralised with a max width of whatever
   *  the project requires. An .inner-container will be centralised with a max width of whatever the
   *  project requires. A .row will clear the floats of columns, as well as ensuring the double
   *  padding is not added from the column being within a .container. A .column-* will be floated
   *  left with a width of whatever its column count / 100% is. You can responsively add columns,
   *  e.g .columns-6-bp-3 which says a column should be 50% width when over breakpoint 3.
   *  $widthBreakpoints, as defined in defaults and settings, will be iterated over to create this.
   *  
  ==========================================================================
*/
/*
 * Used to contain the site. Applys a max width, centers the site and adds gutter spacing
 * so the site is not flush with the viewport.
 */
.container {
  width: 100%;
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  max-width: 1300px;
  max-width: 81.25rem;
  min-width: 320px;
  min-width: 20rem; }
  .container:not(.container--flush):not(.container--mobi-flush) {
    padding-right: 12px;
    padding-right: 0.75rem;
    padding-left: 12px;
    padding-left: 0.75rem; }
  @media (min-width: 37.5em) {
    .container.container--mobi-flush {
      padding-right: 12px;
      padding-right: 0.75rem;
      padding-left: 12px;
      padding-left: 0.75rem; } }
  .container--inner-container {
    width: 100%;
    /*
     * margin: 0 auto; is unsafe as we may not
     * want to remove the top and bottom margin.
     */
    margin-right: auto;
    margin-left: auto;
    max-width: 1150px;
    max-width: 71.875rem; }

/*
 * The container for the inner width of the site.
 */
.inner-container {
  width: 100%;
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  max-width: 1150px;
  max-width: 71.875rem; }

/*
 * Rows contain columns, clearing their floats and ensuring double padding is not added
 */
.row, html.ie9 .column-block {
  display: block;
  min-width: 100%;
  clear: both;
  /*
   * Use negative margins to clear the paddings of nested columns.
   * This is so any columns that but up to the .row, which is inside of .container, will
   * not get double padding.
   */ }
  .row:before, html.ie9 .column-block:before, .row:after, html.ie9 .column-block:after {
    content: " ";
    display: table;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .row:after, html.ie9 .column-block:after {
    clear: both; }
  .row:not(.row--mobi-flush), html.ie9 .column-block:not(.row--mobi-flush) {
    margin-right: -12px;
    margin-right: -0.75rem;
    margin-left: -12px;
    margin-left: -0.75rem; }
  .row > .row, html.ie9 .column-block > .row {
    margin-right: 0;
    margin-left: 0; }

/*
 * A column in our layout. Padding to the left and right is added, and a parent .row ensures that
 * rows with single columns do not get double padding. Only adjacent columns will get the
 * appropriate gutter.
 */
[class*="columns-"], html.ie9 .column-block li {
  width: 100%; }
  :root[dir="ltr"] [class*="columns-"], :root[dir="ltr"] html.ie9 .column-block li, :root:not([dir]) [class*="columns-"], :root:not([dir]) html.ie9 .column-block li {
    float: left; }
  :root[dir="rtl"] [class*="columns-"], :root[dir="rtl"] html.ie9 .column-block li {
    float: right; }
  [class*="columns-"]:not(.columns--mobi-flush), html.ie9 .column-block li:not(.columns--mobi-flush) {
    padding-right: 12px;
    padding-right: 0.75rem;
    padding-left: 12px;
    padding-left: 0.75rem; }
  @media (min-width: 37.5em) {
    .columns--mobi-flush[class*="columns-"], html.ie9 .column-block li.columns--mobi-flush {
      padding-right: 12px;
      padding-right: 0.75rem;
      padding-left: 12px;
      padding-left: 0.75rem; } }

/*
 * Allows elements to span out of column or container padding
 */
.full-bleed:not(.full-bleed--full) {
  margin-right: -12px;
  margin-right: -0.75rem;
  margin-left: -12px;
  margin-left: -0.75rem; }
.full-bleed--full {
  margin-right: -24px;
  margin-right: -1.5rem;
  margin-left: -24px;
  margin-left: -1.5rem; }

/*
 * Allows elements to span out of any container and reach
 * the full window width.
 */
@media screen {
  .full-window-bleed {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); } }

.columns-1 {
  width: 8.3333333333%; }
.columns-2 {
  width: 16.6666666667%; }
.columns-3 {
  width: 25%; }
.columns-4 {
  width: 33.3333333333%; }
.columns-5 {
  width: 41.6666666667%; }
.columns-6 {
  width: 50%; }
.columns-7 {
  width: 58.3333333333%; }
.columns-8 {
  width: 66.6666666667%; }
.columns-9 {
  width: 75%; }
.columns-10 {
  width: 83.3333333333%; }
.columns-11 {
  width: 91.6666666667%; }
.columns-12 {
  width: 100%; }
@media (min-width: 30em) {
  .columns-1-bp-2 {
    width: 8.3333333333%; } }
@media (min-width: 30em) {
  .columns-2-bp-2 {
    width: 16.6666666667%; } }
@media (min-width: 30em) {
  .columns-3-bp-2 {
    width: 25%; } }
@media (min-width: 30em) {
  .columns-4-bp-2 {
    width: 33.3333333333%; } }
@media (min-width: 30em) {
  .columns-5-bp-2 {
    width: 41.6666666667%; } }
@media (min-width: 30em) {
  .columns-6-bp-2 {
    width: 50%; } }
@media (min-width: 30em) {
  .columns-7-bp-2 {
    width: 58.3333333333%; } }
@media (min-width: 30em) {
  .columns-8-bp-2 {
    width: 66.6666666667%; } }
@media (min-width: 30em) {
  .columns-9-bp-2 {
    width: 75%; } }
@media (min-width: 30em) {
  .columns-10-bp-2 {
    width: 83.3333333333%; } }
@media (min-width: 30em) {
  .columns-11-bp-2 {
    width: 91.6666666667%; } }
@media (min-width: 30em) {
  .columns-12-bp-2 {
    width: 100%; } }
@media (min-width: 37.5em) {
  .columns-1-bp-3 {
    width: 8.3333333333%; } }
@media (min-width: 37.5em) {
  .columns-2-bp-3 {
    width: 16.6666666667%; } }
@media (min-width: 37.5em) {
  .columns-3-bp-3 {
    width: 25%; } }
@media (min-width: 37.5em) {
  .columns-4-bp-3 {
    width: 33.3333333333%; } }
@media (min-width: 37.5em) {
  .columns-5-bp-3 {
    width: 41.6666666667%; } }
@media (min-width: 37.5em) {
  .columns-6-bp-3, html.ie9 .column-block li {
    width: 50%; } }
@media (min-width: 37.5em) {
  .columns-7-bp-3 {
    width: 58.3333333333%; } }
@media (min-width: 37.5em) {
  .columns-8-bp-3 {
    width: 66.6666666667%; } }
@media (min-width: 37.5em) {
  .columns-9-bp-3 {
    width: 75%; } }
@media (min-width: 37.5em) {
  .columns-10-bp-3 {
    width: 83.3333333333%; } }
@media (min-width: 37.5em) {
  .columns-11-bp-3 {
    width: 91.6666666667%; } }
@media (min-width: 37.5em) {
  .columns-12-bp-3 {
    width: 100%; } }
@media (min-width: 48.0625em) {
  .columns-1-bp-4 {
    width: 8.3333333333%; } }
@media (min-width: 48.0625em) {
  .columns-2-bp-4 {
    width: 16.6666666667%; } }
@media (min-width: 48.0625em) {
  .columns-3-bp-4 {
    width: 25%; } }
@media (min-width: 48.0625em) {
  .columns-4-bp-4, html.ie9 .column-block li {
    width: 33.3333333333%; } }
@media (min-width: 48.0625em) {
  .columns-5-bp-4 {
    width: 41.6666666667%; } }
@media (min-width: 48.0625em) {
  .columns-6-bp-4 {
    width: 50%; } }
@media (min-width: 48.0625em) {
  .columns-7-bp-4 {
    width: 58.3333333333%; } }
@media (min-width: 48.0625em) {
  .columns-8-bp-4 {
    width: 66.6666666667%; } }
@media (min-width: 48.0625em) {
  .columns-9-bp-4 {
    width: 75%; } }
@media (min-width: 48.0625em) {
  .columns-10-bp-4 {
    width: 83.3333333333%; } }
@media (min-width: 48.0625em) {
  .columns-11-bp-4 {
    width: 91.6666666667%; } }
@media (min-width: 48.0625em) {
  .columns-12-bp-4 {
    width: 100%; } }
@media (min-width: 60em) {
  .columns-1-bp-5 {
    width: 8.3333333333%; } }
@media (min-width: 60em) {
  .columns-2-bp-5 {
    width: 16.6666666667%; } }
@media (min-width: 60em) {
  .columns-3-bp-5 {
    width: 25%; } }
@media (min-width: 60em) {
  .columns-4-bp-5 {
    width: 33.3333333333%; } }
@media (min-width: 60em) {
  .columns-5-bp-5 {
    width: 41.6666666667%; } }
@media (min-width: 60em) {
  .columns-6-bp-5 {
    width: 50%; } }
@media (min-width: 60em) {
  .columns-7-bp-5 {
    width: 58.3333333333%; } }
@media (min-width: 60em) {
  .columns-8-bp-5 {
    width: 66.6666666667%; } }
@media (min-width: 60em) {
  .columns-9-bp-5 {
    width: 75%; } }
@media (min-width: 60em) {
  .columns-10-bp-5 {
    width: 83.3333333333%; } }
@media (min-width: 60em) {
  .columns-11-bp-5 {
    width: 91.6666666667%; } }
@media (min-width: 60em) {
  .columns-12-bp-5 {
    width: 100%; } }
@media (min-width: 63em) {
  .columns-1-bp-6 {
    width: 8.3333333333%; } }
@media (min-width: 63em) {
  .columns-2-bp-6 {
    width: 16.6666666667%; } }
@media (min-width: 63em) {
  .columns-3-bp-6 {
    width: 25%; } }
@media (min-width: 63em) {
  .columns-4-bp-6 {
    width: 33.3333333333%; } }
@media (min-width: 63em) {
  .columns-5-bp-6 {
    width: 41.6666666667%; } }
@media (min-width: 63em) {
  .columns-6-bp-6 {
    width: 50%; } }
@media (min-width: 63em) {
  .columns-7-bp-6 {
    width: 58.3333333333%; } }
@media (min-width: 63em) {
  .columns-8-bp-6 {
    width: 66.6666666667%; } }
@media (min-width: 63em) {
  .columns-9-bp-6 {
    width: 75%; } }
@media (min-width: 63em) {
  .columns-10-bp-6 {
    width: 83.3333333333%; } }
@media (min-width: 63em) {
  .columns-11-bp-6 {
    width: 91.6666666667%; } }
@media (min-width: 63em) {
  .columns-12-bp-6 {
    width: 100%; } }
@media (min-width: 80em) {
  .columns-1-bp-7 {
    width: 8.3333333333%; } }
@media (min-width: 80em) {
  .columns-2-bp-7 {
    width: 16.6666666667%; } }
@media (min-width: 80em) {
  .columns-3-bp-7 {
    width: 25%; } }
@media (min-width: 80em) {
  .columns-4-bp-7 {
    width: 33.3333333333%; } }
@media (min-width: 80em) {
  .columns-5-bp-7 {
    width: 41.6666666667%; } }
@media (min-width: 80em) {
  .columns-6-bp-7 {
    width: 50%; } }
@media (min-width: 80em) {
  .columns-7-bp-7 {
    width: 58.3333333333%; } }
@media (min-width: 80em) {
  .columns-8-bp-7 {
    width: 66.6666666667%; } }
@media (min-width: 80em) {
  .columns-9-bp-7 {
    width: 75%; } }
@media (min-width: 80em) {
  .columns-10-bp-7 {
    width: 83.3333333333%; } }
@media (min-width: 80em) {
  .columns-11-bp-7 {
    width: 91.6666666667%; } }
@media (min-width: 80em) {
  .columns-12-bp-7 {
    width: 100%; } }

/*
  ==========================================================================
   Breakpoint

   *
   * Adds breakpoint information on the frontend hidden in the html font-family. 
   * This is then referenced by bp.js to provide a global breakpoint object for breakpoint
   * calculations via javascript.
   * 
  ==========================================================================
*/
@media (min-width: 0) {
  html {
    font-family: "breakpoint_1"; } }
@media (min-width: 30em) {
  html {
    font-family: "breakpoint_2"; } }
@media (min-width: 37.5em) {
  html {
    font-family: "breakpoint_3"; } }
@media (min-width: 48.0625em) {
  html {
    font-family: "breakpoint_4"; } }
@media (min-width: 60em) {
  html {
    font-family: "breakpoint_5"; } }
@media (min-width: 63em) {
  html {
    font-family: "breakpoint_6"; } }
@media (min-width: 80em) {
  html {
    font-family: "breakpoint_7"; } }
/*
  ==========================================================================
   Responsive Defaults

   * 
   * Default styling for some elements as  well as a responsive video wrapper.
   * 
   ==========================================================================
*/
img {
  max-width: 100%;
  /*
   * Forces images with an explict height set in css
   * to behave like background-size: cover;
   * This is also used when enforcing image ratios as
   * a more performant way than using transforms.
   */
  -o-object-fit: cover;
     object-fit: cover; }
  img[height] {
    height: auto; }

audio {
  width: 100%; }

/* 
 * http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
 * To be used when video is served inside an iframe, e.g. vimeo, youtube etc. 
 * Create a video wrapper div with zero height and a top padding set in percentages. That percentage will actually be a percentage of the width, making it maintain aspect ratio. T
 * Then you absolutely position the video inside, targeting the iframe
 */
.video-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

/*
  ==========================================================================
   Typography

   *
   * Typography for various elements across projects. Everything is defined in defaults and
   * settings for control over.
   * 
  ==========================================================================
*/
html {
  font-size:  1em; }

body {
  font-family: "futura", Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  line-height: 1.5; }

.tera,
.giga,
.mega,
.kilo,
h1, .alpha,
h2, .beta,
h3, .gamma,
h4, .delta,
h5, .epsilon,
h6, .zeta {
  margin-top: 0;
  line-height: 1.2; }
  .tera + br,
  .giga + br,
  .mega + br,
  .kilo + br,
  h1 + br, .alpha + br,
  h2 + br, .beta + br,
  h3 + br, .gamma + br,
  h4 + br, .delta + br,
  h5 + br, .epsilon + br,
  h6 + br, .zeta + br {
    display: none; }

h1, .alpha {
  font-family: "prata", Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 34px;
  font-size: 2.125rem;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
  line-height: 38px;
  line-height: 2.375rem; }
  @media (min-width: 48.0625em) {
    h1, .alpha {
      font-size: 38px;
      font-size: 2.375rem; } }
  @media (min-width: 48.0625em) {
    h1, .alpha {
      margin-bottom: 35px;
      margin-bottom: 2.1875rem;
      line-height: 46px;
      line-height: 2.875rem; } }

h2, .beta {
  font-family: "prata", Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem; }
  @media (min-width: 48.0625em) {
    h2, .beta {
      font-size: 26px;
      font-size: 1.625rem; } }
  @media (min-width: 48.0625em) {
    h2, .beta {
      margin-bottom: 30px;
      margin-bottom: 1.875rem;
      line-height: 32px;
      line-height: 2rem; } }

h3, .gamma {
  font-family: "futura", Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem; }
  @media (min-width: 48.0625em) {
    h3, .gamma {
      font-size: 25px;
      font-size: 1.5625rem; } }
  @media (min-width: 48.0625em) {
    h3, .gamma {
      margin-bottom: 30px;
      margin-bottom: 1.875rem;
      line-height: 30px;
      line-height: 1.875rem; } }

h4, .delta {
  font-family: "futura", Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 19px;
  font-size: 1.1875rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  line-height: 22px;
  line-height: 1.375rem; }
  @media (min-width: 48.0625em) {
    h4, .delta {
      font-size: 20px;
      font-size: 1.25rem; } }
  @media (min-width: 48.0625em) {
    h4, .delta {
      margin-bottom: 30px;
      margin-bottom: 1.875rem;
      line-height: 24px;
      line-height: 1.5rem; } }

h5, .epsilon {
  font-family: "futura", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  line-height: 22px;
  line-height: 1.375rem; }
  @media (min-width: 48.0625em) {
    h5, .epsilon {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media (min-width: 48.0625em) {
    h5, .epsilon {
      margin-bottom: 25px;
      margin-bottom: 1.5625rem;
      line-height: 22px;
      line-height: 1.375rem; } }

h6, .zeta {
  font-family: "futura", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  line-height: 19px;
  line-height: 1.1875rem; }
  @media (min-width: 48.0625em) {
    h6, .zeta {
      font-size: 16px;
      font-size: 1rem; } }
  @media (min-width: 48.0625em) {
    h6, .zeta {
      margin-bottom: 20px;
      margin-bottom: 1.25rem;
      line-height: 20px;
      line-height: 1.25rem; } }

/* Credit for double-stranded heading hierarchy and other abstract font classes to http://csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css/ */
.tera {
  font-size: 64px; }

.giga {
  font-size: 56px; }

.mega {
  font-size: 48px; }

.kilo {
  font-size: 40px; }

a {
  text-decoration: underline;
  cursor: pointer;
  color: #6a9a1b; }
  a:not(.button) {
    word-break: break-word; }
  @media print {
    a:after {
      color: #6a9a1b !important; } }

p {
  margin:  0 0 1.125em; }

em,
i {
  font-style: italic; }

strong,
b {
  font-weight: bold; }

sub,
sup {
  font-size: 75%; }

code {
  font-family: monospace; }

address {
  margin: 0 0 24px 0;
  margin:  0 0 1.5rem 0; }

figure {
  margin: 0 0 24px 0;
  margin:  0 0 1.5rem 0; }

blockquote {
  font-family: "futura", Arial, sans-serif;
  font-weight: 200;
  padding: 0;
  padding: 0;
  margin: 36px 0 24px;
  margin:  2.25rem 0 1.5rem;
  font-size: 18px, 22px;
  font-size:  1.125rem 1.375rem; }
  blockquote p {
    position: relative;
    padding: 0 0 0 62px;
    padding:  0 0 0 3.875rem;
    font-size: 18px;
    font-size: 1.125rem; }
    @media (min-width: 48.0625em) {
      blockquote p {
        font-size: 22px;
        font-size: 1.375rem; } }
    blockquote p:first-of-type:before, blockquote p:first-of-type:after {
      pointer-events: none; }
    blockquote p:first-of-type:before {
      content: open-quote;
      color: #82bc00;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 60px;
      font-size: 3.75rem;
      line-height: 0.5; }
    blockquote p:first-of-type:after {
      content: close-quote;
      color: #82bc00;
      position: relative;
      display: inline-block;
      top: 24px;
      top: 1.5rem;
      left: 6px;
      left: 0.375rem;
      margin-top: -1em;
      font-size: 60px;
      font-size: 3.75rem;
      line-height: 0.5; }
    blockquote p:last-of-type {
      margin-bottom: 0; }
  blockquote cite {
    display: block;
    font-family: "futura", Arial, sans-serif;
    font-weight: 400;
    padding: 0 0 0 24px;
    padding:  0 0 0 1.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 20px 0 0 0; }
    @media (min-width: 48.0625em) {
      blockquote cite {
        font-size: 18px;
        font-size: 1.125rem; } }
    @media (min-width: 48.0625em) {
      blockquote cite {
        margin: 30px 0 0 0; } }
    :root[dir="ltr"] blockquote cite, :root:not([dir]) blockquote cite {
      text-align: left; }
    :root[dir="rtl"] blockquote cite {
      text-align: right; }

abbr[title], acronym[title] {
  font-size: 90%;
  text-transform: uppercase;
  cursor: help; }

abbr {
  text-transform: none; }

hr {
  display: block;
  border-style: solid;
  border-color: #d0d4d8;
  padding: 0;
  padding: 0;
  margin: 0 0 24px;
  margin:  0 0 1.5rem;
  border-width: 1px 0 0;
  border-width:  0.0625rem 0 0; }

dfn {
  font-style: normal; }

/*
  ==========================================================================
   Forms

   * 
   * This partial creates various form elements that are used on all projects and styles them
   * based on the variable settings in defaults and a project's specific settings file.
   *  
   ==========================================================================
*/
fieldset {
  border-radius: 0; }
  fieldset ul,
  fieldset ol {
    margin: 0; }
  fieldset li {
    list-style: none; }

.legend h1,
.legend h2,
.legend h3,
.legend h4,
.legend h5,
.legend h6 {
  margin-bottom: 0; }

label {
  display: block;
  font-weight: normal;
  cursor: pointer;
  padding:  0 0 0.375em;
  font-size:  1.125em;
  color: #555555;
  /*
   * When focused on the input and the label for the same input
   * is clicked, the placeholder will sometimes flash as the input
   * loses focus.
   */ }
  label.required em,
  label .form-required {
    color: #d45144; }
  label:active + input[placeholder]::-webkit-input-placeholder {
    color: transparent !important; }
  label:active + input[placeholder]:-moz-placeholder {
    /* Firefox 18- */
    color: transparent !important; }
  label:active + input[placeholder]::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent !important; }
  label:active + input[placeholder]:-ms-input-placeholder {
    color: transparent !important; }
  input:disabled + label, label.disabled {
    cursor: default; }
  label.inline-label {
    display: inline-block; }
    label.inline-label + input {
      display: inline-block;
      width: auto;
      margin-left: 12px;
      margin-left: 0.75rem; }
  label.label-mobile-hide {
    display: none; }
    @media (min-width: 37.5em) {
      label.label-mobile-hide {
        display: block; } }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="time"]
input[type="color"],
textarea {
  display: block;
  width: 100%;
  padding:  0.75em;
  margin:  0 0 1.5em 0;
  border-width:  0.125em;
  border-style: solid;
  border-color: #505050;
  border-radius:  0;
  color: #555555;
  background-color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  outline-width: 0;
  /*
   * Invalid text input
   */ }
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="email"]:hover,
  input[type="url"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="date"]:hover,
  input[type="datetime"]:hover,
  input[type="datetime-local"]:hover,
  input[type="month"]:hover,
  input[type="week"]:hover,
  input[type="time"]
  input[type="color"]:hover,
  textarea:hover {
    border-color: #717171; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]
  input[type="color"]:focus,
  textarea:focus {
    border-color: #749e2e; }
  input[type="text"]::-ms-clear,
  input[type="password"]::-ms-clear,
  input[type="email"]::-ms-clear,
  input[type="url"]::-ms-clear,
  input[type="search"]::-ms-clear,
  input[type="tel"]::-ms-clear,
  input[type="date"]::-ms-clear,
  input[type="datetime"]::-ms-clear,
  input[type="datetime-local"]::-ms-clear,
  input[type="month"]::-ms-clear,
  input[type="week"]::-ms-clear,
  input[type="time"]
  input[type="color"]::-ms-clear,
  textarea::-ms-clear {
    display: none; }
  input[type="text"][placeholder],
  input[type="password"][placeholder],
  input[type="email"][placeholder],
  input[type="url"][placeholder],
  input[type="search"][placeholder],
  input[type="tel"][placeholder],
  input[type="date"][placeholder],
  input[type="datetime"][placeholder],
  input[type="datetime-local"][placeholder],
  input[type="month"][placeholder],
  input[type="week"][placeholder],
  input[type="time"]
  input[type="color"][placeholder],
  textarea[placeholder] {
    opacity: 1 !important; }
    input[type="text"][placeholder]::-webkit-input-placeholder,
    input[type="password"][placeholder]::-webkit-input-placeholder,
    input[type="email"][placeholder]::-webkit-input-placeholder,
    input[type="url"][placeholder]::-webkit-input-placeholder,
    input[type="search"][placeholder]::-webkit-input-placeholder,
    input[type="tel"][placeholder]::-webkit-input-placeholder,
    input[type="date"][placeholder]::-webkit-input-placeholder,
    input[type="datetime"][placeholder]::-webkit-input-placeholder,
    input[type="datetime-local"][placeholder]::-webkit-input-placeholder,
    input[type="month"][placeholder]::-webkit-input-placeholder,
    input[type="week"][placeholder]::-webkit-input-placeholder,
    input[type="time"]
    input[type="color"][placeholder]::-webkit-input-placeholder,
    textarea[placeholder]::-webkit-input-placeholder {
      color: #a5a8a9 !important; }
    input[type="text"][placeholder]:-moz-placeholder,
    input[type="password"][placeholder]:-moz-placeholder,
    input[type="email"][placeholder]:-moz-placeholder,
    input[type="url"][placeholder]:-moz-placeholder,
    input[type="search"][placeholder]:-moz-placeholder,
    input[type="tel"][placeholder]:-moz-placeholder,
    input[type="date"][placeholder]:-moz-placeholder,
    input[type="datetime"][placeholder]:-moz-placeholder,
    input[type="datetime-local"][placeholder]:-moz-placeholder,
    input[type="month"][placeholder]:-moz-placeholder,
    input[type="week"][placeholder]:-moz-placeholder,
    input[type="time"]
    input[type="color"][placeholder]:-moz-placeholder,
    textarea[placeholder]:-moz-placeholder {
      /* Firefox 18- */
      color: #a5a8a9 !important; }
    input[type="text"][placeholder]::-moz-placeholder,
    input[type="password"][placeholder]::-moz-placeholder,
    input[type="email"][placeholder]::-moz-placeholder,
    input[type="url"][placeholder]::-moz-placeholder,
    input[type="search"][placeholder]::-moz-placeholder,
    input[type="tel"][placeholder]::-moz-placeholder,
    input[type="date"][placeholder]::-moz-placeholder,
    input[type="datetime"][placeholder]::-moz-placeholder,
    input[type="datetime-local"][placeholder]::-moz-placeholder,
    input[type="month"][placeholder]::-moz-placeholder,
    input[type="week"][placeholder]::-moz-placeholder,
    input[type="time"]
    input[type="color"][placeholder]::-moz-placeholder,
    textarea[placeholder]::-moz-placeholder {
      /* Firefox 19+ */
      color: #a5a8a9 !important; }
    input[type="text"][placeholder]:-ms-input-placeholder,
    input[type="password"][placeholder]:-ms-input-placeholder,
    input[type="email"][placeholder]:-ms-input-placeholder,
    input[type="url"][placeholder]:-ms-input-placeholder,
    input[type="search"][placeholder]:-ms-input-placeholder,
    input[type="tel"][placeholder]:-ms-input-placeholder,
    input[type="date"][placeholder]:-ms-input-placeholder,
    input[type="datetime"][placeholder]:-ms-input-placeholder,
    input[type="datetime-local"][placeholder]:-ms-input-placeholder,
    input[type="month"][placeholder]:-ms-input-placeholder,
    input[type="week"][placeholder]:-ms-input-placeholder,
    input[type="time"]
    input[type="color"][placeholder]:-ms-input-placeholder,
    textarea[placeholder]:-ms-input-placeholder {
      color: #a5a8a9 !important; }
    input[type="text"][placeholder]:focus::-webkit-input-placeholder,
    input[type="password"][placeholder]:focus::-webkit-input-placeholder,
    input[type="email"][placeholder]:focus::-webkit-input-placeholder,
    input[type="url"][placeholder]:focus::-webkit-input-placeholder,
    input[type="search"][placeholder]:focus::-webkit-input-placeholder,
    input[type="tel"][placeholder]:focus::-webkit-input-placeholder,
    input[type="date"][placeholder]:focus::-webkit-input-placeholder,
    input[type="datetime"][placeholder]:focus::-webkit-input-placeholder,
    input[type="datetime-local"][placeholder]:focus::-webkit-input-placeholder,
    input[type="month"][placeholder]:focus::-webkit-input-placeholder,
    input[type="week"][placeholder]:focus::-webkit-input-placeholder,
    input[type="time"]
    input[type="color"][placeholder]:focus::-webkit-input-placeholder,
    textarea[placeholder]:focus::-webkit-input-placeholder {
      color: transparent !important; }
    input[type="text"][placeholder]:focus:-moz-placeholder,
    input[type="password"][placeholder]:focus:-moz-placeholder,
    input[type="email"][placeholder]:focus:-moz-placeholder,
    input[type="url"][placeholder]:focus:-moz-placeholder,
    input[type="search"][placeholder]:focus:-moz-placeholder,
    input[type="tel"][placeholder]:focus:-moz-placeholder,
    input[type="date"][placeholder]:focus:-moz-placeholder,
    input[type="datetime"][placeholder]:focus:-moz-placeholder,
    input[type="datetime-local"][placeholder]:focus:-moz-placeholder,
    input[type="month"][placeholder]:focus:-moz-placeholder,
    input[type="week"][placeholder]:focus:-moz-placeholder,
    input[type="time"]
    input[type="color"][placeholder]:focus:-moz-placeholder,
    textarea[placeholder]:focus:-moz-placeholder {
      /* Firefox 18- */
      color: transparent !important; }
    input[type="text"][placeholder]:focus::-moz-placeholder,
    input[type="password"][placeholder]:focus::-moz-placeholder,
    input[type="email"][placeholder]:focus::-moz-placeholder,
    input[type="url"][placeholder]:focus::-moz-placeholder,
    input[type="search"][placeholder]:focus::-moz-placeholder,
    input[type="tel"][placeholder]:focus::-moz-placeholder,
    input[type="date"][placeholder]:focus::-moz-placeholder,
    input[type="datetime"][placeholder]:focus::-moz-placeholder,
    input[type="datetime-local"][placeholder]:focus::-moz-placeholder,
    input[type="month"][placeholder]:focus::-moz-placeholder,
    input[type="week"][placeholder]:focus::-moz-placeholder,
    input[type="time"]
    input[type="color"][placeholder]:focus::-moz-placeholder,
    textarea[placeholder]:focus::-moz-placeholder {
      /* Firefox 19+ */
      color: transparent !important; }
    input[type="text"][placeholder]:focus:-ms-input-placeholder,
    input[type="password"][placeholder]:focus:-ms-input-placeholder,
    input[type="email"][placeholder]:focus:-ms-input-placeholder,
    input[type="url"][placeholder]:focus:-ms-input-placeholder,
    input[type="search"][placeholder]:focus:-ms-input-placeholder,
    input[type="tel"][placeholder]:focus:-ms-input-placeholder,
    input[type="date"][placeholder]:focus:-ms-input-placeholder,
    input[type="datetime"][placeholder]:focus:-ms-input-placeholder,
    input[type="datetime-local"][placeholder]:focus:-ms-input-placeholder,
    input[type="month"][placeholder]:focus:-ms-input-placeholder,
    input[type="week"][placeholder]:focus:-ms-input-placeholder,
    input[type="time"]
    input[type="color"][placeholder]:focus:-ms-input-placeholder,
    textarea[placeholder]:focus:-ms-input-placeholder {
      color: transparent !important; }
  input[type="text"].validation-failed, input[type="text"].error,
  input[type="password"].validation-failed,
  input[type="password"].error,
  input[type="email"].validation-failed,
  input[type="email"].error,
  input[type="url"].validation-failed,
  input[type="url"].error,
  input[type="search"].validation-failed,
  input[type="search"].error,
  input[type="tel"].validation-failed,
  input[type="tel"].error,
  input[type="date"].validation-failed,
  input[type="date"].error,
  input[type="datetime"].validation-failed,
  input[type="datetime"].error,
  input[type="datetime-local"].validation-failed,
  input[type="datetime-local"].error,
  input[type="month"].validation-failed,
  input[type="month"].error,
  input[type="week"].validation-failed,
  input[type="week"].error,
  input[type="time"]
  input[type="color"].validation-failed,
  input[type="time"]
  input[type="color"].error,
  textarea.validation-failed,
  textarea.error {
    border-color: #ca0d0d; }

/*
 * Form error messages
 */
.validation-advice {
  color: #ca0d0d; }

input::-webkit-clear-button {
  display: none; }
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
  display: none; }
input::-webkit-calendar-picker-indicator {
  background: transparent; }
input[type="password"]::-ms-reveal {
  display: none; }
input[type="file"] {
  margin: 0 0 24px 0;
  margin:  0 0 1.5rem 0; }
input[type="radio"] {
  margin: 0 12px 12px 0;
  margin:  0 0.75rem 0.75rem 0; }
input[type="checkbox"] {
  margin: 0 12px 12px 0;
  margin:  0 0.75rem 0.75rem 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="number"], input[type="tel"] {
  -webkit-appearance: none; }

textarea {
  -webkit-appearance: none;
  resize: vertical; }

select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding:  0.75em;
  border: 1px solid #000000;
  border-radius: 0;
  outline-width: 0;
  margin: 0 0 24px 0;
  margin:  0 0 1.5rem 0;
  font-size: 16px;
  font-size: 1rem;
  /*
   * Ensure that the select's text
   * is on the correct side even if the parent
   * element has its direction or text direction
   * property changed.
   */
  /*
   * Invalid select box
   */ }
  @media (min-width: 37.5em) {
    select {
      font-size: 14px;
      font-size: 0.875rem; } }
  :root[dir="ltr"] select, :root:not([dir]) select {
    direction: ltr; }
  :root[dir="rtl"] select {
    direction: rtl; }
  :root[dir="ltr"] select, :root:not([dir]) select {
    text-align: left; }
  :root[dir="rtl"] select {
    text-align: right; }
  select.validation-failed, select.error {
    border-color: #000000; }

button,
.button,
input[type="image"],
input[type="reset"],
input[type="button"],
input[type="submit"] {
  padding: 0;
  border: none;
  text-align: left;
  background: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding:  0.875em 5em;
  margin:  0 0 1.5em;
  border-width:  0.125em;
  border-style: solid;
  border-color: transparent;
  border-radius:  0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  /*
   * Ensure that the button's text
   * is on the correct side even if the parent
   * element has its direction or text direction
   * property changed.
   */ }
  :root[dir="ltr"] button, :root:not([dir]) button, :root[dir="ltr"]
  .button, :root:not([dir])
  .button, :root[dir="ltr"]
  input[type="image"], :root:not([dir])
  input[type="image"], :root[dir="ltr"]
  input[type="reset"], :root:not([dir])
  input[type="reset"], :root[dir="ltr"]
  input[type="button"], :root:not([dir])
  input[type="button"], :root[dir="ltr"]
  input[type="submit"], :root:not([dir])
  input[type="submit"] {
    direction: ltr; }
  :root[dir="rtl"] button, :root[dir="rtl"]
  .button, :root[dir="rtl"]
  input[type="image"], :root[dir="rtl"]
  input[type="reset"], :root[dir="rtl"]
  input[type="button"], :root[dir="rtl"]
  input[type="submit"] {
    direction: rtl; }
  :root[dir="ltr"] button, :root:not([dir]) button, :root[dir="ltr"]
  .button, :root:not([dir])
  .button, :root[dir="ltr"]
  input[type="image"], :root:not([dir])
  input[type="image"], :root[dir="ltr"]
  input[type="reset"], :root:not([dir])
  input[type="reset"], :root[dir="ltr"]
  input[type="button"], :root:not([dir])
  input[type="button"], :root[dir="ltr"]
  input[type="submit"], :root:not([dir])
  input[type="submit"] {
    text-align: left; }
  :root[dir="rtl"] button, :root[dir="rtl"]
  .button, :root[dir="rtl"]
  input[type="image"], :root[dir="rtl"]
  input[type="reset"], :root[dir="rtl"]
  input[type="button"], :root[dir="rtl"]
  input[type="submit"] {
    text-align: right; }
  button:disabled,
  .button:disabled,
  input[type="image"]:disabled,
  input[type="reset"]:disabled,
  input[type="button"]:disabled,
  input[type="submit"]:disabled {
    cursor: not-allowed; }
  button + button,
  .button + button,
  input[type="image"] + button,
  input[type="reset"] + button,
  input[type="button"] + button,
  input[type="submit"] + button, button +
  .button,
  .button +
  .button,
  input[type="image"] +
  .button,
  input[type="reset"] +
  .button,
  input[type="button"] +
  .button,
  input[type="submit"] +
  .button, button +
  input[type="image"],
  .button +
  input[type="image"],
  input[type="image"] +
  input[type="image"],
  input[type="reset"] +
  input[type="image"],
  input[type="button"] +
  input[type="image"],
  input[type="submit"] +
  input[type="image"], button +
  input[type="reset"],
  .button +
  input[type="reset"],
  input[type="image"] +
  input[type="reset"],
  input[type="reset"] +
  input[type="reset"],
  input[type="button"] +
  input[type="reset"],
  input[type="submit"] +
  input[type="reset"], button +
  input[type="button"],
  .button +
  input[type="button"],
  input[type="image"] +
  input[type="button"],
  input[type="reset"] +
  input[type="button"],
  input[type="button"] +
  input[type="button"],
  input[type="submit"] +
  input[type="button"], button +
  input[type="submit"],
  .button +
  input[type="submit"],
  input[type="image"] +
  input[type="submit"],
  input[type="reset"] +
  input[type="submit"],
  input[type="button"] +
  input[type="submit"],
  input[type="submit"] +
  input[type="submit"] {
    margin: 0 0 0 12px;
    margin:  0 0 0 0.75rem; }
  @media print {
    button,
    .button,
    input[type="image"],
    input[type="reset"],
    input[type="button"],
    input[type="submit"] {
      padding: 0 !important;
      border-width: 0 !important; }
      button:before,
      .button:before,
      input[type="image"]:before,
      input[type="reset"]:before,
      input[type="button"]:before,
      input[type="submit"]:before {
        display: none !important; }
      button:after,
      .button:after,
      input[type="image"]:after,
      input[type="reset"]:after,
      input[type="button"]:after,
      input[type="submit"]:after {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        right: auto !important;
        left: auto !important;
        width: auto !important;
        border-width: 0 !important; } }

.button {
  /*
   * Buttons have their sizing based on em so this will increase
   * not only the font size, but all spacing, borders etc so the
   * buttons stay uniformally spaced.
   */ }
  .button--small {
    font-size:  0.75em; }
  .button--large {
    font-size:  1.25em; }
  .button--split:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .button--split:after {
    position: absolute;
    top:  0.3125em;
    bottom:  0.3125em;
    content: "";
    width:  2.5em;
    border-style: solid; }
  .button--split:not(.button--split-left) {
    padding-right:  7.5em; }
    .button--split:not(.button--split-left):before {
      right:  0.375em; }
    .button--split:not(.button--split-left):after {
      right: 0;
      border-width:  0 0 0 0.125em; }
  .button--split.button--split-left {
    padding-left:  7.5em; }
    .button--split.button--split-left:before {
      left:  0.375em; }
    .button--split.button--split-left:after {
      left: 0;
      border-width:  0 0.125em 0 0; }

.button a,
a.button {
  text-decoration: none; }

input[type="image"],
input[type="reset"],
input[type="button"],
input[type="submit"] {
  line-height: 1.5; }

/*
 * File inputs most often need to go on their own
 * line because of showing when a file is uploaded
 */
input[type="file"] {
  display: block; }

/*
 * Button groups and segmented controls. Removes spacing between
 * child buttons, drops the border radius on any button that is
 * not the first or last button.
 */
.button-group, .segmented-control {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .button-group .button, .segmented-control .button {
    display: table-cell;
    margin-left: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .button-group .button:not(:first-child), .segmented-control .button:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .button-group .button:not(:last-child), .segmented-control .button:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }

/*
 * iOS style segmented control
 */
.segmented-control .button {
  -webkit-transition: 0.2s;
          transition: 0.2s; }
  .segmented-control .button:not(:first-child) {
    border-left-width: 0; }

/*
 * Creates a split 
 */
.splitter {
  position: relative;
  margin:  0 0 1.5em;
  text-align: right;
  /*
   * Change the alignment of splitters. Useful for splitters that contain
   * textareas in .splitter-group elements
   */
  /*
   * A bit magic-numbery. When splitters have splitter--top applied, and a splitter
   * group has a label in it, we need to push any buttons down a bit to account for
   * the fact that align-items: flex-start is applied.
   */
  /*
   * Drop the spacing a bit if there are adjacent splitters that immediately
   * contain a label. This is just to reduce spacing a little so a bit cleaner.
   */ }
  .splitter:before, .splitter:after {
    content: " ";
    display: table;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .splitter:after {
    clear: both; }
  @media (min-width: 30em) {
    .splitter {
      text-align: left; }
      @supports ((-webkit-flex-wrap: wrap) or (-ms-flex-wrap: wrap) or (flex-wrap: wrap)) {
        html:not(.flexwrap) .splitter {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
      html.flexwrap .splitter {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
  .splitter--top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .splitter--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .splitter--bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .splitter--has-labels .splitter-group ~ input, .splitter--has-labels .splitter-group ~ .button, .splitter--has-labels .splitter-group ~ button {
    margin-top:  1.875em; }
  .splitter + .splitter--has-labels {
    margin-top:  -0.75em; }
  .splitter label {
    width: 100%;
    text-align: left; }
  .splitter input,
  .splitter textarea,
  .splitter select,
  .splitter button,
  .splitter .button,
  .splitter .custom-select {
    margin-bottom: 0; }
  .splitter input:not([type="image"]),
  .splitter input:not([type="reset"]),
  .splitter input:not([type="button"]),
  .splitter input:not([type="submit"]),
  .splitter textarea,
  .splitter .splitter-group {
    margin-bottom:  1.5em; }
    @media (min-width: 30em) {
      .splitter input:not([type="image"]),
      .splitter input:not([type="reset"]),
      .splitter input:not([type="button"]),
      .splitter input:not([type="submit"]),
      .splitter textarea,
      .splitter .splitter-group {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 0;
            -ms-flex: 1 0 0;
                flex: 1 0 0;
        margin-bottom: 0; }
        .splitter input:not([type="image"]):not(:only-child),
        .splitter input:not([type="reset"]):not(:only-child),
        .splitter input:not([type="button"]):not(:only-child),
        .splitter input:not([type="submit"]):not(:only-child),
        .splitter textarea:not(:only-child),
        .splitter .splitter-group:not(:only-child) {
          margin-right:  1.5em; } }
  .splitter textarea ~ .button,
  .splitter textarea ~ button,
  .splitter textarea ~ select,
  .splitter textarea ~ input {
    /*
     * Make splitters that contain textareas move the adjacent
     * content to the top. Will look rubbish without, especially
     * if the user resizes the textarea.
     */
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start; }
  .splitter button,
  .splitter .button,
  .splitter select,
  .splitter .custom-select {
    float: right; }
  .splitter select,
  .splitter .custom-select {
    width: auto; }
  .splitter--rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .splitter--rev input:not([type="image"]),
    .splitter--rev input:not([type="reset"]),
    .splitter--rev input:not([type="button"]),
    .splitter--rev input:not([type="submit"]),
    .splitter--rev textarea,
    .splitter--rev .splitter-group {
      float: right;
      margin-right: 0;
      margin-left:  1.5em; }
    .splitter--rev button,
    .splitter--rev .button,
    .splitter--rev select,
    .splitter--rev .custom-select {
      float: left;
      margin-right: 0; }

/*
 * Allows a form to be stacked, optionally making the inputs and buttons flush
 */
.form-stacked--flush input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.form-stacked--flush button,
.form-stacked--flush .button {
  margin-bottom: 0; }
.form-stacked .splitter {
  display: block; }
.form-stacked input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.form-stacked button,
.form-stacked .button {
  width: 100%; }

/*
  ==========================================================================
   Lists

   * 
   * Styles ordered and unordered lists appropriately. Lists get reset at all times and then
   * :before psuedo elements are used to add the correct counter to the list. This means we can
   * then style these counters as we wish. If a list needs no list type, instead of using
   * list-type: none; the mixin clear-list() needs to be used to ensure the psuedo elements have
   * no content and are hidden.
   * 
  ==========================================================================
*/
ol,
ul {
  list-style-type: none;
  padding: 0 0 0 1.875rem;
  padding:  0 0 0 1.875rem;
  margin: 0 0 24px;
  margin:  0 0 1.5rem; }
  ol ol,
  ul ol {
    padding: 0 0 0 2.938rem;
    padding:  0 0 0 2.938rem;
    margin: 12px 0 24px;
    margin:  0.75rem 0 1.5rem; }
  ol ul,
  ul ul {
    padding: 0 0 0 1.875rem;
    padding:  0 0 0 1.875rem;
    margin: 12px 0 24px;
    margin:  0.75rem 0 1.5rem; }
  ol li,
  ul li {
    position: relative; }

ol {
  counter-reset: ol; }
  ol li {
    padding: 0;
    padding: 0;
    margin: 0 0 12px;
    margin:  0 0 0.75rem; }
    ol li:before {
      position: absolute;
      top: 0;
      counter-increment: ol;
      content: counter(ol) ".";
      color: #6a9a1b;
      left: -1.875rem;
      left: -1.875rem; }
    ol li:nth-child(n+10):before {
      left: 0; }
    ol li.nested li:before {
      content: counters(ol,".") ": ";
      left: -2.938rem; }

ul li {
  padding: 0;
  padding: 0;
  margin: 0 0 12px;
  margin:  0 0 0.75rem; }
  ul li:before {
    position: absolute;
    top: 8px;
    top: 0.5rem;
    left: -1.875rem;
    left: -1.875rem;
    content: "";
    width: 0.375rem;
    height: 0.375rem;
    font-size: 33.33333%;
    border-radius: 50%;
    background: #6a9a1b; }

li:last-child {
  margin-bottom: 0; }
li:before {
  pointer-events: none; }

/*
  ==========================================================================
   Tables
   ==========================================================================
*/
table,
.responsive-table {
  width: 100%;
  padding: 0;
  padding: 0;
  margin: 0 0 24px;
  margin:  0 0 1.5rem; }
  table:not(.responsive-table),
  .responsive-table:not(.responsive-table) {
    /*
     * IE8 and below doesn't have :not so this will
     * be ignored. IE10 + doesn't have conditional
     * comments so they will be included.
     */ }
    @media (max-width: 37.4375em) {
      html:not(.ie9) table:not(.responsive-table), html:not(.ie9)
      .responsive-table:not(.responsive-table) {
        display: block;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch; } }
  table,
  table thead,
  table tbody,
  table tfoot,
  .responsive-table,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table tfoot {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit; }
  table caption,
  .responsive-table caption {
    text-align: left;
    color: #444444;
    padding: 0;
    padding: 0;
    margin: 0 0 6px;
    margin:  0 0 0.375rem;
    font-size: 16px;
    font-size: 1rem; }
  table thead th,
  table thead td,
  table thead .responsive-table__cell, table__head th,
  table__head td,
  table__head .responsive-table__cell,
  .responsive-table thead th,
  .responsive-table thead td,
  .responsive-table thead .responsive-table__cell,
  .responsive-table__head th,
  .responsive-table__head td,
  .responsive-table__head .responsive-table__cell {
    vertical-align: top;
    border: 0 solid #a5a8a9;
    border-top-width: 1px;
    border-top-width: 0.0625rem;
    border-right-width: 1px;
    border-right-width: 0.0625rem;
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-left-width: 1px;
    border-left-width: 0.0625rem;
    padding: 12px;
    padding: 0.75rem;
    background-color: #f0f0f0; }
    table thead th a:only-child,
    table thead td a:only-child,
    table thead .responsive-table__cell a:only-child, table__head th a:only-child,
    table__head td a:only-child,
    table__head .responsive-table__cell a:only-child,
    .responsive-table thead th a:only-child,
    .responsive-table thead td a:only-child,
    .responsive-table thead .responsive-table__cell a:only-child,
    .responsive-table__head th a:only-child,
    .responsive-table__head td a:only-child,
    .responsive-table__head .responsive-table__cell a:only-child {
      display: block; }
  table tbody td,
  table tbody .responsive-table__cell, table__body td,
  table__body .responsive-table__cell,
  .responsive-table tbody td,
  .responsive-table tbody .responsive-table__cell,
  .responsive-table__body td,
  .responsive-table__body .responsive-table__cell {
    vertical-align: top;
    border: 0 solid #d0d4d8;
    border-top-width: 1px;
    border-top-width: 0.0625rem;
    border-right-width: 1px;
    border-right-width: 0.0625rem;
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-left-width: 1px;
    border-left-width: 0.0625rem;
    padding: 12px;
    padding: 0.75rem; }
    table tbody td a:only-child,
    table tbody .responsive-table__cell a:only-child, table__body td a:only-child,
    table__body .responsive-table__cell a:only-child,
    .responsive-table tbody td a:only-child,
    .responsive-table tbody .responsive-table__cell a:only-child,
    .responsive-table__body td a:only-child,
    .responsive-table__body .responsive-table__cell a:only-child {
      display: block; }
  table tfoot td,
  table tfoot .responsive-table__cell, table__foot td,
  table__foot .responsive-table__cell,
  .responsive-table tfoot td,
  .responsive-table tfoot .responsive-table__cell,
  .responsive-table__foot td,
  .responsive-table__foot .responsive-table__cell {
    vertical-align: top;
    border: 0 solid #d0d4d8;
    border-top-width: 1px;
    border-top-width: 0.0625rem;
    border-right-width: 1px;
    border-right-width: 0.0625rem;
    border-bottom-width: 1px;
    border-bottom-width: 0.0625rem;
    border-left-width: 1px;
    border-left-width: 0.0625rem;
    padding: 12px;
    padding: 0.75rem; }
    table tfoot td a:only-child,
    table tfoot .responsive-table__cell a:only-child, table__foot td a:only-child,
    table__foot .responsive-table__cell a:only-child,
    .responsive-table tfoot td a:only-child,
    .responsive-table tfoot .responsive-table__cell a:only-child,
    .responsive-table__foot td a:only-child,
    .responsive-table__foot .responsive-table__cell a:only-child {
      display: block; }

.responsive-table {
  position: relative;
  /*
   * IE8 and below doesn't have :not so this will
   * be ignored. IE10 + doesn't have conditional
   * comments so they will be included.
   */ }
  @media (max-width: 37.4375em) {
    html:not(.ie9) .responsive-table {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media (max-width: 37.4375em) {
    html:not(.ie9) .responsive-table caption {
      -webkit-box-ordinal-group: -1;
      -webkit-order: -2;
          -ms-flex-order: -2;
              order: -2; } }
  @media (max-width: 37.4375em) {
    html:not(.ie9) .responsive-table thead {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
          -ms-flex-order: -1;
              order: -1; } }
  @media (max-width: 37.4375em) {
    html:not(.ie9) .responsive-table tfoot {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; } }
  html:not(.ie9) .responsive-table thead,
  html:not(.ie9) .responsive-table tbody,
  html:not(.ie9) .responsive-table tfoot,
  html:not(.ie9) .responsive-table tr {
    display: block;
    position: relative; }
  html:not(.ie9) .responsive-table thead, html:not(.ie9) .responsive-table__head {
    position: absolute;
    overflow: hidden;
    padding: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0); }
    @media (min-width: 37.5em) {
      html:not(.ie9) .responsive-table thead, html:not(.ie9) .responsive-table__head {
        display: table-header-group;
        position: static;
        overflow: visible;
        width: auto;
        height: auto;
        margin: 0;
        clip: auto; } }
  @media (min-width: 37.5em) {
    html:not(.ie9) .responsive-table tbody, html:not(.ie9) .responsive-table__body {
      display: table-row-group; } }
  @media (min-width: 37.5em) {
    html:not(.ie9) .responsive-table tfoot, html:not(.ie9) .responsive-table__foot {
      display: table-footer-group; } }
  @media (min-width: 37.5em) {
    html:not(.ie9) .responsive-table tr, html:not(.ie9) .responsive-table__row {
      display: table-row; } }
  html:not(.ie9) .responsive-table th,
  html:not(.ie9) .responsive-table td, html:not(.ie9) .responsive-table__cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 37.5em) {
      html:not(.ie9) .responsive-table th,
      html:not(.ie9) .responsive-table td, html:not(.ie9) .responsive-table__cell {
        display: table-cell;
        float: none; } }
  html:not(.ie9) .responsive-table tbody td[data-label]:before, html:not(.ie9) .responsive-table tbody td[data-rwd-label]:before,
  html:not(.ie9) .responsive-table tbody .responsive-table__cell[data-label]:before,
  html:not(.ie9) .responsive-table tbody .responsive-table__cell[data-rwd-label]:before, html:not(.ie9) .responsive-table__body td[data-label]:before, html:not(.ie9) .responsive-table__body td[data-rwd-label]:before,
  html:not(.ie9) .responsive-table__body .responsive-table__cell[data-label]:before,
  html:not(.ie9) .responsive-table__body .responsive-table__cell[data-rwd-label]:before {
    border-style: solid;
    border-color: #d0d4d8;
    padding: 12px 12px 12px 12px;
    padding:  0.75rem 0.75rem 0.75rem 0.75rem;
    margin: -12px 12px -12px -12px;
    margin:  -0.75rem 0.75rem -0.75rem -0.75rem;
    border-width: 0 1px 0 0;
    border-width:  0 0.0625rem 0 0; }
    html:not(.ie9) .responsive-table tbody td[data-label]:before, html:not(.ie9) .responsive-table tbody td[data-rwd-label]:before,
    html:not(.ie9) .responsive-table tbody .responsive-table__cell[data-label]:before,
    html:not(.ie9) .responsive-table tbody .responsive-table__cell[data-rwd-label]:before, html:not(.ie9) .responsive-table__body td[data-label]:before, html:not(.ie9) .responsive-table__body td[data-rwd-label]:before,
    html:not(.ie9) .responsive-table__body .responsive-table__cell[data-label]:before,
    html:not(.ie9) .responsive-table__body .responsive-table__cell[data-rwd-label]:before {
      max-width: 50%;
      /* autoprefixer: off */
      max-width: -webkit-calc(50% + 12px);
      max-width: -moz-calc(50% + 12px);
      max-width: calc(50% + 12px); }
  html:not(.ie9) .responsive-table tbody tr:not(:last-child),
  html:not(.ie9) .responsive-table tbody .responsive-table__row:not(:last-child), html:not(.ie9) .responsive-table__body tr:not(:last-child),
  html:not(.ie9) .responsive-table__body .responsive-table__row:not(:last-child) {
    margin: 0 0 24px;
    margin:  0 0 1.5rem; }
  html:not(.ie9) .responsive-table tfoot td[data-label]:before, html:not(.ie9) .responsive-table tfoot td[data-rwd-label]:before,
  html:not(.ie9) .responsive-table tfoot .responsive-table__cell[data-label]:before,
  html:not(.ie9) .responsive-table tfoot .responsive-table__cell[data-rwd-label]:before, html:not(.ie9) .responsive-table__foot td[data-label]:before, html:not(.ie9) .responsive-table__foot td[data-rwd-label]:before,
  html:not(.ie9) .responsive-table__foot .responsive-table__cell[data-label]:before,
  html:not(.ie9) .responsive-table__foot .responsive-table__cell[data-rwd-label]:before {
    border-style: solid;
    border-color: #d0d4d8;
    padding: 12px 12px 12px 12px;
    padding:  0.75rem 0.75rem 0.75rem 0.75rem;
    margin: -12px 12px -12px -12px;
    margin:  -0.75rem 0.75rem -0.75rem -0.75rem;
    border-width: 0 1px 0 0;
    border-width:  0 0.0625rem 0 0; }
    html:not(.ie9) .responsive-table tfoot td[data-label]:before, html:not(.ie9) .responsive-table tfoot td[data-rwd-label]:before,
    html:not(.ie9) .responsive-table tfoot .responsive-table__cell[data-label]:before,
    html:not(.ie9) .responsive-table tfoot .responsive-table__cell[data-rwd-label]:before, html:not(.ie9) .responsive-table__foot td[data-label]:before, html:not(.ie9) .responsive-table__foot td[data-rwd-label]:before,
    html:not(.ie9) .responsive-table__foot .responsive-table__cell[data-label]:before,
    html:not(.ie9) .responsive-table__foot .responsive-table__cell[data-rwd-label]:before {
      max-width: 50%;
      /* autoprefixer: off */
      max-width: -webkit-calc(50% + 12px);
      max-width: -moz-calc(50% + 12px);
      max-width: calc(50% + 12px); }
  html:not(.ie9) .responsive-table tfoot tr:not(:last-child),
  html:not(.ie9) .responsive-table tfoot .responsive-table__row:not(:last-child), html:not(.ie9) .responsive-table__foot tr:not(:last-child),
  html:not(.ie9) .responsive-table__foot .responsive-table__row:not(:last-child) {
    margin: 0;
    margin: 0; }
  @media (max-width: 37.4375em) {
    html:not(.ie9) .responsive-table tfoot:not(:only-child) tr:first-child td,
    html:not(.ie9) .responsive-table tfoot:not(:only-child) tr:first-child .responsive-table__cell, html:not(.ie9) .responsive-table__foot:not(:only-child) tr:first-child td,
    html:not(.ie9) .responsive-table__foot:not(:only-child) tr:first-child .responsive-table__cell {
      border-top-width: 0; } }
  @media (max-width: 37.4375em) {
    html:not(.ie9) .responsive-table td:not(:first-child), html:not(.ie9) .responsive-table td:only-child, html:not(.ie9) .responsive-table__cell:not(:first-child), html:not(.ie9) .responsive-table__cell:only-child {
      border-top-width: 0; } }
  html:not(.ie9) .responsive-table td[data-label], html:not(.ie9) .responsive-table td[data-rwd-label], html:not(.ie9) .responsive-table__cell[data-label], html:not(.ie9) .responsive-table__cell[data-rwd-label] {
    position: relative; }
    html:not(.ie9) .responsive-table td[data-label]:before, html:not(.ie9) .responsive-table td[data-rwd-label]:before, html:not(.ie9) .responsive-table__cell[data-label]:before, html:not(.ie9) .responsive-table__cell[data-rwd-label]:before {
      speak: none;
      position: relative;
      width: 100%;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      word-wrap: break-word; }
      @media (min-width: 37.5em) {
        html:not(.ie9) .responsive-table td[data-label]:before, html:not(.ie9) .responsive-table td[data-rwd-label]:before, html:not(.ie9) .responsive-table__cell[data-label]:before, html:not(.ie9) .responsive-table__cell[data-rwd-label]:before {
          display: none; } }
  html:not(.ie9) .responsive-table td[data-label]:before, html:not(.ie9) .responsive-table__cell[data-label]:before {
    content: attr(data-label); }
  html:not(.ie9) .responsive-table td[data-rwd-label]:before, html:not(.ie9) .responsive-table__cell[data-rwd-label]:before {
    content: attr(data-rwd-label); }
  html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) td[data-label]:after, html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) td[data-rwd-label]:after,
  html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) .responsive-table__cell[data-label]:after,
  html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) .responsive-table__cell[data-rwd-label]:after {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    content: ""; }
    @media (min-width: 37.5em) {
      html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) td[data-label]:after, html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) td[data-rwd-label]:after,
      html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) .responsive-table__cell[data-label]:after,
      html:not(.ie9) .responsive-table:not(.responsive-table--mobi-borderless) .responsive-table__cell[data-rwd-label]:after {
        display: none; } }
  @media (max-width: 37.4375em) {
    html:not(.ie9) .responsive-table--mobi-borderless th,
    html:not(.ie9) .responsive-table--mobi-borderless td,
    html:not(.ie9) .responsive-table--mobi-borderless .responsive-table__cell {
      border-width: 0; } }

/* 
  ==========================================================================
   Accordians

   * Accordians can have the following markup:
   * <details class="accordian">
   *     <summary class="accordian__toggle">
   *         Toggle Text
   *     </summary>
   *     <div class="accordian__contents">
   *         ... content ...
   *     </div>
   * </details>
   *  
   * Using <details> and <summary> will meen supporting browsers will allow interactivity
   * when JS is disabled. <div>s will suffice if needed.
   * tom.js will pick up any accordians and will override the native behaviour if supported,
   * as well as animating them in. Disable animation by adding data-animate="fasle" to
   * the accordian element. Add data-single="true" to make any adjacent accordians close
   * when an accordian is opened. 
   *  
  ==========================================================================
*/
details.accordian summary::-webkit-details-marker {
  display: none; }

.accordian:before, .accordian:after {
  content: " ";
  display: table;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.accordian:after {
  clear: both; }
.accordian__toggle {
  position: relative; }
  html:not(.no-js) .accordian__toggle {
    cursor: pointer; }
  .accordian__toggle.accordian__toggle--align-left {
    float: left; }
  .accordian__toggle.accordian__toggle--align-center {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .accordian__toggle.accordian__toggle--align-right {
    float: right; }
  .accordian__toggle a {
    color: inherit; }
    .accordian__toggle a:not(:hover):not(:focus):not(:active) {
      text-decoration: none; }
.accordian__contents {
  display: none;
  /*
   * If a div is used for accordian or the
   * browser does not natively support <details>,
   * and JS is disabled, then show the contents.
   */
  display: none; }
  html.no-js .accordian__contents {
    display: block; }
  @media print {
    .accordian__contents {
      display: block !important; } }
.accordian.open .accordian__contents, .accordian[open] .accordian__contents {
  display: block; }

/*
  ==========================================================================
   Development

   *
   * Creates a component used for displaying the current screen width in pixels in
   * the bottom corner. Has a colour indication when a breakpoint is changed,
   * Requires javascript found in development.js.
   * 
  ==========================================================================
*/
.js-responsive-display {
  position: fixed;
  width: auto;
  padding: 4px;
  right: 20px;
  bottom: 15px;
  z-index: 1000;
  border: 2px solid #CCC;
  border-radius: 3px;
  text-align: left;
  color: #000;
  background: #B1B6F2;
  box-shadow: 0 0 5px 2px #555; }
  .js-responsive-display * {
    color: #000; }
  .js-responsive-display dl {
    margin: 0; }
  .js-responsive-display dt {
    font-weight: bold; }
  .js-responsive-display dd {
    margin: 0; }

@media (min-width: 0) {
  .js-responsive-display {
    background: #ddb1f2; } }
@media (min-width: 30em) {
  .js-responsive-display {
    background: #f2b1d6; } }
@media (min-width: 37.5em) {
  .js-responsive-display {
    background: #f2bcb1; } }
@media (min-width: 48.0625em) {
  .js-responsive-display {
    background: #f2edb1; } }
@media (min-width: 60em) {
  .js-responsive-display {
    background: #c6f2b1; } }
@media (min-width: 63em) {
  .js-responsive-display {
    background: #b1f2cc; } }
@media (min-width: 80em) {
  .js-responsive-display {
    background: #b1e7f2; } }
/*******************************************
 * Icon fonts
 *******************************************/
@font-face {
  font-family: 'other_media_icons';
  src: url("../fonts/other_media_icons.eot");
  src: url("../fonts/other_media_icons.eot?#iefix") format("embedded-opentype"), url("../fonts/other_media_icons.ttf") format("truetype"), url("../fonts/other_media_icons.woff") format("woff"), url("../fonts/other_media_icons.svg#ICI") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"], [class^="icons-"], [class*=" icons-"] {
  font-family: 'other_media_icons';
  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; }

[class^="icon-"], [class*=" icon-"], [class^="icons-"], [class*=" icons-"] {
  display: inline-block; }

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

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

.icon-twitter:before {
  content: "\e60b"; }

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

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

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

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

.icon-zoom:before, .icon-search:before {
  content: "\e613"; }

.icon-phone:before {
  content: "\e611"; }

.icon-basket:before {
  content: "\e61c"; }

.icon-hamburger:before, .icon-menu:before {
  content: "\e610"; }

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

.icon-right-arrow:before, .shop-links-navigation > ul > li > a:after {
  content: "\e606"; }

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

.icon-list-item-toggle-left:before {
  content: "\e605"; }

.icon-list-item-toggle-right:before, .icons-arrow-right:after {
  content: "\e606"; }

.icon-list-item-toggle-close:before, .icon-close:before {
  content: "\e624"; }

.icon-list-item-toggle-full:before {
  content: "\e601"; }

.icon-section:before {
  content: "\e609"; }

.icon-section.active:before {
  content: "\e60a"; }

.group-header-wrapper:after, .banner.original:after, .icons-down-arrow:after {
  content: "\e625"; }

.icon-slideshow-left:before {
  content: "\e605"; }

.icon-slideshow-right:before {
  content: "\e606"; }

.icons-search:before {
  content: "\e613"; }

.icon-down:before {
  content: "\e609"; }

.icon-up:before {
  content: "\e60a"; }

.icon-close:before, #fullsized_close:after {
  content: "\e624"; }

/*
  ==========================================================================
   Magento styling
  ==========================================================================
*/
/*
  ==========================================================================
   Drupal styling
  ==========================================================================
*/
/*
 * Drupal's admin menu. Fix all lists
 */
#admin-menu ul li:before,
#admin-menu ol li:before {
  display: none; }

/*
 * Drupal's equivalent of visuallyhidden
 */
.element-invisible {
  position: absolute;
  overflow: hidden;
  padding: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0); }
  .element-invisible-focusable:focus {
    position: static;
    overflow: visible;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto; }

/*
 * Drupal admin editor tabs
 */
@media print {
  .tabs {
    display: none !important; } }
.tabs.primary li:before {
  display: none; }
.tabs.primary li {
  display: inline-block;
  padding-bottom: 12px;
  padding-bottom: 0.75rem; }
  .tabs.primary li a,
  .tabs.primary li .faux-link {
    padding: 12px;
    padding: 0.75rem;
    font-size: 14px;
    font-size: 0.875rem; }
    .tabs.primary li a:hover,
    .tabs.primary li .faux-link:hover {
      background: #82bc00;
      color: #ffffff; }

/*
 * Drupal's contextual links to allow quick edits etc
 */
.contextual-links-wrapper ul li:before,
.contextual-links-wrapper ol li:before {
  display: none; }

/*
 * All types of forms in drupal, user register etc
 */
form,
.faux-form {
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  max-width: 650px;
  max-width: 40.625rem;
  /*
   * Inner content of a form in drupal
   */
  /*
   * Description text after text input etc to help
   * the user fill in that field type.
   */
  /*
   * Set the alignment of form actions, which typically include
   * buttons to submit the form or continue.
   */ }
  form fieldset,
  .faux-form fieldset {
    border-style: solid;
    border-color: #000000;
    padding: 0;
    padding: 0;
    margin: 0;
    margin: 0;
    border-width: 0;
    border-width: 0; }
  form legend,
  .faux-form legend {
    /*
     * margin: 0 auto; is unsafe as we may not
     * want to remove the top and bottom margin.
     */
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 100%;
    max-width: 100%; }
  form .fieldset-wrapper,
  form .form-wrapper:not(fieldset),
  .faux-form .fieldset-wrapper,
  .faux-form .form-wrapper:not(fieldset) {
    /*
     * margin: 0 auto; is unsafe as we may not
     * want to remove the top and bottom margin.
     */
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 100%;
    max-width: 100%; }
  form .description,
  .faux-form .description {
    margin: 0 0 12px;
    margin:  0 0 0.75rem;
    font-size: 14px;
    font-size: 0.875rem; }
  form .form-actions,
  .faux-form .form-actions {
    padding: 0;
    padding: 0;
    margin: 0 0 24px;
    margin:  0 0 1.5rem; }
    :root[dir="ltr"] form .form-actions, :root:not([dir]) form .form-actions, :root[dir="ltr"]
    .faux-form .form-actions, :root:not([dir])
    .faux-form .form-actions {
      text-align: right; }
    :root[dir="rtl"] form .form-actions, :root[dir="rtl"]
    .faux-form .form-actions {
      text-align: left; }
    :root[dir="ltr"] form .form-actions, :root:not([dir]) form .form-actions, :root[dir="ltr"]
    .faux-form .form-actions, :root:not([dir])
    .faux-form .form-actions {
      direction: rtl; }
    :root[dir="rtl"] form .form-actions, :root[dir="rtl"]
    .faux-form .form-actions {
      direction: ltr; }
    form .form-actions .button,
    .faux-form .form-actions .button {
      width: 100%; }
      form .form-actions .button:last-child,
      .faux-form .form-actions .button:last-child {
        margin-bottom: 0; }
      @media (min-width: 37.5em) {
        form .form-actions .button,
        .faux-form .form-actions .button {
          width: auto;
          margin-bottom: 0; } }

/*
 * Helper messages for a form
 */
.form_message {
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;
  max-width: 100%; }

.page-node-register .handle {
  display: none; }

.tabledrag-toggle-weight-wrapper {
  display: none; }

.messages {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 12px 12px;
  padding:  0.75rem 0.75rem;
  border-style: solid;
  border-width: 2px; }
  .messages.status {
    border-color: #96b907; }
  .messages.error {
    border-color: #d45144; }
    .messages.error ul {
      margin: 0; }
      .messages.error ul li {
        margin: 0; }

/* 
  ==========================================================================
   Print

   * 
   * Basic styling for print across projects.
   *  
   ==========================================================================
*/
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none; }

  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline; }

  a:after {
    display: block !important; }
  a:not([href^="http"]):not([href^="www"]):not([href="#"]):not([href^="/"]):after {
    content: " (" "http://www.recycle.org" "/" attr(href) ")" !important; }
  a[href^="/"]:after {
    content: " (" "http://www.recycle.org" attr(href) ")" !important; }
  a[href^="http"]:not([href="#"]):after, a[href^="www"]:not([href="#"]):after {
    content: " (" attr(href) ")" !important; }

  abbr:after {
    content: " (" attr(title) ")" !important; }

  .ir a:after {
    content: "" !important; }

  /* Don't show links for images */
  pre,
  blockquote {
    border: 1px solid #999; } }
  @media print {
    pre,
    blockquote {
      page-break-inside: avoid; } }

@media print {
  img {
    page-break-inside: avoid; } }

@media print {
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; } }
@media print {
  h2,
  h3 {
    page-break-after: avoid; } }

@media print {
  tr {
    page-break-inside: avoid; } }

/*
  ==========================================================================
   Modules
  ==========================================================================
*/
/*
  ==========================================================================
   Global Mixins
  ==========================================================================
*/
/*
 * When the header has or doesn't have a state applied.
 * E.g when the drawer is or isn't open.
 */
/*
 * Helper for when the drawer is open.
 */
/*
 * Helper to target when the menu is open but only apply styles at a given breakpoint
 */
/*
 * Helper for when the drawer is closed.
 */
/*
 * Allows easy typography styling of an element
 * rather than having typographic declarations everywhere,
 * which may get out of sync.
 */
/*
 * Add module spacing
 */
/**
 * Icons
 */
/*
  ==========================================================================
   Global Styles
   ==========================================================================
*/
html,
body {
  height: 100%; }

.site {
  overflow-x: hidden; }
  @media screen {
    .site {
      min-height: 100vh;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

@media screen {
  .site-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; } }
@media screen {
  .site-main, .site-main-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }
.site-main-inner {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-left: 12px;
  padding-left: 0.75rem; }
  @media (min-width: 48.0625em) {
    .site-main-inner {
      padding-right: 24px;
      padding-right: 1.5rem; } }
  @media (min-width: 48.0625em) {
    .site-main-inner {
      padding-left: 24px;
      padding-left: 1.5rem; } }
  @media screen {
    .site-main-inner {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      body:not(.drawer-open--persist) .site-main-inner {
        -webkit-transition: width 1s, margin-left 1s;
                transition: width 1s, margin-left 1s; } }
    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      body:not(.drawer-open--persist) .site-main-inner {
        -webkit-transition: none;
                transition: none; } }

@media screen {
  .site-header,
  .site-footer {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; } }

.main-content {
  margin-bottom: 36px;
  margin-bottom: 2.25rem; }
  @media (max-width: 37.4375em) {
    .main-content {
      margin-top: -15px;
      margin-top: -0.9375rem; } }
  @media (min-width: 48.0625em) {
    .main-content {
      margin-bottom: 24px;
      margin-bottom: 1.5rem; } }

.secondary-content {
  margin-top: auto; }

.full-bleed--full {
  margin-right: -12px;
  margin-right: -0.75rem;
  margin-left: -12px;
  margin-left: -0.75rem; }
  @media (min-width: 48.0625em) {
    .full-bleed--full {
      margin-right: -24px;
      margin-right: -1.5rem;
      margin-left: -24px;
      margin-left: -1.5rem; } }

.copy-container {
  width: 100%;
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  max-width: 940px;
  max-width: 58.75rem; }

a[data-external="true"] {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  padding-left: 1.5rem; }
  a[data-external="true"]:before {
    text-decoration: underline; }
  a[data-external="true"]:hover:before, a[data-external="true"]:before {
    text-decoration: none; }
  a[data-external="true"]:before {
    position: absolute;
    left: 0;
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    top: 2px;
    top: 0.125rem; }
    @media print {
      a[data-external="true"]:before {
        padding-right: 0;
        top: 0; } }

.file .file-size {
  display: none; }

/*
  ==========================================================================
   Typography
  ==========================================================================
*/
html {
  -webkit-font-smoothing: antialiased !important; }

.tera.light,
.giga.light,
.mega.light,
.kilo.light,
h1.light, .alpha.light,
h2.light, .beta.light,
h3.light, .gamma.light,
h4.light, .delta.light,
h5.light, .epsilon.light,
h6.light, .zeta.light {
  font-family: "futura", Arial, sans-serif;
  font-weight: 200;
  font-style: normal; }
.tera.bold,
.giga.bold,
.mega.bold,
.kilo.bold,
h1.bold, .alpha.bold,
h2.bold, .beta.bold,
h3.bold, .gamma.bold,
h4.bold, .delta.bold,
h5.bold, .epsilon.bold,
h6.bold, .zeta.bold {
  font-family: "futura", Arial, sans-serif;
  font-weight: 600;
  font-style: normal; }

.headline {
  font-family: "prata", Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 34px;
  font-size: 2.125rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  line-height: 46px;
  line-height: 2.875rem; }
  @media (min-width: 48.0625em) {
    .headline {
      font-size: 44px;
      font-size: 2.75rem; } }
  @media (min-width: 48.0625em) {
    .headline {
      margin-bottom: 40px;
      margin-bottom: 2.5rem;
      line-height: 54px;
      line-height: 3.375rem; } }

.super-heading {
  font-family: "prata", Arial, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 58px;
  font-size: 3.625rem;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  line-height: 58px;
  line-height: 3.625rem; }
  @media (min-width: 48.0625em) {
    .super-heading {
      font-size: 62px;
      font-size: 3.875rem; } }
  @media (min-width: 48.0625em) {
    .super-heading {
      margin-bottom: 50px;
      margin-bottom: 3.125rem;
      line-height: 62px;
      line-height: 3.875rem; } }

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 23px;
  line-height: 1.4375rem; }
  @media (min-width: 48.0625em) {
    p {
      font-size: 17px;
      font-size: 1.0625rem; } }
  p.intro {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem; }
    @media (min-width: 48.0625em) {
      p.intro {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 34px;
        line-height: 2.125rem; } }

blockquote p:after {
  display: none !important; }

/*
  ==========================================================================
   Fonts
  ==========================================================================

  Light: 200;
  Medium: 400;
  Bold: 600;
  Book: 800;
  Book Italic: 900;

*/
@font-face {
  font-family: 'futura';
  src: url("../fonts/futura/ufonts_futurabq-light-opentype.otf") format("truetype");
  font-weight: 200; }
@font-face {
  font-family: 'futura';
  src: url("../fonts/futura/ufonts_futurabq-medium-opentype.otf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: 'futura';
  src: url("../fonts/futura/ufonts_futura-bold.woff") format("woff"), url("../fonts/futura/ufonts_futura-bold.ttf") format("truetype");
  font-weight: 600; }
@font-face {
  font-family: 'futura';
  src: url("../fonts/futura/ufonts_futura-book-opentype.otf") format("truetype");
  font-weight: 800; }
@font-face {
  font-family: 'futura';
  src: url("../fonts/futura/ufonts_futurabq-mediumoblique-opentype.otf") format("truetype");
  font-weight: 900; }
@font-face {
  font-family: 'prata';
  src: url("../fonts/prata/PraterSansOT-Bold.otf") format("truetype");
  font-weight: 200; }
/*
  ==========================================================================
   Icons
  ==========================================================================
*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?dp6txv");
  src: url("../fonts/icomoon.eot?#iefixdp6txv") format("embedded-opentype"), url("../fonts/icomoon.woff?dp6txv") format("woff"), url("../fonts/icomoon.ttf?dp6txv") format("truetype"), url("../fonts/icomoon.svg?dp6txv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
a[data-external="true"]:before, [class^="icon-"],
[class*="icon-"], .button--split:before,
a.button--split:before, .button--jump:before,
a.button--jump:before, input[type="checkbox"]:checked + label:after, .custom-select:before, .site-navigation li.toppicks:after, .site-navigation li.browse:after, .site-navigation li.search:after, .site-search .search-holder .search button[type="submit"]:before, .site-footer__aside-message a:after, .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span:before, .lSSlideOuter .lSAction .lSPrev:after,
.lSSlideOuter .lSAction .lSNext:after, .accordian--block .accordian__toggle:before, .accordian--dropdown .accordian__toggle:before, .accordian--guide .accordian__toggle .accordian__title:after, .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:before, .highlight-link .link-block .highlight-badge > div:before, .highlight-link .link-block .highlight-badge > div:after, .quality-stamp:before, .quality-stamp:after, .ajaxer--hot-topics .ajax-links__link .button:before, .guide--ajax-teaser .guide__title a:before, .guide--ajax-teaser .guide__image .field:before, .guide--ajax-teaser .guide__image .field:after, .guide.guide--guide .guide__thumbnail .field:before, .guide.guide--guide .guide__thumbnail .field:after, .m4-postcode-form #edit-search-button:before, .social-feeds .social__feed--youtube .social__feed-post-content a.youtube-thumbnail:before, .sidebar .block-menu-block h2:after, .sidebar__related-links .field-label:after, body.page-contact .thanks-message__rule--with-icon:before, body.page-add-event .thanks-message__rule--with-icon:before, body.page-search .thanks-message__rule--with-icon:before {
  display: inline-block;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-stamp_written:before {
  content: "\e61f"; }

.icon-stamp_written:before {
  text-decoration: underline; }
.icon-stamp_written:hover:before, .icon-stamp_written:before {
  text-decoration: none; }

.icon-Stamp_frame:before, .quality-stamp:before {
  content: "\e620"; }

.icon-Stamp_frame:before {
  text-decoration: underline; }
.icon-Stamp_frame:hover:before, .icon-Stamp_frame:before {
  text-decoration: none; }

.icon-Stamp_checked:before, .quality-stamp:after {
  content: "\e621"; }

.icon-Stamp_checked:before {
  text-decoration: underline; }
.icon-Stamp_checked:hover:before, .icon-Stamp_checked:before {
  text-decoration: none; }

.icon-Search:before, .site-navigation li.search:after, .site-search .search-holder .search button[type="submit"]:before, .m4-postcode-form #edit-search-button:before {
  content: "\e600"; }

.icon-Search:before {
  text-decoration: underline; }
.icon-Search:hover:before, .icon-Search:before {
  text-decoration: none; }

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

.icon-Contact:before {
  text-decoration: underline; }
.icon-Contact:hover:before, .icon-Contact:before {
  text-decoration: none; }

.icon-Square:before {
  content: "\e602"; }

.icon-Square:before {
  text-decoration: underline; }
.icon-Square:hover:before, .icon-Square:before {
  text-decoration: none; }

.icon-Menu:before {
  content: "\e603"; }

.icon-Menu:before {
  text-decoration: underline; }
.icon-Menu:hover:before, .icon-Menu:before {
  text-decoration: none; }

.icon-Menu_open:before {
  content: "\e604"; }

.icon-Menu_open:before {
  text-decoration: underline; }
.icon-Menu_open:hover:before, .icon-Menu_open:before {
  text-decoration: none; }

.icon-Arrow_Down:before, .custom-select:before, .accordian--block .accordian__toggle:before, .accordian--dropdown .accordian__toggle:before, .accordian--guide .accordian__toggle .accordian__title:after, .ajaxer--hot-topics .ajax-links__link .button:before, .sidebar .block-menu-block h2:after, .sidebar__related-links .field-label:after {
  content: "\e605"; }

.icon-Arrow_Down:before {
  text-decoration: underline; }
.icon-Arrow_Down:hover:before, .icon-Arrow_Down:before {
  text-decoration: none; }

.icon-Arrow_Up:before, .sidebar .block-menu-block.open h2:after, .sidebar__related-links.open .field-label:after {
  content: "\e606"; }

.icon-Arrow_Up:before {
  text-decoration: underline; }
.icon-Arrow_Up:hover:before, .icon-Arrow_Up:before {
  text-decoration: none; }

.icon-Arrow_right:before, .button--split:not(.button--split-left):before,
a.button--split:not(.button--split-left):before, .site-footer__aside-message a:after, .lSSlideOuter .lSAction .lSNext:after, .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:before {
  content: "\e607"; }

.icon-Arrow_right:before {
  text-decoration: underline; }
.icon-Arrow_right:hover:before, .icon-Arrow_right:before {
  text-decoration: none; }

.icon-Arrow_left:before, .button--split.button--split-left:before,
a.button--split.button--split-left:before, .lSSlideOuter .lSAction .lSPrev:after {
  content: "\e608"; }

.icon-Arrow_left:before {
  text-decoration: underline; }
.icon-Arrow_left:hover:before, .icon-Arrow_left:before {
  text-decoration: none; }

.icon-Arrow_thin_left:before {
  content: "\e609"; }

.icon-Arrow_thin_left:before {
  text-decoration: underline; }
.icon-Arrow_thin_left:hover:before, .icon-Arrow_thin_left:before {
  text-decoration: none; }

.icon-Arrow_thin_right:before {
  content: "\e60a"; }

.icon-Arrow_thin_right:before {
  text-decoration: underline; }
.icon-Arrow_thin_right:hover:before, .icon-Arrow_thin_right:before {
  text-decoration: none; }

a[data-external="true"]:before, .icon-External_link:before {
  content: "\e60b"; }

.icon-External_link:before {
  text-decoration: underline; }
.icon-External_link:hover:before, .icon-External_link:before {
  text-decoration: none; }

.icon-mail:before {
  content: "\e60c"; }

.icon-mail:before {
  text-decoration: underline; }
.icon-mail:hover:before, .icon-mail:before {
  text-decoration: none; }

.icon-print:before {
  content: "\e60d"; }

.icon-print:before {
  text-decoration: underline; }
.icon-print:hover:before, .icon-print:before {
  text-decoration: none; }

.icon-Share:before {
  content: "\e60e"; }

.icon-Share:before {
  text-decoration: underline; }
.icon-Share:hover:before, .icon-Share:before {
  text-decoration: none; }

.icon-Quote_open:before {
  content: "\e60f"; }

.icon-Quote_open:before {
  text-decoration: underline; }
.icon-Quote_open:hover:before, .icon-Quote_open:before {
  text-decoration: none; }

.icon-Quote_close:before {
  content: "\e610"; }

.icon-Quote_close:before {
  text-decoration: underline; }
.icon-Quote_close:hover:before, .icon-Quote_close:before {
  text-decoration: none; }

.icon-Video_play:before {
  content: "\e611"; }

.icon-Video_play:before {
  text-decoration: underline; }
.icon-Video_play:hover:before, .icon-Video_play:before {
  text-decoration: none; }

.icon-Topics:before, .site-navigation li.toppicks:after {
  content: "\e612"; }

.icon-Topics:before {
  text-decoration: underline; }
.icon-Topics:hover:before, .icon-Topics:before {
  text-decoration: none; }

.icon-A-Z:before {
  content: "\e613"; }

.icon-A-Z:before {
  text-decoration: underline; }
.icon-A-Z:hover:before, .icon-A-Z:before {
  text-decoration: none; }

.icon-Tick_frame:before, .button--jump:before,
a.button--jump:before {
  content: "\e614"; }

.icon-Tick_frame:before {
  text-decoration: underline; }
.icon-Tick_frame:hover:before, .icon-Tick_frame:before {
  text-decoration: none; }

.icon-Tick:before, .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span:before {
  content: "\e615"; }

.icon-Tick:before {
  text-decoration: underline; }
.icon-Tick:hover:before, .icon-Tick:before {
  text-decoration: none; }

.icon-Written_by:before {
  content: "\e616"; }

.icon-Written_by:before {
  text-decoration: underline; }
.icon-Written_by:hover:before, .icon-Written_by:before {
  text-decoration: none; }

.icon-Star_complete:before {
  content: "\e617"; }

.icon-Star_complete:before {
  text-decoration: underline; }
.icon-Star_complete:hover:before, .icon-Star_complete:before {
  text-decoration: none; }

.icon-Star_part1:before, .highlight-link .link-block .highlight-badge > div:before {
  content: "\e618"; }

.icon-Star_part1:before {
  text-decoration: underline; }
.icon-Star_part1:hover:before, .icon-Star_part1:before {
  text-decoration: none; }

.icon-Star_part2:before, .highlight-link .link-block .highlight-badge > div:after {
  content: "\e619"; }

.icon-Star_part2:before {
  text-decoration: underline; }
.icon-Star_part2:hover:before, .icon-Star_part2:before {
  text-decoration: none; }

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

.icon-circle:before {
  text-decoration: underline; }
.icon-circle:hover:before, .icon-circle:before {
  text-decoration: none; }

.icon-Facebook:before {
  content: "\e61b"; }

.icon-Facebook:before {
  text-decoration: underline; }
.icon-Facebook:hover:before, .icon-Facebook:before {
  text-decoration: none; }

.icon-Twitter:before {
  content: "\e61c"; }

.icon-Twitter:before {
  text-decoration: underline; }
.icon-Twitter:hover:before, .icon-Twitter:before {
  text-decoration: none; }

.icon-LinkedIn:before {
  content: "\e61d"; }

.icon-LinkedIn:before {
  text-decoration: underline; }
.icon-LinkedIn:hover:before, .icon-LinkedIn:before {
  text-decoration: none; }

.icon-gplus:before {
  content: "\e61e"; }

.icon-gplus:before {
  text-decoration: underline; }
.icon-gplus:hover:before, .icon-gplus:before {
  text-decoration: none; }

input[type="checkbox"]:checked + label:after {
  content: "\e80e"; }

.icon-recycletool:before {
  content: "\e811"; }

.icon-recycletool:before {
  text-decoration: underline; }
.icon-recycletool:hover:before, .icon-recycletool:before {
  text-decoration: none; }

.icon-Tick:before, .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span:before {
  content: "\e615"; }

.icon-Tick:before {
  text-decoration: underline; }
.icon-Tick:hover:before, .icon-Tick:before {
  text-decoration: none; }

.icon-Recycle:before, .guide--ajax-teaser .guide__title a:before, body.page-contact .thanks-message__rule--with-icon:before, body.page-add-event .thanks-message__rule--with-icon:before, body.page-search .thanks-message__rule--with-icon:before {
  content: "\e80b"; }

.icon-Recycle:before {
  text-decoration: underline; }
.icon-Recycle:hover:before, .icon-Recycle:before {
  text-decoration: none; }

.icon-LocateMe:before {
  content: "\e805"; }

.icon-LocateMe:before {
  text-decoration: underline; }
.icon-LocateMe:hover:before, .icon-LocateMe:before {
  text-decoration: none; }

.icon-Youtube:before, .social-feeds .social__feed--youtube .social__feed-post-content a.youtube-thumbnail:before {
  content: "\e810"; }

.icon-Youtube:before {
  text-decoration: underline; }
.icon-Youtube:hover:before, .icon-Youtube:before {
  text-decoration: none; }

.icon-Close:before {
  content: "\e802"; }

.icon-Close:before {
  text-decoration: underline; }
.icon-Close:hover:before, .icon-Close:before {
  text-decoration: none; }

/*
  ==========================================================================
   Forms
  ==========================================================================
*/
.button,
a.button {
  line-height: 1;
  text-align: center;
  width: 270px;
  width: 16.875rem;
  font-size: 16px;
  font-size: 1rem; }
  .button.button--action-prim, .button.button--action-sec, .button.button--passive, .button.button--passive-dark, .button.button--action-prim,
  a.button.button--action-prim,
  a.button.button--action-sec,
  a.button.button--passive,
  a.button.button--passive-dark,
  a.button.button--action-prim {
    text-align: center !important; }
  .button.button--expandable-width,
  a.button.button--expandable-width {
    width: auto;
    min-width: 270px;
    min-width: 16.875rem; }
  @media (min-width: 37.5em) {
    .button--passive-sec,
    a.button--passive-sec {
      text-transform: none; }
      .button--passive-sec:not(.faux-link),
      a.button--passive-sec:not(.faux-link) {
        text-decoration: none; }
        .button--passive-sec:not(.faux-link):hover, .button--passive-sec:not(.faux-link):focus,
        a.button--passive-sec:not(.faux-link):hover,
        a.button--passive-sec:not(.faux-link):focus {
          text-decoration: underline; } }
  @media (min-width: 37.5em) {
    .button--passive-sec.button--split,
    a.button--passive-sec.button--split {
      padding-left: 80px;
      padding-left: 5rem; }
      .button--passive-sec.button--split:before, .button--passive-sec.button--split:after,
      a.button--passive-sec.button--split:before,
      a.button--passive-sec.button--split:after {
        display: none; } }
  .button--split:before,
  a.button--split:before {
    text-decoration: underline; }
  .button--split:hover:before, .button--split:before,
  a.button--split:hover:before,
  a.button--split:before {
    text-decoration: none; }
  .button--split:before,
  a.button--split:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 20px;
    font-size: 1.25rem; }
  .button--split:not(.button--split-left):before,
  a.button--split:not(.button--split-left):before {
    text-decoration: underline; }
  .button--split:not(.button--split-left):hover:before, .button--split:not(.button--split-left):before,
  a.button--split:not(.button--split-left):hover:before,
  a.button--split:not(.button--split-left):before {
    text-decoration: none; }
  .button--split.button--split-left:before,
  a.button--split.button--split-left:before {
    text-decoration: underline; }
  .button--split.button--split-left:hover:before, .button--split.button--split-left:before,
  a.button--split.button--split-left:hover:before,
  a.button--split.button--split-left:before {
    text-decoration: none; }
  .button--module,
  a.button--module {
    border-radius: 0; }
  .button--jump,
  a.button--jump {
    padding:  0.625em 1.875em 0.625em 3.75em;
    border-radius:  1.875em; }
    @media (min-width: 37.5em) {
      .button--jump,
      a.button--jump {
        font-family: "futura", Arial, sans-serif;
        font-weight: 200;
        font-style: normal; }
        .button--jump:not(:hover):not(:focus):not(:active),
        a.button--jump:not(:hover):not(:focus):not(:active) {
          text-decoration: underline; } }
    .button--jump:before,
    a.button--jump:before {
      text-decoration: underline; }
    .button--jump:hover:before, .button--jump:before,
    a.button--jump:hover:before,
    a.button--jump:before {
      text-decoration: none; }
    .button--jump:before,
    a.button--jump:before {
      left:  0.1714285714em;
      margin-top: -1px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 35px;
      font-size: 2.1875rem; }
  .button + .button,
  a.button + .button {
    margin-left: 12px;
    margin-left: 0.75rem; }
  .button-group .button, .segmented-control .button, .segmented-control .button, .button-group
  a.button, .segmented-control
  a.button, .segmented-control
  a.button {
    margin-left: 0; }

input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  overflow: hidden;
  padding: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0); }
  input[type="radio"] + label,
  input[type="checkbox"] + label {
    position: relative;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    padding-left: 36px;
    padding-left: 2.25rem; }
    input[type="radio"] + label:before, input[type="radio"] + label:after,
    input[type="checkbox"] + label:before,
    input[type="checkbox"] + label:after {
      position: absolute;
      top: 0; }
    input[type="radio"] + label:before,
    input[type="checkbox"] + label:before {
      position: absolute;
      content: "";
      left: 0;
      border-style: solid;
      width: 24px;
      width: 1.5rem;
      height: 24px;
      height: 1.5rem;
      border-width: 2px;
      border-width: 0.125rem; }

input[type="checkbox"]:checked + label:after {
  text-decoration: underline; }
input[type="checkbox"]:checked + label:hover:after, input[type="checkbox"]:checked + label:after {
  text-decoration: none; }
input[type="checkbox"]:checked + label:after {
  top: 4px;
  top: 0.25rem;
  left: 4px;
  left: 0.25rem;
  font-size: 17px;
  font-size: 1.0625rem; }
input[type="checkbox"] + label:before {
  border-radius: 0px;
  border-radius: 0rem; }

input[type="radio"]:checked + label:after {
  content: "";
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
  top: 5px;
  top: 0.3125rem;
  left: 5px;
  left: 0.3125rem; }
input[type="radio"] + label:before, input[type="radio"] + label:after {
  border-radius: 50%; }

.custom-select {
  position: relative;
  width: 100%;
  height: 50px;
  height: 3.125rem;
  margin: 0 0 24px 0;
  margin:  0 0 1.5rem 0; }
  .custom-select:not(.multiple):before, .custom-select:not(.multiple):after {
    pointer-events: none; }
  .custom-select:not(.multiple):before {
    z-index: 3;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 20px;
    font-size: 1.25rem;
    right: 15px;
    right: 0.9375rem; }
  .custom-select:not(.multiple):after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 2;
    width: 50px;
    width: 3.125rem; }
  .custom-select:not(.multiple) select {
    padding-right: 62px;
    padding-right: 3.875rem; }
  .custom-select select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    margin-bottom: 0;
    border-width: 2px;
    outline-width: 0;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    font-size: 1rem; }
    .custom-select select::-ms-expand {
      display: none; }
  .custom-select:before {
    text-decoration: underline; }
  .custom-select:hover:before, .custom-select:before {
    text-decoration: none; }
  .custom-select:not(.multiple):after {
    border: 1px solid white;
    position: absolute;
    bottom: auto;
    z-index: 2;
    width: 50px;
    width: 3.125rem;
    height: 46px;
    height: 2.875rem;
    top: 2px;
    top: 0.125rem;
    right: 2px;
    right: 0.125rem; }
  .custom-select:not(.multiple):before {
    font-size: 18px;
    font-size: 1.125rem;
    right: 17px;
    right: 1.0625rem; }

form#recycle-terms-form {
  max-width: none; }

.contact-form-intro .faux-form {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
.contact-form-intro h2,
.contact-form-intro h3,
.contact-form-intro h4,
.contact-form-intro h5,
.contact-form-intro h6 {
  margin-bottom: 0.5em; }
.contact-form-intro p:not(.email) {
  margin-bottom: 8px;
  margin-bottom: 0.5rem; }

/*
  ==========================================================================
   Header
  ==========================================================================
*/
/*
 * Used to style the search input's font-size at different breakpoint
 * and depending on the menu being open
 */
/*
 * Used to display header bars, such as the search box
 * or A-Z search
 */
/*
 * Basic styling
 */
.site-header {
  position: relative;
  font-weight: 400;
  text-align: center; }
  @media (min-width: 48.0625em) {
    :root[dir="ltr"] .site-header, :root:not([dir]) .site-header {
      text-align: left; }
    :root[dir="rtl"] .site-header {
      text-align: right; } }
  .site-header .accessibility-links {
    position: absolute;
    top: 100%;
    z-index: 2;
    margin-top: 24px;
    margin-top: 1.5rem;
    left: 24px;
    left: 1.5rem; }
    .site-header .accessibility-links ol {
      padding: 0;
      margin: 0; }
      .site-header .accessibility-links ol li:before {
        display: none; }
      .site-header .accessibility-links ol li {
        padding: 0;
        margin: 0; }
      .site-header .accessibility-links ol a {
        display: block;
        white-space: nowrap;
        position: absolute;
        overflow: hidden;
        padding: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        clip: rect(0 0 0 0);
        clip: rect(0, 0, 0, 0); }
        .site-header .accessibility-links ol a:active, .site-header .accessibility-links ol a:focus {
          position: static;
          overflow: visible;
          width: auto;
          height: auto;
          margin: 0;
          clip: auto; }
        .site-header .accessibility-links ol a:active, .site-header .accessibility-links ol a:focus {
          padding: 12px;
          padding: 0.75rem;
          outline-width: 5px;
          outline-width: 0.3125rem; }

/*
 * Uses display: table on desktop to split the logo and the navigation
 */
@media (min-width: 48.0625em) {
  .logo-nav-holder {
    display: table;
    width: 100%; } }
@media (min-width: 48.0625em) {
  .logo-nav-holder .logo,
  .logo-nav-holder nav {
    display: table-cell;
    vertical-align: middle; } }
@media print {
  .logo-nav-holder nav {
    display: none !important; } }
@media (min-width: 48.0625em) {
  .logo-nav-holder .logo {
    padding-left: 24px;
    padding-left: 1.5rem; } }
.logo-nav-holder .logo a {
  display: block;
  padding: 22px 80px 20px;
  padding: 1.375em 5.000em 1.250em;}
  @media print {
    .logo-nav-holder .logo a:after {
      display: none !important; } }
  @media (min-width: 37.5em) {
    .logo-nav-holder .logo a {
      display: inline-block; } }
  @media (min-width: 48.0625em) {
    .logo-nav-holder .logo a {
      padding: 0; } }

/* Logo additional =========== */
.logo__img {
  height: auto !important;
  width: 100%}
  .logo__img--desktop {
    display: block;}
    @media (min-width: 48.0625em) {
      .logo__img--desktop {
        width: 218px;
        width: 13.625rem; } }
    @media (min-width: 60em) {
      .logo__img--desktop {
        width: 292px;
        width: 18.25rem; } }

/* [END] Logo additional =========== */
/*
 * The site navigation uses flexbox to reorder the links on mobile when available.
 * If flexbox isn't available (opera), the ordering will be the same as on desktop,
 * which isn't the end of the world. If flexbox isn't available used calc for widths.
 * If that isn't available, fallbacks specified.
 */
.site-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0; }
  @media (min-width: 37.5em) {
    .site-navigation {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; } }
  .site-navigation li:before {
    display: none; }
  .site-navigation li {
    padding: 0;
    margin: 0; }
  @media (min-width: 48.0625em) {
    :root[dir="ltr"] .site-navigation, :root:not([dir]) .site-navigation {
      float: right; }
    :root[dir="rtl"] .site-navigation {
      float: left; } }
  .site-navigation li {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase; }
    :root[dir="ltr"] .site-navigation li, :root:not([dir]) .site-navigation li {
      float: left; }
    :root[dir="rtl"] .site-navigation li {
      float: right; }
    :root[dir="ltr"] .site-navigation li, :root:not([dir]) .site-navigation li {
      text-align: left; }
    :root[dir="rtl"] .site-navigation li {
      text-align: right; }
    @media (min-width: 48.0625em) {
      .site-navigation li {
        -webkit-transition: background 0.5s;
                transition: background 0.5s; } }
  @media screen and (min-width: 48.0625em) and (-ms-high-contrast: active), (min-width: 48.0625em) and (-ms-high-contrast: none) {
    .site-navigation li {
      -webkit-transition: none;
              transition: none; } }

    .site-navigation li:before, .site-navigation li:after {
      -webkit-transition: opacity 0.4s;
              transition: opacity 0.4s; }
    .site-navigation li a:before,
    .site-navigation li .search-input-holder:before {
      opacity: 0; }
      @media (min-width: 37.5em) {
        .site-navigation li a:before,
        .site-navigation li .search-input-holder:before {
          opacity: 1; } }
    .site-navigation li.browse a:before {
      opacity: 1; }
    .site-navigation li.browse__a-z a:before {
      opacity: 0; }
    .site-navigation li.menutoggle a:before {
      opacity: 1; }
      @media (min-width: 48.0625em) {
        .site-navigation li.menutoggle a:before {
          opacity: 0; } }
    .site-navigation li.active {
      /* a {
           @include style-pseudo($pseudo: before) {
               opacity: 0;
           }
       }*/ }
      .site-navigation li.active + li {
        /*&.menutoggle {
            @include breakpoints(4) {
                a {
                    @include style-pseudo($pseudo: before) {
                        opacity: 1;
                    }
                }
            }
        }*/ }
        .site-navigation li.active + li:not(.active) a:before {
          opacity: 0; }
        .site-navigation li.active + li.active a:before {
          opacity: 1; }
    @media (min-width: 37.5em) and (max-width: 48.0625em) {
      .site-navigation li:not(.menutoggle) {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; } }
    .site-navigation li.toppicks, .site-navigation li.browse {
      width: 50%; }
      @media (min-width: 37.5em) and (max-width: 48.0625em) {
        .site-navigation li.toppicks, .site-navigation li.browse {
          /* autoprefixer: off */
          width: -webkit-calc((100% - 80px) / 3);
          width: -moz-calc((100% - 80px) / 3);
          width: calc((100% - 80px) / 3); } }

      @media (min-width: 0em) and (max-width: 37.5em) {
        .site-navigation li.toppicks a, .site-navigation li.browse a {
          padding-right: 0 !important; } }

    @media (min-width: 37.5em) and (max-width: 53.125em) {
      .site-navigation li.toppicks, .site-navigation li.browse, .site-navigation li.search {
        width: auto;
        width:  auto; } }
    @media (min-width: 53.0625em) {
      .site-navigation li.toppicks, .site-navigation li.browse, .site-navigation li.search {
        width: auto;
        width:  auto; } }
    .site-navigation li.toppicks:after, .site-navigation li.browse:after, .site-navigation li.search:after {
      text-decoration: underline; }
    .site-navigation li.toppicks:hover:after, .site-navigation li.toppicks:after, .site-navigation li.browse:hover:after, .site-navigation li.browse:after, .site-navigation li.search:hover:after, .site-navigation li.search:after {
      text-decoration: none; }
    .site-navigation li.toppicks:after, .site-navigation li.browse:after, .site-navigation li.search:after {
      pointer-events: none;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 12px;
      right: 0.75rem; }
    .site-navigation li.toppicks > a, .site-navigation li.browse > a, .site-navigation li.search > a {
      padding-right: 95px;
      padding-right: 5.9375rem; }
    @media (max-width: 37.4375em) {
      .site-navigation li.toppicks {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3; } }
    .site-navigation li.toppicks:after {
      text-decoration: underline; }
    .site-navigation li.toppicks:hover:after, .site-navigation li.toppicks:after {
      text-decoration: none; }
    .site-navigation li.toppicks:after {
      right: 5px;
      right: 0.3125rem;
      font-size: 35px;
      font-size: 2.1875rem; }
    @media (min-width: 37.5em) and (max-width: 48.0625em) {
      .site-navigation li.toppicks a {
        padding-left: 24px;
        padding-left: 1.5rem; }
        .site-navigation li.toppicks a:before {
          left: 12px;
          left: 0.75rem; } }
    .site-navigation li.browse {
      font-size: 17px;
      font-size: 1.0625rem;
      /* @include extend-icon($icon: "%icon-recycletool", $pseudo: after, $extendIconFont: false) {
      @include rem(font-size, 45px);
      }
      */ }
      @media (max-width: 37.4375em) {
        .site-navigation li.browse {
          -webkit-box-ordinal-group: 5;
          -webkit-order: 4;
              -ms-flex-order: 4;
                  order: 4; } }
      @media (min-width: 48.0625em) {
        .site-navigation li.browse > a {
          padding-right: 21px;
          padding-right: 1.3125rem; } }
    .site-navigation li.search:after {
      text-decoration: underline; }
    .site-navigation li.search:hover:after, .site-navigation li.search:after {
      text-decoration: none; }
    .site-navigation li.search:after {
      font-size: 30px;
      font-size: 1.875rem; }
    .site-navigation li.search {
      width: 80%;
      /* autoprefixer: off */
      width: -webkit-calc(100% - 80px);
      width: -moz-calc(100% - 80px);
      width: calc(100% - 80px); }
    @media (max-width: 37.4375em) {
      .site-navigation li.search {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }
    @media (min-width: 37.5em) and (max-width: 48.0625em) {
      .site-navigation li.search {
        /* autoprefixer: off */
        width: -webkit-calc((100% - 80px) / 3);
        width: -moz-calc((100% - 80px) / 3);
        width: calc((100% - 80px) / 3); } }
    @media (min-width: 48.0625em) {
      .site-navigation li.search {
        width: auto;
        width:  auto; } }
    .site-navigation li.search input[type="search"] {
      font-size: 17px;
      font-size: 1.0625rem; }
      .site-navigation li.search input[type="search"]::-webkit-input-placeholder {
        text-transform: uppercase; }
      .site-navigation li.search input[type="search"]:-moz-placeholder {
        /* Firefox 18- */
        text-transform: uppercase; }
      .site-navigation li.search input[type="search"]::-moz-placeholder {
        /* Firefox 19+ */
        text-transform: uppercase; }
      .site-navigation li.search input[type="search"]:-ms-input-placeholder {
        text-transform: uppercase; }
    .site-navigation li.search a {
      display: none; }
      @media (min-width: 37.5em) {
        .site-navigation li.search a {
          display: inline-table;
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex; } }
    .site-navigation li.menutoggle {
      height: 60px;
      height: 3.75rem; }
      .site-navigation li.menutoggle {
        width: 20%;
        /* autoprefixer: off */
        width: -webkit-calc(80px);
        width: -moz-calc(80px);
        width: calc(80px); }
      @media (max-width: 37.4375em) {
        .site-navigation li.menutoggle {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
      @media (min-width: 37.5em) {
        .site-navigation li.menutoggle {
          width: 80px;
          width: 5rem;
          height: 80px;
          height: 5rem; } }
      .site-navigation li.menutoggle a {
        border-width: 2px 0 0;
        border-style: solid;
        text-align: center; }
        @media (min-width: 37.5em) {
          .site-navigation li.menutoggle a {
            border-width: 0 0 2px; } }
        @media (min-width: 48.0625em) {
          .site-navigation li.menutoggle a {
            border-bottom-width: 0; } }
        .site-navigation li.menutoggle a > span {
          width: 30px;
          width: 1.875rem;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          -webkit-transition: 0.4s;
                  transition: 0.4s;
          height: 3px;
          height: 0.1875rem; }
          body.drawer-open:not(.drawer-open--persist) .site-navigation li.menutoggle a > span {
            -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
                -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
                    transform: translateY(-50%) translateX(-50%) rotate(45deg); }
          @media (min-width: 48.0625em) {
            body.drawer-open .site-navigation li.menutoggle a > span {
              -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
                  -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg);
                      transform: translateY(-50%) translateX(-50%) rotate(45deg); } }
          @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
            .site-navigation li.menutoggle a > span {
              -webkit-transition: none;
                      transition: none; } }
          .site-navigation li.menutoggle a > span:before, .site-navigation li.menutoggle a > span:after {
            -webkit-transition: 0.4s;
                    transition: 0.4s;
            height: 3px;
            height: 0.1875rem; }
            @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
              .site-navigation li.menutoggle a > span:before, .site-navigation li.menutoggle a > span:after {
                -webkit-transition: none;
                        transition: none; } }
          .site-navigation li.menutoggle a > span:before, .site-navigation li.menutoggle a > span:after {
            position: absolute;
            right: 0;
            left: 0;
            content: ""; }
          .site-navigation li.menutoggle a > span:before {
            -webkit-transform: translateY(-8px);
                -ms-transform: translateY(-8px);
                    transform: translateY(-8px); }
            body.drawer-open:not(.drawer-open--persist) .site-navigation li.menutoggle a > span:before {
              -webkit-transform: translateY(0) rotate(90deg);
                  -ms-transform: translateY(0) rotate(90deg);
                      transform: translateY(0) rotate(90deg); }
            @media (min-width: 48.0625em) {
              body.drawer-open .site-navigation li.menutoggle a > span:before {
                -webkit-transform: translateY(0) rotate(90deg);
                    -ms-transform: translateY(0) rotate(90deg);
                        transform: translateY(0) rotate(90deg); } }
          .site-navigation li.menutoggle a > span:after {
            -webkit-transform: translateY(8px);
                -ms-transform: translateY(8px);
                    transform: translateY(8px); }
            body.drawer-open:not(.drawer-open--persist) .site-navigation li.menutoggle a > span:after {
              -webkit-transform: translateY(0);
                  -ms-transform: translateY(0);
                      transform: translateY(0); }
            @media (min-width: 48.0625em) {
              body.drawer-open .site-navigation li.menutoggle a > span:after {
                -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                        transform: translateY(0); } }
    .site-navigation li,
    .site-navigation li a,
    .site-navigation li input[type="search"] {
      height: 60px;
      height: 3.75rem; }
      @media (min-width: 37.5em) {
        .site-navigation li,
        .site-navigation li a,
        .site-navigation li input[type="search"] {
          height: 80px;
          height: 5rem; } }
    .site-navigation li a,
    .site-navigation li input[type="search"] {
      position: relative;
      display: inline-table;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      vertical-align: top;
      width: 100%;
      border-width: 2px 0 0;
      border-style: solid;
      padding-right: 50px;
      padding-right: 3.125rem;
      padding-left: 12px;
      padding-left: 0.75rem; }
      @media (min-width: 37.5em) {
        .site-navigation li a,
        .site-navigation li input[type="search"] {
          border-top-width: 0; } }
      .site-navigation li a > span,
      .site-navigation li input[type="search"] > span {
        display: table-cell;
        width: 100%;
        vertical-align: middle; }
        .site-navigation li a > span span.emphasis,
        .site-navigation li input[type="search"] > span span.emphasis {
          display: inline; }
    .site-navigation li a,
    .site-navigation li .search-input-holder {
      position: relative; }
      .site-navigation li a:before,
      .site-navigation li .search-input-holder:before {
        position: absolute;
        content: "";
        width: 2px;
        left: 0;
        z-index: 1;
        height: 50px;
        height: 3.125rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .site-navigation li a {
      text-decoration: none; }

/*
 * Used on mobile so a native search input is used. Also used JS is disabled.
 */
.site-inline-search-form {
  width: 100%;
  display: block; }
  @media (min-width: 37.5em) {
    .site-inline-search-form {
      display: none; } }
  .site-inline-search-form label {
    position: absolute;
    overflow: hidden;
    padding: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0); }
  .site-inline-search-form input[type="search"] {
    margin-bottom: 0;
    border-radius: 0;
    padding-top: 10px;
    padding-top: 0.625rem;
    font-size: 16px;
    font-size: 1rem; }
  .site-inline-search-form button[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    padding: 0;
    margin-bottom: 0;
    opacity: 0;
    width: 60px;
    width: 3.75rem; }
    .site-inline-search-form button[type="submit"] > span {
      position: absolute;
      overflow: hidden;
      padding: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      border: 0;
      clip: rect(0 0 0 0);
      clip: rect(0, 0, 0, 0); }

/*
 * Quick helper for header bars such as the search or A-Z lookup
 */
.header-bar {
  overflow: hidden;
  max-height: 0;
  max-width: 1300px;
  max-width: 81.25rem;
  margin-top: -24px;
  margin-top: -1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  @media print {
    .header-bar {
      display: none !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .header-bar {
      -webkit-transition: none;
              transition: none; } }
  .header-bar:not(.site-search) {
    -webkit-transition: max-height 1s;
            transition: max-height 1s; }
    .header-bar:not(.site-search) .content {
      padding-bottom: 24px;
      padding-bottom: 1.5rem; }
  @media (min-width: 37.5em) {
    .header-bar.site-search {
      -webkit-transition: max-height 1s;
              transition: max-height 1s; } }
  .header-bar.site-search .content {
    padding-bottom: 24px;
    padding-bottom: 1.5rem; }
    @media (min-width: 48.0625em) {
      .header-bar.site-search .content {
        padding-bottom: 24px;
        padding-bottom: 1.5rem; } }
  .header-bar .content {
    margin-right: 0;
    margin-left: 0;
    padding-top: 24px;
    padding-top: 1.5rem;
    padding-right: 24px;
    padding-right: 1.5rem;
    padding-left: 24px;
    padding-left: 1.5rem; }

/*
 * Main search for the site This will be show inline when JS is enabled
 * and when the search section is navigated to.
 */
@media (min-width: 37.5em) {
  body.search-open .site-search {
    overflow: visible;
    max-height: 999px;
    max-height: 62.4375rem; } }
.site-search .inner-container {
  position: relative; }
.site-search .search-holder {
  display: table;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  :root[dir="ltr"] .site-search .search-holder, :root:not([dir]) .site-search .search-holder {
    text-align: left; }
  :root[dir="rtl"] .site-search .search-holder {
    text-align: right; }
  body:not(.drawer-open) .site-search .search-holder {
    font-size: 25px;
    font-size: 1.5625rem; }
    @media (min-width: 38.75em) {
      body:not(.drawer-open) .site-search .search-holder {
        font-size: 30px;
        font-size: 1.875rem; } }
    @media (min-width: 45em) {
      body:not(.drawer-open) .site-search .search-holder {
        font-size: 35px;
        font-size: 2.1875rem; } }
    @media (min-width: 48.0625em) {
      body:not(.drawer-open) .site-search .search-holder {
        font-size: 40px;
        font-size: 2.5rem; } }
  body.drawer-open:not(.drawer-open--persist) .site-search .search-holder {
    font-size: 25px;
    font-size: 1.5625rem; }
    @media (min-width: 51.25em) {
      body.drawer-open:not(.drawer-open--persist) .site-search .search-holder {
        font-size: 30px;
        font-size: 1.875rem; } }
    @media (min-width: 53.75em) {
      body.drawer-open:not(.drawer-open--persist) .site-search .search-holder {
        font-size: 35px;
        font-size: 2.1875rem; } }
  @media (min-width: 48.0625em) {
    body.drawer-open .site-search .search-holder {
      font-size: 25px;
      font-size: 1.5625rem; } }
    @media (min-width: 48.0625em) and (min-width: 51.25em) {
      body.drawer-open .site-search .search-holder {
        font-size: 30px;
        font-size: 1.875rem; } }
    @media (min-width: 48.0625em) and (min-width: 53.75em) {
      body.drawer-open .site-search .search-holder {
        font-size: 35px;
        font-size: 2.1875rem; } }
  .site-search .search-holder .badge,
  .site-search .search-holder .search {
    display: table-cell;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle; }
  .site-search .search-holder .badge {
    font-size: 3.5em;
    line-height: 1;
    overflow: hidden;
    padding: 0;
    width: 1px;
    width: 0.0625rem; }
  .site-search .search-holder #listings-terms-form {
    max-width: none; }
  .site-search .search-holder .search {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    border: none; }
    .site-search .search-holder .search form,
    .site-search .search-holder .search .form-item-search-field {
      /*
       * IE8 and below doesn't have :not so this will
       * be ignored. IE10 + doesn't have conditional
       * comments so they will be included.
       */ }
      html:not(.ie9) .site-search .search-holder .search form, html:not(.ie9)
      .site-search .search-holder .search .form-item-search-field {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .site-search .search-holder .search label,
    .site-search .search-holder .search input[type="search"] {
      padding-top: 0;
      padding-left: 0;
      padding-right: 2.5em;
      padding-bottom: 0;
      font-size: 1.3em; }
    .site-search .search-holder .search label,
    .site-search .search-holder .search input[type="search"] {
      position: absolute;
      width: 100%;
      line-height: 1;
      bottom: 16px;
      bottom: 1rem; }
    .site-search .search-holder .search input[type="search"] {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 0;
      border: 0; }
      .site-search .search-holder .search input[type="search"]:valid + label {
        bottom: auto;
        height: auto;
        font-size: 0.8em;
        top: 3px;
        top: 0.1875rem;
        /* @include breakpoints(5) {
             @include rem(font-size, $baseFontSize);
         }*/ }
        .site-search .search-holder .search input[type="search"]:valid + label > span:after {
          content: ":"; }
    .site-search .search-holder .search button[type="submit"] {
      display: block;
      position: absolute;
      right: 0;
      width: 1em;
      padding: 0;
      margin-bottom: 0;
      border-width: 0;
      font-size: 2.5em;
      box-shadow: none;
      line-height: 1;
      bottom: 16px;
      bottom: 1rem; }
      .site-search .search-holder .search button[type="submit"]:after {
        display: none; }
      .site-search .search-holder .search button[type="submit"]:before {
        text-decoration: underline; }
      .site-search .search-holder .search button[type="submit"]:hover:before, .site-search .search-holder .search button[type="submit"]:before {
        text-decoration: none; }
      .site-search .search-holder .search button[type="submit"]:before {
        right: auto;
        font-size: 1em; }
      .site-search .search-holder .search button[type="submit"] span {
        position: absolute;
        overflow: hidden;
        padding: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        clip: rect(0 0 0 0);
        clip: rect(0, 0, 0, 0); }
    .site-search .search-holder .search label {
      cursor: text;
      -webkit-transition: 0.4s;
              transition: 0.4s;
      white-space: nowrap; }
      html.ie8 .site-search .search-holder .search label, html.ie9 .site-search .search-holder .search label {
        position: absolute;
        overflow: hidden;
        padding: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        clip: rect(0 0 0 0);
        clip: rect(0, 0, 0, 0); }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .site-search .search-holder .search label {
          -webkit-transition: none;
                  transition: none;
          display: none; } }
      .site-search .search-holder .search label > span {
        display: block;
        position: relative; }
      .site-search .search-holder .search label .form-required {
        position: absolute;
        overflow: hidden;
        padding: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        clip: rect(0 0 0 0);
        clip: rect(0, 0, 0, 0); }
.site-search .search-helper {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: -6px;
  margin-top: -0.375rem;
  font-size: 15px;
  font-size: 0.9375rem; }

/*
 * A-Z browse section for the site. This will be show inline when JS is enabled
 * and when the browse section is navigated to.
 */
body.browse-open .site-browse {
  max-height: 999px;
  max-height: 62.4375rem; }
.site-browse .content {
  padding-top: 12px;
  padding-top: 0.75rem; }
.site-browse__description {
  font-size: 14px;
  font-size: 0.875rem; }
.site-browse .a-z-list {
  border-width: 1px 0;
  border-style: solid;
  text-align: center;
  outline-width: 0;
  font-family: "prata", Arial, sans-serif;
  padding: 0;
  margin: 0;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem; }
  .site-browse .a-z-list li:before {
    display: none; }
  .site-browse .a-z-list li {
    padding: 0;
    margin: 0; }
  @media (min-width: 37.5em) and (max-width: 60em) {
    .site-browse .a-z-list {
      padding-right: 24px;
      padding-right: 1.5rem;
      padding-left: 24px;
      padding-left: 1.5rem; } }
  @media (min-width: 60em) {
    .site-browse .a-z-list {
      padding-right: 5%;
      padding-left: 5%; } }
  @media (min-width: 63em) {
    .site-browse .a-z-list {
      padding-right: 10%;
      padding-left: 10%; } }
  .site-browse .a-z-list li {
    display: inline-block;
    line-height: 1;
    font-size: 24px;
    font-size: 1.5rem; }
    @media (min-width: 30em) {
      .site-browse .a-z-list li {
        font-size: 26px;
        font-size: 1.625rem; } }
    @media (min-width: 37.5em) {
      .site-browse .a-z-list li {
        font-size: 30px;
        font-size: 1.875rem; } }
    @media (min-width: 48.0625em) {
      .site-browse .a-z-list li {
        font-size: 32px;
        font-size: 2rem; } }
    @media (min-width: 60em) {
      .site-browse .a-z-list li {
        font-size: 40px;
        font-size: 2.5rem; } }
  .site-browse .a-z-list a {
    display: block;
    text-decoration: none;
    padding: 12px;
    padding: 0.75rem;
    text-decoration: none;
    border-width: 0 0 4px;
    border-style: solid;
    border-color: transparent; }
    .site-browse .a-z-list a:hover, .site-browse .a-z-list a:focus, .site-browse .a-z-list a:active {
      border-color: currentColor; }
    .site-browse .a-z-list a.active {
      border-color: currentColor; }

.site-main {
  position: relative;
  overflow: hidden;
  pointer-events: none;
  margin-top: -60px;
  margin-top: -3.75rem; }
  @media (min-width: 37.5em) {
    .site-main {
      margin-top: 0;
      pointer-events: all; } }
  @media screen {
    body.drawer-open:not(.drawer-open--persist) .site-main:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: "";
      z-index: 20;
      background: rgba(0, 0, 0, 0.4);
      pointer-events: all; } }
  @media screen and (min-width: 48.0625em) {
    body.drawer-open:not(.drawer-open--persist) .site-main:before {
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      pointer-events: none; } }
@media screen and (min-width: 48.0625em) {
  body.drawer-open .site-main:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: 20;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: all; } }

  @media screen and (min-width: 48.0625em) and (min-width: 48.0625em) {
    body.drawer-open .site-main:before {
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      pointer-events: none; } }

  .site-main-inner {
    position: relative;
    width: 100%;
    margin-top: 60px;
    margin-top: 3.75rem; }
    @media (min-width: 37.5em) {
      .site-main-inner {
        margin-top: 0; } }
    @media screen {
      body.drawer-open:not(.drawer-open--persist) .site-main-inner {
        /* autoprefixer: off */
        width: -webkit-calc(100% - 245px);
        width: -moz-calc(100% - 245px);
        width: calc(100% - 245px); } }
    @media screen and (min-width: 48.0625em) {
      body.drawer-open .site-main-inner {
        /* autoprefixer: off */
        width: -webkit-calc(100% - 245px);
        width: -moz-calc(100% - 245px);
        width: calc(100% - 245px); } }
    @media screen {
      body.drawer-open:not(.drawer-open--persist) .site-main-inner {
        margin-left: -245px;
        margin-left: -15.3125rem; } }
  @media screen and (min-width: 48.0625em) {
    body.drawer-open:not(.drawer-open--persist) .site-main-inner {
      margin-left: 0; } }
@media screen and (min-width: 48.0625em) {
  body.drawer-open .site-main-inner {
    margin-left: -245px;
    margin-left: -15.3125rem; } }

  @media screen and (min-width: 48.0625em) and (min-width: 48.0625em) {
    body.drawer-open .site-main-inner {
      margin-left: 0; } }

    .site-main-inner > * {
      pointer-events: all; }

:root[dir="ltr"] .site-main-inner, :root:not([dir]) .site-main-inner, :root[dir="ltr"]
.site-drawer-holder, :root:not([dir])
.site-drawer-holder {
  float: left; }
:root[dir="rtl"] .site-main-inner, :root[dir="rtl"]
.site-drawer-holder {
  float: right; }

.site-drawer-holder {
  position: relative;
  width: 0;
  -webkit-transition: width 1s;
          transition: width 1s;
  pointer-events: all; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .site-drawer-holder {
      -webkit-transition: none;
              transition: none; } }
  @media (min-width: 0) and (max-width: 37.4375em) {
    .site-drawer-holder:before {
      display: block;
      content: "";
      width: 100%;
      position: absolute;
      top: 0;
      height: 2px;
      height: 0.125rem;
      z-index: 9999;
      background: #505050; } }
  body.drawer-open:not(.drawer-open--persist) .site-drawer-holder {
    width: 245px;
    width: 15.3125rem; }
  @media (min-width: 48.0625em) {
    body.drawer-open .site-drawer-holder {
      width: 245px;
      width: 15.3125rem; } }
  @media (min-width: 48.0625em) {
    .site-drawer-holder {
      overflow: hidden; } }
  @media print {
    .site-drawer-holder {
      display: none !important; } }
  .site-drawer-holder .site-drawer {
    z-index: 21;
    top: 0;
    bottom: 0;
    border-width: 0 0 0 1px;
    border-style: solid;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 245px;
    width: 15.3125rem;
    font-size: 15px;
    font-size: 0.9375rem;
    /*
     * IE8 and below doesn't have :not so this will
     * be ignored. IE10 + doesn't have conditional
     * comments so they will be included.
     */ }
    :root[dir="ltr"] .site-drawer-holder .site-drawer, :root:not([dir]) .site-drawer-holder .site-drawer {
      text-align: left; }
    :root[dir="rtl"] .site-drawer-holder .site-drawer {
      text-align: right; }
    body:not(.drawer-open--persist) .site-drawer-holder .site-drawer {
      -webkit-transition: right 1s, left 1s;
              transition: right 1s, left 1s; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        body:not(.drawer-open--persist) .site-drawer-holder .site-drawer {
          -webkit-transition: none;
                  transition: none; } }
    :root[dir="ltr"] .site-drawer-holder .site-drawer, :root:not([dir]) .site-drawer-holder .site-drawer {
      right: -245px;
      right: -15.3125rem; }
    :root[dir="rtl"] .site-drawer-holder .site-drawer {
      left: -245px;
      left: -15.3125rem; }
    html.ie8 .site-drawer-holder .site-drawer, html.ie9 .site-drawer-holder .site-drawer {
      position: relative; }
    html:not(.ie9) .site-drawer-holder .site-drawer {
      position: absolute; }
    :root[dir="ltr"] body.drawer-open:not(.drawer-open--persist) .site-drawer-holder .site-drawer, :root:not([dir]) body.drawer-open:not(.drawer-open--persist) .site-drawer-holder .site-drawer {
      right: 0;
      right: 0; }
    :root[dir="rtl"] body.drawer-open:not(.drawer-open--persist) .site-drawer-holder .site-drawer {
      left: 0;
      left: 0; }
    @media (min-width: 48.0625em) {
      :root[dir="ltr"] body.drawer-open .site-drawer-holder .site-drawer, :root:not([dir]) body.drawer-open .site-drawer-holder .site-drawer {
        right: 0;
        right: 0; }
      :root[dir="rtl"] body.drawer-open .site-drawer-holder .site-drawer {
        left: 0;
        left: 0; } }
    .site-drawer-holder .site-drawer .menu {
      padding: 0;
      margin: 0;
      outline-width: 0; }
      .site-drawer-holder .site-drawer .menu li:before {
        display: none; }
      .site-drawer-holder .site-drawer .menu li {
        padding: 0;
        margin: 0; }
  .site-drawer-holder .region-navigation h2 {
    display: none; }

/*
  ==========================================================================
   Footer
  ==========================================================================
*/
.footer-message {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  margin-bottom: -24px;
  margin-bottom: -1.5rem; }
  @media (min-width: 48.0625em) {
    .footer-message {
      padding-right: 24px;
      padding-right: 1.5rem; } }
  @media (min-width: 48.0625em) {
    .footer-message {
      padding-left: 24px;
      padding-left: 1.5rem; } }
  @media print {
    .footer-message {
      display: none !important; } }
  .footer-message .split-block {
    border-width: 1px 0;
    border-style: solid;
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem; }
    @media (min-width: 37.5em) {
      .footer-message .split-block {
        display: table;
        width: 100%; } }
  @media (min-width: 37.5em) {
    .footer-message .split-block-cell {
      display: table-cell;
      vertical-align: middle; } }
  .footer-message .split-block-cell:first-child {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
    @media (min-width: 37.5em) {
      .footer-message .split-block-cell:first-child {
        padding-right: 24px;
        padding-right: 1.5rem; } }
  @media (min-width: 30em) {
    :root[dir="ltr"] .footer-message .split-block-cell:last-child, :root:not([dir]) .footer-message .split-block-cell:last-child {
      text-align: right; }
    :root[dir="rtl"] .footer-message .split-block-cell:last-child {
      text-align: left; } }
  .footer-message .split-block-cell .button {
    width: 100%;
    margin-bottom: 0;
    white-space: nowrap; }
    @media (min-width: 30em) {
      .footer-message .split-block-cell .button {
        width: auto; } }

.site-footer__copyright-and-links li:before, .site-footer-main-body__external-links li:before {
  display: none; }
.site-footer__main, .site-footer__aside {
  text-align: center;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-left: 12px;
  padding-left: 0.75rem; }
  @media (min-width: 48.0625em) {
    .site-footer__main, .site-footer__aside {
      padding-right: 24px;
      padding-right: 1.5rem; } }
  @media (min-width: 48.0625em) {
    .site-footer__main, .site-footer__aside {
      padding-left: 24px;
      padding-left: 1.5rem; } }
  @media (min-width: 37.5em) {
    :root[dir="ltr"] .site-footer__main, :root:not([dir]) .site-footer__main, :root[dir="ltr"] .site-footer__aside, :root:not([dir]) .site-footer__aside {
      text-align: left; }
    :root[dir="rtl"] .site-footer__main, :root[dir="rtl"] .site-footer__aside {
      text-align: right; } }
.site-footer__main {
  font-size: 13px;
  font-size: 0.8125rem;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem; }
  @media print {
    .site-footer__main {
      display: none !important; } }
.site-footer__aside {
  border-style: solid;
  border-width: 0;
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  border-bottom-width: 6px;
  border-bottom-width: 0.375rem;
  font-size: 14px;
  font-size: 0.875rem; }
  @media (min-width: 48.0625em) {
    .site-footer__aside {
      padding-top: 12px;
      padding-top: 0.75rem; } }
  @media (min-width: 48.0625em) {
    .site-footer__aside {
      padding-bottom: 12px;
      padding-bottom: 0.75rem; } }
  @media print {
    .site-footer__aside {
      page-break-inside: avoid; } }
  @media (min-width: 37.5em) {
    .site-footer__aside .row {
      display: table;
      width: 100%; } }
  @media (min-width: 37.5em) {
    .site-footer__aside-message, .site-footer__aside-image {
      display: table-cell;
      vertical-align: middle; }
      :root[dir="ltr"] .site-footer__aside-message, :root:not([dir]) .site-footer__aside-message, :root[dir="ltr"] .site-footer__aside-image, :root:not([dir]) .site-footer__aside-image {
        float: none; }
      :root[dir="rtl"] .site-footer__aside-message, :root[dir="rtl"] .site-footer__aside-image {
        float: none; } }
  .site-footer__aside-message .law-for-life {
    display: block; }
    @media (min-width: 37.5em) {
      .site-footer__aside-message .law-for-life {
        display: inline-block; } }
    @media (min-width: 54.6875em) {
      .site-footer__aside-message .law-for-life:after {
        display: inline-block;
        content: "";
        border-width: 0 1px 0 0;
        border-style: solid;
        width: 12px;
        width: 0.75rem;
        height: 12px;
        height: 0.75rem;
        margin-right: 12px;
        margin-right: 0.75rem; } }
  .site-footer__aside-message a {
    position: relative;
    display: block;
    padding-top: 24px;
    padding-top: 1.5rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    font-size: 13px;
    font-size: 0.8125rem; }
    .site-footer__aside-message a:not(.faux-link) {
      text-decoration: none; }
      .site-footer__aside-message a:not(.faux-link):hover, .site-footer__aside-message a:not(.faux-link):focus {
        text-decoration: underline; }
    @media (min-width: 30em) {
      .site-footer__aside-message a {
        font-size: inherit; } }
    @media (min-width: 37.5em) {
      .site-footer__aside-message a {
        padding-bottom: 0;
        padding-top: 10px;
        padding-top: 0.625rem; } }
    @media (min-width: 54.6875em) {
      .site-footer__aside-message a {
        display: inline;
        padding-top: 0; } }
    .site-footer__aside-message a:after {
      text-decoration: underline; }
    .site-footer__aside-message a:hover:after, .site-footer__aside-message a:after {
      text-decoration: none; }
    .site-footer__aside-message a:after {
      position: relative;
      top: 1px;
      margin-left: 6px;
      margin-left: 0.375rem; }
  @media (min-width: 37.5em) {
    :root[dir="ltr"] .site-footer__aside-image, :root:not([dir]) .site-footer__aside-image {
      text-align: right; }
    :root[dir="rtl"] .site-footer__aside-image {
      text-align: left; } }
  .site-footer__aside-image a {
    display: block; }
    @media (min-width: 37.5em) {
      .site-footer__aside-image a {
        display: inline; } }
  .site-footer__aside-image img {
    display: inline-block;
    width: 125px;
    width: 7.8125rem; }
.site-footer small {
  display: block;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 16px;
  font-size: 1rem; }
  @media (min-width: 37.5em) {
    .site-footer small {
      display: inline-block;
      margin-bottom: 0; } }
  @media (min-width: 48.0625em) {
    .site-footer small {
      font-size: 15px;
      font-size: 0.9375rem; } }
.site-footer .footer-navigation {
  display: block;
  margin-top: 12px;
  margin-top: 0.75rem; }
  @media (min-width: 48.0625em) {
    .site-footer .footer-navigation {
      display: inline-block;
      margin-top: 0;
      padding-left: 12px;
      padding-left: 0.75rem; } }
  .site-footer .footer-navigation h2 {
    display: none; }
  .site-footer .footer-navigation ol,
  .site-footer .footer-navigation ul {
    padding: 0;
    margin: 0; }
    .site-footer .footer-navigation ol li:before,
    .site-footer .footer-navigation ul li:before {
      display: none; }
    .site-footer .footer-navigation ol li,
    .site-footer .footer-navigation ul li {
      padding: 0;
      margin: 0; }
  .site-footer .footer-navigation li {
    display: inline-block; }
  .site-footer .footer-navigation a {
    display: block;
    border-width: 0;
    border-style: solid;
    padding: 10px 12px;
    padding:  0.625rem 0.75rem; }
    .site-footer .footer-navigation a:not(.faux-link) {
      text-decoration: none; }
      .site-footer .footer-navigation a:not(.faux-link):hover, .site-footer .footer-navigation a:not(.faux-link):focus {
        text-decoration: underline; }
    @media (min-width: 37.5em) {
      .site-footer .footer-navigation a {
        padding-top: 0;
        padding-bottom: 0; } }
    .site-footer .footer-navigation a:not(:first-child) {
      border-width: 0 0 0 1px; }
    @media (min-width: 37.5em) {
      .site-footer .footer-navigation a:first-child {
        border-left-width: 1px; } }
.site-footer .site-footer-main-body {
  padding: 0px 12px; }
  @media (min-width: 48.0625em) {
    .site-footer .site-footer-main-body {
      padding: 32px 12px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  .site-footer .site-footer-main-body__social-section, .site-footer .site-footer-main-body__helpline-section, .site-footer .site-footer-main-body__newsletter-section, .site-footer .site-footer-main-body__external-links {
    margin-top: 32px;
    margin-top: 2rem; }
    @media (min-width: 48.0625em) {
      .site-footer .site-footer-main-body__social-section, .site-footer .site-footer-main-body__helpline-section, .site-footer .site-footer-main-body__newsletter-section, .site-footer .site-footer-main-body__external-links {
        margin-top: 0;
        width: 50%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%; } }
    .site-footer .site-footer-main-body__social-section h3, .site-footer .site-footer-main-body__social-section .lead-span, .site-footer .site-footer-main-body__social-section h3 label, .site-footer .site-footer-main-body__helpline-section h3, .site-footer .site-footer-main-body__helpline-section .lead-span, .site-footer .site-footer-main-body__helpline-section h3 label, .site-footer .site-footer-main-body__newsletter-section h3, .site-footer .site-footer-main-body__newsletter-section .lead-span, .site-footer .site-footer-main-body__newsletter-section h3 label, .site-footer .site-footer-main-body__external-links h3, .site-footer .site-footer-main-body__external-links .lead-span, .site-footer .site-footer-main-body__external-links h3 label {
      font-weight: 400;
      padding: 0;
      font-size: 17px;
      font-size: 1.0625rem;
      margin-bottom: 18px;
      margin-bottom: 1.125rem; }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__social-section h3, .site-footer .site-footer-main-body__social-section .lead-span, .site-footer .site-footer-main-body__social-section h3 label, .site-footer .site-footer-main-body__helpline-section h3, .site-footer .site-footer-main-body__helpline-section .lead-span, .site-footer .site-footer-main-body__helpline-section h3 label, .site-footer .site-footer-main-body__newsletter-section h3, .site-footer .site-footer-main-body__newsletter-section .lead-span, .site-footer .site-footer-main-body__newsletter-section h3 label, .site-footer .site-footer-main-body__external-links h3, .site-footer .site-footer-main-body__external-links .lead-span, .site-footer .site-footer-main-body__external-links h3 label {
          margin-bottom: 20px;
          margin-bottom: 1.25rem; } }
  @media (min-width: 48.0625em) {
    .site-footer .site-footer-main-body__social-section {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      padding-bottom: 50px;
      padding-bottom: 3.125rem; } }
  .site-footer .site-footer-main-body__social-section h3 {
    line-height: 1.2; }
  .site-footer .site-footer-main-body__social-section .social-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px; }
    @media (min-width: 48.0625em) {
      .site-footer .site-footer-main-body__social-section .social-container {
        max-width: 380px;
        max-width: 23.75rem; } }
    .site-footer .site-footer-main-body__social-section .social-container > div {
      position: relative;
      padding: 0px 8px;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 33.3333%;
          -ms-flex: 1 1 33.3333%;
              flex: 1 1 33.3333%; }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__social-section .social-container > div {
          max-width: 380px;
          max-width: 23.75rem; } }
      .site-footer .site-footer-main-body__social-section .social-container > div:before {
        content: "";
        position: relative;
        display: block;
        padding-top: 100%;
        z-index: 2; }
      .site-footer .site-footer-main-body__social-section .social-container > div.green:before {
        background: #82bc00; }
      .site-footer .site-footer-main-body__social-section .social-container > div.red:before {
        background: #d45144;
        box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.4) inset;
        box-shadow:  0rem -0.1875rem 0rem 0rem rgba(0, 0, 0, 0.4) inset; }
      .site-footer .site-footer-main-body__social-section .social-container > div a {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3; }
        .site-footer .site-footer-main-body__social-section .social-container > div a:before {
          color: #ffffff;
          font-size: 35px;
          font-size: 2.1875rem;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%); }
          @media (min-width: 28.125em) {
            .site-footer .site-footer-main-body__social-section .social-container > div a:before {
              font-size: 55px;
              font-size: 3.4375rem; } }
          @media (min-width: 37.5em) {
            .site-footer .site-footer-main-body__social-section .social-container > div a:before {
              font-size: 35px;
              font-size: 2.1875rem; } }
        .site-footer .site-footer-main-body__social-section .social-container > div a.icon-Share {
          text-align: center;
          font-size: 26px;
          font-size: 1.625rem; }
          .site-footer .site-footer-main-body__social-section .social-container > div a.icon-Share:before {
            -webkit-transform: translateX(-50%) translateY(0%);
                -ms-transform: translateX(-50%) translateY(0%);
                    transform: translateX(-50%) translateY(0%);
            top: 10%; }
            @media (min-width: 28.125em) {
              .site-footer .site-footer-main-body__social-section .social-container > div a.icon-Share:before {
                font-size: 46px;
                font-size: 2.875rem; } }
            @media (min-width: 37.5em) {
              .site-footer .site-footer-main-body__social-section .social-container > div a.icon-Share:before {
                font-size: 22px;
                font-size: 1.375rem; } }
            @media (min-width: 44.6875em) {
              .site-footer .site-footer-main-body__social-section .social-container > div a.icon-Share:before {
                font-size: 33px;
                font-size: 2.0625rem; } }
          .site-footer .site-footer-main-body__social-section .social-container > div a.icon-Share span {
            width: 100%;
            color: #ffffff;
            bottom: 9px;
            bottom: 0.5625rem;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            font-size: 14px;
            font-size: 0.875rem;
            font-family: "futura", Arial, sans-serif;
            font-weight: 400;
            font-style: normal; }
            @media (min-width: 28.125em) {
              .site-footer .site-footer-main-body__social-section .social-container > div a.icon-Share span {
                font-size: 18px;
                font-size: 1.125rem; } }
  @media (min-width: 37.5em) {
    .site-footer .site-footer-main-body__helpline-section {
      padding-left: 12px;
      padding-left: 0.75rem; } }
  @media (min-width: 48.0625em) {
    .site-footer .site-footer-main-body__helpline-section {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      padding-left: 0;
      position: relative; } }
  .site-footer .site-footer-main-body__helpline-section a.number {
    text-decoration: none;
    color: #505050;
    line-height: 1;
    font-family: "futura", Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 28px;
    font-size: 1.75rem; }
    @media (min-width: 48.0625em) {
      .site-footer .site-footer-main-body__helpline-section a.number {
        font-size: 38px;
        font-size: 2.375rem; } }
  .site-footer .site-footer-main-body__helpline-section .footer-logo {
    text-align: center; }
    @media (min-width: 48.0625em) {
      .site-footer .site-footer-main-body__helpline-section .footer-logo {
        text-align: left; } }
    .site-footer .site-footer-main-body__helpline-section .footer-logo__anchor {
      display: inline-block; }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__helpline-section .footer-logo__anchor {
          position: absolute;
          top: 50px;
          top: 3.125rem; } }
    .site-footer .site-footer-main-body__helpline-section .footer-logo__img {
      display: inline-block;
      width: 320px;
      width: 20rem;
      height: 46px;
      height: 2.875rem; }
      @media (min-width: 37.5em) {
        .site-footer .site-footer-main-body__helpline-section .footer-logo__img {
          width: 239px;
          width: 14.9375rem;
          height: 34px;
          height: 2.125rem;
          margin-top: 58px;
          margin-top: 3.625rem; } }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__helpline-section .footer-logo__img {
          margin-top: 0; } }
      @media (min-width: 47.5em) {
        .site-footer .site-footer-main-body__helpline-section .footer-logo__img {
          width: 320px;
          width: 20rem;
          height: 46px;
          height: 2.875rem; } }
  .site-footer .site-footer-main-body__newsletter-section {
    clear: left; }
    @media (min-width: 37.5em) {
      .site-footer .site-footer-main-body__newsletter-section {
        padding-top: 32px; } }
    @media (min-width: 48.0625em) {
      .site-footer .site-footer-main-body__newsletter-section {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
            -ms-flex-order: 4;
                order: 4;
        padding-top: 0; } }
    .site-footer .site-footer-main-body__newsletter-section form.mailing-list {
      margin: 0;
      max-width: none; }
    .site-footer .site-footer-main-body__newsletter-section .form-item-mail {
      position: relative; }
      .site-footer .site-footer-main-body__newsletter-section .form-item-mail input[type="text"] {
        margin: 0; }
      .site-footer .site-footer-main-body__newsletter-section .form-item-mail button[type="submit"] {
        width: 100%;
        text-align: center;
        margin: 0;
        box-shadow: none; }
        @media (min-width: 48.0625em) {
          .site-footer .site-footer-main-body__newsletter-section .form-item-mail button[type="submit"] {
            width: auto;
            position: absolute;
            top: 0px;
            top: 0rem;
            right: 0px;
            right: 0rem;
            padding: 16px 50px; } }
    .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p {
      position: relative;
      border: 2px solid #505050;
      background: #ffffff;
      padding: 12px;
      padding: 0.75rem; }
      .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span {
        position: relative;
        border: 1px solid #ffffff;
        background-color: #82bc00;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 125px;
        width: 7.8125rem; }
        .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span:before {
          text-decoration: underline; }
        .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span:hover:before, .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span:before {
          text-decoration: none; }
        .site-footer .site-footer-main-body__newsletter-section #ajax-thanks-wrapper p span:before {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          color: #ffffff;
          font-size: 48px;
          font-size: 3rem; }
  @media (min-width: 37.5em) {
    .site-footer .site-footer-main-body__social-section, .site-footer .site-footer-main-body__helpline-section {
      float: left;
      width: 50%; } }
  @media (min-width: 48.0625em) {
    .site-footer .site-footer-main-body__social-section, .site-footer .site-footer-main-body__helpline-section {
      float: none;
      width: auto; } }
  .site-footer .site-footer-main-body__external-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: 32px;
    margin-top: 2rem; }
    .site-footer .site-footer-main-body__external-links li {
      margin: 0; }
    .site-footer .site-footer-main-body__external-links a {
      text-decoration: none; }
      .site-footer .site-footer-main-body__external-links a:hover, .site-footer .site-footer-main-body__external-links a:focus, .site-footer .site-footer-main-body__external-links a:active {
        text-decoration: underline; }
    @media (min-width: 48.0625em) {
      .site-footer .site-footer-main-body__external-links {
        margin-top: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        padding-bottom: 50px;
        padding-bottom: 3.125rem;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    .site-footer .site-footer-main-body__external-links li {
      position: relative;
      margin-right: -12px;
      margin-right: -0.75rem;
      margin-left: -12px;
      margin-left: -0.75rem;
      border-bottom: 1px solid #c2c2c2;
      padding: 0px 12px; }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__external-links li {
          margin-right: -6px;
          margin-right: -0.375rem;
          margin-left: -6px;
          margin-left: -0.375rem; } }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__external-links li {
          border-bottom: none;
          width: 50%;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 50%;
              -ms-flex: 1 1 50%;
                  flex: 1 1 50%;
          padding: 0px 6px; } }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__external-links li {
          margin-left: -6px;
          margin-right: -6px; } }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__external-links li:first-child {
          width: 100%;
          -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%; } }
      .site-footer .site-footer-main-body__external-links li:last-child {
        border-bottom: none; }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__external-links li:nth-child(2) a, .site-footer .site-footer-main-body__external-links li:nth-child(3) a {
          padding-top: 0; } }
      .site-footer .site-footer-main-body__external-links li span.lead-span,
      .site-footer .site-footer-main-body__external-links li a {
        display: block;
        line-height: 1;
        padding: 10px 0px; }
      .site-footer .site-footer-main-body__external-links li a {
        color: #6a9036; }
        @media (min-width: 48.0625em) {
          .site-footer .site-footer-main-body__external-links li a {
            display: inline-block; } }
      @media (min-width: 48.0625em) {
        .site-footer .site-footer-main-body__external-links li span.lead-span {
          padding-top: 0;
          line-height: 1.2; } }
      .site-footer .site-footer-main-body__external-links li span:not(.lead-span) {
        right: 12px;
        right: 0.75rem;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media (min-width: 48.0625em) {
          .site-footer .site-footer-main-body__external-links li span:not(.lead-span) {
            position: static;
            -webkit-transform: translateY(2px);
                -ms-transform: translateY(2px);
                    transform: translateY(2px);
            display: inline-block;
            padding-left: 12px;
            padding-left: 0.75rem; } }
.site-footer__copyright-and-links {
  padding: 16px 12px;
  padding:  1rem 0.75rem;
  font-size: 14px;
  font-size: 0.875rem; }
  @media (min-width: 37.5em) {
    .site-footer__copyright-and-links {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .site-footer__copyright-and-links ul {
    line-height: 2;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .site-footer__copyright-and-links ul li {
      margin: 0; }
    .site-footer__copyright-and-links ul a {
      text-decoration: none; }
      .site-footer__copyright-and-links ul a:hover, .site-footer__copyright-and-links ul a:focus, .site-footer__copyright-and-links ul a:active {
        text-decoration: underline; }
    .site-footer__copyright-and-links ul li {
      line-height: 1;
      margin: 0;
      display: inline-block; }
      .site-footer__copyright-and-links ul li span.slash {
        padding: 0 5px;
        padding:  0 0.3125rem; }
  .site-footer__copyright-and-links .bottom-logo-container {
    text-align: center;
    margin-top: 16px;
    margin-top: 1rem; }
    @media (min-width: 37.5em) {
      .site-footer__copyright-and-links .bottom-logo-container {
        text-align: right;
        margin-top: 0; } }
    .site-footer__copyright-and-links .bottom-logo-container span, .site-footer__copyright-and-links .bottom-logo-container .tom-logo {
      display: inline-block;
      vertical-align: middle; }
    .site-footer__copyright-and-links .bottom-logo-container span {
      padding-right: 12px;
      padding-right: 0.75rem; }
    .site-footer__copyright-and-links .bottom-logo-container .tom-logo {
      line-height: 1;
      width: 85px;
      width: 5.3125rem;
      height: 30px;
      height: 1.875rem;
      /* @include breakpoints(4) {
           @include rem(width, 90px);
       }*/ }

/*
  ==========================================================================
   Banners
  ==========================================================================
*/
.heading-banner {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 36px;
  padding-bottom: 2.25rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  margin-top: -24px;
  margin-top: -1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  @media (min-width: 48.0625em) {
    .heading-banner {
      padding-right: 24px;
      padding-right: 1.5rem; } }
  @media (min-width: 48.0625em) {
    .heading-banner {
      padding-left: 24px;
      padding-left: 1.5rem; } }
  .heading-banner__heading {
    font-family: "prata", Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 34px;
    font-size: 2.125rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
    line-height: 46px;
    line-height: 2.875rem;
    padding-top: 12px;
    padding-top: 0.75rem; }
    @media (min-width: 48.0625em) {
      .heading-banner__heading {
        font-size: 44px;
        font-size: 2.75rem; } }
    @media (min-width: 48.0625em) {
      .heading-banner__heading {
        margin-bottom: 0px;
        margin-bottom: 0rem;
        line-height: 54px;
        line-height: 3.375rem; } }
  .heading-banner__sidenote {
    border-width: 0 0 1px;
    border-style: solid;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    margin-bottom: 36px;
    margin-bottom: 2.25rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-family: "futura", Arial, sans-serif;
    font-weight: 200;
    font-style: normal; }

/*
  ==========================================================================
   Carousel
  ==========================================================================
*/
.banner-holder {
  position: relative;
  margin-top: -24px;
  margin-top: -1.5rem; }
  body:not(.node-type-homepage) .banner-holder {
    margin-bottom: 36px;
    margin-bottom: 2.25rem; }

.banner__button{
  margin-top: 15px;
  margin-top: 0.938em;
  margin-left: auto;
  margin-right: auto;
  background: white !important;
  box-shadow: 0px -3px 0px 0px #d7dcdf inset !important;
  box-shadow: 0rem -0.1875rem 0rem 0rem #d7dcdf inset !important;}
  @media (min-width: 48.0625em) {
    .banner__button{
      margin-left: 0;  }  }
.group-banner {
  padding-right: 0;
  /* overflow-x: auto; TODO: Potential enable - seemed to cause unncessary horizontal scrollbar on IE10
   overflow-y: hidden;*/
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  -ms-scroll-snap-points-x: repeat(100%);
  -webkit-scroll-snap-points-x: repeat(100%);
  scroll-snap-points-x: repeat(100%);
  -ms-scroll-snap-type: mandatory;
  -webkit-scroll-snap-type: mandatory;
  scroll-snap-type: mandatory; }
  @media print {
    .group-banner {
      width: 100% !important;
      height: auto !important;
      -webkit-transform: none !important;
          -ms-transform: none !important;
              transform: none !important;
      white-space: normal !important; } }
  .group-banner .field-name-field-slider {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    white-space: normal; }
    @media print {
      .group-banner .field-name-field-slider {
        width: 100% !important; } }
    .group-banner .field-name-field-slider a {
      display: block;
      text-decoration: none; }
      .group-banner .field-name-field-slider a[data-external="true"] {
        padding-left: 0; }
        .group-banner .field-name-field-slider a[data-external="true"]:before {
          display: none; }
          .group-banner .field-name-field-slider a .banner__button:not(.link-complex__target):hover,
          .group-banner .field-name-field-slider a .banner__button:not(.link-complex__target):focus,
          .group-banner .field-name-field-slider a .banner__button:not(.link-complex__target):active {
            background: #d7dcdf !important;
          }
          .group-banner .field-name-field-slider a .grey .banner__button:not(.link-complex__target):hover,
          .group-banner .field-name-field-slider a .grey .banner__button:not(.link-complex__target):focus,
          .group-banner .field-name-field-slider a .grey  .banner__button:not(.link-complex__target):active {
            background: #191919 !important;
          }
          .group-banner .field-name-field-slider a .yellow .banner__button:not(.link-complex__target):hover,
          .group-banner .field-name-field-slider a .yellow .banner__button:not(.link-complex__target):focus,
          .group-banner .field-name-field-slider a .yellow  .banner__button:not(.link-complex__target):active {
            background: #191919 !important;
          }
    .group-banner .field-name-field-slider .banner-wrapper {
      display: table;
      width: 100%; }
      @media (min-width: 46.875em) {
        .group-banner .field-name-field-slider .banner-wrapper {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; } }
      .group-banner .field-name-field-slider .banner-wrapper__text:only-child, .group-banner .field-name-field-slider .banner-wrapper__image:only-child {
        width: 100%; }
      .group-banner .field-name-field-slider .banner-wrapper__text {
        display: table-cell;
        vertical-align: top;
        top: -15px;
        top: -0.9375rem; }
        @media (min-width: 46.875em) {
          .group-banner .field-name-field-slider .banner-wrapper__text {
            top: 0;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex; } }
        @media (min-width: 46.875em) {
          .group-banner .field-name-field-slider .banner-wrapper__text:not(:only-child) {
            width: 40%; } }
      .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper {
        padding-top: 34px;
        padding-top: 2.125rem;
        padding-right: 12px;
        padding-right: 0.75rem;
        padding-bottom: 12px;
        padding-bottom: 0.75rem;
        padding-left: 12px;
        padding-left: 0.75rem; }
        @media (min-width: 48.0625em) {
          .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper {
            padding-right: 24px;
            padding-right: 1.5rem; } }
        @media (min-width: 48.0625em) {
          .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper {
            padding-left: 24px;
            padding-left: 1.5rem; } }
      .group-banner .field-name-field-slider .banner-wrapper__image {
        display: table-header-group;
        overflow: hidden; }
        @media (min-width: 46.875em) {
          .group-banner .field-name-field-slider .banner-wrapper__image {
            display: table-cell;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            vertical-align: top;
            width: 60%; } }
        .group-banner .field-name-field-slider .banner-wrapper__image .field {
          position: relative;
          overflow: hidden;
          /* body.node-type-landing & {
               @include apply-aspect-ratio($landingCarouselAspectRatio);
           }*/ }
          .group-banner .field-name-field-slider .banner-wrapper__image .field:after {
            padding-bottom: 56.25%;
            display: block;
            height: 0;
            content: ''; }
          .group-banner .field-name-field-slider .banner-wrapper__image .field img {
            width: auto;
            height: auto;
            max-width: none;
            min-width: 100%;
            min-height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%); }
            @supports ((-o-object-fit: cover) or (object-fit: cover)) {
              html:not(.objectfitcover) .group-banner .field-name-field-slider .banner-wrapper__image .field img {
                position: absolute;
                top: 0;
                left: 0;
                max-width: 100%;
                -webkit-transform: none;
                    -ms-transform: none;
                        transform: none; } }
            html.objectfitcover .group-banner .field-name-field-slider .banner-wrapper__image .field img {
              position: absolute;
              top: 0;
              left: 0;
              max-width: 100%;
              -webkit-transform: none;
                  -ms-transform: none;
                      transform: none; }
          @media (min-width: 46.875em) {
            .group-banner .field-name-field-slider .banner-wrapper__image .field {
              position: relative;
              -webkit-box-flex: 1;
              -webkit-flex: 1 0 auto;
                  -ms-flex: 1 0 auto;
                      flex: 1 0 auto; } }
          .group-banner .field-name-field-slider .banner-wrapper__image .field img {
            display: block;
            width: 100%;
            height: auto; }
      @media (min-width: 46.875em) {
        .group-banner .field-name-field-slider .banner-wrapper-text-box, .group-banner .field-name-field-slider .banner-wrapper__slide-inner {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto; } }
      .group-banner .field-name-field-slider .banner-wrapper-text-box {
        position: relative; }
        @media (min-width: 46.875em) {
          .group-banner .field-name-field-slider .banner-wrapper-text-box {
            left: -14px;
            left: -0.875rem; }
            .group-banner .field-name-field-slider .banner-wrapper-text-box:after {
              content: "";
              display: block;
              position: absolute;
              height: 100%;
              right: -14px;
              right: -0.875rem;
              width: 14px;
              width: 0.875rem; } }
      .group-banner .field-name-field-slider .banner-wrapper__stripe {
        height: 7px;
        height: 0.4375rem; }
        .group-banner .field-name-field-slider .banner-wrapper__stripe--bold {
          height: 7px;
          height: 0.4375rem; }
        .group-banner .field-name-field-slider .banner-wrapper__stripe--transparent {
          box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.7) inset; }
        @media (min-width: 46.875em) {
          .group-banner .field-name-field-slider .banner-wrapper__stripe {
            width: 7px;
            width: 0.4375rem;
            position: absolute;
            top: 0;
            bottom: 0;
            height: auto; }
            .group-banner .field-name-field-slider .banner-wrapper__stripe--transparent {
              border-top: none;
              border-right: 7px solid rgba(255, 255, 255, 0.5);
              border-right:  0.4375rem solid rgba(255, 255, 255, 0.5);
              left: 7px;
              left: 0.4375rem; } }
      .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper {
        width: 100%;
        text-decoration: none;
        text-align: center; }
        @media (min-width: 46.875em) {
          .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            position: relative;
            width: calc(100% - 14px);
            right: -14px;
            right: -0.875rem;
            padding-left: 24px;
            padding-left: 1.5rem; }
            .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .banner-wrapper__slide-text-wrapper {
              display: -webkit-inline-box;
              display: -webkit-inline-flex;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
        .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .subheading {
          font-size: 15px;
          font-size: 0.9375rem;
          padding-bottom: 12px;
          padding-bottom: 0.75rem; }
        .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .heading {
          text-align: left;
          font-family: "prata", Arial, sans-serif;
          font-weight: 200;
          font-style: normal;
          font-size: 34px;
          font-size: 2.125rem;
          margin-bottom: 0px;
          margin-bottom: 0rem;
          line-height: 46px;
          line-height: 2.875rem;
          padding-bottom: 5px;
          padding-bottom: 0.3125rem; }
          @media (min-width: 48.0625em) {
            .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .heading {
              font-size: 44px;
              font-size: 2.75rem; } }
          @media (min-width: 48.0625em) {
            .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .heading {
              margin-bottom: 0px;
              margin-bottom: 0rem;
              line-height: 54px;
              line-height: 3.375rem; } }
          @media (min-width: 48.0625em) {
            .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .heading {
              padding-bottom: 10px;
              padding-bottom: 0.625rem; } }
        .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .sidenote {
          text-align: left;
          padding-top: 6px;
          padding-top: 0.375rem;
          font-size: 19px;
          font-size: 1.1875rem;
          font-family: "futura", Arial, sans-serif;
          font-weight: 400;
          font-style: normal;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 28px;
          line-height: 1.75rem; }
          @media (min-width: 48.0625em) {
            .group-banner .field-name-field-slider .banner-wrapper__slide-text-wrapper .sidenote {
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 26px;
              line-height: 1.625rem; } }
      .group-banner .field-name-field-slider .banner-wrapper__text {
        position: relative;
                /*
                &:before,
                &:after {
                    display: block;
                    content: "";
                    position: absolute;
                    width: calc(100% + 24px);
                    @include rem(height, $slideTextStripeWidth);

                    @include breakpoints(3) {
                        top: 0;
                        bottom: 0;
                    }
                }*/ }

.lSSlideOuter {
  position: relative; }
  .lSSlideOuter .lSSlide {
    overflow: hidden; }
  .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    top: 0;
    z-index: 10;
    margin-top: 4px !important;
    margin-top:  0.25rem !important;
    right: 12px;
    right: 0.75rem; }
    @media (min-width: 48.0625em) {
      .lSSlideOuter .lSPager.lSpg {
        right: 24px;
        right: 1.5rem; } }
    .lSSlideOuter .lSPager.lSpg li:before {
      display: none; }
    @media (min-width: 46.875em) {
      .lSSlideOuter .lSPager.lSpg {
        margin-top: 7px !important;
        margin-top:  0.4375rem !important; } }
    .lSSlideOuter .lSPager.lSpg > li {
      padding: 0;
      margin-bottom: 0;
      margin-left: 8px;
      margin-left: 0.5rem; }
      .lSSlideOuter .lSPager.lSpg > li a {
        z-index: 11;
        border-radius: 0;
        border-radius: 5px;
        border-radius: 0.3125rem;
        width: 10px;
        width: 0.625rem;
        height: 10px;
        height: 0.625rem; }
  .lSSlideOuter .lSAction > a {
    z-index: 12; }
  .lSSlideOuter .lSAction .lSPrev,
  .lSSlideOuter .lSAction .lSNext {
    display: none;
    z-index: 10;
    background-image: none;
    text-decoration: none;
    -webkit-transition: 0.4s;
            transition: 0.4s;
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    margin-top: -20px;
    margin-top: -1.25rem; }
    @media (min-width: 48.0625em) {
      .lSSlideOuter .lSAction .lSPrev,
      .lSSlideOuter .lSAction .lSNext {
        display: block; } }
    .lSSlideOuter .lSAction .lSPrev:after,
    .lSSlideOuter .lSAction .lSNext:after {
      text-decoration: underline; }
    .lSSlideOuter .lSAction .lSPrev:hover:after, .lSSlideOuter .lSAction .lSPrev:after,
    .lSSlideOuter .lSAction .lSNext:hover:after,
    .lSSlideOuter .lSAction .lSNext:after {
      text-decoration: none; }
    .lSSlideOuter .lSAction .lSPrev:after,
    .lSSlideOuter .lSAction .lSNext:after {
      font-size: 20px;
      font-size: 1.25rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .lSSlideOuter .lSAction .lSPrev {
    left: 0; }
    .lSSlideOuter .lSAction .lSPrev:after {
      text-decoration: underline; }
    .lSSlideOuter .lSAction .lSPrev:hover:after, .lSSlideOuter .lSAction .lSPrev:after {
      text-decoration: none; }
    .lSSlideOuter .lSAction .lSPrev:after {
      left: 8px;
      left: 0.5rem; }
  .lSSlideOuter .lSAction .lSNext {
    right: 0; }
    @media (min-width: 46.875em) {
      .lSSlideOuter .lSAction .lSNext {
        right: auto;
        left: calc(60% - 14px);
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%); } }
    .lSSlideOuter .lSAction .lSNext:after {
      text-decoration: underline; }
    .lSSlideOuter .lSAction .lSNext:hover:after, .lSSlideOuter .lSAction .lSNext:after {
      text-decoration: none; }
    .lSSlideOuter .lSAction .lSNext:after {
      right: 8px;
      right: 0.5rem; }

@media (min-width: 46.875em) {
  body.node-type-landing .group-banner .field-name-field-slider .banner-wrapper__image {
    width: 40%; } }
@media (min-width: 46.875em) {
  body.node-type-landing .group-banner .field-name-field-slider .banner-wrapper__text:not(:only-child) {
    width: 60%; } }
@media (min-width: 46.875em) {
  body.node-type-landing .group-banner .field-name-field-slider .banner-wrapper__text .field-name-field-banner-title .field-items,
  body.node-type-landing .group-banner .field-name-field-slider .banner-wrapper__text .field-name-field-body-text .field-items {
    max-width: 560px;
    max-width: 35rem;
    margin: 0 auto; } }
@media (min-width: 46.875em) {
  body.node-type-landing .lSSlideOuter .lSAction .lSNext {
    left: calc(40% - 14px); } }

/*
  ==========================================================================
   Accordians
  ==========================================================================
*/
.accordian--block.opening:not(.closing) .accordian__toggle:before, .accordian--block[open]:not(.closing) .accordian__toggle:before, .accordian--block.open:not(.closing) .accordian__toggle:before, .accordian--dropdown.opening:not(.closing) .accordian__toggle:before, .accordian--dropdown[open]:not(.closing) .accordian__toggle:before, .accordian--dropdown.open:not(.closing) .accordian__toggle:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }
.accordian--block.opening .accordian__toggle[class*="accordian__toggle--align-"], .accordian--block[open] .accordian__toggle[class*="accordian__toggle--align-"], .accordian--block.open .accordian__toggle[class*="accordian__toggle--align-"], .accordian--dropdown.opening .accordian__toggle[class*="accordian__toggle--align-"], .accordian--dropdown[open] .accordian__toggle[class*="accordian__toggle--align-"], .accordian--dropdown.open .accordian__toggle[class*="accordian__toggle--align-"] {
  border-bottom-width: 0; }
.accordian--block .accordian__toggle, .accordian--dropdown .accordian__toggle {
  position: relative;
  border-width: 0 0 1px;
  border-style: solid;
  min-height: 60px;
  min-height: 3.75rem; }
  @media print {
    .accordian--block .accordian__toggle:before, .accordian--block .accordian__toggle:after, .accordian--dropdown .accordian__toggle:before, .accordian--dropdown .accordian__toggle:after {
      display: none !important; } }
  .accordian--block .accordian__toggle:before, .accordian--dropdown .accordian__toggle:before {
    text-decoration: underline; }
  .accordian--block .accordian__toggle:hover:before, .accordian--block .accordian__toggle:before, .accordian--dropdown .accordian__toggle:hover:before, .accordian--dropdown .accordian__toggle:before {
    text-decoration: none; }
  .accordian--block .accordian__toggle:before, .accordian--dropdown .accordian__toggle:before {
    right: 0;
    z-index: 10;
    -webkit-transition: 0.3s;
            transition: 0.3s;
    right: 20px;
    right: 1.25rem;
    font-size: 20px;
    font-size: 1.25rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .accordian--block .accordian__toggle:after, .accordian--dropdown .accordian__toggle:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    -webkit-transition: 0.4s;
            transition: 0.4s;
    width: 60px;
    width: 3.75rem; }
  .accordian--block .accordian__toggle[class*="accordian__toggle--align"], .accordian--dropdown .accordian__toggle[class*="accordian__toggle--align"] {
    position: relative;
    top: 1px;
    border-width: 1px; }
    .accordian--block .accordian__toggle[class*="accordian__toggle--align"] + .accordian__contents, .accordian--dropdown .accordian__toggle[class*="accordian__toggle--align"] + .accordian__contents {
      border-top-width: 1px; }
  .accordian--block .accordian__toggle,
  .accordian--block .accordian__toggle a, .accordian--dropdown .accordian__toggle,
  .accordian--dropdown .accordian__toggle a {
    padding-top: 18px;
    padding-top: 1.125rem;
    padding-right: 84px;
    padding-right: 5.25rem;
    padding-bottom: 18px;
    padding-bottom: 1.125rem;
    padding-left: 24px;
    padding-left: 1.5rem; }
  .accordian--block .accordian__toggle a, .accordian--dropdown .accordian__toggle a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
.accordian--block .accordian__contents, .accordian--dropdown .accordian__contents {
  border-width: 0 1px 1px;
  border-style: solid;
  clear: both; }
  .accordian--block .accordian__contents ul,
  .accordian--block .accordian__contents ol, .accordian--dropdown .accordian__contents ul,
  .accordian--dropdown .accordian__contents ol {
    margin-bottom: 0; }
.accordian--dropdown-guide .accordian__toggle,
.accordian--dropdown-guide .accordian__toggle a {
  padding-right: 182px;
  padding-right: 11.375rem;
  padding-left: 20px;
  padding-left: 1.25rem; }
.accordian--dropdown-guide#guideJumpAccordian[open] .accordian__toggle, .accordian--dropdown-guide#guideJumpAccordian.open .accordian__toggle {
  top: 2px;
  border-bottom-width: 0; }
.accordian--dropdown-guide#guideJumpAccordian .accordian__toggle {
  border-width: 2px; }
  .accordian--dropdown-guide#guideJumpAccordian .accordian__toggle:after {
    display: block;
    border: 1px solid #ffffff; }
.accordian--dropdown-guide#guideJumpAccordian .accordian__contents {
  border-width: 2px; }
.accordian--block ul li:before,
.accordian--block ol li:before {
  display: none; }
.accordian--block li:not(:last-child) a {
  border-width: 0 0 1px;
  border-style: solid; }
.accordian--block .accordian__toggle,
.accordian--block .accordian__toggle a {
  padding-right: 84px;
  padding-right: 5.25rem;
  padding-left: 24px;
  padding-left: 1.5rem; }
.accordian--block .accordian__toggle a.active-trail.active {
  text-decoration: underline; }
.accordian--block .accordian__contents a {
  display: block;
  padding: 12px 48px 12px 24px;
  padding:  0.75rem 3rem 0.75rem 1.5rem; }
  .accordian--block .accordian__contents a:not(.faux-link) {
    text-decoration: none; }
    .accordian--block .accordian__contents a:not(.faux-link):hover, .accordian--block .accordian__contents a:not(.faux-link):focus {
      text-decoration: underline; }
  .accordian--block .accordian__contents a.active {
    text-decoration: underline; }
.accordian--dropdown .accordian__contents {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  padding-left: 12px;
  padding-left: 0.75rem; }
  @media (min-width: 30em) {
    .accordian--dropdown .accordian__contents {
      padding-right: 24px;
      padding-right: 1.5rem;
      padding-left: 24px;
      padding-left: 1.5rem; } }
  .accordian--dropdown .accordian__contents ul,
  .accordian--dropdown .accordian__contents ol {
    padding: 0;
    margin: 0; }
    .accordian--dropdown .accordian__contents ul li,
    .accordian--dropdown .accordian__contents ol li {
      padding: 0;
      margin: 0; }
    @media (min-width: 30em) {
      .accordian--dropdown .accordian__contents ul,
      .accordian--dropdown .accordian__contents ol {
        -webkit-columns:  18.125em 3;
           -moz-columns:  18.125em 3;
                columns:  18.125em 3;
        -webkit-column-rule-width: 1px;
           -moz-column-rule-width: 1px;
                column-rule-width: 1px;
        -webkit-column-rule-style: solid;
           -moz-column-rule-style: solid;
                column-rule-style: solid;
        -webkit-column-gap: 48px;
           -moz-column-gap: 48px;
                column-gap: 48px;
        -webkit-column-gap: 3rem;
           -moz-column-gap: 3rem;
                column-gap: 3rem; } }
    html.ie9 .accordian--dropdown .accordian__contents ul, html.ie9
    .accordian--dropdown .accordian__contents ol {
      margin-left: -24px;
      margin-left: -1.5rem; }
      html.ie9 .accordian--dropdown .accordian__contents ul:before, html.ie9 .accordian--dropdown .accordian__contents ul:after, html.ie9
      .accordian--dropdown .accordian__contents ol:before, html.ie9
      .accordian--dropdown .accordian__contents ol:after {
        content: " ";
        display: table;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      html.ie9 .accordian--dropdown .accordian__contents ul:after, html.ie9
      .accordian--dropdown .accordian__contents ol:after {
        clear: both; }
  .accordian--dropdown .accordian__contents li {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid-column; }
    html.ie9 .accordian--dropdown .accordian__contents li {
      padding-left: 24px;
      padding-left: 1.5rem; }
      :root[dir="ltr"] html.ie9 .accordian--dropdown .accordian__contents li, :root:not([dir]) html.ie9 .accordian--dropdown .accordian__contents li {
        float: left; }
      :root[dir="rtl"] html.ie9 .accordian--dropdown .accordian__contents li {
        float: right; }
      @media (min-width: 30em) {
        html.ie9 .accordian--dropdown .accordian__contents li {
          width: 50%; } }
      @media (min-width: 37.5em) {
        html.ie9 .accordian--dropdown .accordian__contents li {
          width: 33%; } }
    .accordian--dropdown .accordian__contents li button {
      padding: 0;
      border: none;
      text-align: left;
      background: none;
      width: 100%;
      margin-bottom: 0; }
    .accordian--dropdown .accordian__contents li a,
    .accordian--dropdown .accordian__contents li button {
      padding-top: 6px;
      padding-top: 0.375rem;
      padding-bottom: 6px;
      padding-bottom: 0.375rem; }
    .accordian--dropdown .accordian__contents li a,
    .accordian--dropdown .accordian__contents li button {
      display: block; }
      .accordian--dropdown .accordian__contents li a:not(:disabled):not(.faux-link),
      .accordian--dropdown .accordian__contents li button:not(:disabled):not(.faux-link) {
        text-decoration: none; }
        .accordian--dropdown .accordian__contents li a:not(:disabled):not(.faux-link):hover, .accordian--dropdown .accordian__contents li a:not(:disabled):not(.faux-link):focus,
        .accordian--dropdown .accordian__contents li button:not(:disabled):not(.faux-link):hover,
        .accordian--dropdown .accordian__contents li button:not(:disabled):not(.faux-link):focus {
          text-decoration: underline; }
.accordian--guide:first-child {
  counter-reset: guides_accordian_counter; }
.accordian--guide:not([open]):not(.open):last-child .accordian__toggle {
  border-bottom-width: 1px; }
.accordian--guide[open]:last-child .accordian__contents, .accordian--guide.open:last-child .accordian__contents {
  border-width: 0 0 1px;
  border-style: solid; }
.accordian--guide[open]:not(.closing) .accordian__title:after, .accordian--guide.open:not(.closing) .accordian__title:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }
.accordian--guide[open] .accordian__toggle:before, .accordian--guide.open .accordian__toggle:before {
  width: 12px;
  width: 0.75rem; }
.accordian--guide .accordian__toggle,
.accordian--guide .accordian__contents {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem; }
.accordian--guide .accordian__toggle {
  border-width: 1px 0 0;
  border-style: solid;
  padding-right: 24px;
  padding-right: 1.5rem;
  padding-left: 24px;
  padding-left: 1.5rem;
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: "futura", Arial, sans-serif;
  font-weight: 400;
  font-style: normal; }
  .accordian--guide .accordian__toggle:before {
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0;
    content: "";
    -webkit-transition: width 0.4s, background 0.4s;
            transition: width 0.4s, background 0.4s;
    width: 8px;
    width: 0.5rem; }
  .accordian--guide .accordian__toggle:hover:before {
    width: 14px;
    width: 0.875rem; }
  .accordian--guide .accordian__toggle .accordian__title {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1190px;
    max-width: 74.375rem;
    padding-right: 36px;
    padding-right: 2.25rem; }
    .accordian--guide .accordian__toggle .accordian__title:before {
      counter-increment: guides_accordian_counter;
      content: counter(guides_accordian_counter) " -";
      min-width: 33px;
      min-width: 2.0625rem;
      margin-right: 6px;
      margin-right: 0.375rem;
      font-size: 18px;
      font-size: 1.125rem; }
    .accordian--guide .accordian__toggle .accordian__title:after {
      text-decoration: underline; }
    .accordian--guide .accordian__toggle .accordian__title:hover:after, .accordian--guide .accordian__toggle .accordian__title:after {
      text-decoration: none; }
    .accordian--guide .accordian__toggle .accordian__title:after {
      right: 0;
      -webkit-transition: 0.3s;
              transition: 0.3s;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media print {
        .accordian--guide .accordian__toggle .accordian__title:after {
          display: none !important; } }
.accordian--guide .accordian__contents {
  line-height: 1.65;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  font-size: 17px;
  font-size: 1.0625rem; }
  @media (min-width: 37.5em) {
    .accordian--guide .accordian__contents {
      padding-right: 24px;
      padding-right: 1.5rem; } }
  @media (min-width: 37.5em) {
    .accordian--guide .accordian__contents {
      padding-left: 24px;
      padding-left: 1.5rem; } }
  .accordian--guide .accordian__contents * {
    font-family: "futura", Arial, sans-serif;
    font-weight: 400;
    font-style: normal; }
  .accordian--guide .accordian__contents .copy-container > h2,
  .accordian--guide .accordian__contents .copy-container > h3 {
    padding: 0.75em;
    margin-bottom: 1em;
    border-width: 0 0 1px;
    border-style: solid; }
  .accordian--guide .accordian__contents .copy-container > h2 {
    font-size: 23px;
    font-size: 1.4375rem; }
  .accordian--guide .accordian__contents .copy-container > h3 {
    font-size: 21px;
    font-size: 1.3125rem; }
.accordian__navigation {
  border-width: 1px 0 0;
  border-style: solid;
  padding-top: 24px;
  padding-top: 1.5rem;
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  @media print {
    .accordian__navigation {
      display: none !important; } }
  .accordian__navigation .button {
    width: 100%; }
    @media (min-width: 30em) {
      .accordian__navigation .button {
        width: 50%;
        margin-bottom: 0; } }
    @media (min-width: 37.5em) {
      .accordian__navigation .button {
        width: auto; } }
  .accordian__navigation-next:not(:only-child) .button, .accordian__navigation-prev:not(:only-child) .button {
    width: 100%; }
    @media (min-width: 37.5em) {
      .accordian__navigation-next:not(:only-child) .button, .accordian__navigation-prev:not(:only-child) .button {
        width: auto; } }
  :root[dir="ltr"] .accordian__navigation-next, :root:not([dir]) .accordian__navigation-next {
    text-align: right; }
  :root[dir="rtl"] .accordian__navigation-next {
    text-align: left; }
  .accordian__navigation-next .button {
    margin-bottom: 0; }

/*
  ==========================================================================
   Drawer Links
  ==========================================================================
*/
.site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a {
  position: relative;
  display: block;
  border-width: 0 0 1px;
  border-style: solid;
  min-height: 60px;
  min-height: 3.75rem;
  padding-top: 18px;
  padding-top: 1.125rem;
  padding-right: 84px;
  padding-right: 5.25rem;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
  padding-left: 24px;
  padding-left: 1.5rem; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:not(.active):not(.faux-link) {
    text-decoration: none; }
    .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:not(.active):not(.faux-link):hover, .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:not(.active):not(.faux-link):focus {
      text-decoration: underline; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:before {
    text-decoration: underline; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:hover:before, .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:before {
    text-decoration: none; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:before {
    right: 0;
    z-index: 10;
    font-size: 20px;
    font-size: 1.25rem;
    padding-right: 20px;
    padding-right: 1.25rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    -webkit-transition: 0.4s;
            transition: 0.4s;
    width: 60px;
    width: 3.75rem; }

/*
  ==========================================================================
   Breadcrumbs
  ==========================================================================
*/
.breadcrumb {
  margin: 0 0 24px;
  margin:  0 0 1.5rem; }
  @media print {
    .breadcrumb {
      display: none !important; } }
  .breadcrumb ol {
    padding: 0;
    margin: 0;
    padding-left: 12px;
    padding-left: 0.75rem;
    margin-left: -24px;
    margin-left: -1.5rem; }
    .breadcrumb ol li:before {
      display: none; }
    .breadcrumb ol li {
      padding: 0;
      margin: 0; }
    .breadcrumb ol li {
      display: inline-block;
      vertical-align: middle;
      margin-left: 12px;
      margin-left: 0.75rem;
      font-size: 14px;
      font-size: 0.875rem; }
      .breadcrumb ol li:not(:first-child):before {
        speak: none;
        position: relative;
        display: inline-block;
        left: 0;
        content: "/";
        margin-right: 12px;
        margin-right: 0.75rem; }
      .breadcrumb ol li:not(:first-child) a {
        padding-left: 12px;
        padding-left: 0.75rem;
        margin-left: -12px;
        margin-left: -0.75rem; }
      .breadcrumb ol li a {
        padding-right: 12px;
        padding-right: 0.75rem;
        margin-right: -12px;
        margin-right: -0.75rem; }
  .breadcrumb a:not(.faux-link) {
    text-decoration: none; }
    .breadcrumb a:not(.faux-link):hover, .breadcrumb a:not(.faux-link):focus {
      text-decoration: underline; }

/*
  ==========================================================================
   Paginator
  ==========================================================================
*/
.pager {
  text-align: center;
  padding: 0;
  margin: 0;
  padding: 12px 0;
  padding:  0.75rem 0; }
  @media print {
    .pager {
      display: none !important; } }
  @supports ((-webkit-flex-wrap: wrap) or (-ms-flex-wrap: wrap) or (flex-wrap: wrap)) {
    html:not(.flexwrap) .pager {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  html.flexwrap .pager {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .pager li:before {
    display: none; }
  .pager li {
    padding: 0;
    margin: 0; }
  .pager:before, .pager:after {
    content: " ";
    display: table;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .pager:after {
    clear: both; }
  @media (min-width: 37.5em) {
    .pager {
      position: relative;
      display: inline-block;
      border-width: 1px 0 0;
      border-style: solid;
      padding-right: 24px;
      padding-right: 1.5rem;
      padding-bottom: 18px;
      padding-bottom: 1.125rem;
      padding-left: 24px;
      padding-left: 1.5rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }
  .pager.pager-has-prev:not(.pager-has-next) li.pager-previous {
    width: 100%; }
    @media (min-width: 37.5em) {
      .pager.pager-has-prev:not(.pager-has-next) li.pager-previous {
        width: auto; } }
  .pager.pager-has-prev li.pager-next {
    width: 50%; }
    @media (min-width: 37.5em) {
      .pager.pager-has-prev li.pager-next {
        width: auto; } }
  .pager li {
    display: inline-block;
    font-family: "futura", Arial, sans-serif;
    font-weight: 400;
    font-style: normal; }
    .pager li:not(.pager-previous):not(.pager-next) {
      margin: 0 4px 0;
      margin:  0 0.25rem 0; }
    .pager li.pager-first, .pager li.pager-last {
      display: none; }
    .pager li.pager-previous, .pager li.pager-next {
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
          -ms-flex-order: -1;
              order: -1;
      text-transform: uppercase; }
    .pager li.pager-previous {
      width: 50%; }
      :root[dir="ltr"] .pager li.pager-previous, :root:not([dir]) .pager li.pager-previous {
        text-align: left; }
      :root[dir="rtl"] .pager li.pager-previous {
        text-align: right; }
      @media (min-width: 37.5em) {
        .pager li.pager-previous {
          width: auto; } }
    .pager li.pager-next {
      width: 100%; }
      :root[dir="ltr"] .pager li.pager-next, :root:not([dir]) .pager li.pager-next {
        text-align: right; }
      :root[dir="rtl"] .pager li.pager-next {
        text-align: left; }
      @media (min-width: 37.5em) {
        .pager li.pager-next {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1;
          width: auto; } }
  .pager a,
  .pager .pager-current {
    padding: 8px 10px 0;
    padding:  0.5rem 0.625rem 0;
    text-decoration: none;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: transparent; }
    .pager a:hover, .pager a:focus, .pager a:active,
    .pager .pager-current:hover,
    .pager .pager-current:focus,
    .pager .pager-current:active {
      border-color: inherit; }
  .pager a {
    display: inline-block; }
  .pager .pager-current {
    cursor: default; }

/*
  ==========================================================================
   Link Block
  ==========================================================================
*/
.link-block {
  border-width: 0 0 1px;
  border-style: solid;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 30px;
  padding-bottom: 1.875rem; }
  @media print {
    .link-block {
      page-break-inside: avoid; } }
  .link-block:last-child:not(:only-child) {
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }
    @media (min-width: 48.0625em) {
      .link-block:last-child:not(:only-child) {
        margin-bottom: 24px;
        margin-bottom: 1.5rem; } }
  .link-block__title, .link-block__content {
    max-width: 800px;
    max-width: 50rem; }
  .link-block a.link-block__title[data-external="true"] {
    padding-left: 0; }
    .link-block a.link-block__title[data-external="true"]:before {
      display: none; }
  .link-block__title {
    margin-top: 0;
    line-height: 1.2;
    font-family: "futura", Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem; }
    @media (min-width: 48.0625em) {
      .link-block__title {
        font-size: 25px;
        font-size: 1.5625rem; } }
    @media (min-width: 48.0625em) {
      .link-block__title {
        margin-bottom: 30px;
        margin-bottom: 1.875rem;
        line-height: 30px;
        line-height: 1.875rem; } }
    .link-block__title,
    .link-block__title a {
      display: block;
      width: 100%; }
    .link-block__title a:not(.faux-link) {
      text-decoration: none; }
      .link-block__title a:not(.faux-link):hover, .link-block__title a:not(.faux-link):focus {
        text-decoration: underline; }
  .link-block__content {
    font-family: "futura", Arial, sans-serif;
    font-weight: 200;
    font-style: normal; }
    .link-block__content > :last-child {
      margin-bottom: 0; }
  .link-block__link {
    margin-top: 6px;
    margin-top: 0.375rem;
    margin-bottom: 18px;
    margin-bottom: 1.125rem; }
  .link-block .highlight-badge {
    display: none; }
    @media print {
      .link-block .highlight-badge {
        display: none !important; } }
  .highlight-link .link-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 100%; }
    @media (min-width: 37.5em) {
      .highlight-link .link-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .highlight-link .link-block .group-link-content,
    .highlight-link .link-block .highlight-badge {
      width: 100%; }
    .highlight-link .link-block .group-link-content {
      position: relative; }
      @media (min-width: 37.5em) {
        .highlight-link .link-block .group-link-content {
          width: 75%;
          padding-right: 24px;
          padding-right: 1.5rem; }
          .highlight-link .link-block .group-link-content:after {
            position: absolute;
            right: 0;
            content: "";
            top: 24px;
            top: 1.5rem;
            bottom: 24px;
            bottom: 1.5rem;
            width: 1px;
            width: 0.0625rem; } }
    @media print and (min-width: 37.5em) {
      .highlight-link .link-block .group-link-content:after {
        display: none !important; } }

    .highlight-link .link-block .link-block__title,
    .highlight-link .link-block .link-block__content:only-child {
      margin-top: 12px;
      margin-top: 0.75rem; }
    .highlight-link .link-block .highlight-badge {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-width: 2px 0;
      border-style: solid;
      height: 60px;
      height: 3.75rem;
      padding-left: 50px;
      padding-left: 3.125rem; }
      @media (min-width: 37.5em) {
        .highlight-link .link-block .highlight-badge {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          width: 25%;
          border-width: 0;
          text-align: center;
          padding: 105px 24px 0;
          padding:  6.5625rem 1.5rem 0; } }
      .highlight-link .link-block .highlight-badge > div:before, .highlight-link .link-block .highlight-badge > div:after {
        text-decoration: underline; }
      .highlight-link .link-block .highlight-badge > div:hover:before, .highlight-link .link-block .highlight-badge > div:hover:after, .highlight-link .link-block .highlight-badge > div:before, .highlight-link .link-block .highlight-badge > div:after {
        text-decoration: none; }
      .highlight-link .link-block .highlight-badge > div:before, .highlight-link .link-block .highlight-badge > div:after {
        position: absolute;
        left: 0;
        top: 6px;
        top: 0.375rem;
        font-size: 40px;
        font-size: 2.5rem; }
        @media (min-width: 37.5em) {
          .highlight-link .link-block .highlight-badge > div:before, .highlight-link .link-block .highlight-badge > div:after {
            top: 24px;
            top: 1.5rem;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            font-size: 70px;
            font-size: 4.375rem; } }
      .highlight-link .link-block .highlight-badge > div:before {
        text-decoration: underline; }
      .highlight-link .link-block .highlight-badge > div:hover:before, .highlight-link .link-block .highlight-badge > div:before {
        text-decoration: none; }
      .highlight-link .link-block .highlight-badge > div:after {
        text-decoration: underline; }
      .highlight-link .link-block .highlight-badge > div:hover:after, .highlight-link .link-block .highlight-badge > div:after {
        text-decoration: none; }

/*
  ==========================================================================
   A-to-Z Paginator
  ==========================================================================
*/
.a-to-z-paginator {
  text-align: center; }
  @media print {
    .a-to-z-paginator {
      display: none !important; } }
  .a-to-z-paginator a {
    display: inline-block;
    padding: 4px 8px;
    padding:  0.25rem 0.5rem;
    margin-left: 4px;
    margin-left: 0.25rem;
    margin-top: 0.75em;
    margin-top: 0.75em;
    font-size: 20px;
    font-size: 1.25rem;
    text-decoration: none;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: transparent; }
    .a-to-z-paginator a:hover, .a-to-z-paginator a:focus, .a-to-z-paginator a:active {
      border-color: inherit; }
    .a-to-z-paginator a.active {
      border-color: inherit; }

/*
  ==========================================================================
   Downloader
  ==========================================================================
*/
.downloader {
  border-width: 1px 0;
  border-style: solid;
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  @media (min-width: 37.5em) {
    .downloader {
      display: table;
      width: 100%; } }
  @media print {
    .downloader {
      display: none !important; } }
  @media (min-width: 37.5em) {
    .downloader__title, .downloader__file {
      display: table-cell;
      vertical-align: middle; } }
  .downloader__title {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
    @media (min-width: 37.5em) {
      .downloader__title {
        margin-bottom: 0;
        padding-right: 24px;
        padding-right: 1.5rem; } }
  :root[dir="ltr"] .downloader__file, :root:not([dir]) .downloader__file {
    text-align: right; }
  :root[dir="rtl"] .downloader__file {
    text-align: left; }
  .downloader__file .button {
    width: 100%;
    margin-bottom: 0; }
    @media (min-width: 30em) {
      .downloader__file .button {
        width: auto; } }

/*
  ==========================================================================
   Sidenote

   *
   * A really simple module. If .sidenote exists on a <small>, make it block level on mobile so it
   * drops under any headings, then on desktop make it inline and put a dash before it.
   *
  ==========================================================================
*/
small.sidenote {
  display: block;
  line-height: 1.7; }
  @media (min-width: 37.5em) {
    small.sidenote {
      display: inline; }
      small.sidenote:before {
        display: inline-block;
        margin-right:  0.375em;
        margin-left:  0.375em;
        content: "-"; } }

/*
  ==========================================================================
   Quality Stamp
  ==========================================================================
*/
.quality-stamp {
  position: relative;
  border-width: 0 0 1px;
  border-style: solid;
  padding-bottom: 90px;
  padding-bottom: 5.625rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
  @media (min-width: 30em) {
    .quality-stamp {
      padding-bottom: 0; } }
  @media (min-width: 48.0625em) {
    .quality-stamp {
      margin-bottom: 0; } }
  .quality-stamp:before, .quality-stamp:after {
    text-decoration: underline; }
  .quality-stamp:hover:before, .quality-stamp:hover:after, .quality-stamp:before, .quality-stamp:after {
    text-decoration: none; }
  .quality-stamp:before, .quality-stamp:after {
    position: absolute;
    right: 12px;
    right: 0.75rem;
    bottom: -25px;
    bottom: -1.5625rem;
    font-size: 130px;
    font-size: 8.125rem; }
    @media (min-width: 48.0625em) {
      .quality-stamp:before, .quality-stamp:after {
        top: auto;
        top:  auto;
        bottom: -30px;
        bottom: -1.875rem;
        right: 50px;
        right: 3.125rem; } }
  .quality-stamp:before {
    text-decoration: underline; }
  .quality-stamp:hover:before, .quality-stamp:before {
    text-decoration: none; }
  .quality-stamp:after {
    text-decoration: underline; }
  .quality-stamp:hover:after, .quality-stamp:after {
    text-decoration: none; }
  .quality-stamp h2,
  .quality-stamp h3 {
    outline-width: 0;
    max-width: 900px;
    max-width: 56.25rem; }
    @media (min-width: 30em) {
      .quality-stamp h2,
      .quality-stamp h3 {
        width: 75%; } }
    @media (min-width: 30em) {
      body.drawer-open:not(.drawer-open--persist) .quality-stamp h2, body.drawer-open:not(.drawer-open--persist) .quality-stamp h3 {
        width: 65%; } }

/*
  ==========================================================================
   M7 - Promotion
  ==========================================================================
*/
.homepage__promotions .inner-container {
  max-width: 863px;
  max-width: 53.9375rem; }
.homepage__promotions-header {
  margin-left: auto;
  margin-right: auto;
  max-width: 1150px;
  max-width: 71.875rem; }
  .homepage__promotions-header h3 {
    font-family: "prata", Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem; }
    @media (min-width: 48.0625em) {
      .homepage__promotions-header h3 {
        font-size: 26px;
        font-size: 1.625rem; } }
    @media (min-width: 48.0625em) {
      .homepage__promotions-header h3 {
        margin-bottom: 30px;
        margin-bottom: 1.875rem;
        line-height: 32px;
        line-height: 2rem; } }
.homepage__promotions-footer {
  padding: 0 !important; }

.promotion {
  display: block;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 12px;
  padding: 0.75rem; }
  @media (min-width: 48.0625em) {
    .promotion .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .promotion .row > div:nth-child(2) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .promotion[data-external="true"] {
    padding-left: 0; }
    .promotion[data-external="true"]:before {
      display: none; }
  .promotion__image {
    position: relative;
    overflow: hidden; }
    .promotion__image:after {
      padding-bottom: 56.25%;
      display: block;
      height: 0;
      content: ''; }
    .promotion__image img {
      width: auto;
      height: auto;
      max-width: none;
      min-width: 100%;
      min-height: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        html:not(.objectfitcover) .promotion__image img {
          position: absolute;
          top: 0;
          left: 0;
          max-width: 100%;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none; } }
      html.objectfitcover .promotion__image img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
    .promotion__image .date-display-single,
    .promotion__image .field-name-field-boroughs {
      font-family: "futura", Arial, sans-serif;
      font-weight: 400;
      font-style: normal;
      position: relative;
      z-index: 1;
      padding: 8px 10px;
      background: #3c3c3b;
      color: #ffffff;
      top: 0;
      line-height: 1;
      float: left;
      display: inline-block; }
    .promotion__image .field-name-field-boroughs {
      background: #82bc00; }
  .promotion__body {
    /*  @include add-module-spacing($prop: padding);
      @include breakpoints(3) {
          padding-left: 0;
      }*/ }
    .promotion__body h4 {
      font-family: "futura", Arial, sans-serif;
      font-weight: 400;
      font-style: normal;
      margin: 14px 0;
      font-size: 18px;
      font-size: 1.125rem; }
      @media (min-width: 37.5em) {
        .promotion__body h4 {
          margin-top: 0; } }
    .promotion__body h5 {
      font-family: "futura", Arial, sans-serif;
      font-weight: 400;
      font-style: normal;
      margin-bottom: 25px;
      margin-bottom: 1.5625rem; }
    .promotion__body h4, .promotion__body h5 {
      line-height: 1; }
  .promotion__text p {
    font-size: 17px;
    font-size: 1.0625rem; }
    .promotion__text p:last-child {
      margin-bottom: 0; }

/*
  ==========================================================================
   Topics
  ==========================================================================
*/
.topic--full {
  margin-top: 24px;
  margin-top: 1.5rem; }
.topic--teaser .topic__image {
  position: relative;
  overflow: hidden; }
  .topic--teaser .topic__image:after {
    padding-bottom: 56.25%;
    display: block;
    height: 0;
    content: ''; }
  .topic--teaser .topic__image img {
    width: auto;
    height: auto;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
      html:not(.objectfitcover) .topic--teaser .topic__image img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
    html.objectfitcover .topic--teaser .topic__image img {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
.topic--teaser .button {
  width: 100%;
  padding: 12px 42px 12px 12px;
  padding:  0.75rem 2.625rem 0.75rem 0.75rem; }

  .topic--teaser .button span {
    right: 10px;
    right: 0.625em;
    position: absolute; }
  .topic--teaser .button,
  .topic--teaser .button h4 {
    margin-bottom: 0; }
.topic--ajax-teaser {
  padding: 24px;
  padding: 1.5rem; }
  .topic--ajax-teaser ol li {
    display: inline-block;
    width: 100%;
    padding-left: 0; }
  .topic--ajax-teaser a:not(.button) {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 6px;
    padding-top: 0.375rem;
    padding-bottom: 6px;
    padding-bottom: 0.375rem;
    padding-left: 14px;
    padding-left: 0.875rem; }
    .topic--ajax-teaser a:not(.button):not(.faux-link) {
      text-decoration: none; }
      .topic--ajax-teaser a:not(.button):not(.faux-link):hover, .topic--ajax-teaser a:not(.button):not(.faux-link):focus {
        text-decoration: underline; }
    .topic--ajax-teaser a:not(.button):before {
      position: absolute;
      left: 0;
      content: "-";
      text-decoration: none; }
    .topic--ajax-teaser a:not(.button):active:before, .topic--ajax-teaser a:not(.button):focus:before {
      content: "\25b8"; }
  .topic--ajax-teaser .topic-footer {
    text-align: center;
    padding-top: 24px;
    padding-top: 1.5rem; }
    .topic--ajax-teaser .topic-footer .button {
      margin-bottom: 0; }
.topic__terms h3 {
  max-width: 900px;
  max-width: 56.25rem; }

/*
  ==========================================================================
   Modules
  ==========================================================================
*/
.ajax-links__link {
  position: relative; }
  @media print {
    .ajax-links__link {
      page-break-inside: avoid; } }
  @media (min-width: 48.0625em) and (max-width: 60em) {
    body.drawer-open:not(.drawer-open--persist) .ajax-links__link {
      width: 50%; } }
  @media (min-width: 48.0625em) and (min-width: 48.0625em) and (max-width: 60em) {
    body.drawer-open .ajax-links__link {
      width: 50%; } }
  .ajax-links__link.active ~ .ajax-links__container {
    margin-top: 24px;
    margin-top: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
    .ajax-links__link.active ~ .ajax-links__container:before {
      border-right-width: 18px;
      border-right-width: 1.125rem;
      border-top-width: 18px;
      border-top-width: 1.125rem;
      border-left-width: 18px;
      border-left-width: 1.125rem; }
.ajax-links__container {
  position: relative;
  outline-width: 0; }
  .ajax-links__container:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 50%;
    border: 0 solid transparent;
    top: -24px;
    top: -1.5rem;
    margin-left: -18px;
    margin-left: -1.125rem; }

/*
  ==========================================================================
   Ajaxer, used on the homepage and on the topics list
  ==========================================================================
*/
@media (min-width: 30em) and (max-width: 48.0625em) {
  .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before, .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before {
    left: 25%; }
  :root[dir="rtl"] .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before, :root[dir="rtl"] .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before {
    left: 75%; } }
@media (min-width: 30em) and (max-width: 48.0625em) {
  .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before, .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before {
    left: 75%; }
  :root[dir="rtl"] .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before, :root[dir="rtl"] .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before {
    left: 25%; } }
@media (min-width: 48.0625em) {
  .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(3n+1) ~ .ajax-links__container:before, .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(3n+1) ~ .ajax-links__container:before {
    left: 16.5%; }
  :root[dir="rtl"] .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(3n+1) ~ .ajax-links__container:before, :root[dir="rtl"] .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(3n+1) ~ .ajax-links__container:before {
    left: 83.5%; } }
@media (min-width: 48.0625em) {
  .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(3n+3) ~ .ajax-links__container:before, .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(3n+3) ~ .ajax-links__container:before {
    left: 83.5%; }
  :root[dir="rtl"] .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(3n+3) ~ .ajax-links__container:before, :root[dir="rtl"] .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(3n+3) ~ .ajax-links__container:before {
    left: 16.5%; } }
@media (min-width: 30em) and (max-width: 60em) {
  body.drawer-open:not(.drawer-open--persist) .ajaxer--hot-topics .ajax-links .ajax-links__link.active ~ .ajax-links__container:before, body.drawer-open:not(.drawer-open--persist) .ajaxer--guides .ajax-links .ajax-links__link.active ~ .ajax-links__container:before {
    left: 25%; } }
@media (min-width: 30em) and (max-width: 60em) {
  body.drawer-open:not(.drawer-open--persist) .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before, body.drawer-open:not(.drawer-open--persist) .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before {
    left: 75%; } }
@media (min-width: 48.0625em) and (min-width: 30em) and (max-width: 60em) {
  body.drawer-open .ajaxer--hot-topics .ajax-links .ajax-links__link.active ~ .ajax-links__container:before, body.drawer-open .ajaxer--guides .ajax-links .ajax-links__link.active ~ .ajax-links__container:before {
    left: 25%; } }
@media (min-width: 48.0625em) and (min-width: 30em) and (max-width: 60em) {
  body.drawer-open .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before, body.drawer-open .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+2) ~ .ajax-links__container:before {
    left: 75%; } }
.ajaxer--hot-topics .ajax-links__link, .ajaxer--guides .ajax-links__link {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  @media (min-width: 30em) and (max-width: 48.0625em) {
    .ajaxer--hot-topics .ajax-links__link:nth-of-type(2n+1), .ajaxer--guides .ajax-links__link:nth-of-type(2n+1) {
      clear: left; } }
  @media (min-width: 48.0625em) {
    .ajaxer--hot-topics .ajax-links__link:nth-of-type(3n+1), .ajaxer--guides .ajax-links__link:nth-of-type(3n+1) {
      clear: left; } }
  body.drawer-open:not(.drawer-open--persist) .ajaxer--hot-topics .ajax-links__link, body.drawer-open:not(.drawer-open--persist) .ajaxer--guides .ajax-links__link {
    clear: none; }
    @media (min-width: 30em) and (max-width: 60em) {
      body.drawer-open:not(.drawer-open--persist) .ajaxer--hot-topics .ajax-links__link:nth-of-type(2n+1), body.drawer-open:not(.drawer-open--persist) .ajaxer--guides .ajax-links__link:nth-of-type(2n+1) {
        clear: left; } }
    @media (min-width: 60em) {
      body.drawer-open:not(.drawer-open--persist) .ajaxer--hot-topics .ajax-links__link:nth-of-type(3n+1), body.drawer-open:not(.drawer-open--persist) .ajaxer--guides .ajax-links__link:nth-of-type(3n+1) {
        clear: left; } }
  @media (min-width: 48.0625em) {
    body.drawer-open .ajaxer--hot-topics .ajax-links__link, body.drawer-open .ajaxer--guides .ajax-links__link {
      clear: none; } }
    @media (min-width: 48.0625em) and (min-width: 30em) and (max-width: 60em) {
      body.drawer-open .ajaxer--hot-topics .ajax-links__link:nth-of-type(2n+1), body.drawer-open .ajaxer--guides .ajax-links__link:nth-of-type(2n+1) {
        clear: left; } }
    @media (min-width: 48.0625em) and (min-width: 60em) {
      body.drawer-open .ajaxer--hot-topics .ajax-links__link:nth-of-type(3n+1), body.drawer-open .ajaxer--guides .ajax-links__link:nth-of-type(3n+1) {
        clear: left; } }
  .ajaxer--hot-topics .ajax-links__link.active ~ .ajax-links__container.loaded:before, .ajaxer--guides .ajax-links__link.active ~ .ajax-links__container.loaded:before {
    -webkit-transition: left 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
            transition: left 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .ajaxer--hot-topics .ajax-links__link.active ~ .ajax-links__container, .ajaxer--guides .ajax-links__link.active ~ .ajax-links__container {
    margin-top: 0; }
@supports ((-webkit-flex-wrap: wrap) or (-ms-flex-wrap: wrap) or (flex-wrap: wrap)) {
  html:not(.flexwrap) .ajaxer--hot-topics .ajax-links {
    text-decoration: none; }
    @media screen {
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; } }
    @media (max-width: 37.4375em) {
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links {
        padding-bottom: 20px;
        padding-bottom: 1.25rem; } }
    @media screen {
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .ajax-links__link,
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .topic--teaser {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media print {
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .ajax-links__link,
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .topic--teaser {
        width: 100%; } }
    html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .topic__title {
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "futura", Arial, sans-serif;
      font-weight: 200;
      font-style: normal; }
    @media screen {
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .topic--teaser,
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .topic--teaser .button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto; } }
    @media screen {
      html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .topic--teaser .button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
        html:not(.flexwrap) .ajaxer--hot-topics .ajax-links .topic--teaser .button:after {
          height: 3px;
          content: "";
          display: block;
          background: transparent;
          width: calc(100% + 0.200em);
          height: 3px;
          height: 0.1875rem;
          position: absolute;
          left: 50%;
          top: -5px;
          top: -0.3125rem;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.5) inset; } } }
html.flexwrap .ajaxer--hot-topics .ajax-links {
  text-decoration: none; }
  @media screen {
    html.flexwrap .ajaxer--hot-topics .ajax-links {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; } }
  @media (max-width: 37.4375em) {
    html.flexwrap .ajaxer--hot-topics .ajax-links {
      padding-bottom: 20px;
      padding-bottom: 1.25rem; } }
  @media screen {
    html.flexwrap .ajaxer--hot-topics .ajax-links .ajax-links__link,
    html.flexwrap .ajaxer--hot-topics .ajax-links .topic--teaser {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }
  @media print {
    html.flexwrap .ajaxer--hot-topics .ajax-links .ajax-links__link,
    html.flexwrap .ajaxer--hot-topics .ajax-links .topic--teaser {
      width: 100%; } }
  html.flexwrap .ajaxer--hot-topics .ajax-links .topic__title {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "futura", Arial, sans-serif;
    font-weight: 200;
    font-style: normal; }
  @media screen {
    html.flexwrap .ajaxer--hot-topics .ajax-links .topic--teaser,
    html.flexwrap .ajaxer--hot-topics .ajax-links .topic--teaser .button {
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; } }
  @media screen {
    html.flexwrap .ajaxer--hot-topics .ajax-links .topic--teaser .button {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      html.flexwrap .ajaxer--hot-topics .ajax-links .topic--teaser .button:after {
        height: 3px;
        content: "";
        display: block;
        background: transparent;
        width: calc(100% + 0.200em);
        height: 3px;
        height: 0.1875rem;
        position: absolute;
        left: 50%;
        top: -5px;
        top: -0.3125rem;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        box-shadow: 0px 0px 7px rgba(255, 255, 255, 0.5) inset; } }
.ajaxer--hot-topics .ajax-links__link.active:not(.closing) .button:before {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  margin-top: -1px; }
.ajaxer--hot-topics .ajax-links__link .button:before {
  text-decoration: underline; }
.ajaxer--hot-topics .ajax-links__link .button:hover:before, .ajaxer--hot-topics .ajax-links__link .button:before {
  text-decoration: none; }
.ajaxer--hot-topics .ajax-links__link .button:before {
  right: 0;
  z-index: 10;
  -webkit-transition: 0.3s;
          transition: 0.3s;
  right: 12px;
  right: 0.75rem;
  font-size: 20px;
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
.ajaxer--hot-topics .ajax-links__container .region {
  margin-right: -24px;
  margin-right: -1.5rem;
  margin-left: -24px;
  margin-left: -1.5rem; }
  @media (min-width: 37.5em) {
    .ajaxer--hot-topics .ajax-links__container .region {
      margin-right: 0;
      margin-left: 0; } }
.ajaxer--guides .ajax-links__link:not(:first-child) {
  margin-top: 24px;
  margin-top: 1.5rem; }
  @media (min-width: 30em) and (max-width: 48.0625em) {
    body:not(.drawer-open) .ajaxer--guides .ajax-links__link:not(:first-child):nth-of-type(-n+2) {
      margin-top: 0; } }
  @media (min-width: 48.0625em) {
    body:not(.drawer-open) .ajaxer--guides .ajax-links__link:not(:first-child):nth-of-type(-n+3) {
      margin-top: 0; } }
  @media (min-width: 30em) and (max-width: 60em) {
    body.drawer-open:not(.drawer-open--persist) .ajaxer--guides .ajax-links__link:not(:first-child):nth-of-type(-n+2) {
      margin-top: 0; } }
  @media (min-width: 60em) {
    body.drawer-open:not(.drawer-open--persist) .ajaxer--guides .ajax-links__link:not(:first-child):nth-of-type(-n+3) {
      margin-top: 0; } }
  @media (min-width: 48.0625em) and (min-width: 30em) and (max-width: 60em) {
    body.drawer-open .ajaxer--guides .ajax-links__link:not(:first-child):nth-of-type(-n+2) {
      margin-top: 0; } }
  @media (min-width: 48.0625em) and (min-width: 60em) {
    body.drawer-open .ajaxer--guides .ajax-links__link:not(:first-child):nth-of-type(-n+3) {
      margin-top: 0; } }
.ajaxer--guides .ajax-links__link .guide__title {
  font-family: "futura", Arial, sans-serif;
  font-weight: 200;
  font-style: normal; }

@media (min-width: 48.0625em) {
  .homepage__section-body.homepage__topics-body .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before, .homepage__section-body.homepage__topics-body .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before {
    left: 25%; }
  :root[dir="rtl"] .homepage__section-body.homepage__topics-body .ajaxer--hot-topics .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before, :root[dir="rtl"] .homepage__section-body.homepage__topics-body .ajaxer--guides .ajax-links .ajax-links__link.active:nth-child(2n+1) ~ .ajax-links__container:before {
    left: 75%; } }
@media (min-width: 48.0625em) {
  .homepage__section-body.homepage__topics-body .ajax-links__container:before {
    left: 75%; } }

/*
  ==========================================================================
   Column Block
  ==========================================================================
*/
.column-block {
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 0;
  -webkit-column-gap: 48px;
     -moz-column-gap: 48px;
          column-gap: 48px;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem; }
  .column-block li:before {
    display: none; }
  .column-block li {
    padding: 0;
    margin: 0; }
  @media (min-width: 0) and (max-width: 48.0625em) {
    .column-block {
      -webkit-columns:  10.9375em 2;
         -moz-columns:  10.9375em 2;
              columns:  10.9375em 2; } }
  @media (min-width: 48.0625em) {
    .column-block {
      -webkit-columns:  12.5em 3;
         -moz-columns:  12.5em 3;
              columns:  12.5em 3; } }
  .column-block li {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid-column; }
    html.ie9 .column-block li {
      float: left; }
    .column-block li a {
      display: block;
      width: 100%;
      padding-top: 6px;
      padding-top: 0.375rem;
      padding-bottom: 6px;
      padding-bottom: 0.375rem; }

/*
  ==========================================================================
   Share
  ==========================================================================
*/
.sharer {
  padding-top: 24px;
  padding-top: 1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem; }
  @media print {
    .sharer {
      display: none !important; } }
  .sharer__title {
    border-width: 0 0 1px;
    border-style: solid; }
  @media (min-width: 37.5em) {
    .sharer__row {
      display: table;
      width: 100%; } }
  @media (min-width: 37.5em) {
    .sharer__column {
      display: table-cell;
      vertical-align: middle; }
      :root[dir="ltr"] .sharer__column, :root:not([dir]) .sharer__column {
        float: none; }
      :root[dir="rtl"] .sharer__column {
        float: none; }
      html.no-js .sharer__column {
        width: 50%; } }
  html.no-js .sharer__column--print {
    display: none; }
  @media (min-width: 37.5em) {
    .sharer__column--print {
      margin-bottom: 2px;
      margin-bottom: 0.125rem; } }
  @media (min-width: 37.5em) {
    .sharer__column--share .sharer__action {
      margin-bottom: 20px;
      margin-bottom: 1.25rem; } }
  .sharer__action {
    display: block; }
    :root[dir="ltr"] .sharer__action, :root:not([dir]) .sharer__action {
      text-align: center; }
    :root[dir="rtl"] .sharer__action {
      text-align: center; }
    .sharer__action-icon {
      width: 100%;
      font-size: 50px;
      font-size: 3.125rem; }
    .sharer__action-text {
      line-height: 1.8;
      font-size: 17px;
      font-size: 1.0625rem; }
    .sharer__action a:not(.sharer__action-link--inline),
    .sharer__action button {
      display: block;
      padding: 24px;
      padding: 1.5rem; }
      @media (min-width: 37.5em) {
        .sharer__action a:not(.sharer__action-link--inline),
        .sharer__action button {
          padding-top: 36px;
          padding-top: 2.25rem; } }
    .sharer__action a {
      text-decoration: none; }
    .sharer__action button {
      width: 100%;
      margin-bottom: 0; }
      :root[dir="ltr"] .sharer__action button, :root:not([dir]) .sharer__action button {
        text-align: center; }
      :root[dir="rtl"] .sharer__action button {
        text-align: center; }
    .sharer__action-link--inline {
      display: inline-block;
      padding: 34px 18px 8px;
      padding:  2.125rem 1.125rem 0.5rem;
      font-size: 24px;
      font-size: 1.5rem; }
      @media (min-width: 37.5em) and (max-width: 43.75em) {
        html:not(.no-js) .sharer__action-link--inline {
          padding-right: 12px;
          padding-right: 0.75rem;
          padding-left: 12px;
          padding-left: 0.75rem; } }
      @media (min-width: 37.5em) and (max-width: 60em) {
        html:not(.no-js) body.drawer-open:not(.drawer-open--persist) .sharer__action-link--inline {
          padding-right: 6px;
          padding-right: 0.375rem;
          padding-left: 6px;
          padding-left: 0.375rem; } }
      @media (min-width: 37.5em) and (max-width: 60em) {
        html:not(.no-js) body.drawer-open .sharer__action-link--inline {
          padding-right: 6px;
          padding-right: 0.375rem;
          padding-left: 6px;
          padding-left: 0.375rem; } }
    .sharer__action-link-icon {
      line-height: 1; }

/*
  ==========================================================================
   WYSIWYG Styling
  ==========================================================================
*/
/*
 * Quick helper to attach functionality to content blocks
 * that are generated by a wysiwyg
 */
.wysiwyg-content:before, .wysiwyg-content:after {
  content: " ";
  display: table;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
.wysiwyg-content:after {
  clear: both; }

/*
 * Editors can create a block that spans full width of the site,
 * escaping any containers whilst the inner content retains
 * its containment. A background image, color etc can then be
 * applied.
 */
.story {
  padding-top: 36px;
  padding-top: 2.25rem;
  padding-bottom: 36px;
  padding-bottom: 2.25rem;
  margin-top: 36px;
  margin-top: 2.25rem;
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
  position: relative; }
  .story:before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    z-index: 1;
    max-width: 1300px;
    max-width: 81.25rem; }
    @media screen {
      .story:before {
        width: 100vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); } }
  .story > * {
    position: relative;
    z-index: 2; }
  .story > :last-child {
    margin-bottom: 0; }
  .story > blockquote:first-child {
    margin-top: 0; }

/*
 * Editors can create blocks that get floated
 * left or right that have a background color
 * applied to match the story styling.
 */
.pull-quote-left,
.pull-quote-right {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  padding: 12px 12px 24px;
  padding:  0.75rem 0.75rem 1.5rem; }
  @media (min-width: 37.5em) {
    .pull-quote-left,
    .pull-quote-right {
      width: 33.33%;
      max-width: 300px;
      max-width: 18.75rem; } }
  .pull-quote-left > :last-child,
  .pull-quote-right > :last-child {
    margin-bottom: 0; }

/*
 * Align pull quote left
 */
@media (min-width: 37.5em) {
  .pull-quote-left {
    float: left;
    clear: left;
    margin-right: 24px;
    margin-right: 1.5rem; } }

/*
 * Align pull quote right
 */
@media (min-width: 37.5em) {
  .pull-quote-right {
    float: right;
    clear: right;
    margin-left: 24px;
    margin-left: 1.5rem; } }

.media-element {
  padding: 24px 0px; }
  .media-element[style*="float:"] {
    float: none;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
  @media (min-width: 30em) {
    .media-element[style*="float:left"], .media-element[style*="float: left"] {
      float: left;
      margin-right: 24px;
      margin-right: 1.5rem; } }
  @media (min-width: 30em) {
    .media-element[style*="float:right"], .media-element[style*="float: right"] {
      float: right;
      margin-left: 24px;
      margin-left: 1.5rem; } }

/*
  ==========================================================================
   Homepage
  ==========================================================================
*/
.homepage__section {
  margin-bottom: 48px;
  margin-bottom: 3rem; }
  .homepage__section-header {
    margin-bottom: 22px;
    margin-bottom: 1.375rem; }
    .homepage__section-header h3 {
      margin-bottom: 0;
      font-family: "prata", Arial, sans-serif;
      font-weight: 200;
      font-style: normal;
      font-size: 22px;
      font-size: 1.375rem;
      margin-bottom: 20px;
      margin-bottom: 1.25rem;
      line-height: 26px;
      line-height: 1.625rem; }
      @media (min-width: 48.0625em) {
        .homepage__section-header h3 {
          font-size: 26px;
          font-size: 1.625rem; } }
      @media (min-width: 48.0625em) {
        .homepage__section-header h3 {
          margin-bottom: 30px;
          margin-bottom: 1.875rem;
          line-height: 32px;
          line-height: 2rem; } }
  .homepage__section-footer {
    text-align: center;
    padding-top: 24px;
    padding-top: 1.5rem;
    padding-bottom: 24px;
    padding-bottom: 1.5rem; }
    .homepage__section-footer .button {
      margin-bottom: 0; }
.homepage__guides {
  overflow: hidden;
  margin-right: -24px;
  margin-right: -1.5rem;
  margin-left: -24px;
  margin-left: -1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  padding-left: 24px;
  padding-left: 1.5rem; }
.homepage__news {
  margin-bottom: 0; }
@media (max-width: 37.4375em) {
  .homepage__promotions-footer {
    padding-bottom: 20px !important;
    padding-bottom:  1.25rem !important; } }

/*
  ==========================================================================
   Search Results
  ==========================================================================
*/
.search-results__result:not(:first-child) {
  margin-top: 24px;
  margin-top: 1.5rem; }
  @media (min-width: 30em) {
    .search-results__result:not(:first-child):nth-child(n+1) {
      margin-top: 0; } }
  @media (min-width: 30em) and (max-width: 37.5em) {
    .search-results__result:not(:first-child):nth-child(2n+1) {
      clear: left; } }
  @media (min-width: 37.5em) {
    .search-results__result:not(:first-child):nth-child(3n+1) {
      clear: left; } }
  @media (min-width: 30em) and (max-width: 37.5em) {
    .search-results__result:not(:first-child):nth-child(n+3) {
      margin-top: 48px;
      margin-top: 3rem; } }
  @media (min-width: 37.5em) {
    .search-results__result:not(:first-child):nth-child(n+4) {
      margin-top: 48px;
      margin-top: 3rem; } }
.search-results__result .field-type-file,
.search-results__result .field-type-text {
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
.search-results__result .field-type-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "futura", Arial, sans-serif;
  font-weight: 600;
  font-style: normal; }
  .search-results__result .field-type-text a:not(.faux-link) {
    text-decoration: none; }
    .search-results__result .field-type-text a:not(.faux-link):hover, .search-results__result .field-type-text a:not(.faux-link):focus {
      text-decoration: underline; }
.search-results__result .field-type-file img {
  display: block;
  width: 100%; }
.search-results__result > :only-child {
  margin-bottom: 0; }
.search-results__suggestions {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 24px;
  font-size: 1.5rem; }

/*
  ==========================================================================
   Guide
  ==========================================================================
*/
.guide--teaser.guide--guide .guide__title {
  text-align: center;
  margin-bottom: 6px;
  margin-bottom: 0.375rem; }
.guide--teaser.guide--guide .guide__image img {
  width: auto;
  height: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
.guide--teaser.guide--know-how .guide__image .field img {
  width: auto;
  height: auto;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    html:not(.objectfitcover) .guide--teaser.guide--know-how .guide__image .field img {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }
  html.objectfitcover .guide--teaser.guide--know-how .guide__image .field img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
.guide--teaser .guide__title:last-child {
  margin-bottom: 0; }
.guide--teaser .guide__image {
  margin-bottom: 18px;
  margin-bottom: 1.125rem; }
  .guide--teaser .guide__image .field {
    position: relative;
    overflow: hidden; }
    .guide--teaser .guide__image .field:after {
      padding-bottom: 56.25%;
      display: block;
      height: 0;
      content: ''; }
.guide--ajax-teaser {
  position: relative;
  border-width: 2px 0;
  border-style: solid;
  -webkit-transition: margin 1s;
          transition: margin 1s;
  padding-top: 40px;
  padding-top: 2.5rem;
  padding-bottom: 48px;
  padding-bottom: 3rem;
  padding-right: 24px;
  padding-right: 1.5rem;
  padding-left: 24px;
  padding-left: 1.5rem; }
  @media (min-width: 48.0625em) {
    .guide--ajax-teaser {
      padding-top: 60px;
      padding-top: 3.75rem; } }
  body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser {
    margin-right: -24px;
    margin-right: -1.5rem;
    margin-left: -24px;
    margin-left: -1.5rem; }
  @media (min-width: 48.0625em) {
    body.drawer-open .guide--ajax-teaser {
      margin-right: -24px;
      margin-right: -1.5rem;
      margin-left: -24px;
      margin-left: -1.5rem; } }
  body:not(.drawer-open) .guide--ajax-teaser {
    margin-right: -24px;
    margin-right: -1.5rem;
    margin-left: -24px;
    margin-left: -1.5rem; }
    @media (min-width: 74.875em) {
      body:not(.drawer-open) .guide--ajax-teaser {
        margin-right: -75px;
        margin-right: -4.6875rem;
        margin-left: -75px;
        margin-left: -4.6875rem; } }
  .guide--ajax-teaser__teaser-wrapper {
    position: relative;
    top: -40px;
    top: -2.5rem; }
    @media (min-width: 48.0625em) {
      .guide--ajax-teaser__teaser-wrapper {
        top: -60px;
        top: -3.75rem; } }
  @media (min-width: 48.0625em) {
    .guide--ajax-teaser .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .guide--ajax-teaser .guide__info {
    position: relative;
    z-index: 1; }
    @media (min-width: 48.0625em) {
      .guide--ajax-teaser .guide__info {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__info {
      width: 100%; }
      @media (min-width: 63em) {
        body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__info {
          width: 58.3333333333%; } }
    @media (min-width: 48.0625em) {
      body.drawer-open .guide--ajax-teaser .guide__info {
        width: 100%; } }
      @media (min-width: 48.0625em) and (min-width: 63em) {
        body.drawer-open .guide--ajax-teaser .guide__info {
          width: 58.3333333333%; } }
  .guide--ajax-teaser .guide__title {
    font-family: "futura", Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    position: relative;
    font-size: 24px;
    font-size: 1.5rem;
    display: block;
    line-height: 1;
    max-width: 1150px;
    max-width: 71.875rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    margin-bottom: 1.875rem; }
    @media (min-width: 48.0625em) {
      .guide--ajax-teaser .guide__title {
        margin-bottom: 50px;
        margin-bottom: 3.125rem; } }
    .guide--ajax-teaser .guide__title a {
      padding: 12px 16px;
      display: inline-block;
      text-decoration: none;
      border-bottom-left-radius: 14px;
      border-bottom-left-radius: 0.875rem;
      border-bottom-right-radius: 14px;
      border-bottom-right-radius: 0.875rem; }
      .guide--ajax-teaser .guide__title a:before {
        text-decoration: underline; }
      .guide--ajax-teaser .guide__title a:hover:before, .guide--ajax-teaser .guide__title a:before {
        text-decoration: none; }
      .guide--ajax-teaser .guide__title a:before, .guide--ajax-teaser .guide__title a > div {
        display: inline;
        vertical-align: bottom; }
  .guide--ajax-teaser .guide__summary {
    position: relative;
    font-size: 18px;
    font-size: 1.125rem; }
    .guide--ajax-teaser .guide__summary:not(:last-child) {
      margin-bottom: 48px;
      margin-bottom: 3rem; }
      @media (min-width: 48.0625em) {
        .guide--ajax-teaser .guide__summary:not(:last-child) {
          margin-bottom: 24px;
          margin-bottom: 1.5rem; } }
  .guide--ajax-teaser .guide__download-options {
    margin-top: auto;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }
    .guide--ajax-teaser .guide__download-options .button {
      margin: 0 auto;
      white-space: nowrap; }
    .guide--ajax-teaser .guide__download-options .download:not(:only-child) {
      margin-top: 24px;
      margin-top: 1.5rem; }
      @media (min-width: 30em) {
        .guide--ajax-teaser .guide__download-options .download:not(:only-child) {
          margin-top: 0; } }
  .guide--ajax-teaser .guide__image {
    position: relative;
    z-index: 0; }
    body:not(.drawer-open) .guide--ajax-teaser .guide__image {
      display: none; }
      @media (min-width: 48.0625em) {
        body:not(.drawer-open) .guide--ajax-teaser .guide__image {
          display: block; } }
    body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__image {
      display: none; }
      @media (min-width: 63em) {
        body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__image {
          display: block; } }
    @media (min-width: 48.0625em) {
      body.drawer-open .guide--ajax-teaser .guide__image {
        display: none; } }
      @media (min-width: 48.0625em) and (min-width: 63em) {
        body.drawer-open .guide--ajax-teaser .guide__image {
          display: block; } }
    .guide--ajax-teaser .guide__image .field {
      position: relative;
      margin-right: auto;
      margin-left: auto; }
      body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__image .field:before, body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__image .field:after {
        font-size: 70px;
        font-size: 4.375rem; }
        @media (min-width: 63em) {
          body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__image .field:before, body.drawer-open:not(.drawer-open--persist) .guide--ajax-teaser .guide__image .field:after {
            font-size: 90px;
            font-size: 5.625rem; } }
      @media (min-width: 48.0625em) {
        body.drawer-open .guide--ajax-teaser .guide__image .field:before, body.drawer-open .guide--ajax-teaser .guide__image .field:after {
          font-size: 70px;
          font-size: 4.375rem; } }
        @media (min-width: 48.0625em) and (min-width: 63em) {
          body.drawer-open .guide--ajax-teaser .guide__image .field:before, body.drawer-open .guide--ajax-teaser .guide__image .field:after {
            font-size: 90px;
            font-size: 5.625rem; } }
      body:not(.drawer-open) .guide--ajax-teaser .guide__image .field:before, body:not(.drawer-open) .guide--ajax-teaser .guide__image .field:after {
        font-size: 100px;
        font-size: 6.25rem; }
        @media (min-width: 60em) {
          body:not(.drawer-open) .guide--ajax-teaser .guide__image .field:before, body:not(.drawer-open) .guide--ajax-teaser .guide__image .field:after {
            font-size: 105px;
            font-size: 6.5625rem; } }
        @media (min-width: 63em) {
          body:not(.drawer-open) .guide--ajax-teaser .guide__image .field:before, body:not(.drawer-open) .guide--ajax-teaser .guide__image .field:after {
            font-size: 115px;
            font-size: 7.1875rem; } }
      .guide--ajax-teaser .guide__image .field:before, .guide--ajax-teaser .guide__image .field:after {
        text-decoration: underline; }
      .guide--ajax-teaser .guide__image .field:hover:before, .guide--ajax-teaser .guide__image .field:hover:after, .guide--ajax-teaser .guide__image .field:before, .guide--ajax-teaser .guide__image .field:after {
        text-decoration: none; }
      .guide--ajax-teaser .guide__image .field:before, .guide--ajax-teaser .guide__image .field:after {
        position: absolute;
        right: 7%;
        bottom: -15px;
        bottom: -0.9375rem;
        font-size: 70px;
        font-size: 4.375rem; }
        @media print {
          .guide--ajax-teaser .guide__image .field:before, .guide--ajax-teaser .guide__image .field:after {
            display: none !important; } }
    .guide--ajax-teaser .guide__image img {
      display: block;
      max-width: 428px;
      max-width: 26.75rem;
      margin: 0 auto; }
.guide.guide--guide .guide__summary-thumb-holder {
  margin-bottom: 40px;
  margin-bottom: 2.5rem; }
  @media (min-width: 48.0625em) {
    .guide.guide--guide .guide__summary-thumb-holder {
      display: table;
      table-layout: fixed;
      width: 100%; } }
  @media (min-width: 0) and (max-width: 60em) {
    body.drawer-open.guide.guide--guide .guide__summary-thumb-holder {
      display: block; } }
@media (min-width: 48.0625em) {
  .guide.guide--guide .guide__summary:not(:only-child),
  .guide.guide--guide .guide__thumbnail:not(:only-child) {
    display: table-cell;
    vertical-align: top; } }
@media (min-width: 0) and (max-width: 60em) {
  body.drawer-open.guide.guide--guide .guide__summary, body.drawer-open.guide.guide--guide .guide__thumbnail {
    display: block; } }
@media (min-width: 48.0625em) {
  .guide.guide--guide .guide__summary:not(:only-child) {
    width: 60%; } }
@media (min-width: 0) and (max-width: 60em) {
  body.drawer-open.guide.guide--guide .guide__summary:not(:only-child) {
    width: 100%;
    padding-top: 0; } }
.guide.guide--guide .guide__thumbnail {
  position: relative; }
  .guide.guide--guide .guide__thumbnail:only-child .field {
    max-width: 380px;
    max-width: 23.75rem; }
    @media (min-width: 40.625em) {
      .guide.guide--guide .guide__thumbnail:only-child .field:before, .guide.guide--guide .guide__thumbnail:only-child .field:after {
        font-size: 115px;
        font-size: 7.1875rem; } }
  @media (min-width: 48.0625em) {
    .guide.guide--guide .guide__thumbnail:not(:only-child) .field:before, .guide.guide--guide .guide__thumbnail:not(:only-child) .field:after {
      right: 5%;
      font-size: 11.5vw;
      -webkit-transition: 0.4s;
              transition: 0.4s;
      bottom: -15px;
      bottom: -0.9375rem; } }
  @media (min-width: 60em) {
    .guide.guide--guide .guide__thumbnail:not(:only-child) .field:before, .guide.guide--guide .guide__thumbnail:not(:only-child) .field:after {
      font-size: 115px;
      font-size: 7.1875rem; } }
  @media (min-width: 48.0625em) and (max-width: 60em) {
    body.drawer-open.guide.guide--guide .guide__thumbnail:not(:only-child) .field:before, body.drawer-open.guide.guide--guide .guide__thumbnail:not(:only-child) .field:after {
      font-size: 80px;
      font-size: 5rem; } }
  @media (min-width: 60em) and (max-width: 63em) {
    body.drawer-open.guide.guide--guide .guide__thumbnail:not(:only-child) .field:before, body.drawer-open.guide.guide--guide .guide__thumbnail:not(:only-child) .field:after {
      font-size: 90px;
      font-size: 5.625rem; } }
  .guide.guide--guide .guide__thumbnail .field {
    position: relative;
    margin-right: auto;
    margin-left: auto; }
    .guide.guide--guide .guide__thumbnail .field:before, .guide.guide--guide .guide__thumbnail .field:after {
      text-decoration: underline; }
    .guide.guide--guide .guide__thumbnail .field:hover:before, .guide.guide--guide .guide__thumbnail .field:hover:after, .guide.guide--guide .guide__thumbnail .field:before, .guide.guide--guide .guide__thumbnail .field:after {
      text-decoration: none; }
    .guide.guide--guide .guide__thumbnail .field:before, .guide.guide--guide .guide__thumbnail .field:after {
      position: absolute;
      right: 7%;
      font-size: 25vw;
      bottom: -15px;
      bottom: -0.9375rem; }
      @media (min-width: 30em) {
        .guide.guide--guide .guide__thumbnail .field:before, .guide.guide--guide .guide__thumbnail .field:after {
          font-size: 22vw; } }
      @media (min-width: 37.5em) {
        .guide.guide--guide .guide__thumbnail .field:before, .guide.guide--guide .guide__thumbnail .field:after {
          font-size: 17vw; } }
.guide.guide--know-how .guide__summary-thumb-holder {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
.guide.guide--know-how .guide__thumbnail img {
  width: 100%;
  max-width: 730px;
  max-width: 45.625rem; }
.guide .guide__top {
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-left: 12px;
  padding-left: 0.75rem; }
  @media (min-width: 48.0625em) {
    .guide .guide__top {
      padding-right: 24px;
      padding-right: 1.5rem; } }
  @media (min-width: 48.0625em) {
    .guide .guide__top {
      padding-left: 24px;
      padding-left: 1.5rem; } }
.guide .guide__summary,
.guide .guide__thumbnail {
  position: relative; }
.guide .guide__summary {
  /* 
   * Ensure higher than thumbnail so text
   * can be selected even if image scaled up.
   */
  z-index: 2;
  line-height: 1.6;
  max-width: 900px;
  max-width: 56.25rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  font-size: 19px;
  font-size: 1.1875rem;
  font-family: "futura", Arial, sans-serif;
  font-weight: 200;
  font-style: normal; }
.guide .guide__thumbnail {
  z-index: 1;
  text-align: center;
  padding: 0px 12px;
  padding:  0rem 0.75rem; }
  .guide .guide__thumbnail img {
    display: inline-block; }
.guide .guide__dropdown {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  margin-right: -12px;
  margin-right: -0.75rem;
  margin-left: -12px;
  margin-left: -0.75rem;
  display: none; }
  @media (min-width: 30em) {
    .guide .guide__dropdown {
      margin-right: 0;
      margin-left: 0; } }
  html:not(.no-js) .guide .guide__dropdown {
    display: block; }
  @media print {
    .guide .guide__dropdown {
      display: none !important; } }
  .guide .guide__dropdown .accordian__toggle {
    width: 100%;
    top: 0; }
    :root[dir="ltr"] .guide .guide__dropdown .accordian__toggle, :root:not([dir]) .guide .guide__dropdown .accordian__toggle {
      float: none; }
    :root[dir="rtl"] .guide .guide__dropdown .accordian__toggle {
      float: none; }
    @media (min-width: 30em) {
      .guide .guide__dropdown .accordian__toggle {
        width: auto;
        top: 1px; }
        :root[dir="ltr"] .guide .guide__dropdown .accordian__toggle, :root:not([dir]) .guide .guide__dropdown .accordian__toggle {
          float: right; }
        :root[dir="rtl"] .guide .guide__dropdown .accordian__toggle {
          float: left; } }
.guide__section:not(:first-child) {
  padding-top: 48px;
  padding-top: 3rem; }
.guide__external-links {
  margin-top: 24px;
  margin-top: 1.5rem; }
.guide #guideJumpAccordian {
  padding: 0 12px; }
  .guide #guideJumpAccordian ol li:before,
  .guide #guideJumpAccordian ul li:before {
    display: none; }
  @media (min-width: 30em) {
    .guide #guideJumpAccordian {
      padding: 0; } }

@media (min-width: 48.0625em) {
  .node-type-guide .heading-banner__heading,
  .node-type-guide .breadcrumb {
    max-width: 60%; } }
@media (min-width: 0) and (max-width: 60em) {
  body.drawer-open.node-type-guide .heading-banner__heading, body.drawer-open.node-type-guide .breadcrumb {
    max-width: 100%; } }
.node-type-guide .heading-banner ~ .main-content .guide__summary + .guide__thumbnail .field {
  max-width: 430px;
  max-width: 26.875rem; }
  @media (min-width: 48.0625em) {
    .node-type-guide .heading-banner ~ .main-content .guide__summary + .guide__thumbnail .field {
      max-width: 380px;
      max-width: 23.75rem;
      margin-top: -145px;
      margin-top: -9.0625rem; } }
  @media (min-width: 48.0625em) and (min-width: 48.0625em) and (max-width: 60em) {
    body.drawer-open.node-type-guide .heading-banner ~ .main-content .guide__summary + .guide__thumbnail .field {
      margin-top: 0; } }

/*
  ==========================================================================
   Modules
  ==========================================================================
*/
.landing__section:not(:last-child) {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
.landing__text {
  font-size:  1.1875em;
  line-height: 1.6;
  max-width: 900px;
  max-width: 56.25rem; }
  .landing__text p:last-child {
    margin-bottom: 0; }
.landing__image img {
  display: block;
  width: 100%;
  max-width: 730px;
  max-width: 45.625rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
  @media (min-width: 48.0625em) {
    .landing__image img {
      margin-bottom: 24px;
      margin-bottom: 1.5rem; } }

/*
  ==========================================================================
   Info Page

   *
   * This page is a generic template used for pages such as:
   * 
   * Landing
   * Topic List
   *
  ==========================================================================
*/
.info-page__group:not(:first-child), .info-page__group.info-page__group--padded {
  padding-top: 24px;
  padding-top: 1.5rem; }
.info-page__title + .info-page__group {
  padding-top: 0; }
.info-page__image img {
  display: block;
  width: 100%;
  max-width: 730px;
  max-width: 45.625rem; }
.info-page__text ul:first-child,
.info-page__text ol:first-child {
  margin-top: 24px;
  margin-top: 1.5rem; }
.info-page__text > :last-child,
.info-page__text p:last-child {
  margin-bottom: 0; }

.stats__single-stat:nth-child(2):before, .stats__single-stat:nth-child(2):after {
  content: "";
  display: block;
  height: 1px;
  width: 50%;
  background: #999998;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (min-width: 37.5em) {
    .stats__single-stat:nth-child(2):before, .stats__single-stat:nth-child(2):after {
      display: none; } }

@media (min-width: 37.5em) {
  .stats .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .stats__single-stat {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    .stats__single-stat:nth-child(2) {
      border-color: #999998;
      border-style: solid;
      border-width: 0 1px; } }
.stats__single-stat {
  padding: 24px 12px;
  text-align: center; }
  .stats__single-stat:first-child {
    padding-top: 0;
    text-align: center; }
    @media (min-width: 48.0625em) {
      .stats__single-stat:first-child {
        padding-top: 24px;
        padding-top: 1.5rem; } }
  .stats__single-stat:nth-child(2) {
    position: relative; }
    .stats__single-stat:nth-child(2):before {
      top: 0; }
    .stats__single-stat:nth-child(2):after {
      bottom: 0; }
  .stats__single-stat .field-name-field-number-value,
  .stats__single-stat .field-name-field-highlight-title {
    line-height: 1;
    font-family: "prata", Arial, sans-serif;
    font-weight: 200;
    font-style: normal; }
  .stats__single-stat .field-name-field-number-value {
    color: #96b907;
    font-size: 59px;
    font-size: 3.6875rem;
    margin-bottom: 14px;
    margin-bottom: 0.875rem; }
    @media (min-width: 48.0625em) {
      .stats__single-stat .field-name-field-number-value {
        font-size: 51px;
        font-size: 3.1875rem; } }
  .stats__single-stat .field-name-field-highlight-title {
    font-size: 31px;
    font-size: 1.9375rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
    @media (min-width: 48.0625em) {
      .stats__single-stat .field-name-field-highlight-title {
        font-size: 33px;
        font-size: 2.0625rem; } }

.m4-postcode-form {
  max-width: none;
  background: #f2f2f2;
  padding: 32px 16px;
  margin-bottom: 48px;
  margin-bottom: 3rem; }
  @media (min-width: 37.5em) {
    .m4-postcode-form {
      padding-top: 45px;
      padding-top: 2.8125rem;
      padding-bottom: 45px;
      padding-bottom: 2.8125rem; } }
  .m4-postcode-form > div {
    margin: 0 auto;
    background: #82bc00;
    max-width: 1150px;
    max-width: 71.875rem;
    padding: 24px 12px;
    box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.25); }
    @media (min-width: 37.5em) {
      .m4-postcode-form > div {
        padding: 30px 40px; } }
  .m4-postcode-form__label {
    color: #ffffff;
    padding-bottom: 0;
    position: relative;
    font-family: "futura", Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 30px;
    margin-bottom: 1.875rem;
    padding-left: 57px;
    padding-left: 3.5625rem; }
    @media (min-width: 37.5em) {
      .m4-postcode-form__label {
        font-size: 25px;
        font-size: 1.5625rem; } }
    .m4-postcode-form__label span {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 45px;
      font-size: 2.8125rem;
      padding-right: 12px;
      padding-right: 0.75rem;
      left: 0; }
  @media (min-width: 37.5em) {
    .m4-postcode-form__input-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      margin: 0 auto;
      max-width: 800px;
      max-width: 50rem; } }
  @media (min-width: 37.5em) {
    .m4-postcode-form__postcode, .m4-postcode-form__location {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 50%;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%;
      padding: 0 12px;
      padding:  0 0.75rem; } }
  @media (min-width: 37.5em) {
    .m4-postcode-form .m4-postcode-form__postcode button#edit-search-button {
      right: 14px;
      right: 0.875rem; } }
  .m4-postcode-form__or-text {
    color: #ffffff;
    margin: 24px 0;
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem;
    position: relative; }
    @media (min-width: 37.5em) {
      .m4-postcode-form__or-text {
        display: none; } }
    .m4-postcode-form__or-text:before {
      height: 1px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      content: "";
      display: block;
      background: #ffffff;
      width: 100%; }
    .m4-postcode-form__or-text span {
      padding: 0 20px;
      background: #82bc00;
      position: relative;
      z-index: 2; }
  .m4-postcode-form .m4-postcode-form__postcode {
    position: relative; }
    .m4-postcode-form .m4-postcode-form__postcode #edit-search-input {
      margin-bottom: 0; }
    .m4-postcode-form .m4-postcode-form__postcode #edit-search-button {
      position: relative;
      width: 100%;
      margin-bottom: 0; }
      @media (min-width: 37.5em) {
        .m4-postcode-form .m4-postcode-form__postcode #edit-search-button {
          position: absolute;
          top: 2px;
          top: 0.125rem;
          right: 2px;
          right: 0.125rem;
          width: auto;
          height: calc(100% - (2px * 2)); } }
  .m4-postcode-form #edit-search-input {
    border-color: #ffffff; }
  .m4-postcode-form #edit-search-button,
  .m4-postcode-form #geoBtn span {
    background: #749e2e !important;
    color: #ffffff; }
  .m4-postcode-form #geoBtn,
  .m4-postcode-form #edit-search-input {
    background: #f2f2f2;
    color: #3c3c3b; }
  .m4-postcode-form #edit-search-input::-webkit-input-placeholder {
    color: #3c3c3b !important; }
  .m4-postcode-form #edit-search-input:-moz-placeholder {
    /* Firefox 18- */
    color: #3c3c3b !important; }
  .m4-postcode-form #edit-search-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #3c3c3b !important; }
  .m4-postcode-form #edit-search-input:-ms-input-placeholder {
    color: #3c3c3b !important; }
  .m4-postcode-form #edit-search-button {
    font-size: 23px;
    font-size: 1.4375rem;
    padding: 11px 20px;
    box-shadow: none;
    border: 2px solid #ffffff !important;
    border-top: none !important; }
    .m4-postcode-form #edit-search-button:before {
      text-decoration: underline; }
    .m4-postcode-form #edit-search-button:hover:before, .m4-postcode-form #edit-search-button:before {
      text-decoration: none; }
    @media (min-width: 37.5em) {
      .m4-postcode-form #edit-search-button {
        padding-top: 0;
        padding-bottom: 0;
        border: none !important; } }
    .m4-postcode-form #edit-search-button span {
      display: none; }
  .m4-postcode-form #geoBtn {
    border-width: 2px;
    border-style: solid;
    border-color: #ffffff;
    line-height: normal;
    width: 100%;
    margin-bottom: 0;
    padding: 12px;
    padding: 0.75rem; }
    .m4-postcode-form #geoBtn > span {
      padding: 0 20px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 63px;
      width: 3.9375rem;
      font-size: 23px;
      font-size: 1.4375rem; }
      .m4-postcode-form #geoBtn > span:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        top: calc(50% - 2px); }
  .m4-postcode-form #postcode_finder_message {
    color: #ffffff;
    border-style: solid;
    border-width: 1px;
    padding: 12px;
    padding: 0.75rem; }
    .m4-postcode-form #postcode_finder_message:empty {
      border: none;
      padding: 0;
      margin: 0; }

.homepage__news .group-new-link,
.homepage__news .group-new-link .field-type-text:not(.field-name-field-guides-title),
.homepage__news .group-new-link .field-type-text-with-summary {
  text-decoration: none; }
.homepage__news .field-name-field-image {
  line-height: 0; }
.homepage__news .field-type-text:not(.field-name-field-guides-title) {
  color: #6a9036;
  padding: 16px 0 6px;
  font-size: 16px;
  font-size: 1rem;
  text-align: center; }
  @media (min-width: 37.5em) {
    .homepage__news .field-type-text:not(.field-name-field-guides-title) {
      font-size: 18px;
      font-size: 1.125rem;
      text-align: left; } }
.homepage__news .field-type-text-with-summary {
  color: #505050;
  display: none;
  font-size: 17px;
  font-size: 1.0625rem; }
  @media (min-width: 37.5em) {
    .homepage__news .field-type-text-with-summary {
      display: block; } }

/*
  ==========================================================================
   Share
  ==========================================================================
*/
.social-full {
  background: #f2f2f2;
  margin-top: 16px;
  margin-top: 1rem;
  border-style: solid;
  border-color: #c2c2c2;
  border-width: 1px 0px; }
  .social-full .social__feed-header {
    border-style: solid;
    border-color: #c2c2c2;
    border-width: 0 0 1px; }

.social-feeds {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .social-feeds ul li:before,
  .social-feeds ol li:before {
    display: none; }
  @media (min-width: 37.5em) {
    .social-feeds,
    .social-feeds .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  .social-feeds .row {
    margin-right: 0;
    margin-left: 0; }
  .social-feeds .social__feed {
    position: relative;
    padding-bottom: 22px;
    padding-bottom: 1.375rem;
    /**
     * Post styles
     */ }
    @media (min-width: 37.5em) {
      .social-feeds .social__feed {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
    @media (max-width: 37.4375em) {
      .social-feeds .social__feed {
        padding-bottom: 0; } }
    .social-feeds .social__feed-post-header-title {
      color: #353535;
      font-family: "futura", Arial, sans-serif;
      font-weight: 600;
      font-style: normal; }
    .social-feeds .social__feed-header {
      color: #96b907;
      text-align: center;
      line-height: 1;
      margin: 0 0 22px;
      padding: 44px 0px 22px; }
      @media (min-width: 48.0625em) {
        .social-feeds .social__feed-header {
          padding: 22px 0px 11px; } }
      .social-feeds .social__feed-header span[class^='icon'] {
        display: inline-block;
        font-size: 40px;
        font-size: 2.5rem; }
        @media (min-width: 48.0625em) {
          .social-feeds .social__feed-header span[class^='icon'] {
            font-size: 45px;
            font-size: 2.8125rem; } }
    .social-feeds .social__feed-content {
      position: relative; }
      .social-feeds .social__feed-content p {
        font-size: 16px;
        font-size: 1rem; }
      @media (min-width: 37.5em) {
        .social-feeds .social__feed-content {
          -webkit-box-flex: 1;
          -webkit-flex: 1 0 auto;
              -ms-flex: 1 0 auto;
                  flex: 1 0 auto;
          overflow-y: auto;
          max-height: 1000px;
          max-height: 62.5rem; } }
      .social-feeds .social__feed-content .collection-item {
        margin-bottom: 24px;
        margin-bottom: 1.5rem; }
        .social-feeds .social__feed-content .collection-item:first-child {
          padding-top: 0;
          border-top-width: 0; }
        .social-feeds .social__feed-content .collection-item:last-child {
          padding-bottom: 0;
          border-bottom-width: 0;
          margin-bottom: 0; }
      .social-feeds .social__feed-content ol, .social-feeds .social__feed-content li {
        padding: 0; }
      .social-feeds .social__feed-content ol {
        list-style-type: none;
        padding: 3px;
        padding: 0.1875rem; }
    .social-feeds .social__feed-cta {
      padding-top: 24px;
      padding-top: 1.5rem;
      margin-top: 24px;
      margin-top: 1.5rem; }
      .social-feeds .social__feed-cta .button {
        width: 100%;
        margin-bottom: 0;
        text-align: center; }
    .social-feeds .social__feed-post-content:not(:last-child), .social-feeds .social__feed-post-author:not(:last-child), .social-feeds .social__feed-post-caption:not(:last-child), .social-feeds .social__feed-post-link:not(:last-child) {
      margin-bottom: 10px;
      margin-bottom: 0.625rem; }
    .social-feeds .social__feed-post-header {
      margin-bottom: 12px;
      margin-bottom: 0.75rem; }
      .social-feeds .social__feed-post-header-image {
        margin-right: 12px;
        margin-right: 0.75rem; }
      .social-feeds .social__feed-post-header-title {
        color: #353535;
        font-size: 16px;
        font-size: 1rem; }
      .social-feeds .social__feed-post-header-link {
        display: inline-block; }
    .social-feeds .social__feed-post-content {
      word-wrap: break-word; }
      .social-feeds .social__feed-post-content > :last-child {
        margin-bottom: 0; }
      .social-feeds .social__feed-post-content img {
        display: block;
        margin: 0 auto; }
    .social-feeds .social__feed-post-author:before {
      speak: none;
      display: inline-block;
      content: "\2014";
      margin-right: 4px;
      margin-right: 0.25rem; }
    .social-feeds .social__feed-post-link {
      line-height: 1; }
      :root[dir="ltr"] .social-feeds .social__feed-post-link, :root:not([dir]) .social-feeds .social__feed-post-link {
        text-align: right; }
      :root[dir="rtl"] .social-feeds .social__feed-post-link {
        text-align: left; }
    .social-feeds .social__feed-post iframe {
      width: 100% !important; }
    .social-feeds .social__feed-post video {
      width: 100%; }
    .social-feeds .social__feed--twitter .social__feed-post {
      border: 1px solid #f6f6f1;
      padding: 15px 20px;
      background: #ffffff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .social-feeds .social__feed--twitter .social__feed-post .views-field-profile-image-url {
      margin-right: 24px;
      margin-right: 1.5rem; }
      :root[dir="ltr"] .social-feeds .social__feed--twitter .social__feed-post .views-field-profile-image-url, :root:not([dir]) .social-feeds .social__feed--twitter .social__feed-post .views-field-profile-image-url {
        float: left; }
      :root[dir="rtl"] .social-feeds .social__feed--twitter .social__feed-post .views-field-profile-image-url {
        float: right; }
    .social-feeds .social__feed--twitter .social__feed-post .twitter-default-title {
      color: #353535;
      font-family: "futura", Arial, sans-serif;
      font-weight: 600;
      font-style: normal;
      font-size: 16px;
      font-size: 1rem; }
    .social-feeds .social__feed--twitter .social__feed-post .views-field-text {
      clear: both; }
    .social-feeds .social__feed--twitter iframe {
      display: block !important;
      margin: 0 auto !important; }
    .social-feeds .social__feed--facebook .media {
      float: none !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .social-feeds .social__feed--facebook .media__img, .social-feeds .social__feed--facebook .media__body {
        color: #353535;
        display: inline-block;
        vertical-align: middle; }
      .social-feeds .social__feed--facebook .media__img {
        margin-right: 24px;
        margin-right: 1.5rem; }
      .social-feeds .social__feed--facebook .media__body {
        font-family: "futura", Arial, sans-serif;
        font-weight: 600;
        font-style: normal; }
    .social-feeds .social__feed--facebook .social__feed-post {
      border: 1px solid #f6f6f1;
      padding: 15px 20px;
      background: #ffffff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    .social-feeds .social__feed--youtube .social__feed-post-content {
      text-align: center; }
      .social-feeds .social__feed--youtube .social__feed-post-content .social__feed-post-header-title {
        text-align: left;
        margin-bottom: 16px;
        margin-bottom: 1rem; }
      .social-feeds .social__feed--youtube .social__feed-post-content a.youtube-thumbnail {
        position: relative;
        display: inline-block; }
        .social-feeds .social__feed--youtube .social__feed-post-content a.youtube-thumbnail:before {
          text-decoration: underline; }
        .social-feeds .social__feed--youtube .social__feed-post-content a.youtube-thumbnail:hover:before, .social-feeds .social__feed--youtube .social__feed-post-content a.youtube-thumbnail:before {
          text-decoration: none; }
        .social-feeds .social__feed--youtube .social__feed-post-content a.youtube-thumbnail:before {
          font-size: 70px;
          font-size: 4.375rem;
          color: rgba(255, 255, 255, 0.75);
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%); }
    .social-feeds .social__feed--youtube .social__feed-post {
      border: 1px solid #f6f6f1;
      padding: 15px 20px;
      background: #ffffff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.node-type-homepage .social-full {
  margin-top: 48px;
  margin-top: 3rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  .node-type-homepage .social-full .social__feed-header {
    padding: 22px 0px 22px; }

/* ==========================================================================
   Twitter
   ========================================================================== */
.twitter-feed .section-heading {
  position: relative;
  text-align: center; }
  .twitter-feed .section-heading:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    content: "";
    height: 1px;
    margin-top: -1px; }
  .twitter-feed .section-heading[class*="columns-"]:before {
    right: 12px;
    right: 0.75rem;
    left: 12px;
    left: 0.75rem; }
  .twitter-feed .section-heading h3 {
    padding: 0.5em;
    color: #96b907;
    font-size: 36px;
    font-size: 2.25rem; }
.twitter-feed .item-list ul {
  padding: 0;
  margin: 0;
  border-color: #c2c2c2;
  border-style: solid;
  border-width: 1px 0px;
  background: #f2f2f2;
  padding: 16px 0px; }
  .twitter-feed .item-list ul li:before {
    display: none; }
  .twitter-feed .item-list ul li {
    margin: 0; }
@media screen and (min-width: 37.5em) {
  .twitter-feed .item-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

  @media (min-width: 48.0625em) {
    .twitter-feed .item-list ul {
      padding: 32px 0px; } }
  .twitter-feed .item-list ul li {
    position: relative;
    padding-bottom: 16px;
    padding-bottom: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    /*.twitter-user-name span {
        @include style-pseudo($pseudo: 'before') {
            content: "@";
        }
    }*/ }
    @media print {
      .twitter-feed .item-list ul li {
        page-break-inside: avoid; } }
    .twitter-feed .item-list ul li:after {
      position: absolute;
      right: 0;
      bottom: 0;
      content: "";
      height: 1px;
      left: 12px;
      left: 0.75rem; }
    @media (min-width: 37.5em) {
      .twitter-feed .item-list ul li, .twitter-feed .item-list ul li > span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
      .twitter-feed .item-list ul li > span, .twitter-feed .item-list ul li > span .social__feed-post {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; } }
    .twitter-feed .item-list ul li .social__feed-post {
      margin-bottom: 16px;
      margin-bottom: 1rem; }
      .twitter-feed .item-list ul li .social__feed-post {
        border: 1px solid #f6f6f1;
        padding: 15px 20px;
        background: #ffffff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
      @media (min-width: 48.0625em) {
        .twitter-feed .item-list ul li .social__feed-post {
          margin: 0; } }
    .twitter-feed .item-list ul li .twitter-profile-image {
      margin-right: 24px;
      margin-right: 1.5rem; }
      :root[dir="ltr"] .twitter-feed .item-list ul li .twitter-profile-image, :root:not([dir]) .twitter-feed .item-list ul li .twitter-profile-image {
        float: left; }
      :root[dir="rtl"] .twitter-feed .item-list ul li .twitter-profile-image {
        float: right; }
    .twitter-feed .item-list ul li .twitter-default-title,
    .twitter-feed .item-list ul li .twitter-user-name {
      overflow: hidden; }
    .twitter-feed .item-list ul li .twitter-default-title {
      font-family: "futura", Arial, sans-serif;
      font-weight: 600;
      font-style: normal;
      font-size: 16px;
      font-size: 1rem; }
      @media (min-width: 37.5em) {
        .twitter-feed .item-list ul li .twitter-default-title {
          clear: both; } }
      @media (min-width: 48.0625em) {
        .twitter-feed .item-list ul li .twitter-default-title {
          clear: none; } }
    .twitter-feed .item-list ul li .twitter-date {
      position: absolute;
      top: 0;
      right: 12px;
      right: 0.75rem;
      font-size: 15px;
      font-size: 0.9375rem; }
    .twitter-feed .item-list ul li .twitter-text {
      clear: left;
      font-size: 16px;
      font-size: 1rem; }
.twitter-feed .view-footer {
  margin: 6px;
  margin: 0.375rem; }
  :root[dir="ltr"] .twitter-feed .view-footer, :root:not([dir]) .twitter-feed .view-footer {
    text-align: right; }
  :root[dir="rtl"] .twitter-feed .view-footer {
    text-align: left; }
  .twitter-feed .view-footer p {
    margin: 0; }

/* ==========================================================================
   Sidebar
   ========================================================================== */
.sidebar .block-menu-block {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .sidebar .block-menu-block:not(.open) .menu-block-wrapper {
    display: none; }
    @media (min-width: 48.0625em) {
      .sidebar .block-menu-block:not(.open) .menu-block-wrapper {
        display: block !important; } }
  .sidebar .block-menu-block a,
  .sidebar .block-menu-block .faux-link {
    display: block; }
    .sidebar .block-menu-block a:not(.faux-link),
    .sidebar .block-menu-block .faux-link:not(.faux-link) {
      text-decoration: none; }
      .sidebar .block-menu-block a:not(.faux-link):hover, .sidebar .block-menu-block a:not(.faux-link):focus,
      .sidebar .block-menu-block .faux-link:not(.faux-link):hover,
      .sidebar .block-menu-block .faux-link:not(.faux-link):focus {
        text-decoration: underline; }
  .sidebar .block-menu-block .menu a,
  .sidebar .block-menu-block .menu .faux-link {
    border-width: 0 1px 1px;
    border-style: solid;
    padding: 12px;
    padding: 0.75rem;
    font-size: 16px;
    font-size: 1rem; }
    @media (min-width: 37.5em) {
      .sidebar .block-menu-block .menu a,
      .sidebar .block-menu-block .menu .faux-link {
        font-size: 14px;
        font-size: 0.875rem; } }
    @media (min-width: 48.0625em) {
      .sidebar .block-menu-block .menu a,
      .sidebar .block-menu-block .menu .faux-link {
        border-width: 0;
        padding-left: 0 !important; } }
  .sidebar .block-menu-block h2 {
    position: relative;
    margin-bottom: 0;
    border-width: 2px;
    border-style: solid;
    text-align: left;
    cursor: pointer;
    font-family: "futura", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 12px 15px 12px;
    padding:  0.75rem 0.9375rem 0.75rem;
    font-size: 18px;
    font-size: 1.125rem; }
    @media (min-width: 37.5em) {
      .sidebar .block-menu-block h2 {
        font-size: 16px;
        font-size: 1rem; } }
    @media (min-width: 48.0625em) {
      .sidebar .block-menu-block h2 {
        line-height: 1;
        border-width: 0 0 1px;
        text-align: left;
        cursor: text;
        padding: 0 0 16px;
        padding:  0 0 1rem; } }
    .sidebar .block-menu-block h2 > a {
      text-decoration: none !important; }
    .sidebar .block-menu-block h2:after {
      padding: 15px;
      padding: 0.9375rem;
      right: 1px;
      right: 0.0625rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (min-width: 48.0625em) {
        .sidebar .block-menu-block h2:after {
          display: none; } }
  .sidebar .block-menu-block .menu-block-wrapper > .menu {
    padding: 0; }
    @media (min-width: 48.0625em) {
      .sidebar .block-menu-block .menu-block-wrapper > .menu {
        font-size: 16px;
        font-size: 1rem;
        font-family: "futura", Arial, sans-serif;
        font-weight: 400;
        font-style: normal;
        border-bottom: 1px solid #c2c2c2; } }
    .sidebar .block-menu-block .menu-block-wrapper > .menu li {
      padding-left: 0; }
      @media (min-width: 48.0625em) {
        .sidebar .block-menu-block .menu-block-wrapper > .menu li {
          padding-left: 0;
          padding-left: 0; } }
    @media (min-width: 48.0625em) {
      .sidebar .block-menu-block .menu-block-wrapper > .menu > li {
        padding-left: 0; } }
  .sidebar .block-menu-block .menu {
    margin-bottom: 0; }
    .sidebar .block-menu-block .menu li:before {
      display: none; }
  .sidebar .block-menu-block li {
    margin-bottom: 0; }
  .sidebar .block-menu-block + .block-menu-block h2 {
    border-top-width: 0; }
.sidebar__related-links {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  .sidebar__related-links:not(.open) ul {
    display: none; }
    @media (min-width: 48.0625em) {
      .sidebar__related-links:not(.open) ul {
        display: block !important; } }
  .sidebar__related-links a,
  .sidebar__related-links .faux-link {
    display: block; }
    .sidebar__related-links a:not(.faux-link),
    .sidebar__related-links .faux-link:not(.faux-link) {
      text-decoration: none; }
      .sidebar__related-links a:not(.faux-link):hover, .sidebar__related-links a:not(.faux-link):focus,
      .sidebar__related-links .faux-link:not(.faux-link):hover,
      .sidebar__related-links .faux-link:not(.faux-link):focus {
        text-decoration: underline; }
  .sidebar__related-links a,
  .sidebar__related-links .faux-link {
    border-width: 0 1px 1px;
    border-style: solid;
    padding: 12px;
    padding: 0.75rem;
    font-size: 16px;
    font-size: 1rem; }
    @media (min-width: 37.5em) {
      .sidebar__related-links a,
      .sidebar__related-links .faux-link {
        font-size: 14px;
        font-size: 0.875rem; } }
    @media (min-width: 48.0625em) {
      .sidebar__related-links a,
      .sidebar__related-links .faux-link {
        border-width: 0;
        padding-left: 0 !important; } }
  .sidebar__related-links .field-label {
    position: relative;
    margin-bottom: 0;
    border-width: 2px;
    border-style: solid;
    text-align: left;
    cursor: pointer;
    font-family: "futura", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 12px 15px 12px;
    padding:  0.75rem 0.9375rem 0.75rem;
    font-size: 18px;
    font-size: 1.125rem; }
    @media (min-width: 37.5em) {
      .sidebar__related-links .field-label {
        font-size: 16px;
        font-size: 1rem; } }
    @media (min-width: 48.0625em) {
      .sidebar__related-links .field-label {
        line-height: 1;
        border-width: 0 0 1px;
        text-align: left;
        cursor: text;
        padding: 0 0 16px;
        padding:  0 0 1rem; } }
    .sidebar__related-links .field-label > a {
      text-decoration: none !important; }
    .sidebar__related-links .field-label:after {
      padding: 15px;
      padding: 0.9375rem;
      right: 1px;
      right: 0.0625rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
      @media (min-width: 48.0625em) {
        .sidebar__related-links .field-label:after {
          display: none; } }
  .sidebar__related-links .field {
    padding-left: 0; }
  @media (min-width: 48.0625em) {
    .sidebar__related-links a {
      border-bottom-width: 1px; } }

#comments.comment-wrapper {
  border-top: 1px solid #c2c2c2;
  margin-top: 24px;
  margin-top: 1.5rem; }
  #comments.comment-wrapper h2.title:first-child {
    font-family: "prata", Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    line-height: 26px;
    line-height: 1.625rem; }
    @media (min-width: 48.0625em) {
      #comments.comment-wrapper h2.title:first-child {
        font-size: 26px;
        font-size: 1.625rem; } }
    @media (min-width: 48.0625em) {
      #comments.comment-wrapper h2.title:first-child {
        margin-bottom: 30px;
        margin-bottom: 1.875rem;
        line-height: 32px;
        line-height: 2rem; } }
  #comments.comment-wrapper h2.title, #comments.comment-wrapper h2.title:first-child {
    margin-top: 20px;
    margin-top: 1.25rem; }
    @media (min-width: 48.0625em) {
      #comments.comment-wrapper h2.title, #comments.comment-wrapper h2.title:first-child {
        margin-top: 30px;
        margin-top: 1.875rem; } }
  #comments.comment-wrapper .comment {
    background: #f2f2f2;
    padding: 22px 16px;
    margin-bottom: 12px;
    margin-bottom: 0.75rem; }
    @media (min-width: 48.0625em) {
      #comments.comment-wrapper .comment {
        padding: 32px 18px;
        margin-bottom: 24px;
        margin-bottom: 1.5rem; } }
    #comments.comment-wrapper .comment:last-of-type {
      margin-bottom: 0; }
    #comments.comment-wrapper .comment h3 {
      margin-bottom: 10px;
      margin-bottom: 0.625rem; }
      @media (min-width: 48.0625em) {
        #comments.comment-wrapper .comment h3 {
          margin-bottom: 15px;
          margin-bottom: 0.9375rem; } }
      #comments.comment-wrapper .comment h3 a {
        text-decoration: none; }
        #comments.comment-wrapper .comment h3 a:hover, #comments.comment-wrapper .comment h3 a:focus, #comments.comment-wrapper .comment h3 a:active {
          text-decoration: underline; }
    #comments.comment-wrapper .comment .submitted .permalink {
      display: none; }
    #comments.comment-wrapper .comment .submitted span[content][datatype] {
      color: #838383;
      display: block;
      font-family: "futura", Arial, sans-serif;
      font-weight: 400;
      font-style: normal;
      margin-bottom: 12px;
      margin-bottom: 0.75rem; }
      @media (min-width: 48.0625em) {
        #comments.comment-wrapper .comment .submitted span[content][datatype] {
          margin-bottom: 24px;
          margin-bottom: 1.5rem; } }
    #comments.comment-wrapper .comment .links {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      margin: 0;
      padding: 0; }
      #comments.comment-wrapper .comment .links li:before {
        display: none; }
      #comments.comment-wrapper .comment .links li {
        margin: 0;
        padding: 0px 20px;
        padding:  0rem 1.25rem; }
  @media (min-width: 37.5em) {
    #comments.comment-wrapper .form-actions button#edit-submit {
      margin-left: 12px;
      margin-left: 0.75rem; } }

#wrap-rlw {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
  border: none !important; }
  #wrap-rlw .rlw-body {
    position: relative;
    overflow: visible !important; }
    #wrap-rlw .rlw-body:before, #wrap-rlw .rlw-body:after {
      height: 1px;
      content: "";
      display: block;
      width: 100%;
      background: #f2f2f2;
      position: absolute; }
    #wrap-rlw .rlw-body:before {
      top: -1.5rem; }
    #wrap-rlw .rlw-body:after {
      bottom: -1.5rem; }
  #wrap-rlw.rlw-root.rlw-staging::before {
    display: none !important; }
  #wrap-rlw ul li:before,
  #wrap-rlw ol li:before {
    display: none; }

.banner {
  line-height: 0;
  position: relative; }
  .single-banner-holder {
    margin-bottom: 0; }
  @media (min-width: 48.0625em) {
    .banner {
      margin-bottom: 24px;
      margin-bottom: 1.5rem; } }
  .banner--strapline-only {
    margin-bottom: 0; }
    .banner--strapline-only .banner__strapline {
      position: static;
      padding-bottom: 0;
      padding-left: 12px;
      padding-left: 0.75rem;
      padding-right: 12px;
      padding-right: 0.75rem; }
      @media (min-width: 37.5em) {
        .banner--strapline-only .banner__strapline {
          padding-left: 24px;
          padding-left: 1.5rem;
          padding-right: 24px;
          padding-right: 1.5rem; } }
  .banner__image-container {
    position: relative; }
    .banner__image-container img {
      -webkit-transition: 0.5s height;
              transition: 0.5s height;
      width: 100%;
      height: 130px;
      height: 8.125rem;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: 50% 50%;
         object-position: 50% 50%; }
      @media (min-width: 37.5em) {
        .banner__image-container img {
          height: 316px;
          height: 19.75rem; } }
  .banner__strapline {
    -webkit-transition: 1s background-color;
            transition: 1s background-color;
    padding: 24px 12px;
    background: rgba(255, 255, 255, 0); }
    @media (min-width: 48.0625em) {
      .banner__strapline {
        position: absolute;
        width: 100%;
        padding: 25px 230px;
        background: rgba(255, 255, 255, 0.75); } }
    @media (min-width: 48.0625em) {
      .banner__strapline {
        bottom: -1px; } }
    .banner__strapline h1 {
      font-family: "prata", Arial, sans-serif;
      font-weight: 200;
      font-style: normal;
      font-size: 34px;
      font-size: 2.125rem;
      margin-bottom: 30px;
      margin-bottom: 1.875rem;
      line-height: 46px;
      line-height: 2.875rem;
      margin: 0 !important; }
      @media (min-width: 48.0625em) {
        .banner__strapline h1 {
          font-size: 44px;
          font-size: 2.75rem; } }
      @media (min-width: 48.0625em) {
        .banner__strapline h1 {
          margin-bottom: 40px;
          margin-bottom: 2.5rem;
          line-height: 54px;
          line-height: 3.375rem; } }
  html.no-objectfitcover .banner__image-container {
    -webkit-transition: 0.5s height;
            transition: 0.5s height;
    height: 130px;
    height: 8.125rem; }
    @media (min-width: 37.5em) {
      html.no-objectfitcover .banner__image-container {
        height: 316px;
        height: 19.75rem; } }
    html.no-objectfitcover .banner__image-container img {
      position: absolute;
      top: 0;
      left: 50%;
      max-width: none;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      height: 130px;
      height: 8.125rem;
      width: 592px;
      width: 37rem; }
      @media (min-width: 37.5em) {
        html.no-objectfitcover .banner__image-container img {
          height: 316px;
          height: 19.75rem;
          width: 1440px;
          width: 90rem; } }

#cookie-message {
  background: #f3f3f3;
  border-bottom: 2px solid #505050;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 24px 24px; }
  #cookie-message.hidden {
    display: none; }
  @media (min-width: 60em) {
    #cookie-message {
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  #cookie-message p,
  #cookie-message span[role='button'] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%; }
    @media (min-width: 60em) {
      #cookie-message p,
      #cookie-message span[role='button'] {
        -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
                flex-basis: auto; } }
  #cookie-message p {
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
    @media (min-width: 60em) {
      #cookie-message p {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; } }
    #cookie-message p a {
      color: #303030; }
  #cookie-message span[role='button'] {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    text-align: right; }
    @media (min-width: 60em) {
      #cookie-message span[role='button'] {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin-bottom: 0; } }
    #cookie-message span[role='button']:hover {
      cursor: pointer; }
    #cookie-message span[role='button'] span {
      font-size: 18px;
      font-size: 1.125rem;
      padding-left: 12px;
      padding-left: 0.75rem; }

.upload-event {
  padding: 24px 12px;
  margin-top: 12px;
  margin-top: 0.75rem; }
  @media (min-width: 37.5em) {
    .upload-event {
      margin-top: 24px;
      margin-top: 1.5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }
  .upload-event button,
  .upload-event .button {
    margin-bottom: 0; }
    @media (max-width: 37.4375em) {
      .upload-event button,
      .upload-event .button {
        width: 100%; } }
  @media (min-width: 37.5em) {
    .upload-event__copy {
      margin-bottom: 0;
      padding-right: 60px;
      padding-right: 3.75rem; } }

.twitter {
  background: #ffffff !important;
  color: #555555 !important;
  box-shadow: 0 0 7px 5px #f2f2f2;
  padding: 20px;
  padding: 1.25rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  margin-left: 2px !important;
  margin-right: 0 !important;
  padding-top: 30px;
  padding-top: 1.875rem;
  padding-bottom: 51px;
  padding-bottom: 3.1875rem;
  height: 100%; }
  @media (min-width: 30em) {
    .twitter {
      padding-bottom: 25px;
      padding-bottom: 1.5625rem; } }
  .twitter__tweet {
    padding-bottom: 11px; }
    @media (min-width: 30em) {
      .twitter__tweet {
        padding-bottom: 0; } }
    .twitter__tweet--img img {
      float: left;
      padding-right: 5px;
      padding-right: 0.3125rem; }
    .twitter__tweet--user-name {
      color: #838383;
      padding-bottom: 10px;
      padding-bottom: 0.625rem; }
  .twitter__link {
    text-align: center;
    top: 0;
    height: 0; }
    @media (min-width: 30em) {
      .twitter__link {
        text-align: right;
        position: relative;
        top: 50px;
        top: 3.125rem; } }
    .twitter__link .icon-Arrow_right {
      color: #838383;
      font-size: 25px;
      font-size: 1.5625rem;
      padding-left: 20px;
      padding-left: 1.25rem; }
    .twitter__link .icon-Twitter {
      font-size: 30px;
      font-size: 1.875rem; }

.blog--author-and-date {
  color: #838383;
  padding-bottom: 7px; }
  .blog--author-and-date span {
    font-weight: 500; }

.node-type-news .blog--author-and-date {
  border-bottom: 1px solid #d7dcdf;
  width: 300px;
  width: 18.75rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-bottom: 7px;
  padding-bottom: 0.4375rem; }

.field-name-field-rows .group-heading {
  margin-top: 15px;
  margin-top: 0.9375rem; }
.field-name-field-rows .row {
  border-top: solid #d7dcdf 1px;
  padding: 15px;
  padding: 0.9375rem; }
.field-name-field-rows .field-item:last-child .row {
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  border-bottom: solid #d7dcdf 1px;}
/*
  ==========================================================================
   Templates
  ==========================================================================
*/
/*
  ==========================================================================
   A-to-Z
  ==========================================================================
*/
.page-a-to-z .view-a-to-z .a-z-description {
  line-height: 1.6;
  max-width: 800px;
  max-width: 50rem;
  font-size: 19px;
  font-size: 1.1875rem; }
.page-a-to-z .view-a-to-z .link-block:last-child {
  margin-bottom: 0; }
.page-a-to-z .view-a-to-z .link-block > div:only-child .link-block__title {
  margin-bottom: 0; }

/*
  ==========================================================================
   Taxonomy
  ==========================================================================
*/
.taxonomy-term .info-provider {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "futura", Arial, sans-serif;
  font-weight: 200;
  font-style: normal; }
  @media (min-width: 48.0625em) {
    .taxonomy-term .info-provider {
      margin-bottom: 24px;
      margin-bottom: 1.5rem; } }
  @media (min-width: 37.5em) {
    :root[dir="ltr"] .taxonomy-term .info-provider, :root:not([dir]) .taxonomy-term .info-provider {
      text-align: right; }
    :root[dir="rtl"] .taxonomy-term .info-provider {
      text-align: left; } }
.taxonomy-term__section {
  padding-top: 12px;
  padding-top: 0.75rem; }
  @media (min-width: 48.0625em) {
    .taxonomy-term__section {
      padding-top: 24px;
      padding-top: 1.5rem; } }
  .taxonomy-term__section:not(:last-child) {
    margin-bottom: 24px;
    margin-bottom: 1.5rem; }
.taxonomy-term__description {
  display: table;
  width: 100%;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  @media (max-width: 48em) {
    .taxonomy-term__description {
      display: block; } }
  .taxonomy-term__description .taxonomy-term-description,
  .taxonomy-term__description .taxonomy-term__jump {
    vertical-align: top; }
  .taxonomy-term__description .taxonomy-term-description {
    display: table-header-group;
    padding-right: 24px;
    padding-right: 1.5rem; }
    @media (max-width: 48em) {
      .taxonomy-term__description .taxonomy-term-description {
        display: block; } }
    @media (min-width: 60em) {
      .taxonomy-term__description .taxonomy-term-description {
        display: table-cell; } }
        .taxonomy-term__description .taxonomy-term-description .embed-container {
          position: relative;
          padding-bottom: 56.25%;
          padding-top: 25px;
          height: 0; }
          .taxonomy-term__description .taxonomy-term-description .embed-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important; }
  .taxonomy-term__description .taxonomy-term__jump {
    display: table-cell; }
    :root[dir="ltr"] .taxonomy-term__description .taxonomy-term__jump, :root:not([dir]) .taxonomy-term__description .taxonomy-term__jump {
      text-align: right; }
    :root[dir="rtl"] .taxonomy-term__description .taxonomy-term__jump {
      text-align: left; }
    .taxonomy-term__description .taxonomy-term__jump .button {
      width: 100%;
      white-space: nowrap; }
      @media (min-width: 30em) {
        .taxonomy-term__description .taxonomy-term__jump .button {
          width: auto; } }
      @media (min-width: 48.0625em) {
        .taxonomy-term__description .taxonomy-term__jump .button {
          margin-bottom: 0; } }
@media (min-width: 48.0625em) {
  .taxonomy-term__more-results .taxonomy-term__title h3 {
    margin-bottom: 16px;
    margin-bottom: 1rem; } }
.taxonomy-term__more-results .column-block {
  padding-left: 0; }
  .taxonomy-term__more-results .column-block li {
    margin-bottom: 0; }

body.node-type-homepage .main-content {
  overflow: hidden; }
body.node-type-homepage .site-main-inner {
  padding-bottom: 0; }
@media (max-width: 48em) {
  body.node-type-homepage #block-system-main .homepage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    body.node-type-homepage #block-system-main .homepage .homepage__promotions {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
    body.node-type-homepage #block-system-main .homepage .homepage__news {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
    body.node-type-homepage #block-system-main .homepage .homepage__topics {
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
          -ms-flex-order: 3;
              order: 3;
      margin-bottom: 24px;
      margin-bottom: 1.5rem; }
    body.node-type-homepage #block-system-main .homepage .homepage__section.stats {
      -webkit-box-ordinal-group: 5;
      -webkit-order: 4;
          -ms-flex-order: 4;
              order: 4; } }

body.page-contact .thanks-message {
  width: 100%;
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  max-width: 1150px;
  max-width: 71.875rem;
  text-align: center; }
  body.page-contact .thanks-message__title {
    text-align: center;
    margin-bottom: 45px;
    margin-bottom: 2.8125rem; }
    @media (min-width: 37.5em) {
      body.page-contact .thanks-message__title {
        margin-bottom: 90px;
        margin-bottom: 5.625rem; } }
  body.page-contact .thanks-message__rule, body.page-contact .thanks-message__rule--with-icon {
    height: 2px;
    background: #e6e6e6; }
  body.page-contact .thanks-message__rule--with-icon {
    position: relative;
    margin-bottom: 40px;
    margin-bottom: 2.5rem; }
    body.page-contact .thanks-message__rule--with-icon:before {
      text-decoration: underline; }
    body.page-contact .thanks-message__rule--with-icon:hover:before, body.page-contact .thanks-message__rule--with-icon:before {
      text-decoration: none; }
    @media (min-width: 37.5em) {
      body.page-contact .thanks-message__rule--with-icon {
        margin-bottom: 70px;
        margin-bottom: 4.375rem; } }
    body.page-contact .thanks-message__rule--with-icon:before {
      outline: 15px solid #f2f2f2;
      font-size: 30px;
      font-size: 1.875rem;
      color: #96b907;
      background: #f2f2f2;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  body.page-contact .thanks-message__para {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem; }
    @media (min-width: 37.5em) {
      body.page-contact .thanks-message__para {
        margin-bottom: 50px;
        margin-bottom: 3.125rem; } }
    body.page-contact .thanks-message__para.para-2 {
      position: relative;
      margin-bottom: 40px;
      margin-bottom: 2.5rem; }
      @media (min-width: 48.0625em) {
        body.page-contact .thanks-message__para.para-2 {
          margin-bottom: 70px;
          margin-bottom: 4.375rem; } }
  body.page-contact .thanks-message .button--action-prim {
    margin-top: 30px;
    margin-top: 1.875rem;
    margin-bottom: 0;
    width: 100%; }
    @media (min-width: 37.5em) {
      body.page-contact .thanks-message .button--action-prim {
        margin-top: 60px;
        margin-top: 3.75rem;
        width: auto; } }
body.page-contact .region.region-content {
  background: #f2f2f2;
  margin-right: -12px;
  margin-right: -0.75rem;
  margin-left: -12px;
  margin-left: -0.75rem; }
  @media (min-width: 48.0625em) {
    body.page-contact .region.region-content {
      margin-right: -24px;
      margin-right: -1.5rem;
      margin-left: -24px;
      margin-left: -1.5rem; } }
body.page-contact #main-content {
  margin: 0; }
body.page-contact #block-system-main {
  padding: 48px 12px; }
  @media (min-width: 48.0625em) {
    body.page-contact #block-system-main {
      padding: 24px 6px; } }
body.page-contact .form-actions.form-wrapper {
  margin: 0; }

body.node-type-event .event-date-time-wrapper {
  padding-bottom: 12px;
  padding-bottom: 0.75rem; }
  body.node-type-event .event-date-time-wrapper .field-name-field-date-of-event,
  body.node-type-event .event-date-time-wrapper .field-name-field-location {
    font-family: "futura", Arial, sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem; }
    @media (min-width: 48.0625em) {
      body.node-type-event .event-date-time-wrapper .field-name-field-date-of-event,
      body.node-type-event .event-date-time-wrapper .field-name-field-location {
        font-size: 25px;
        font-size: 1.5625rem; } }
    @media (min-width: 48.0625em) {
      body.node-type-event .event-date-time-wrapper .field-name-field-date-of-event,
      body.node-type-event .event-date-time-wrapper .field-name-field-location {
        margin-bottom: 30px;
        margin-bottom: 1.875rem;
        line-height: 30px;
        line-height: 1.875rem; } }
    body.node-type-event .event-date-time-wrapper .field-name-field-date-of-event, body.node-type-event .event-date-time-wrapper .field-name-field-date-of-event div,
    body.node-type-event .event-date-time-wrapper .field-name-field-location,
    body.node-type-event .event-date-time-wrapper .field-name-field-location div {
      display: inline; }
body.node-type-event .field-name-field-date-of-event:after {
  content: ",";
  display: inline; }
body.node-type-event .field-name-field-location {
  padding-left: 5px;
  padding-left: 0.3125rem; }
body.node-type-event .event__title, body.node-type-event .event__description {
  font-family: "futura", Arial, sans-serif;
  line-height: 1.5; }
body.node-type-event .event__title {
  font-family: "futura", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0; }
body.node-type-event .event__description {
  font-family: "futura", Arial, sans-serif; }
body.node-type-event .event__image {
  line-height: 0;
  padding-right: 12px;
  padding-right: 0.75rem;
  padding-left: 12px;
  padding-left: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
  @media (min-width: 48.0625em) {
    body.node-type-event .event__image {
      margin-bottom: 48px;
      margin-bottom: 3rem; } }
body.node-type-event .event__body p:last-of-type, body.node-type-event .event__body p:empty {
  margin-bottom: 0; }
body.node-type-event .event__google_maps .event__description > div {
  position: relative; }
  body.node-type-event .event__google_maps .event__description > div:after {
    padding-bottom: 56.25%;
    display: block;
    height: 0;
    content: ""; }
  body.node-type-event .event__google_maps .event__description > div > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }
body.node-type-event .event > [class*='event__'] {
  margin-bottom: 12px;
  margin-bottom: 0.75rem; }
  body.node-type-event .event > [class*='event__']:before, body.node-type-event .event > [class*='event__']:after {
    content: " ";
    display: table;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  body.node-type-event .event > [class*='event__']:after {
    clear: both; }

body.page-events .events-pagination {
  position: relative;
  margin-top: 24px;
  margin-top: 1.5rem; }
  @media (min-width: 48.0625em) {
    body.page-events .events-pagination {
      margin-top: 0;
      margin-bottom: 24px;
      margin-bottom: 1.5rem; } }
  @media (min-width: 48.0625em) {
    body.page-events .events-pagination .custom-select, body.page-events .events-pagination__displaying {
      margin: 0; } }
  @media (min-width: 48.0625em) {
    body.page-events .events-pagination__displaying {
      position: absolute;
      text-align: right;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 0; } }

body.page-add-event .thanks-message {
  width: 100%;
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  max-width: 1150px;
  max-width: 71.875rem;
  text-align: center; }
  body.page-add-event .thanks-message__title {
    text-align: center;
    margin-bottom: 45px;
    margin-bottom: 2.8125rem; }
    @media (min-width: 37.5em) {
      body.page-add-event .thanks-message__title {
        margin-bottom: 90px;
        margin-bottom: 5.625rem; } }
  body.page-add-event .thanks-message__rule, body.page-add-event .thanks-message__rule--with-icon {
    height: 2px;
    background: #e6e6e6; }
  body.page-add-event .thanks-message__rule--with-icon {
    position: relative;
    margin-bottom: 40px;
    margin-bottom: 2.5rem; }
    body.page-add-event .thanks-message__rule--with-icon:before {
      text-decoration: underline; }
    body.page-add-event .thanks-message__rule--with-icon:hover:before, body.page-add-event .thanks-message__rule--with-icon:before {
      text-decoration: none; }
    @media (min-width: 37.5em) {
      body.page-add-event .thanks-message__rule--with-icon {
        margin-bottom: 70px;
        margin-bottom: 4.375rem; } }
    body.page-add-event .thanks-message__rule--with-icon:before {
      outline: 15px solid #f2f2f2;
      font-size: 30px;
      font-size: 1.875rem;
      color: #96b907;
      background: #f2f2f2;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  body.page-add-event .thanks-message__para {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem; }
    @media (min-width: 37.5em) {
      body.page-add-event .thanks-message__para {
        margin-bottom: 50px;
        margin-bottom: 3.125rem; } }
    body.page-add-event .thanks-message__para.para-2 {
      position: relative;
      margin-bottom: 40px;
      margin-bottom: 2.5rem; }
      @media (min-width: 48.0625em) {
        body.page-add-event .thanks-message__para.para-2 {
          margin-bottom: 70px;
          margin-bottom: 4.375rem; } }
  body.page-add-event .thanks-message .button--action-prim {
    margin-top: 30px;
    margin-top: 1.875rem;
    margin-bottom: 0;
    width: 100%; }
    @media (min-width: 37.5em) {
      body.page-add-event .thanks-message .button--action-prim {
        margin-top: 60px;
        margin-top: 3.75rem;
        width: auto; } }
body.page-add-event .region.region-content {
  background: #f2f2f2;
  margin-right: -12px;
  margin-right: -0.75rem;
  margin-left: -12px;
  margin-left: -0.75rem; }
  @media (min-width: 48.0625em) {
    body.page-add-event .region.region-content {
      margin-right: -24px;
      margin-right: -1.5rem;
      margin-left: -24px;
      margin-left: -1.5rem; } }
body.page-add-event #main-content {
  margin: 0; }
body.page-add-event #block-system-main {
  padding: 48px 12px; }
  @media (min-width: 48.0625em) {
    body.page-add-event #block-system-main {
      padding: 24px 6px; } }
body.page-add-event .form-actions.form-wrapper {
  margin: 0; }
body.page-add-event .upload_event_heading_message {
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
body.page-add-event .timeset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  margin-bottom: 1.5rem; }
  body.page-add-event .timeset [class*="timeset__"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    body.page-add-event .timeset [class*="timeset__"] > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    body.page-add-event .timeset [class*="timeset__"] input {
      margin-bottom: 0;
      margin-top: auto; }
  body.page-add-event .timeset__until {
    text-align: center;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center; }

body.page-search .thanks-message {
  width: 100%;
  /*
   * margin: 0 auto; is unsafe as we may not
   * want to remove the top and bottom margin.
   */
  margin-right: auto;
  margin-left: auto;
  max-width: 645px;
  max-width: 40.3125rem;
  text-align: left; }
  body.page-search .thanks-message__title {
    text-align: center;
    margin-bottom: 45px;
    margin-bottom: 2.8125rem; }
    @media (min-width: 37.5em) {
      body.page-search .thanks-message__title {
        margin-bottom: 90px;
        margin-bottom: 5.625rem; } }
  body.page-search .thanks-message__rule, body.page-search .thanks-message__rule--with-icon {
    height: 2px;
    background: #e6e6e6; }
  body.page-search .thanks-message__rule--with-icon {
    position: relative;
    margin-bottom: 40px;
    margin-bottom: 2.5rem; }
    body.page-search .thanks-message__rule--with-icon:before {
      text-decoration: underline; }
    body.page-search .thanks-message__rule--with-icon:hover:before, body.page-search .thanks-message__rule--with-icon:before {
      text-decoration: none; }
    @media (min-width: 37.5em) {
      body.page-search .thanks-message__rule--with-icon {
        margin-bottom: 70px;
        margin-bottom: 4.375rem; } }
    body.page-search .thanks-message__rule--with-icon:before {
      outline: 15px solid #ffffff;
      font-size: 30px;
      font-size: 1.875rem;
      color: #96b907;
      background: #ffffff;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  body.page-search .thanks-message__para {
    margin-bottom: 25px;
    margin-bottom: 1.5625rem; }
    @media (min-width: 37.5em) {
      body.page-search .thanks-message__para {
        margin-bottom: 50px;
        margin-bottom: 3.125rem; } }
    body.page-search .thanks-message__para.para-2 {
      position: relative;
      margin-bottom: 40px;
      margin-bottom: 2.5rem; }
      @media (min-width: 48.0625em) {
        body.page-search .thanks-message__para.para-2 {
          margin-bottom: 70px;
          margin-bottom: 4.375rem; } }
  body.page-search .thanks-message .button--action-prim {
    margin-top: 30px;
    margin-top: 1.875rem;
    margin-bottom: 0;
    width: 100%; }
    @media (min-width: 37.5em) {
      body.page-search .thanks-message .button--action-prim {
        margin-top: 60px;
        margin-top: 3.75rem;
        width: auto; } }
body.page-search .thanks-message__title {
  margin-bottom: 35px;
  margin-bottom: 2.1875rem; }
  @media (min-width: 37.5em) {
    body.page-search .thanks-message__title {
      margin-bottom: 70px;
      margin-bottom: 4.375rem; } }
body.page-search h1 {
  line-height: 1;
  font-size: 24px;
  font-size: 1.5rem; }
  @media (min-width: 48.0625em) {
    body.page-search h1 {
      font-size: 26px;
      font-size: 1.625rem; } }
  body.page-search h1 span {
    color: #96b907;
    display: block;
    font-size: 32px;
    font-size: 2rem; }
    @media (min-width: 48.0625em) {
      body.page-search h1 span {
        display: inline;
        font-size: 38px;
        font-size: 2.375rem; } }
body.page-search h2:not(.thanks-message__title) {
  display: none; }
body.page-search .search-container {
  max-width: 840px;
  max-width: 52.5rem; }
  body.page-search .search-container .no-results-rule {
    margin-bottom: 35px;
    margin-bottom: 2.1875rem; }
    @media (min-width: 37.5em) {
      body.page-search .search-container .no-results-rule {
        margin-bottom: 70px;
        margin-bottom: 4.375rem; } }
body.page-search .search-results {
  padding: 0; }
  body.page-search .search-results li:before {
    display: none; }
  body.page-search .search-results .search-result {
    border-style: solid;
    border-color: #c2c2c2;
    border-width: 1px 0 0; }
    body.page-search .search-results .search-result, body.page-search .search-results .search-result > a {
      margin: 0;
      background: transparent; }
    body.page-search .search-results .search-result > a {
      padding: 24px 0;
      padding:  1.5rem 0; }
    body.page-search .search-results .search-result:last-child {
      border-bottom-width: 1px; }
    body.page-search .search-results .search-result .promotion__image {
      display: none }
      @media (min-width: 48.0625em) {
        body.page-search .search-results .search-result .promotion__image {
          display: block } }
  body.page-search .search-results .search-snippet {
    color: #505050; }

body.page-sitemap .site-map-menu {
  padding: 0; }
  body.page-sitemap .site-map-menu li:before {
    display: none; }
  body.page-sitemap .site-map-menu li {
    margin: 0; }
body.page-sitemap .accordian__title:before {
  display: none; }
body.page-sitemap .accordian__contents .copy-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  body.page-sitemap .accordian__contents .copy-container > a:visited {
    color: #6a9a1b; }
  body.page-sitemap .accordian__contents .copy-container ul li:before {
    display: none; }
  body.page-sitemap .accordian__contents .copy-container ul li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33.333%;
        -ms-flex: 0 1 33.333%;
            flex: 0 1 33.333%; }
    body.page-sitemap .accordian__contents .copy-container ul li a:visited {
      color: #6a9a1b; }
body.page-sitemap .site-map--footer-links__footer-link-group h2 {
  font-family: "futura", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  color: #6a9a1b; }
body.page-sitemap .site-map--footer-links__footer-link-group ul {
  padding: 0; }
  body.page-sitemap .site-map--footer-links__footer-link-group ul li:before {
    display: none; }
body.page-sitemap .footer-links-row {
  padding: 24px 0;
  border-top: 1px solid #c2c2c2; }

/*
  ==========================================================================
   Colour Theme
  ==========================================================================
*/
/*
  ==========================================================================
   Global Colour Theme
  ==========================================================================
*/
body {
  background: #f9fcf3;
  color: #505050; }

.site-main-inner {
  background: #ffffff; }

a[data-external="true"]:before {
  color: #555555; }

/*
  ==========================================================================
   Typography Colour Theme
  ==========================================================================
*/
.highlighted,
.highlighted a {
  color: #6a9a1b; }

/*
  ==========================================================================
   Forms Colour Theme
  ==========================================================================
*/
.button--passive,
input.button--passive {
  border: none !important;
  box-shadow: 0px -3px 0px 0px #505050 inset;
  box-shadow:  0rem -0.1875rem 0rem 0rem #505050 inset;
  background: #f2f2f2;
  color: #505050; }
  .button--passive:active,
  input.button--passive:active {
    box-shadow: none; }
  .button--passive:not(.link-complex__target):hover, .button--passive:not(.link-complex__target):focus, .button--passive:not(.link-complex__target):active,
  input.button--passive:not(.link-complex__target):hover,
  input.button--passive:not(.link-complex__target):focus,
  input.button--passive:not(.link-complex__target):active {
    background: #c6c6c6;
    color: #505050; }
  .link-complex:hover .button--passive.link-complex__target, .link-complex:focus .button--passive.link-complex__target, .link-complex:active .button--passive.link-complex__target, .link-complex:hover
  input.button--passive.link-complex__target, .link-complex:focus
  input.button--passive.link-complex__target, .link-complex:active
  input.button--passive.link-complex__target {
    background: #c6c6c6;
    color: #505050; }
.button--passive-dark,
input.button--passive-dark {
  border: none !important;
  box-shadow: 0px -3px 0px 0px #181818 inset;
  box-shadow:  0rem -0.1875rem 0rem 0rem #181818 inset;
  background: #505050;
  color: #ffffff;
  /*@include breakpoints(3) {
      @include theme-button($buttonPassiveSecondaryDesktopThemeOptions);            
  }*/ }
  .button--passive-dark:active,
  input.button--passive-dark:active {
    box-shadow: none; }
  .button--passive-dark:not(.link-complex__target):hover, .button--passive-dark:not(.link-complex__target):focus, .button--passive-dark:not(.link-complex__target):active,
  input.button--passive-dark:not(.link-complex__target):hover,
  input.button--passive-dark:not(.link-complex__target):focus,
  input.button--passive-dark:not(.link-complex__target):active {
    background: #353535;
    color: #ffffff; }
  .link-complex:hover .button--passive-dark.link-complex__target, .link-complex:focus .button--passive-dark.link-complex__target, .link-complex:active .button--passive-dark.link-complex__target, .link-complex:hover
  input.button--passive-dark.link-complex__target, .link-complex:focus
  input.button--passive-dark.link-complex__target, .link-complex:active
  input.button--passive-dark.link-complex__target {
    background: #353535;
    color: #ffffff; }
.button--passive-tert,
input.button--passive-tert {
  border-color: #ffffff;
  background: transparent;
  color: #ffffff; }
  .button--passive-tert:not(.link-complex__target):hover, .button--passive-tert:not(.link-complex__target):focus, .button--passive-tert:not(.link-complex__target):active,
  input.button--passive-tert:not(.link-complex__target):hover,
  input.button--passive-tert:not(.link-complex__target):focus,
  input.button--passive-tert:not(.link-complex__target):active {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff; }
  .link-complex:hover .button--passive-tert.link-complex__target, .link-complex:focus .button--passive-tert.link-complex__target, .link-complex:active .button--passive-tert.link-complex__target, .link-complex:hover
  input.button--passive-tert.link-complex__target, .link-complex:focus
  input.button--passive-tert.link-complex__target, .link-complex:active
  input.button--passive-tert.link-complex__target {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff; }
.button--action-prim,
input.button--action-prim {
  border: none !important;
  box-shadow: 0px -3px 0px 0px #88342e inset;
  box-shadow:  0rem -0.1875rem 0rem 0rem #88342e inset;
  background: #D0443F;
  color: #ffffff; }
  .button--action-prim:active,
  input.button--action-prim:active {
    box-shadow: none; }
  .button--action-prim:not(.link-complex__target):hover, .button--action-prim:not(.link-complex__target):focus, .button--action-prim:not(.link-complex__target):active,
  input.button--action-prim:not(.link-complex__target):hover,
  input.button--action-prim:not(.link-complex__target):focus,
  input.button--action-prim:not(.link-complex__target):active {
    background: #ac433b;
    color: #ffffff; }
  .link-complex:hover .button--action-prim.link-complex__target, .link-complex:focus .button--action-prim.link-complex__target, .link-complex:active .button--action-prim.link-complex__target, .link-complex:hover
  input.button--action-prim.link-complex__target, .link-complex:focus
  input.button--action-prim.link-complex__target, .link-complex:active
  input.button--action-prim.link-complex__target {
    background: #ac433b;
    color: #ffffff; }
  .button--action-prim:disabled, .button--action-prim.disabled,
  input.button--action-prim:disabled,
  input.button--action-prim.disabled {
    border: none !important;
    box-shadow: 0px -3px 0px 0px #cacaca inset;
    box-shadow:  0rem -0.1875rem 0rem 0rem #cacaca inset;
    background: #f2f2f2;
    color: #979797; }
    .button--action-prim:disabled:active, .button--action-prim.disabled:active,
    input.button--action-prim:disabled:active,
    input.button--action-prim.disabled:active {
      box-shadow: none; }
    .button--action-prim:disabled:not(.link-complex__target):hover, .button--action-prim:disabled:not(.link-complex__target):focus, .button--action-prim:disabled:not(.link-complex__target):active, .button--action-prim.disabled:not(.link-complex__target):hover, .button--action-prim.disabled:not(.link-complex__target):focus, .button--action-prim.disabled:not(.link-complex__target):active,
    input.button--action-prim:disabled:not(.link-complex__target):hover,
    input.button--action-prim:disabled:not(.link-complex__target):focus,
    input.button--action-prim:disabled:not(.link-complex__target):active,
    input.button--action-prim.disabled:not(.link-complex__target):hover,
    input.button--action-prim.disabled:not(.link-complex__target):focus,
    input.button--action-prim.disabled:not(.link-complex__target):active {
      background: #f2f2f2;
      color: #979797; }
    .link-complex:hover .button--action-prim:disabled.link-complex__target, .link-complex:focus .button--action-prim:disabled.link-complex__target, .link-complex:active .button--action-prim:disabled.link-complex__target, .link-complex:hover .button--action-prim.disabled.link-complex__target, .link-complex:focus .button--action-prim.disabled.link-complex__target, .link-complex:active .button--action-prim.disabled.link-complex__target, .link-complex:hover
    input.button--action-prim:disabled.link-complex__target, .link-complex:focus
    input.button--action-prim:disabled.link-complex__target, .link-complex:active
    input.button--action-prim:disabled.link-complex__target, .link-complex:hover
    input.button--action-prim.disabled.link-complex__target, .link-complex:focus
    input.button--action-prim.disabled.link-complex__target, .link-complex:active
    input.button--action-prim.disabled.link-complex__target {
      background: #f2f2f2;
      color: #979797; }
.button--action-sec,
input.button--action-sec {
  border: none !important;
  box-shadow: 0px -3px 0px 0px #557f24 inset;
  box-shadow:  0rem -0.1875rem 0rem 0rem #557f24 inset;
  background: #82bc00;
  color: #ffffff; }
  .button--action-sec:active,
  input.button--action-sec:active {
    box-shadow: none; }
  .button--action-sec:not(.link-complex__target):hover, .button--action-sec:not(.link-complex__target):focus, .button--action-sec:not(.link-complex__target):active,
  input.button--action-sec:not(.link-complex__target):hover,
  input.button--action-sec:not(.link-complex__target):focus,
  input.button--action-sec:not(.link-complex__target):active {
    background: #6a9a1b;
    color: #ffffff; }
  .link-complex:hover .button--action-sec.link-complex__target, .link-complex:focus .button--action-sec.link-complex__target, .link-complex:active .button--action-sec.link-complex__target, .link-complex:hover
  input.button--action-sec.link-complex__target, .link-complex:focus
  input.button--action-sec.link-complex__target, .link-complex:active
  input.button--action-sec.link-complex__target {
    background: #6a9a1b;
    color: #ffffff; }
.button--module,
input.button--module {
  border-color: #3C3C3C;
  background: #3C3C3C;
  color: #ffffff; }
  .button--module:not(.link-complex__target):hover, .button--module:not(.link-complex__target):focus, .button--module:not(.link-complex__target):active,
  input.button--module:not(.link-complex__target):hover,
  input.button--module:not(.link-complex__target):focus,
  input.button--module:not(.link-complex__target):active {
    border-color: #3C3C3C;
    background: #3C3C3C;
    color: #ffffff; }
  .link-complex:hover .button--module.link-complex__target, .link-complex:focus .button--module.link-complex__target, .link-complex:active .button--module.link-complex__target, .link-complex:hover
  input.button--module.link-complex__target, .link-complex:focus
  input.button--module.link-complex__target, .link-complex:active
  input.button--module.link-complex__target {
    border-color: #3C3C3C;
    background: #3C3C3C;
    color: #ffffff; }
.button--jump,
input.button--jump {
  border-color: #82bc00;
  background: transparent;
  color: #555555; }
  .button--jump:before,
  input.button--jump:before {
    color: #82bc00; }
  .button--jump:not(.link-complex__target):hover, .button--jump:not(.link-complex__target):focus, .button--jump:not(.link-complex__target):active,
  input.button--jump:not(.link-complex__target):hover,
  input.button--jump:not(.link-complex__target):focus,
  input.button--jump:not(.link-complex__target):active {
    border-color: #82bc00;
    background: #82bc00;
    color: #ffffff; }
    .button--jump:not(.link-complex__target):hover:before, .button--jump:not(.link-complex__target):focus:before, .button--jump:not(.link-complex__target):active:before,
    input.button--jump:not(.link-complex__target):hover:before,
    input.button--jump:not(.link-complex__target):focus:before,
    input.button--jump:not(.link-complex__target):active:before {
      color: #ffffff; }
  .link-complex:hover .button--jump.link-complex__target, .link-complex:focus .button--jump.link-complex__target, .link-complex:active .button--jump.link-complex__target, .link-complex:hover
  input.button--jump.link-complex__target, .link-complex:focus
  input.button--jump.link-complex__target, .link-complex:active
  input.button--jump.link-complex__target {
    border-color: #82bc00;
    background: #82bc00;
    color: #ffffff; }
    .link-complex:hover .button--jump.link-complex__target:before, .link-complex:focus .button--jump.link-complex__target:before, .link-complex:active .button--jump.link-complex__target:before, .link-complex:hover
    input.button--jump.link-complex__target:before, .link-complex:focus
    input.button--jump.link-complex__target:before, .link-complex:active
    input.button--jump.link-complex__target:before {
      color: #ffffff; }
  @media (min-width: 37.5em) {
    .button--jump:not(:hover):not(:focus):not(:active),
    input.button--jump:not(:hover):not(:focus):not(:active) {
      border-color: transparent; } }

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
  background: #ffffff;
  border-color: #505050; }

input[type="checkbox"]:checked + label:before {
  background: #ffffff; }
input[type="checkbox"]:checked + label:after {
  color: #82bc00; }

input[type="radio"]:checked + label:after {
  background: #82bc00; }

.custom-select:before {
  color: #ffffff; }
.custom-select:after {
  background: #96b907; }
.custom-select select {
  border-color: #515151;
  background: #ffffff;
  color: #515151; }
  .custom-select select:focus {
    border-color: #515151;
    background: #ffffff;
    color: #515151; }

/*
  ==========================================================================
   Header Colour Theme
  ==========================================================================
*/
.site-header {
  background: #82bc00; }
  .site-header .accessibility-links a {
    background: #000000;
    color: #ffffff; }
  .site-header .logo-nav-holder {
    background: #82bc00; }

.site-navigation {
  background: #f9fcf2; }
  @media (min-width: 37.5em) {
    .site-navigation {
      border-top: 2px solid #505050; } }
  @media (min-width: 48.0625em) {
    .site-navigation {
      border-top: none;
      background: transparent; } }
  .site-navigation li {
    background: #f9fcf2;
    /* &:not(.search) {
         &.active {
             background: $headerLinkActiveBackgroundColor;
         }
     }*/ }
    .site-navigation li:after {
      color: #505050; }
      @media (min-width: 48.0625em) {
        .site-navigation li:after {
          color: #ffffff; } }
    .site-navigation li.search input[type="search"]:focus, .site-navigation li.search input[type="search"]:hover {
      border-color: #505050; }
    @media (min-width: 37.5em) {
      .site-navigation li.search a {
        border-bottom-width: 2px; } }
    @media (min-width: 48.0625em) {
      .site-navigation li.search a {
        border-bottom-width: 0; } }
    @media (min-width: 37.5em) {
      .site-navigation li.search.active {
        background: #f2f2f2;
        border-color: #505050;
        border-style: solid;
        border-width: 0px 2px 0px; }
        .site-navigation li.search.active a {
          border-bottom-width: 0; }
          .site-navigation li.search.active a:before {
            display: none; } }
      @media (min-width: 37.5em) and (min-width: 48.0625em) {
        .site-navigation li.search.active a:before {
          display: block; } }

    @media (min-width: 48.0625em) {
      .site-navigation li.search.active {
        border-style: none; }
        .site-navigation li.search.active:before {
          opacity: 0; }
        .site-navigation li.search.active:after {
          color: #505050; } }
    .site-navigation li.active:after {
      color: #505050; }
      @media (min-width: 48.0625em) {
        .site-navigation li.active:after {
          color: #ffffff; } }
    @media (min-width: 48.0625em) {
      .site-navigation li.active {
        border-bottom: none; } }
    .site-navigation li.active a {
      color: #505050; }
    @media (min-width: 48.0625em) {
      .site-navigation li:not(.menutoggle):not(.active) {
        background-color: transparent; } }
    .site-navigation li:not(.menutoggle):not(.active),
    .site-navigation li:not(.menutoggle):not(.active) a {
      color: #505050; }
      @media (min-width: 48.0625em) {
        .site-navigation li:not(.menutoggle):not(.active),
        .site-navigation li:not(.menutoggle):not(.active) a {
          color: #ffffff; } }
    .site-navigation li.menutoggle:not(.active) {
      background: #f9fcf2; }
    body.drawer-open:not(.drawer-open--persist) .site-navigation li.menutoggle.active {
      background: #f9fcf2; }
    @media (min-width: 48.0625em) {
      body.drawer-open .site-navigation li.menutoggle.active {
        background: #f9fcf2; } }
    @media (min-width: 48.0625em) {
      .site-navigation li.menutoggle:not(.active) {
        background: #749e2e; }
      body.drawer-open:not(.drawer-open--persist) .site-navigation li.menutoggle.active {
        background: #749e2e; } }
@media (min-width: 48.0625em) and (min-width: 48.0625em) {
  body.drawer-open .site-navigation li.menutoggle.active {
    background: #749e2e; } }

    .site-navigation li.menutoggle a {
      border-color: #505050; }
      .site-navigation li.menutoggle a > span {
        background: #505050; }
        body.drawer-open:not(.drawer-open--persist) .site-navigation li.menutoggle a > span {
          background: transparent; }
        @media (min-width: 48.0625em) {
          .site-navigation li.menutoggle a > span {
            background: #ffffff; } }
        .site-navigation li.menutoggle a > span:before, .site-navigation li.menutoggle a > span:after {
          background: #505050; }
          @media (min-width: 48.0625em) {
            .site-navigation li.menutoggle a > span:before, .site-navigation li.menutoggle a > span:after {
              background: #ffffff; } }
    .site-navigation li.browse a {
      border-bottom-width: 2px; }
      @media (min-width: 48.0625em) {
        .site-navigation li.browse a {
          border-bottom-width: 0; } }

  .site-navigation li.browse__a-z.active {
    background: #f2f2f2;
    border-color: #505050;
    border-style: solid;
    border-width: 0px 2px 0px 0px; }
    .site-navigation li.browse__a-z.active a {
      border-bottom-width: 0; }
    .site-navigation li.browse__a-z.active a:before {
      display: none; }
  @media (min-width: 37.5em) and (min-width: 48.0625em) {
    .site-navigation li.browse__a-z.active a:before {
      display: block; } }

  @media (min-width: 48.0625em) {
    .site-navigation li.browse__a-z.active {
      border-style: none; }
    .site-navigation li.browse__a-z.active:before {
      opacity: 0; }
    .site-navigation li.browse__a-z.active:after {
      color: #505050; } }
      .site-navigation li.browse__a-z.active + li.active a:before {
        opacity: 0; }
    .site-navigation li a:before {
      -webkit-transition: 0.5s opacity;
              transition: 0.5s opacity; }
  .site-navigation a:before,
  .site-navigation .search-input-holder:before {
    background: #505050; }
    @media (min-width: 48.0625em) {
      .site-navigation a:before,
      .site-navigation .search-input-holder:before {
        background: #ffffff; } }
  @media (min-width: 48.0625em) {
    .site-navigation .menutoggle a:before {
      background: #ffffff; } }

/*
 * Used when no JS available or on mobile
 */
html.ie9 .site-inline-search-form {
  background: #82bc00; }
.site-inline-search-form input[type="search"] {
  background: transparent;
  color: #505050; }
  .site-inline-search-form input[type="search"]::-webkit-input-placeholder {
    color: #505050 !important; }
  .site-inline-search-form input[type="search"]:-moz-placeholder {
    /* Firefox 18- */
    color: #505050 !important; }
  .site-inline-search-form input[type="search"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #505050 !important; }
  .site-inline-search-form input[type="search"]:-ms-input-placeholder {
    color: #505050 !important; }
  .site-inline-search-form input[type="search"]:focus::-webkit-input-placeholder {
    color: transparent !important; }
  .site-inline-search-form input[type="search"]:focus:-moz-placeholder {
    /* Firefox 18- */
    color: transparent !important; }
  .site-inline-search-form input[type="search"]:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent !important; }
  .site-inline-search-form input[type="search"]:focus:-ms-input-placeholder {
    color: transparent !important; }
  @media (min-width: 48.0625em) {
    .site-inline-search-form input[type="search"] {
      color: #ffffff; }
      .site-inline-search-form input[type="search"]::-webkit-input-placeholder {
        color: #ffffff !important; }
      .site-inline-search-form input[type="search"]:-moz-placeholder {
        /* Firefox 18- */
        color: #ffffff !important; }
      .site-inline-search-form input[type="search"]::-moz-placeholder {
        /* Firefox 19+ */
        color: #ffffff !important; }
      .site-inline-search-form input[type="search"]:-ms-input-placeholder {
        color: #ffffff !important; } }

.header-bar {
  background: #f2f2f2; }

/*
 * Used when JS available, on desktop and when search is used
 */
.site-search .search-holder .badge {
  color: #ffffff; }
.site-search .search-holder .search {
  border-color: #1174e3; }
  .site-search .search-holder .search .button {
    background: transparent; }
    .site-search .search-holder .search .button:hover, .site-search .search-holder .search .button:focus, .site-search .search-holder .search .button:active {
      background: transparent; }
    .site-search .search-holder .search .button:before {
      color: #505050; }
  .site-search .search-holder .search label {
    color: #505050; }
.site-search .search-holder input[type="search"],
.site-search .search-holder button,
.site-search .search-holder a {
  outline-color: #505050; }
.site-search .search-holder input[type="search"] {
  background: transparent;
  color: #505050; }
  .site-search .search-holder input[type="search"]::-webkit-input-placeholder {
    color: transparent !important; }
  .site-search .search-holder input[type="search"]:-moz-placeholder {
    /* Firefox 18- */
    color: transparent !important; }
  .site-search .search-holder input[type="search"]::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent !important; }
  .site-search .search-holder input[type="search"]:-ms-input-placeholder {
    color: transparent !important; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .site-search .search-holder input[type="search"]::-webkit-input-placeholder {
      color: #505050 !important; }
    .site-search .search-holder input[type="search"]:-moz-placeholder {
      /* Firefox 18- */
      color: #505050 !important; }
    .site-search .search-holder input[type="search"]::-moz-placeholder {
      /* Firefox 19+ */
      color: #505050 !important; }
    .site-search .search-holder input[type="search"]:-ms-input-placeholder {
      color: #505050 !important; } }
.site-search .search-helper a {
  color: #c6e5fe; }

.site-browse {
  color: #505050; }
  .site-browse .a-z-list {
    border-color: #505050; }
    .site-browse .a-z-list a {
      color: #505050;
      outline-color: #505050; }
      .site-browse .a-z-list a:hover, .site-browse .a-z-list a:focus {
        color: #505050; }
      .site-browse .a-z-list a.active {
        color: #505050; }

.site-drawer {
  border-color: #d7dcdf;
  background: #fbfbfb; }

@media (min-width: 37.5em) {
  body.search-open .search + .menutoggle a:before {
    opacity: 0; } }

/*
  ==========================================================================
   Footer Colour Theme
  ==========================================================================
*/
.site-footer {
  background-color: #f2f2f2;
  border-top: 1px solid #c2c2c2; }
  .site-footer__main,
  .site-footer__main a {
    color: #ffffff; }
  .site-footer__main a {
    outline-color: #ffffff; }
  .site-footer__aside {
    background: #fafafa;
    border-color: #4e286e; }
    .site-footer__aside a {
      color: #4e286e; }
      @media print {
        .site-footer__aside a {
          color: #4e286e !important; } }
    .site-footer__aside .law-for-life:after {
      border-color: #0099dd; }
  .site-footer__copyright-and-links {
    background: #82bc00; }
    .site-footer__copyright-and-links li, .site-footer__copyright-and-links a {
      color: #ffffff; }
    .site-footer__copyright-and-links .bottom-logo-container {
      color: #ffffff; }

.footer-message {
  background: #e8f5fc; }
  .footer-message .split-block {
    border-color: #ffffff; }

/*
  ==========================================================================
   Banners Colour Theme
  ==========================================================================
*/
.heading-banner {
  background: #1595ff;
  color: #ffffff; }
  .heading-banner__sidenote {
    border-color: #ffffff; }

/*
  ==========================================================================
   Carousel Colour Theme
  ==========================================================================
*/
.banner-wrapper.blue .banner-wrapper-text-box::after,
.banner-wrapper.blue .banner-wrapper__slide-text-wrapper,
.banner-wrapper.blue .banner-wrapper__stripe--bold {
  background: #429EC5; }
.banner-wrapper.blue .banner__button {
  color: #429EC5; }
.banner-wrapper.red .banner-wrapper-text-box::after,
.banner-wrapper.red .banner-wrapper__slide-text-wrapper,
.banner-wrapper.red .banner-wrapper__stripe--bold {
  background: #D0443F; }
.banner-wrapper.red .banner__button {
  color: #D0443F; }
.banner-wrapper.yellow .banner-wrapper-text-box::after,
.banner-wrapper.yellow .banner-wrapper__slide-text-wrapper,
.banner-wrapper.yellow .banner-wrapper__stripe--bold {
  background: #FEBE25; }
.banner-wrapper.yellow .banner__button {
  color: #FEBE25;
  background: #505050 !important;
  box-shadow: 0rem -0.1875rem 0rem 0rem #191919 inset !important; }
.banner-wrapper.yellow .subheading,
.banner-wrapper.yellow .heading,
.banner-wrapper.yellow .sidenote {
  color: #505050; }
.banner-wrapper.pink .banner-wrapper-text-box::after,
.banner-wrapper.pink .banner-wrapper__slide-text-wrapper,
.banner-wrapper.pink .banner-wrapper__stripe--bold {
  background: #C91B6E; }
.banner-wrapper.pink .banner__button {
  color: #C91B6E; }
.banner-wrapper.purple .banner-wrapper-text-box::after,
.banner-wrapper.purple .banner-wrapper__slide-text-wrapper,
.banner-wrapper.purple .banner-wrapper__stripe--bold {
  background: #7E42A8; }
.banner-wrapper.purple .banner__button {
  color: #7E42A8; }
.banner-wrapper.grey .banner-wrapper-text-box::after,
.banner-wrapper.grey .banner-wrapper__slide-text-wrapper,
.banner-wrapper.grey .banner-wrapper__stripe--bold {
  background: #c6c6c6; }
.banner-wrapper.grey .banner__button {
  color: #c6c6c6;
  background: #505050 !important;
  box-shadow: 0rem -0.1875rem 0rem 0rem #191919 inset !important; }
.banner-wrapper.grey .subheading,
.banner-wrapper.grey .heading,
.banner-wrapper.grey .sidenote {
  color: #505050; }
.banner-wrapper.black .banner-wrapper-text-box::after,
.banner-wrapper.black .banner-wrapper__slide-text-wrapper,
.banner-wrapper.black .banner-wrapper__stripe--bold {
  background: #3C3C3C; }
.banner-wrapper.black .banner__button {
  color: #3C3C3C; }
.banner-wrapper.green .banner-wrapper-text-box::after,
.banner-wrapper.green .banner-wrapper__slide-text-wrapper,
.banner-wrapper.green .banner-wrapper__stripe--bold {
  background: #69a51b; }
.banner-wrapper.green .banner__button {
  color: #69a51b; }
.banner-wrapper .subheading,
.banner-wrapper .heading,
.banner-wrapper .sidenote {
  color: #ffffff; }

.lSSlideOuter .lSPrev,
.lSSlideOuter .lSNext {
  opacity: 0;
  color: #505050; }
.lSSlideOuter:hover .lSPrev,
.lSSlideOuter:hover .lSNext {
  background: rgba(255, 255, 255, 0.6);
  opacity: 1; }
  .lSSlideOuter:hover .lSPrev:hover,
  .lSSlideOuter:hover .lSNext:hover {
    background: rgba(255, 255, 255, 0.6); }
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: rgba(0, 0, 0, 0.4); }
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #ffffff; }
.lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #ffffff; }
.lSSlideOuter .lSPrev,
.lSSlideOuter .lSNext {
  background: transparent; }

/*
  ==========================================================================
   Accordian Colour Theme
  ==========================================================================
*/
.accordian--block .accordian__toggle,
.accordian--block .accordian__contents, .accordian--dropdown .accordian__toggle,
.accordian--dropdown .accordian__contents {
  border-color: #d0d4d8; }
.accordian--block.opening .accordian__toggle:after, .accordian--block.open:not(.closing) .accordian__toggle:after, .accordian--block[open]:not(.closing) .accordian__toggle:after, .accordian--dropdown.opening .accordian__toggle:after, .accordian--dropdown.open:not(.closing) .accordian__toggle:after, .accordian--dropdown[open]:not(.closing) .accordian__toggle:after {
  background: #ededed; }
.accordian--block .accordian__toggle, .accordian--dropdown .accordian__toggle {
  background: #ffffff;
  color: #555555; }
  .accordian--block .accordian__toggle:hover:after, .accordian--block .accordian__toggle:focus:after, .accordian--block .accordian__toggle:active:after, .accordian--dropdown .accordian__toggle:hover:after, .accordian--dropdown .accordian__toggle:focus:after, .accordian--dropdown .accordian__toggle:active:after {
    background: #ededed; }
  .accordian--block .accordian__toggle:before, .accordian--dropdown .accordian__toggle:before {
    color: #505050; }
  .accordian--block .accordian__toggle:after, .accordian--dropdown .accordian__toggle:after {
    background: #ededed; }
.accordian--block .accordian__contents a {
  border-color: #555555;
  background: #ededed;
  color: #555555; }
.accordian--dropdown ul,
.accordian--dropdown ol {
  -webkit-column-rule-color: #d0d4d8;
     -moz-column-rule-color: #d0d4d8;
          column-rule-color: #d0d4d8; }
.accordian--dropdown a,
.accordian--dropdown button {
  color: #505050; }
  .accordian--dropdown a:not(:disabled):not(.faux-link):hover, .accordian--dropdown a:not(:disabled):not(.faux-link):focus,
  .accordian--dropdown button:not(:disabled):not(.faux-link):hover,
  .accordian--dropdown button:not(:disabled):not(.faux-link):focus {
    color: #82bc00; }
  .accordian--dropdown a.active,
  .accordian--dropdown button.active {
    color: #82bc00; }
.accordian--dropdown-guide ul,
.accordian--dropdown-guide ol {
  -webkit-column-rule-color: #515151;
     -moz-column-rule-color: #515151;
          column-rule-color: #515151; }
.accordian--guide[open]:nth-child(6n+1) .accordian__toggle:before, .accordian--guide.open:nth-child(6n+1) .accordian__toggle:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+1) .accordian__toggle:hover:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+1) .accordian__toggle:before {
  background: #515151; }
.accordian--guide[open]:nth-child(6n+2) .accordian__toggle:before, .accordian--guide.open:nth-child(6n+2) .accordian__toggle:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+2) .accordian__toggle:hover:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+2) .accordian__toggle:before {
  background: #515151; }
.accordian--guide[open]:nth-child(6n+3) .accordian__toggle:before, .accordian--guide.open:nth-child(6n+3) .accordian__toggle:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+3) .accordian__toggle:hover:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+3) .accordian__toggle:before {
  background: #515151; }
.accordian--guide[open]:nth-child(6n+4) .accordian__toggle:before, .accordian--guide.open:nth-child(6n+4) .accordian__toggle:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+4) .accordian__toggle:hover:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+4) .accordian__toggle:before {
  background: #515151; }
.accordian--guide[open]:nth-child(6n+5) .accordian__toggle:before, .accordian--guide.open:nth-child(6n+5) .accordian__toggle:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+5) .accordian__toggle:hover:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+5) .accordian__toggle:before {
  background: #515151; }
.accordian--guide[open]:nth-child(6n+6) .accordian__toggle:before, .accordian--guide.open:nth-child(6n+6) .accordian__toggle:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+6) .accordian__toggle:hover:before {
  background: #82bc00; }
.accordian--guide:nth-child(6n+6) .accordian__toggle:before {
  background: #515151; }
.accordian--guide .accordian__toggle {
  border-color: #c0c0c0; }
  .accordian--guide .accordian__toggle .inner-container:before {
    color: #82bc00; }
.accordian--guide .accordian__contents {
  border-color: #c0c0c0; }
  .accordian--guide .accordian__contents .copy-container > h2,
  .accordian--guide .accordian__contents .copy-container > h3 {
    border-color: #2cb7e8;
    background: #f5f5f5; }
.accordian--dropdown-guide#guideJumpAccordian .accordian__toggle,
.accordian--dropdown-guide#guideJumpAccordian .accordian__contents {
  border-color: #515151; }
.accordian--dropdown-guide#guideJumpAccordian .accordian__toggle {
  color: #515151; }
  .accordian--dropdown-guide#guideJumpAccordian .accordian__toggle:before {
    color: #ffffff; }
  .accordian--dropdown-guide#guideJumpAccordian .accordian__toggle:after {
    background: #96b907;
    border-color: #ffffff; }
.accordian__navigation {
  border-color: #d0d4d8; }

/*
  ==========================================================================
   Drawer Link Colour Theme
  ==========================================================================
*/
.site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a {
  border-color: #c2c2c2;
  background: #fbfbfb;
  color: #505050; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:before {
    color: #A0A0A0; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:after {
    background: transparent; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:hover:after, .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:focus:after, .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a:active:after {
    background: transparent; }
  .site-drawer-holder .menu-block-wrapper > .menu > li:not(.expanded) a.active:after {
    background: transparent; }

/*
  ==========================================================================
   Breadcrumbs Colour Theme
  ==========================================================================
*/
.breadcrumb a {
  color: #505050; }
.breadcrumb li:last-child,
.breadcrumb li:last-child a {
  color: #d45144; }
.breadcrumb > a:last-child {
  color: #d45144; }

/*
  ==========================================================================
   Link Block Colour Theme
  ==========================================================================
*/
.link-block {
  border-color: #d0d4d8; }
  .link-block__title,
  .link-block__title a {
    color: #82bc00; }
    .link-block__title:visited,
    .link-block__title a:visited {
      color: #72106b; }
  @media print {
    .link-block__title {
      color: #82bc00 !important; } }
  .link-block__content {
    color: #555555; }
  .link-block a:visited {
    color: #72106b; }
  .highlight-link .link-block .group-link-content:after {
    background: #d0d4d8; }
  .highlight-link .link-block .highlight-badge {
    border-color: #f9fcf3; }
    .highlight-link .link-block .highlight-badge > div:before {
      color: #82bc00; }
    .highlight-link .link-block .highlight-badge > div:after {
      color: #6a9a1b; }

/*
  ==========================================================================
   Paginator Colour Theme
  ==========================================================================
*/
.pager {
  border-color: #d0d4d8; }
  .pager .pager-current,
  .pager a {
    color: #557f24; }
  .pager a:hover, .pager a:focus, .pager a:active {
    border-color: #557f24; }
  .pager .pager-current {
    border-color: #555555;
    color: #555555; }
    .pager .pager-current:not(.faux-link):hover, .pager .pager-current:not(.faux-link):focus, .pager .pager-current:not(.faux-link):active {
      border-color: #555555; }
  .pager .pager-previous a {
    color: #555555; }
    .pager .pager-previous a:hover, .pager .pager-previous a:focus, .pager .pager-previous a:active {
      color: #555555;
      border-color: #555555; }
  .pager .pager-next a {
    color: #555555; }
    .pager .pager-next a:hover, .pager .pager-next a:focus, .pager .pager-next a:active {
      color: #555555;
      border-color: #555555; }

/*
  ==========================================================================
   A-to-Z Paginator Colour Theme
  ==========================================================================
*/
.a-to-z-paginator a {
  color: #555555; }
  .a-to-z-paginator a:not(.faux-link):hover, .a-to-z-paginator a:not(.faux-link):focus {
    border-color: #555555; }
  .a-to-z-paginator a.active {
    color: #557f24;
    border-color: #557f24; }

/*
  ==========================================================================
   Downloader
  ==========================================================================
*/
.downloader {
  border-color: #ededed; }

/*
  ==========================================================================
   Promotion Colour Theme
  ==========================================================================
*/
.promotion {
  background: #f2f2f2;
  color: #838383; }
  .promotion__title {
    color: #55762b; }
  .promotion:visited .promotion__title {
    color: #55762b; }
  .promotion__text {
    color: #505050; }

/*
  ==========================================================================
   Quality Stamp Colour Theme
  ==========================================================================
*/
.quality-stamp {
  border-color: #d0d4d8; }
  .quality-stamp:before {
    color: #ffffff; }
  .quality-stamp:after {
    color: #0099dd; }

/*
  ==========================================================================
   Ajaxer Colour Theme
  ==========================================================================
*/
.ajaxer--hot-topics .ajax-links__container:before {
  border-top-color: #3C3C3C; }
.ajaxer--hot-topics .topic--ajax-teaser {
  background: #3C3C3C; }
  .ajaxer--hot-topics .topic--ajax-teaser,
  .ajaxer--hot-topics .topic--ajax-teaser a:not(.button) {
    color: #ffffff; }
  .ajaxer--hot-topics .topic--ajax-teaser a {
    outline-color: #ffffff; }
  .ajaxer--hot-topics .topic--ajax-teaser .topic-list {
    border-color: #ffffff; }
.ajaxer--guides .ajax-links__container:before {
  border-top-color: #3C3C3C; }

/*
  ==========================================================================
   Guide Colour Theme
  ==========================================================================
*/
.guide--teaser, .guide--ajax-teaser {
  color: #505050; }
.guide--ajax-teaser {
  border-color: #3C3C3C;
  background: #f3f3f3;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 1200px; }
.guide__title > a {
  background: #393938;
  color: #ffffff; }
.guide__image .field:before, .guide__thumbnail .field:before {
  color: #f21b76; }
.guide__image .field:after, .guide__thumbnail .field:after {
  color: #ffffff; }
.guide__image {
  border-left: 1px solid #c4c4c4; }
  body.drawer-open:not(.drawer-open--persist) .guide__image {
    border-left: none; }
    @media (min-width: 63em) {
      body.drawer-open:not(.drawer-open--persist) .guide__image {
        border-left: 1px solid #c4c4c4; } }
  @media (min-width: 48.0625em) {
    body.drawer-open .guide__image {
      border-left: none; } }
    @media (min-width: 48.0625em) and (min-width: 63em) {
      body.drawer-open .guide__image {
        border-left: 1px solid #c4c4c4; } }

/*
  ==========================================================================
   Share Colour Theme
  ==========================================================================
*/
.sharer__title {
  border-color: #d0d4d8; }
.sharer__action a {
  color: inherit; }
.sharer__action:hover .sharer__action-icon, .sharer__action:focus .sharer__action-icon, .sharer__action:active .sharer__action-icon {
  color: #1174e3; }
.sharer__action-link--inline:hover.facebook, .sharer__action-link--inline:focus.facebook, .sharer__action-link--inline:active.facebook {
  color: #3b5998; }
.sharer__action-link--inline:hover.twitter, .sharer__action-link--inline:focus.twitter, .sharer__action-link--inline:active.twitter {
  color: #55acee; }
.sharer__action-link--inline:hover.linkedin, .sharer__action-link--inline:focus.linkedin, .sharer__action-link--inline:active.linkedin {
  color: #0077b5; }

/*
  ==========================================================================
   Search Results Colour Theme
  ==========================================================================
*/
.search-results__result .field-type-text a {
  color: #1595ff; }

/*
  ==========================================================================
   WYSIWYG Styling
  ==========================================================================
*/
.story:before {
  background: #e8f5fb; }

.pull-quote-right,
.pull-quote-left {
  background: #e8f5fb; }

.wysiwyg-content a:visited {
  color: #72106b; }

/*
  ==========================================================================
   Taxonomy Colour Theme
  ==========================================================================
*/
.taxonomy-term .info-provider {
  color: #1174e3; }

/* ==========================================================================
   Twitter Colour Theme
   ========================================================================== */
.twitter_feed .item-list li:after {
  background: #d7dcdf; }
.twitter_feed .item-list .twitter-default-title {
  color: #555555; }
.twitter_feed .item-list .twitter-user-name span {
  color: #6a9a1b; }
.twitter_feed .item-list .twitter-date {
  color: #f8fafc; }

/* ==========================================================================
   Sidebar Colour Theme
   ========================================================================== */
@media print {
  .sidebar {
    display: none !important; } }
.sidebar .block-menu-block .menu a,
.sidebar .block-menu-block .menu .faux-link, .sidebar__related-links a,
.sidebar__related-links .faux-link {
  border-color: #d7dcdf;
  background: #ffffff; }
  @media (min-width: 48.0625em) {
    .sidebar .block-menu-block .menu a,
    .sidebar .block-menu-block .menu .faux-link, .sidebar__related-links a,
    .sidebar__related-links .faux-link {
      background: transparent; } }
  .sidebar .block-menu-block .menu a.active,
  .sidebar .block-menu-block .menu .faux-link.active, .sidebar__related-links a.active,
  .sidebar__related-links .faux-link.active {
    color: #d45144; }
.sidebar .block-menu-block .menu a, .sidebar__related-links a {
  color: #515151; }
.sidebar .block-menu-block h2 {
  border-color: #515151; }
  .sidebar .block-menu-block h2:after {
    background: #96b907;
    color: #ffffff; }
  .sidebar .block-menu-block h2 a {
    color: #515151; }
.sidebar__related-links .field-label {
  border-color: #d7dcdf;
  color: #96b907; }
@media (min-width: 48.0625em) {
  .sidebar .block-menu-block h2 {
    border-color: #c2c2c2; }
    .sidebar .block-menu-block h2 a {
      color: #6a9036; } }

body.node-type-event .event__title {
  color: #55762b; }
body.node-type-event .event__image {
  padding-bottom: 10px; }
  body.node-type-event .event__image h3 {
    color: transparent; }

.upload-event {
  background: #f2f2f2; }