@charset "UTF-8";
/*

The MIT License (MIT)

Copyright (c) 2011 Adam Savitzky

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

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

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

*/
/**
 * strip-unit
 *
 * @description Strips the unit from a value and returns the raw value.
 * @param value
 */
/**
 * em
 *
 * @description Calculates the EM value of a passed PX value.
 * @param size
 * @param base
 */
/**
 * em-rel
 *
 * @description Calculates the EM value of a passed PX value offset from the base
 * @param offset
 * @param base
 */
/**
 * em-fix
 *
 * @description Fixes the passed EM value to represent the nearest perfect pixel
 *   size post-calculation.
 * @param em
 * @param base
 */
/*! Spicy Web */
/*

The MIT License (MIT)

Copyright (c) 2011 Adam Savitzky

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

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

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

*/
/**
 * strip-unit
 *
 * @description Strips the unit from a value and returns the raw value.
 * @param value
 */
/**
 * em
 *
 * @description Calculates the EM value of a passed PX value.
 * @param size
 * @param base
 */
/**
 * em-rel
 *
 * @description Calculates the EM value of a passed PX value offset from the base
 * @param offset
 * @param base
 */
/**
 * em-fix
 *
 * @description Fixes the passed EM value to represent the nearest perfect pixel
 *   size post-calculation.
 * @param em
 * @param base
 */
/* --------------------------------------------------------------------------
   Prefixes
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   IE Support
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }
.article-list .list-item > .item-link > .item-thumb {
  max-width: 212px !important;
  width: 100% !important;
}
/* 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; }

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 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; }

/* 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. Supporting IE7


   CHANGELOG
   =========

13 July 2014
- Added option to expose as a standalone class

12 July 2014
- Moved over from old structure
- Converted to ghost class


   SETTINGS
   ======== */
/* STYLES
   ====== */
.columns:before, .container:before, .grid:before, .no-flex .grid-fixed:before,
.columns:after,
.container:after,
.grid:after,
.no-flex .grid-fixed:after {
  content: " ";
  display: block; }

.columns:after, .container:after, .grid:after, .no-flex .grid-fixed:after {
  clear: both; }

.grid-fixed {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }

/* IE
   ==

Mixins for properties that require an IE 8 or below fallback.

Has an option to toggle usage of IE specific CSS property hacks. The
benefit to having it enabled is smaller file sizes. If you do have it
disabled then you should be wary on when to use it. For example,
defining two ie specific properties on the same element will result
in double the selectors (I assume, not sure how Sass handles this).
In that case just use the mixin and set its content rather than the
property and value attributes.


   CHANGELOG
   =========

13 July 2014
- Moved over from old structure
- Allowed toggle of hack use
- Removed any ie naming conventions from mixins
- Added usage to the ie7/8 mixins to take in content


   NOTES
   =====

TODO Add alpha image loader to the color mixin


   SETTINGS
   ======== */
/* MIXINS
   ====== */
.xsmall {
  font-size: 0.23529em; }

.small {
  font-size: 0.52941em; }

.large {
  font-size: 1.52941em; }

.xlarge {
  font-size: 2em; }

.width-whole {
  width: 100%; }

.width-half {
  width: 50%; }

.width-third {
  width: 33.33%; }

.width-two-thirds {
  width: 66.66%; }

.width-quarter {
  width: 25%; }

.width-three-quarters {
  width: 75%; }

.width-fifth {
  width: 20%; }

.width-sixth {
  width: 16.66%; }

.width-seventh {
  width: 14.28%; }

.width-eighth {
  width: 12.5%; }

.width-10 {
  width: 10%; }

.width-20 {
  width: 20%; }

.width-30 {
  width: 30%; }

.width-40 {
  width: 40%; }

.width-50 {
  width: 50%; }

.width-60 {
  width: 60%; }

.width-70 {
  width: 70%; }

.width-80 {
  width: 80%; }

.width-90 {
  width: 90%; }

.fill {
  width: 100% !important; }

img.fill {
  height: auto !important; }

.trim > :first-child, #home-carousel .slide > :first-child {
  margin-top: 0 !important; }
.trim > :last-child, #home-carousel .slide > :last-child {
  margin-bottom: 0 !important; }

.no-margin {
  margin: 0 !important; }

.no-lower-margin {
  margin-bottom: 0 !important; }

.no-upper-margin {
  margin-top: 0 !important; }

.nowrap {
  white-space: nowrap !important; }

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

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

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

/** -------------------------------------------------------------------------
 * background-clip
 *
 * @description: Implements CSS background clipping for all browsers.
 *
 * @author: Benjamin Fleming
 * @modified: 2014-01-09
 *
 * @param $clip (label): Either border, padding or content;
 */
/** -------------------------------------------------------------------------
 * box-shadow
 *
 * @description: Implements CSS box shadows for all browsers.
 *
 * @author: Benjamin Fleming
 * @modified: 2014-01-05
 *
 * @param shadows (...): A list of shadows.
 */
/** -------------------------------------------------------------------------
 * calc
 *
 * @description: Implements CSS calc function for all browsers.
 *   Note: Opera has never used the -o- prefix. Removed.
 *
 * @author: Benjamin Fleming
 * @modified: 2014-07-18
 *
 * @param property (prop): The property to apply the calc to.
 * @param expression (string): Expression as a string.
 */
/** -------------------------------------------------------------------------
 * placeholder
 *
 * @description: Placeholder styling
 *
 * @author: Benjamin Fleming
 * @modified: 2014-01-05
 */
/** -------------------------------------------------------------------------
 * selection
 *
 * @description: Selection styling
 *
 * @author: Benjamin Fleming
 * @modified: 2014-03-09
 */
/** -------------------------------------------------------------------------
 * user-select
 *
 * @description: User selection behaviour
 *
 * @author: Benjamin Fleming
 * @modified: 2014-04-11
 */
/** -------------------------------------------------------------------------
 * transition
 *
 * @description: Implements CSS transitions for all browsers.
 *
 * @author: Benjamin Fleming
 * @modified: 2014-01-05
 *
 * @param trans (...): A list of transitions.
 */
.clip {
  overflow: hidden; }

.auto-scroll {
  overflow: auto; }

/** -------------------------------------------------------------------------
 * hidden
 *
 * @description: Hide from both screenreaders and browsers.
 *
 * @author: HTML5 Boilerplate
 * @modified: 2014-01-05
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/** -------------------------------------------------------------------------
 * visually-hidden
 *
 * @description: Hide only visually, but have it available for screenreaders.
 *
 * @author: HTML5 Boilerplate
 * @modified: 2014-01-05
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/** -------------------------------------------------------------------------
 * invisible
 *
 * @description: Hide visually and from screenreaders, but maintain layout.
 *
 * @author: HTML5 Boilerplate
 * @modified: 2014-01-05
 */
.invisible {
  visibility: hidden; }

/** -------------------------------------------------------------------------
 * transparent
 *
 * @description: Opacity zero. (or in IE8 and below just invisible)
 *
 * @author: Benjamin Fleming
 * @modified: 2014-03-10
 */
.transparent {
  opacity: 0; }

.lt-ie9 .transparent {
  visibility: hidden; }

/** -------------------------------------------------------------------------
 * make-triangle
 *
 * @description: Creates a triangle using borders.
 *
 * @author: Benjamin Fleming
 * @modified: 2014-03-28
 *
 * @param dir (dir): The direction the triangle will point.
 * @param color (color): The triangle colour.
 * @param size (scalar): The length of the triangle from middle of base to tip.
 * @param point-size (scalar) (optional): Sets the pointed side width so you
 *   can have different angles.
 */
/** -------------------------------------------------------------------------
 * fix-text-wrapping
 *
 * @description: Fixes weird bug for chrome mobile that causes premature
 *   wrapping of text using some custom fonts (eg. Open Sans Light)
 *
 * @author: Benjamin Fleming
 * @modified: 2014-01-05
 */
.button:after {
  display: inline-block;
  content: '\00a0';
  height: 0;
  font-size: 1em;
  float: left; }

/*
@include page('link/to/page');   // Targets .page-link-to-page
@include page('link/*');         // Targets [class^="page-link-"], [class*=" page-link-"]
@include page('link', 'link/*'); // Targets .page-link, [class^="page-link-"], [class*=" page-link-"]
@include page('link/to/*');      // Targets [class^="page-link-to-"], [class*=" page-link-to-"]
*/
.absolute {
  position: absolute;
  width: 100%; }

.fixed {
  position: fixed;
  width: 100%; }

.relative {
  position: relative; }

.auto-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/** -------------------------------------------------------------------------
 * inline
 *
 * @description: Allows an element to properly sit inline with text.
 *
 * @author: Benjamin Fleming
 * @modified: 2014-03-02
 */
.inline, .field-label > .checkbox,
.field-label > .radio {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-top: -0.1675em !important; }

/* BASE
   ====

Base styles for the website.


   CHANGELOG
   =========

19 July 2014
- Setup file


   NOTES
   =====

1. Calculate the size of the spacing in percentage based on maximum screen width


   SETTINGS
   ======== */
/* STYLES
   ====== */
/* Windows Phone 8 device-width fix
   http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
/* Box model fix (IE8+) */
*, *:before, *:after {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important; }

/* Turn off tap styles and only apply them when needed */
* {
  -webkit-tap-highlight-color: transparent; }

/* Fix font settings */
html, button, input, select, textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "kern","liga","case";
  /* No variation */
  -moz-font-feature-settings: "kern=1","liga=1","case=1";
  /* Firefox 4.0 to 14.0 */
  -moz-font-feature-settings: "kern","liga","case";
  /* Firefox 15.0 onwards */
  -moz-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
  /* Firefox 15.0 onwards explicitly set feature values */
  font-feature-settings: "kern","liga","case";
  /* No variation */ }

/* Set up page.
   Basic font size is assumed to be 16px by default, and a percentage value is
   calculated based of the specified font size. */
html {
  font-size: 106.25%;
  height: 100%; }

body {
  min-height: 100%;
  padding-top: .01em;
  color: black;
  background-color: white;
  /* Reduce font size if the screen size is ridiculously small */ }
  @media (max-width: 21.1875em) {
    body {
      font-size: 0.8125em; } }

html,
body {
  overflow-x: hidden; }

html,
h1, h2, h3, h4, h5, h6,
button,
input {
  line-height: 1; }

p,
pre,
li,
textarea,
blockquote,
dl {
  line-height: 1.5; }

p,
pre,
blockquote,
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0; }

/* Remove text-shadow in selection highlight: h5bp.com/i
   Give it a default colour. */
::-moz-selection {
  text-shadow: none;
  background-color: rgba(135, 206, 250, 0.8);
  color: black; }

::selection {
  text-shadow: none;
  background-color: rgba(135, 206, 250, 0.8);
  color: black; }

/* Remove the gap between images, videos, audio and canvas and the bottom of
   their containers: h5bp.com/i/440 */
audio, canvas, img, svg, video {
  vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* For touch screen devices running IE, the following removes the ~300ms
   delay between clicking and the event being executed. */
a, input, button {
  -ms-touch-action: none; }

a, button {
  cursor: pointer; }

/* Completely clear any default button styles */
button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  outline: 0; }

/* Allow only vertical resizing of textareas. */
textarea {
  resize: vertical; }

/* More appropriate cursors */
input[type='date'],
input[type='checkbox'],
input[type='radio'],
select,
label {
  cursor: pointer; }

/* Hide Vue.js cloaked elements.
   Force noscript tags to be invisible in presence of JavaScript in case
   they have been styled. */
[data-v-cloak],
.js noscript {
  display: none !important; }

/* BAR
   ===

Inlines its children and also allows for grouping, and aligning groups too.

This is typically used as a base class, used by things like the Navigation Bar
or the Button Bar. By default the accessible style ".bar" is turned off, so
you won't be able to reference it in your HTML.


   CHANGELOG
   =========

13 July 2014
- Created documentation


   NOTES
   =====



   SETTINGS
   ======== */
ul.bar {
  margin: 0;
  padding: 0; }
  ul.bar > li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1; }

.item-center.bar {
  text-align: center; }
.item-left.bar {
  text-align: left; }
.item-right.bar {
  text-align: right; }
.bar > * {
  display: inline-block !important;
  text-align: left;
  vertical-align: middle; }
.reversed.bar > * {
  direction: rtl; }
  .reversed.bar > * > * {
    direction: ltr; }
.item-justify.bar {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .item-justify.bar > * {
    display: table-cell !important; }
.spacing-small.bar {
  margin: -0.70588em -0.35294em 0 -0.35294em; }
  .spacing-small.bar > * {
    margin: 0.70588em 0.35294em 0 0.35294em; }
  .spacing-small.spacing-around.bar {
    margin: 0;
    padding: 0 0.35294em 0.70588em 0.35294em; }
  .spacing-small.item-justify.bar {
    margin: 0 -0.70588em;
    border-spacing: 0.70588em 0;
    width: -moz-calc(100% + 1.41176em);
    width: -webkit-calc(100% + 1.41176em);
    width: calc(100% + 1.41176em); }
    .spacing-small.item-justify.bar > * {
      margin: 0; }
    .spacing-small.item-justify.spacing-around.bar {
      margin: 0;
      padding: 0;
      border-spacing: 0.70588em;
      width: -moz-calc(100%);
      width: -webkit-calc(100%);
      width: calc(100%); }
.spacing-medium.bar {
  margin: -1.25em -0.625em 0 -0.625em; }
  .spacing-medium.bar > * {
    margin: 1.25em 0.625em 0 0.625em; }
  .spacing-medium.spacing-around.bar {
    margin: 0;
    padding: 0 0.625em 1.25em 0.625em; }
  .spacing-medium.item-justify.bar {
    margin: 0 -1.25em;
    border-spacing: 1.25em 0;
    width: -moz-calc(100% + 2.5em);
    width: -webkit-calc(100% + 2.5em);
    width: calc(100% + 2.5em); }
    .spacing-medium.item-justify.bar > * {
      margin: 0; }
    .spacing-medium.item-justify.spacing-around.bar {
      margin: 0;
      padding: 0;
      border-spacing: 1.25em;
      width: -moz-calc(100%);
      width: -webkit-calc(100%);
      width: calc(100%); }
.spacing-large.bar {
  margin: -3.52941em -1.76471em 0 -1.76471em; }
  .spacing-large.bar > * {
    margin: 3.52941em 1.76471em 0 1.76471em; }
  .spacing-large.spacing-around.bar {
    margin: 0;
    padding: 0 1.76471em 3.52941em 1.76471em; }
  .spacing-large.item-justify.bar {
    margin: 0 -3.52941em;
    border-spacing: 3.52941em 0;
    width: -moz-calc(100% + 7.05882em);
    width: -webkit-calc(100% + 7.05882em);
    width: calc(100% + 7.05882em); }
    .spacing-large.item-justify.bar > * {
      margin: 0; }
    .spacing-large.item-justify.spacing-around.bar {
      margin: 0;
      padding: 0;
      border-spacing: 3.52941em;
      width: -moz-calc(100%);
      width: -webkit-calc(100%);
      width: calc(100%); }
.v-spacing-none.bar {
  margin-top: 0; }
  .v-spacing-none.bar > * {
    margin-top: 0; }
  .v-spacing-none.spacing-around.bar {
    padding-bottom: 0; }
.v-spacing-small.bar {
  margin-top: 0.70588em; }
  .v-spacing-small.bar > * {
    margin-top: 0.70588em; }
  .v-spacing-small.spacing-around.bar {
    margin-top: 0;
    padding-bottom: 0.70588em; }
  .v-spacing-small.item-justify.bar {
    margin-top: 0; }
    .v-spacing-small.item-justify.bar > * {
      margin-top: 0; }
    .v-spacing-small.item-justify.spacing-around.bar {
      padding-bottom: 0; }
.v-spacing-medium.bar {
  margin-top: 1.25em; }
  .v-spacing-medium.bar > * {
    margin-top: 1.25em; }
  .v-spacing-medium.spacing-around.bar {
    margin-top: 0;
    padding-bottom: 1.25em; }
  .v-spacing-medium.item-justify.bar {
    margin-top: 0; }
    .v-spacing-medium.item-justify.bar > * {
      margin-top: 0; }
    .v-spacing-medium.item-justify.spacing-around.bar {
      padding-bottom: 0; }
.v-spacing-large.bar {
  margin-top: 3.52941em; }
  .v-spacing-large.bar > * {
    margin-top: 3.52941em; }
  .v-spacing-large.spacing-around.bar {
    margin-top: 0;
    padding-bottom: 3.52941em; }
  .v-spacing-large.item-justify.bar {
    margin-top: 0; }
    .v-spacing-large.item-justify.bar > * {
      margin-top: 0; }
    .v-spacing-large.item-justify.spacing-around.bar {
      padding-bottom: 0; }

/* COLUMNS
   =======

Responsive columns!


   CHANGELOG
   =========

19 July 2014
- Removed any bottom margins and spacings as some browsers (IE, Firefox) do not
  support negative bottom margins, and would not clip correctly. This was fixed
  by applying any spacings to the top only (doubling the value).

18 July 2014
- First version done.


   NOTES
   =====

TODO Mixin
TODO v-spacing-none

1. Calculate the size of the spacing in percentage based on maximum screen width


   SETTINGS
   ======== */
/* MIXINS
   ====== */
/* STYLES
   ====== */
.columns.reversed > .column {
  float: right; }
.columns > .column {
  float: left;
  width: 100%; }
.columns.spacing-small {
  margin: -0.70588em -0.35294em 0 -0.35294em; }
  .no-calc .columns.spacing-small {
    margin-left: 0;
    margin-right: 0; }
  .columns.spacing-small.spacing-around {
    margin: 0;
    padding: 0 0.35294em 0.70588em 0.35294em; }
  .columns.spacing-small > .column {
    margin: 0.70588em 0.35294em 0 0.35294em;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
    .no-calc .columns.spacing-small > .column {
      margin-left: 0.56391%;
      margin-right: 0.56391%;
      width: 98.87218%; }
.columns.spacing-medium {
  margin: -1.25em -0.625em 0 -0.625em; }
  .no-calc .columns.spacing-medium {
    margin-left: 0;
    margin-right: 0; }
  .columns.spacing-medium.spacing-around {
    margin: 0;
    padding: 0 0.625em 1.25em 0.625em; }
  .columns.spacing-medium > .column {
    margin: 1.25em 0.625em 0 0.625em;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
    .no-calc .columns.spacing-medium > .column {
      margin-left: 0.99859%;
      margin-right: 0.99859%;
      width: 98.00282%; }
.columns.spacing-large {
  margin: -4.23529em -2.11765em 0 -2.11765em; }
  .no-calc .columns.spacing-large {
    margin-left: 0;
    margin-right: 0; }
  .columns.spacing-large.spacing-around {
    margin: 0;
    padding: 0 2.11765em 4.23529em 2.11765em; }
  .columns.spacing-large > .column {
    margin: 4.23529em 2.11765em 0 2.11765em;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); }
    .no-calc .columns.spacing-large > .column {
      margin-left: 3.38346%;
      margin-right: 3.38346%;
      width: 93.23308%; }
.columns.v-spacing-small {
  margin-top: -0.70588em; }
  .columns.v-spacing-small.spacing-around {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0.70588em; }
  .columns.v-spacing-small > .column {
    margin-top: 0.70588em; }
.columns.v-spacing-medium {
  margin-top: -1.25em; }
  .columns.v-spacing-medium.spacing-around {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1.25em; }
  .columns.v-spacing-medium > .column {
    margin-top: 1.25em; }
.columns.v-spacing-large {
  margin-top: -4.23529em; }
  .columns.v-spacing-large.spacing-around {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 4.23529em; }
  .columns.v-spacing-large > .column {
    margin-top: 4.23529em; }
.columns > .column.small-whole {
  width: 100%; }
.columns > .column.small-half {
  width: 50%; }
.columns > .column.small-third {
  width: 33.33%; }
.columns > .column.small-two-thirds {
  width: 66.66%; }
.columns > .column.small-quarter {
  width: 25%; }
.columns > .column.small-three-quarters {
  width: 75%; }
.columns > .column.small-fifth {
  width: 20%; }
.columns > .column.small-sixth {
  width: 16.66%; }
.columns > .column.small-seventh {
  width: 14.28%; }
.columns > .column.small-eighth {
  width: 12.5%; }
.columns > .column.small-10 {
  width: 10%; }
.columns > .column.small-20 {
  width: 20%; }
.columns > .column.small-30 {
  width: 30%; }
.columns > .column.small-40 {
  width: 40%; }
.columns > .column.small-50 {
  width: 50%; }
.columns > .column.small-60 {
  width: 60%; }
.columns > .column.small-70 {
  width: 70%; }
.columns > .column.small-80 {
  width: 80%; }
.columns > .column.small-90 {
  width: 90%; }
.columns.spacing-small > .column.small-whole {
  width: 98.87218%;
  width: -moz-calc(100% - 0.70588em);
  width: -webkit-calc(100% - 0.70588em);
  width: calc(100% - 0.70588em); }
.columns.spacing-small > .column.small-half {
  width: 48.87218%;
  width: -moz-calc(50% - 0.70588em);
  width: -webkit-calc(50% - 0.70588em);
  width: calc(50% - 0.70588em); }
.columns.spacing-small > .column.small-third {
  width: 32.20218%;
  width: -moz-calc(33.33% - 0.70588em);
  width: -webkit-calc(33.33% - 0.70588em);
  width: calc(33.33% - 0.70588em); }
.columns.spacing-small > .column.small-two-thirds {
  width: 65.53218%;
  width: -moz-calc(66.66% - 0.70588em);
  width: -webkit-calc(66.66% - 0.70588em);
  width: calc(66.66% - 0.70588em); }
.columns.spacing-small > .column.small-quarter {
  width: 23.87218%;
  width: -moz-calc(25% - 0.70588em);
  width: -webkit-calc(25% - 0.70588em);
  width: calc(25% - 0.70588em); }
.columns.spacing-small > .column.small-three-quarters {
  width: 73.87218%;
  width: -moz-calc(75% - 0.70588em);
  width: -webkit-calc(75% - 0.70588em);
  width: calc(75% - 0.70588em); }
.columns.spacing-small > .column.small-fifth {
  width: 18.87218%;
  width: -moz-calc(20% - 0.70588em);
  width: -webkit-calc(20% - 0.70588em);
  width: calc(20% - 0.70588em); }
.columns.spacing-small > .column.small-sixth {
  width: 15.53218%;
  width: -moz-calc(16.66% - 0.70588em);
  width: -webkit-calc(16.66% - 0.70588em);
  width: calc(16.66% - 0.70588em); }
.columns.spacing-small > .column.small-seventh {
  width: 13.15218%;
  width: -moz-calc(14.28% - 0.70588em);
  width: -webkit-calc(14.28% - 0.70588em);
  width: calc(14.28% - 0.70588em); }
.columns.spacing-small > .column.small-eighth {
  width: 11.37218%;
  width: -moz-calc(12.5% - 0.70588em);
  width: -webkit-calc(12.5% - 0.70588em);
  width: calc(12.5% - 0.70588em); }
.columns.spacing-small > .column.small-10 {
  width: 8.87218%;
  width: -moz-calc(10% - 0.70588em);
  width: -webkit-calc(10% - 0.70588em);
  width: calc(10% - 0.70588em); }
.columns.spacing-small > .column.small-20 {
  width: 18.87218%;
  width: -moz-calc(20% - 0.70588em);
  width: -webkit-calc(20% - 0.70588em);
  width: calc(20% - 0.70588em); }
.columns.spacing-small > .column.small-30 {
  width: 28.87218%;
  width: -moz-calc(30% - 0.70588em);
  width: -webkit-calc(30% - 0.70588em);
  width: calc(30% - 0.70588em); }
.columns.spacing-small > .column.small-40 {
  width: 38.87218%;
  width: -moz-calc(40% - 0.70588em);
  width: -webkit-calc(40% - 0.70588em);
  width: calc(40% - 0.70588em); }
.columns.spacing-small > .column.small-50 {
  width: 48.87218%;
  width: -moz-calc(50% - 0.70588em);
  width: -webkit-calc(50% - 0.70588em);
  width: calc(50% - 0.70588em); }
.columns.spacing-small > .column.small-60 {
  width: 58.87218%;
  width: -moz-calc(60% - 0.70588em);
  width: -webkit-calc(60% - 0.70588em);
  width: calc(60% - 0.70588em); }
.columns.spacing-small > .column.small-70 {
  width: 68.87218%;
  width: -moz-calc(70% - 0.70588em);
  width: -webkit-calc(70% - 0.70588em);
  width: calc(70% - 0.70588em); }
.columns.spacing-small > .column.small-80 {
  width: 78.87218%;
  width: -moz-calc(80% - 0.70588em);
  width: -webkit-calc(80% - 0.70588em);
  width: calc(80% - 0.70588em); }
.columns.spacing-small > .column.small-90 {
  width: 88.87218%;
  width: -moz-calc(90% - 0.70588em);
  width: -webkit-calc(90% - 0.70588em);
  width: calc(90% - 0.70588em); }
.columns.spacing-medium > .column.small-whole {
  width: 98.00282%;
  width: -moz-calc(100% - 1.25em);
  width: -webkit-calc(100% - 1.25em);
  width: calc(100% - 1.25em); }
.columns.spacing-medium > .column.small-half {
  width: 48.00282%;
  width: -moz-calc(50% - 1.25em);
  width: -webkit-calc(50% - 1.25em);
  width: calc(50% - 1.25em); }
.columns.spacing-medium > .column.small-third {
  width: 31.33282%;
  width: -moz-calc(33.33% - 1.25em);
  width: -webkit-calc(33.33% - 1.25em);
  width: calc(33.33% - 1.25em); }
.columns.spacing-medium > .column.small-two-thirds {
  width: 64.66282%;
  width: -moz-calc(66.66% - 1.25em);
  width: -webkit-calc(66.66% - 1.25em);
  width: calc(66.66% - 1.25em); }
.columns.spacing-medium > .column.small-quarter {
  width: 23.00282%;
  width: -moz-calc(25% - 1.25em);
  width: -webkit-calc(25% - 1.25em);
  width: calc(25% - 1.25em); }
.columns.spacing-medium > .column.small-three-quarters {
  width: 73.00282%;
  width: -moz-calc(75% - 1.25em);
  width: -webkit-calc(75% - 1.25em);
  width: calc(75% - 1.25em); }
.columns.spacing-medium > .column.small-fifth {
  width: 18.00282%;
  width: -moz-calc(20% - 1.25em);
  width: -webkit-calc(20% - 1.25em);
  width: calc(20% - 1.25em); }
.columns.spacing-medium > .column.small-sixth {
  width: 14.66282%;
  width: -moz-calc(16.66% - 1.25em);
  width: -webkit-calc(16.66% - 1.25em);
  width: calc(16.66% - 1.25em); }
.columns.spacing-medium > .column.small-seventh {
  width: 12.28282%;
  width: -moz-calc(14.28% - 1.25em);
  width: -webkit-calc(14.28% - 1.25em);
  width: calc(14.28% - 1.25em); }
.columns.spacing-medium > .column.small-eighth {
  width: 10.50282%;
  width: -moz-calc(12.5% - 1.25em);
  width: -webkit-calc(12.5% - 1.25em);
  width: calc(12.5% - 1.25em); }
.columns.spacing-medium > .column.small-10 {
  width: 8.00282%;
  width: -moz-calc(10% - 1.25em);
  width: -webkit-calc(10% - 1.25em);
  width: calc(10% - 1.25em); }
.columns.spacing-medium > .column.small-20 {
  width: 18.00282%;
  width: -moz-calc(20% - 1.25em);
  width: -webkit-calc(20% - 1.25em);
  width: calc(20% - 1.25em); }
.columns.spacing-medium > .column.small-30 {
  width: 28.00282%;
  width: -moz-calc(30% - 1.25em);
  width: -webkit-calc(30% - 1.25em);
  width: calc(30% - 1.25em); }
.columns.spacing-medium > .column.small-40 {
  width: 38.00282%;
  width: -moz-calc(40% - 1.25em);
  width: -webkit-calc(40% - 1.25em);
  width: calc(40% - 1.25em); }
.columns.spacing-medium > .column.small-50 {
  width: 48.00282%;
  width: -moz-calc(50% - 1.25em);
  width: -webkit-calc(50% - 1.25em);
  width: calc(50% - 1.25em); }
.columns.spacing-medium > .column.small-60 {
  width: 58.00282%;
  width: -moz-calc(60% - 1.25em);
  width: -webkit-calc(60% - 1.25em);
  width: calc(60% - 1.25em); }
.columns.spacing-medium > .column.small-70 {
  width: 68.00282%;
  width: -moz-calc(70% - 1.25em);
  width: -webkit-calc(70% - 1.25em);
  width: calc(70% - 1.25em); }
.columns.spacing-medium > .column.small-80 {
  width: 78.00282%;
  width: -moz-calc(80% - 1.25em);
  width: -webkit-calc(80% - 1.25em);
  width: calc(80% - 1.25em); }
.columns.spacing-medium > .column.small-90 {
  width: 88.00282%;
  width: -moz-calc(90% - 1.25em);
  width: -webkit-calc(90% - 1.25em);
  width: calc(90% - 1.25em); }
.columns.spacing-large > .column.small-whole {
  width: 93.23308%;
  width: -moz-calc(100% - 4.23529em);
  width: -webkit-calc(100% - 4.23529em);
  width: calc(100% - 4.23529em); }
.columns.spacing-large > .column.small-half {
  width: 43.23308%;
  width: -moz-calc(50% - 4.23529em);
  width: -webkit-calc(50% - 4.23529em);
  width: calc(50% - 4.23529em); }
.columns.spacing-large > .column.small-third {
  width: 26.56308%;
  width: -moz-calc(33.33% - 4.23529em);
  width: -webkit-calc(33.33% - 4.23529em);
  width: calc(33.33% - 4.23529em); }
.columns.spacing-large > .column.small-two-thirds {
  width: 59.89308%;
  width: -moz-calc(66.66% - 4.23529em);
  width: -webkit-calc(66.66% - 4.23529em);
  width: calc(66.66% - 4.23529em); }
.columns.spacing-large > .column.small-quarter {
  width: 18.23308%;
  width: -moz-calc(25% - 4.23529em);
  width: -webkit-calc(25% - 4.23529em);
  width: calc(25% - 4.23529em); }
.columns.spacing-large > .column.small-three-quarters {
  width: 68.23308%;
  width: -moz-calc(75% - 4.23529em);
  width: -webkit-calc(75% - 4.23529em);
  width: calc(75% - 4.23529em); }
.columns.spacing-large > .column.small-fifth {
  width: 13.23308%;
  width: -moz-calc(20% - 4.23529em);
  width: -webkit-calc(20% - 4.23529em);
  width: calc(20% - 4.23529em); }
.columns.spacing-large > .column.small-sixth {
  width: 9.89308%;
  width: -moz-calc(16.66% - 4.23529em);
  width: -webkit-calc(16.66% - 4.23529em);
  width: calc(16.66% - 4.23529em); }
.columns.spacing-large > .column.small-seventh {
  width: 7.51308%;
  width: -moz-calc(14.28% - 4.23529em);
  width: -webkit-calc(14.28% - 4.23529em);
  width: calc(14.28% - 4.23529em); }
.columns.spacing-large > .column.small-eighth {
  width: 5.73308%;
  width: -moz-calc(12.5% - 4.23529em);
  width: -webkit-calc(12.5% - 4.23529em);
  width: calc(12.5% - 4.23529em); }
.columns.spacing-large > .column.small-10 {
  width: 3.23308%;
  width: -moz-calc(10% - 4.23529em);
  width: -webkit-calc(10% - 4.23529em);
  width: calc(10% - 4.23529em); }
.columns.spacing-large > .column.small-20 {
  width: 13.23308%;
  width: -moz-calc(20% - 4.23529em);
  width: -webkit-calc(20% - 4.23529em);
  width: calc(20% - 4.23529em); }
.columns.spacing-large > .column.small-30 {
  width: 23.23308%;
  width: -moz-calc(30% - 4.23529em);
  width: -webkit-calc(30% - 4.23529em);
  width: calc(30% - 4.23529em); }
.columns.spacing-large > .column.small-40 {
  width: 33.23308%;
  width: -moz-calc(40% - 4.23529em);
  width: -webkit-calc(40% - 4.23529em);
  width: calc(40% - 4.23529em); }
.columns.spacing-large > .column.small-50 {
  width: 43.23308%;
  width: -moz-calc(50% - 4.23529em);
  width: -webkit-calc(50% - 4.23529em);
  width: calc(50% - 4.23529em); }
.columns.spacing-large > .column.small-60 {
  width: 53.23308%;
  width: -moz-calc(60% - 4.23529em);
  width: -webkit-calc(60% - 4.23529em);
  width: calc(60% - 4.23529em); }
.columns.spacing-large > .column.small-70 {
  width: 63.23308%;
  width: -moz-calc(70% - 4.23529em);
  width: -webkit-calc(70% - 4.23529em);
  width: calc(70% - 4.23529em); }
.columns.spacing-large > .column.small-80 {
  width: 73.23308%;
  width: -moz-calc(80% - 4.23529em);
  width: -webkit-calc(80% - 4.23529em);
  width: calc(80% - 4.23529em); }
.columns.spacing-large > .column.small-90 {
  width: 83.23308%;
  width: -moz-calc(90% - 4.23529em);
  width: -webkit-calc(90% - 4.23529em);
  width: calc(90% - 4.23529em); }
.columns > .column.small-clear {
  clear: both; }
.columns > .column.small-unclear {
  clear: none; }
@media (min-width: 31.25em) {
  .columns > .column.medium-whole {
    width: 100%; }
  .columns > .column.medium-half {
    width: 50%; }
  .columns > .column.medium-third {
    width: 33.33%; }
  .columns > .column.medium-two-thirds {
    width: 66.66%; }
  .columns > .column.medium-quarter {
    width: 25%; }
  .columns > .column.medium-three-quarters {
    width: 75%; }
  .columns > .column.medium-fifth {
    width: 20%; }
  .columns > .column.medium-sixth {
    width: 16.66%; }
  .columns > .column.medium-seventh {
    width: 14.28%; }
  .columns > .column.medium-eighth {
    width: 12.5%; }
  .columns > .column.medium-10 {
    width: 10%; }
  .columns > .column.medium-20 {
    width: 20%; }
  .columns > .column.medium-30 {
    width: 30%; }
  .columns > .column.medium-40 {
    width: 40%; }
  .columns > .column.medium-50 {
    width: 50%; }
  .columns > .column.medium-60 {
    width: 60%; }
  .columns > .column.medium-70 {
    width: 70%; }
  .columns > .column.medium-80 {
    width: 80%; }
  .columns > .column.medium-90 {
    width: 90%; }
  .columns.spacing-small > .column.medium-whole {
    width: 98.87218%;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
  .columns.spacing-small > .column.medium-half {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .columns.spacing-small > .column.medium-third {
    width: 32.20218%;
    width: -moz-calc(33.33% - 0.70588em);
    width: -webkit-calc(33.33% - 0.70588em);
    width: calc(33.33% - 0.70588em); }
  .columns.spacing-small > .column.medium-two-thirds {
    width: 65.53218%;
    width: -moz-calc(66.66% - 0.70588em);
    width: -webkit-calc(66.66% - 0.70588em);
    width: calc(66.66% - 0.70588em); }
  .columns.spacing-small > .column.medium-quarter {
    width: 23.87218%;
    width: -moz-calc(25% - 0.70588em);
    width: -webkit-calc(25% - 0.70588em);
    width: calc(25% - 0.70588em); }
  .columns.spacing-small > .column.medium-three-quarters {
    width: 73.87218%;
    width: -moz-calc(75% - 0.70588em);
    width: -webkit-calc(75% - 0.70588em);
    width: calc(75% - 0.70588em); }
  .columns.spacing-small > .column.medium-fifth {
    width: 18.87218%;
    width: -moz-calc(20% - 0.70588em);
    width: -webkit-calc(20% - 0.70588em);
    width: calc(20% - 0.70588em); }
  .columns.spacing-small > .column.medium-sixth {
    width: 15.53218%;
    width: -moz-calc(16.66% - 0.70588em);
    width: -webkit-calc(16.66% - 0.70588em);
    width: calc(16.66% - 0.70588em); }
  .columns.spacing-small > .column.medium-seventh {
    width: 13.15218%;
    width: -moz-calc(14.28% - 0.70588em);
    width: -webkit-calc(14.28% - 0.70588em);
    width: calc(14.28% - 0.70588em); }
  .columns.spacing-small > .column.medium-eighth {
    width: 11.37218%;
    width: -moz-calc(12.5% - 0.70588em);
    width: -webkit-calc(12.5% - 0.70588em);
    width: calc(12.5% - 0.70588em); }
  .columns.spacing-small > .column.medium-10 {
    width: 8.87218%;
    width: -moz-calc(10% - 0.70588em);
    width: -webkit-calc(10% - 0.70588em);
    width: calc(10% - 0.70588em); }
  .columns.spacing-small > .column.medium-20 {
    width: 18.87218%;
    width: -moz-calc(20% - 0.70588em);
    width: -webkit-calc(20% - 0.70588em);
    width: calc(20% - 0.70588em); }
  .columns.spacing-small > .column.medium-30 {
    width: 28.87218%;
    width: -moz-calc(30% - 0.70588em);
    width: -webkit-calc(30% - 0.70588em);
    width: calc(30% - 0.70588em); }
  .columns.spacing-small > .column.medium-40 {
    width: 38.87218%;
    width: -moz-calc(40% - 0.70588em);
    width: -webkit-calc(40% - 0.70588em);
    width: calc(40% - 0.70588em); }
  .columns.spacing-small > .column.medium-50 {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .columns.spacing-small > .column.medium-60 {
    width: 58.87218%;
    width: -moz-calc(60% - 0.70588em);
    width: -webkit-calc(60% - 0.70588em);
    width: calc(60% - 0.70588em); }
  .columns.spacing-small > .column.medium-70 {
    width: 68.87218%;
    width: -moz-calc(70% - 0.70588em);
    width: -webkit-calc(70% - 0.70588em);
    width: calc(70% - 0.70588em); }
  .columns.spacing-small > .column.medium-80 {
    width: 78.87218%;
    width: -moz-calc(80% - 0.70588em);
    width: -webkit-calc(80% - 0.70588em);
    width: calc(80% - 0.70588em); }
  .columns.spacing-small > .column.medium-90 {
    width: 88.87218%;
    width: -moz-calc(90% - 0.70588em);
    width: -webkit-calc(90% - 0.70588em);
    width: calc(90% - 0.70588em); }
  .columns.spacing-medium > .column.medium-whole {
    width: 98.00282%;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
  .columns.spacing-medium > .column.medium-half {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .columns.spacing-medium > .column.medium-third {
    width: 31.33282%;
    width: -moz-calc(33.33% - 1.25em);
    width: -webkit-calc(33.33% - 1.25em);
    width: calc(33.33% - 1.25em); }
  .columns.spacing-medium > .column.medium-two-thirds {
    width: 64.66282%;
    width: -moz-calc(66.66% - 1.25em);
    width: -webkit-calc(66.66% - 1.25em);
    width: calc(66.66% - 1.25em); }
  .columns.spacing-medium > .column.medium-quarter {
    width: 23.00282%;
    width: -moz-calc(25% - 1.25em);
    width: -webkit-calc(25% - 1.25em);
    width: calc(25% - 1.25em); }
  .columns.spacing-medium > .column.medium-three-quarters {
    width: 73.00282%;
    width: -moz-calc(75% - 1.25em);
    width: -webkit-calc(75% - 1.25em);
    width: calc(75% - 1.25em); }
  .columns.spacing-medium > .column.medium-fifth {
    width: 18.00282%;
    width: -moz-calc(20% - 1.25em);
    width: -webkit-calc(20% - 1.25em);
    width: calc(20% - 1.25em); }
  .columns.spacing-medium > .column.medium-sixth {
    width: 14.66282%;
    width: -moz-calc(16.66% - 1.25em);
    width: -webkit-calc(16.66% - 1.25em);
    width: calc(16.66% - 1.25em); }
  .columns.spacing-medium > .column.medium-seventh {
    width: 12.28282%;
    width: -moz-calc(14.28% - 1.25em);
    width: -webkit-calc(14.28% - 1.25em);
    width: calc(14.28% - 1.25em); }
  .columns.spacing-medium > .column.medium-eighth {
    width: 10.50282%;
    width: -moz-calc(12.5% - 1.25em);
    width: -webkit-calc(12.5% - 1.25em);
    width: calc(12.5% - 1.25em); }
  .columns.spacing-medium > .column.medium-10 {
    width: 8.00282%;
    width: -moz-calc(10% - 1.25em);
    width: -webkit-calc(10% - 1.25em);
    width: calc(10% - 1.25em); }
  .columns.spacing-medium > .column.medium-20 {
    width: 18.00282%;
    width: -moz-calc(20% - 1.25em);
    width: -webkit-calc(20% - 1.25em);
    width: calc(20% - 1.25em); }
  .columns.spacing-medium > .column.medium-30 {
    width: 28.00282%;
    width: -moz-calc(30% - 1.25em);
    width: -webkit-calc(30% - 1.25em);
    width: calc(30% - 1.25em); }
  .columns.spacing-medium > .column.medium-40 {
    width: 38.00282%;
    width: -moz-calc(40% - 1.25em);
    width: -webkit-calc(40% - 1.25em);
    width: calc(40% - 1.25em); }
  .columns.spacing-medium > .column.medium-50 {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .columns.spacing-medium > .column.medium-60 {
    width: 58.00282%;
    width: -moz-calc(60% - 1.25em);
    width: -webkit-calc(60% - 1.25em);
    width: calc(60% - 1.25em); }
  .columns.spacing-medium > .column.medium-70 {
    width: 68.00282%;
    width: -moz-calc(70% - 1.25em);
    width: -webkit-calc(70% - 1.25em);
    width: calc(70% - 1.25em); }
  .columns.spacing-medium > .column.medium-80 {
    width: 78.00282%;
    width: -moz-calc(80% - 1.25em);
    width: -webkit-calc(80% - 1.25em);
    width: calc(80% - 1.25em); }
  .columns.spacing-medium > .column.medium-90 {
    width: 88.00282%;
    width: -moz-calc(90% - 1.25em);
    width: -webkit-calc(90% - 1.25em);
    width: calc(90% - 1.25em); }
  .columns.spacing-large > .column.medium-whole {
    width: 93.23308%;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); }
  .columns.spacing-large > .column.medium-half {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); }
  .columns.spacing-large > .column.medium-third {
    width: 26.56308%;
    width: -moz-calc(33.33% - 4.23529em);
    width: -webkit-calc(33.33% - 4.23529em);
    width: calc(33.33% - 4.23529em); }
  .columns.spacing-large > .column.medium-two-thirds {
    width: 59.89308%;
    width: -moz-calc(66.66% - 4.23529em);
    width: -webkit-calc(66.66% - 4.23529em);
    width: calc(66.66% - 4.23529em); }
  .columns.spacing-large > .column.medium-quarter {
    width: 18.23308%;
    width: -moz-calc(25% - 4.23529em);
    width: -webkit-calc(25% - 4.23529em);
    width: calc(25% - 4.23529em); }
  .columns.spacing-large > .column.medium-three-quarters {
    width: 68.23308%;
    width: -moz-calc(75% - 4.23529em);
    width: -webkit-calc(75% - 4.23529em);
    width: calc(75% - 4.23529em); }
  .columns.spacing-large > .column.medium-fifth {
    width: 13.23308%;
    width: -moz-calc(20% - 4.23529em);
    width: -webkit-calc(20% - 4.23529em);
    width: calc(20% - 4.23529em); }
  .columns.spacing-large > .column.medium-sixth {
    width: 9.89308%;
    width: -moz-calc(16.66% - 4.23529em);
    width: -webkit-calc(16.66% - 4.23529em);
    width: calc(16.66% - 4.23529em); }
  .columns.spacing-large > .column.medium-seventh {
    width: 7.51308%;
    width: -moz-calc(14.28% - 4.23529em);
    width: -webkit-calc(14.28% - 4.23529em);
    width: calc(14.28% - 4.23529em); }
  .columns.spacing-large > .column.medium-eighth {
    width: 5.73308%;
    width: -moz-calc(12.5% - 4.23529em);
    width: -webkit-calc(12.5% - 4.23529em);
    width: calc(12.5% - 4.23529em); }
  .columns.spacing-large > .column.medium-10 {
    width: 3.23308%;
    width: -moz-calc(10% - 4.23529em);
    width: -webkit-calc(10% - 4.23529em);
    width: calc(10% - 4.23529em); }
  .columns.spacing-large > .column.medium-20 {
    width: 13.23308%;
    width: -moz-calc(20% - 4.23529em);
    width: -webkit-calc(20% - 4.23529em);
    width: calc(20% - 4.23529em); }
  .columns.spacing-large > .column.medium-30 {
    width: 23.23308%;
    width: -moz-calc(30% - 4.23529em);
    width: -webkit-calc(30% - 4.23529em);
    width: calc(30% - 4.23529em); }
  .columns.spacing-large > .column.medium-40 {
    width: 33.23308%;
    width: -moz-calc(40% - 4.23529em);
    width: -webkit-calc(40% - 4.23529em);
    width: calc(40% - 4.23529em); }
  .columns.spacing-large > .column.medium-50 {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); }
  .columns.spacing-large > .column.medium-60 {
    width: 53.23308%;
    width: -moz-calc(60% - 4.23529em);
    width: -webkit-calc(60% - 4.23529em);
    width: calc(60% - 4.23529em); }
  .columns.spacing-large > .column.medium-70 {
    width: 63.23308%;
    width: -moz-calc(70% - 4.23529em);
    width: -webkit-calc(70% - 4.23529em);
    width: calc(70% - 4.23529em); }
  .columns.spacing-large > .column.medium-80 {
    width: 73.23308%;
    width: -moz-calc(80% - 4.23529em);
    width: -webkit-calc(80% - 4.23529em);
    width: calc(80% - 4.23529em); }
  .columns.spacing-large > .column.medium-90 {
    width: 83.23308%;
    width: -moz-calc(90% - 4.23529em);
    width: -webkit-calc(90% - 4.23529em);
    width: calc(90% - 4.23529em); }
  .columns > .column.medium-clear {
    clear: both; }
  .columns > .column.medium-unclear {
    clear: none; } }
@media (min-width: 56.25em) {
  .columns > .column.large-whole {
    width: 100%; }
  .columns > .column.large-half {
    width: 50%; }
  .columns > .column.large-third {
    width: 33.33%; }
  .columns > .column.large-two-thirds {
    width: 66.66%; }
  .columns > .column.large-quarter {
    width: 25%; }
  .columns > .column.large-three-quarters {
    width: 75%; }
  .columns > .column.large-fifth {
    width: 20%; }
  .columns > .column.large-sixth {
    width: 16.66%; }
  .columns > .column.large-seventh {
    width: 14.28%; }
  .columns > .column.large-eighth {
    width: 12.5%; }
  .columns > .column.large-10 {
    width: 10%; }
  .columns > .column.large-20 {
    width: 20%; }
  .columns > .column.large-30 {
    width: 30%; }
  .columns > .column.large-40 {
    width: 40%; }
  .columns > .column.large-50 {
    width: 50%; }
  .columns > .column.large-60 {
    width: 60%; }
  .columns > .column.large-70 {
    width: 70%; }
  .columns > .column.large-80 {
    width: 80%; }
  .columns > .column.large-90 {
    width: 90%; }
  .columns.spacing-small > .column.large-whole {
    width: 98.87218%;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
  .columns.spacing-small > .column.large-half {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .columns.spacing-small > .column.large-third {
    width: 32.20218%;
    width: -moz-calc(33.33% - 0.70588em);
    width: -webkit-calc(33.33% - 0.70588em);
    width: calc(33.33% - 0.70588em); }
  .columns.spacing-small > .column.large-two-thirds {
    width: 65.53218%;
    width: -moz-calc(66.66% - 0.70588em);
    width: -webkit-calc(66.66% - 0.70588em);
    width: calc(66.66% - 0.70588em); }
  .columns.spacing-small > .column.large-quarter {
    width: 23.87218%;
    width: -moz-calc(25% - 0.70588em);
    width: -webkit-calc(25% - 0.70588em);
    width: calc(25% - 0.70588em); }
  .columns.spacing-small > .column.large-three-quarters {
    width: 73.87218%;
    width: -moz-calc(75% - 0.70588em);
    width: -webkit-calc(75% - 0.70588em);
    width: calc(75% - 0.70588em); }
  .columns.spacing-small > .column.large-fifth {
    width: 18.87218%;
    width: -moz-calc(20% - 0.70588em);
    width: -webkit-calc(20% - 0.70588em);
    width: calc(20% - 0.70588em); }
  .columns.spacing-small > .column.large-sixth {
    width: 15.53218%;
    width: -moz-calc(16.66% - 0.70588em);
    width: -webkit-calc(16.66% - 0.70588em);
    width: calc(16.66% - 0.70588em); }
  .columns.spacing-small > .column.large-seventh {
    width: 13.15218%;
    width: -moz-calc(14.28% - 0.70588em);
    width: -webkit-calc(14.28% - 0.70588em);
    width: calc(14.28% - 0.70588em); }
  .columns.spacing-small > .column.large-eighth {
    width: 11.37218%;
    width: -moz-calc(12.5% - 0.70588em);
    width: -webkit-calc(12.5% - 0.70588em);
    width: calc(12.5% - 0.70588em); }
  .columns.spacing-small > .column.large-10 {
    width: 8.87218%;
    width: -moz-calc(10% - 0.70588em);
    width: -webkit-calc(10% - 0.70588em);
    width: calc(10% - 0.70588em); }
  .columns.spacing-small > .column.large-20 {
    width: 18.87218%;
    width: -moz-calc(20% - 0.70588em);
    width: -webkit-calc(20% - 0.70588em);
    width: calc(20% - 0.70588em); }
  .columns.spacing-small > .column.large-30 {
    width: 28.87218%;
    width: -moz-calc(30% - 0.70588em);
    width: -webkit-calc(30% - 0.70588em);
    width: calc(30% - 0.70588em); }
  .columns.spacing-small > .column.large-40 {
    width: 38.87218%;
    width: -moz-calc(40% - 0.70588em);
    width: -webkit-calc(40% - 0.70588em);
    width: calc(40% - 0.70588em); }
  .columns.spacing-small > .column.large-50 {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .columns.spacing-small > .column.large-60 {
    width: 58.87218%;
    width: -moz-calc(60% - 0.70588em);
    width: -webkit-calc(60% - 0.70588em);
    width: calc(60% - 0.70588em); }
  .columns.spacing-small > .column.large-70 {
    width: 68.87218%;
    width: -moz-calc(70% - 0.70588em);
    width: -webkit-calc(70% - 0.70588em);
    width: calc(70% - 0.70588em); }
  .columns.spacing-small > .column.large-80 {
    width: 78.87218%;
    width: -moz-calc(80% - 0.70588em);
    width: -webkit-calc(80% - 0.70588em);
    width: calc(80% - 0.70588em); }
  .columns.spacing-small > .column.large-90 {
    width: 88.87218%;
    width: -moz-calc(90% - 0.70588em);
    width: -webkit-calc(90% - 0.70588em);
    width: calc(90% - 0.70588em); }
  .columns.spacing-medium > .column.large-whole {
    width: 98.00282%;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
  .columns.spacing-medium > .column.large-half {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .columns.spacing-medium > .column.large-third {
    width: 31.33282%;
    width: -moz-calc(33.33% - 1.25em);
    width: -webkit-calc(33.33% - 1.25em);
    width: calc(33.33% - 1.25em); }
  .columns.spacing-medium > .column.large-two-thirds {
    width: 64.66282%;
    width: -moz-calc(66.66% - 1.25em);
    width: -webkit-calc(66.66% - 1.25em);
    width: calc(66.66% - 1.25em); }
  .columns.spacing-medium > .column.large-quarter {
    width: 23.00282%;
    width: -moz-calc(25% - 1.25em);
    width: -webkit-calc(25% - 1.25em);
    width: calc(25% - 1.25em); }
  .columns.spacing-medium > .column.large-three-quarters {
    width: 73.00282%;
    width: -moz-calc(75% - 1.25em);
    width: -webkit-calc(75% - 1.25em);
    width: calc(75% - 1.25em); }
  .columns.spacing-medium > .column.large-fifth {
    width: 18.00282%;
    width: -moz-calc(20% - 1.25em);
    width: -webkit-calc(20% - 1.25em);
    width: calc(20% - 1.25em); }
  .columns.spacing-medium > .column.large-sixth {
    width: 14.66282%;
    width: -moz-calc(16.66% - 1.25em);
    width: -webkit-calc(16.66% - 1.25em);
    width: calc(16.66% - 1.25em); }
  .columns.spacing-medium > .column.large-seventh {
    width: 12.28282%;
    width: -moz-calc(14.28% - 1.25em);
    width: -webkit-calc(14.28% - 1.25em);
    width: calc(14.28% - 1.25em); }
  .columns.spacing-medium > .column.large-eighth {
    width: 10.50282%;
    width: -moz-calc(12.5% - 1.25em);
    width: -webkit-calc(12.5% - 1.25em);
    width: calc(12.5% - 1.25em); }
  .columns.spacing-medium > .column.large-10 {
    width: 8.00282%;
    width: -moz-calc(10% - 1.25em);
    width: -webkit-calc(10% - 1.25em);
    width: calc(10% - 1.25em); }
  .columns.spacing-medium > .column.large-20 {
    width: 18.00282%;
    width: -moz-calc(20% - 1.25em);
    width: -webkit-calc(20% - 1.25em);
    width: calc(20% - 1.25em); }
  .columns.spacing-medium > .column.large-30 {
    width: 28.00282%;
    width: -moz-calc(30% - 1.25em);
    width: -webkit-calc(30% - 1.25em);
    width: calc(30% - 1.25em); }
  .columns.spacing-medium > .column.large-40 {
    width: 38.00282%;
    width: -moz-calc(40% - 1.25em);
    width: -webkit-calc(40% - 1.25em);
    width: calc(40% - 1.25em); }
  .columns.spacing-medium > .column.large-50 {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .columns.spacing-medium > .column.large-60 {
    width: 58.00282%;
    width: -moz-calc(60% - 1.25em);
    width: -webkit-calc(60% - 1.25em);
    width: calc(60% - 1.25em); }
  .columns.spacing-medium > .column.large-70 {
    width: 68.00282%;
    width: -moz-calc(70% - 1.25em);
    width: -webkit-calc(70% - 1.25em);
    width: calc(70% - 1.25em); }
  .columns.spacing-medium > .column.large-80 {
    width: 78.00282%;
    width: -moz-calc(80% - 1.25em);
    width: -webkit-calc(80% - 1.25em);
    width: calc(80% - 1.25em); }
  .columns.spacing-medium > .column.large-90 {
    width: 88.00282%;
    width: -moz-calc(90% - 1.25em);
    width: -webkit-calc(90% - 1.25em);
    width: calc(90% - 1.25em); }
  .columns.spacing-large > .column.large-whole {
    width: 93.23308%;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); }
  .columns.spacing-large > .column.large-half {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); }
  .columns.spacing-large > .column.large-third {
    width: 26.56308%;
    width: -moz-calc(33.33% - 4.23529em);
    width: -webkit-calc(33.33% - 4.23529em);
    width: calc(33.33% - 4.23529em); }
  .columns.spacing-large > .column.large-two-thirds {
    width: 59.89308%;
    width: -moz-calc(66.66% - 4.23529em);
    width: -webkit-calc(66.66% - 4.23529em);
    width: calc(66.66% - 4.23529em); }
  .columns.spacing-large > .column.large-quarter {
    width: 18.23308%;
    width: -moz-calc(25% - 4.23529em);
    width: -webkit-calc(25% - 4.23529em);
    width: calc(25% - 4.23529em); }
  .columns.spacing-large > .column.large-three-quarters {
    width: 68.23308%;
    width: -moz-calc(75% - 4.23529em);
    width: -webkit-calc(75% - 4.23529em);
    width: calc(75% - 4.23529em); }
  .columns.spacing-large > .column.large-fifth {
    width: 13.23308%;
    width: -moz-calc(20% - 4.23529em);
    width: -webkit-calc(20% - 4.23529em);
    width: calc(20% - 4.23529em); }
  .columns.spacing-large > .column.large-sixth {
    width: 9.89308%;
    width: -moz-calc(16.66% - 4.23529em);
    width: -webkit-calc(16.66% - 4.23529em);
    width: calc(16.66% - 4.23529em); }
  .columns.spacing-large > .column.large-seventh {
    width: 7.51308%;
    width: -moz-calc(14.28% - 4.23529em);
    width: -webkit-calc(14.28% - 4.23529em);
    width: calc(14.28% - 4.23529em); }
  .columns.spacing-large > .column.large-eighth {
    width: 5.73308%;
    width: -moz-calc(12.5% - 4.23529em);
    width: -webkit-calc(12.5% - 4.23529em);
    width: calc(12.5% - 4.23529em); }
  .columns.spacing-large > .column.large-10 {
    width: 3.23308%;
    width: -moz-calc(10% - 4.23529em);
    width: -webkit-calc(10% - 4.23529em);
    width: calc(10% - 4.23529em); }
  .columns.spacing-large > .column.large-20 {
    width: 13.23308%;
    width: -moz-calc(20% - 4.23529em);
    width: -webkit-calc(20% - 4.23529em);
    width: calc(20% - 4.23529em); }
  .columns.spacing-large > .column.large-30 {
    width: 23.23308%;
    width: -moz-calc(30% - 4.23529em);
    width: -webkit-calc(30% - 4.23529em);
    width: calc(30% - 4.23529em); }
  .columns.spacing-large > .column.large-40 {
    width: 33.23308%;
    width: -moz-calc(40% - 4.23529em);
    width: -webkit-calc(40% - 4.23529em);
    width: calc(40% - 4.23529em); }
  .columns.spacing-large > .column.large-50 {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); }
  .columns.spacing-large > .column.large-60 {
    width: 53.23308%;
    width: -moz-calc(60% - 4.23529em);
    width: -webkit-calc(60% - 4.23529em);
    width: calc(60% - 4.23529em); }
  .columns.spacing-large > .column.large-70 {
    width: 63.23308%;
    width: -moz-calc(70% - 4.23529em);
    width: -webkit-calc(70% - 4.23529em);
    width: calc(70% - 4.23529em); }
  .columns.spacing-large > .column.large-80 {
    width: 73.23308%;
    width: -moz-calc(80% - 4.23529em);
    width: -webkit-calc(80% - 4.23529em);
    width: calc(80% - 4.23529em); }
  .columns.spacing-large > .column.large-90 {
    width: 83.23308%;
    width: -moz-calc(90% - 4.23529em);
    width: -webkit-calc(90% - 4.23529em);
    width: calc(90% - 4.23529em); }
  .columns > .column.large-clear {
    clear: both; }
  .columns > .column.large-unclear {
    clear: none; } }

/* CONTAINER
   =========




   CHANGELOG
   =========

12 July 2014
- Moved over from old structure
- Given mixin implementation and ghost classes


   SETTINGS
   ======== */
/* STYLES
   ====== */
.container {
  max-width: 1064px;
  margin: 0 auto;
  position: relative;
  padding: 0 1.88235em; }
  .max-whole.container {
    max-width: 1064px !important; }
  .max-half.container {
    max-width: 532px !important; }
  .max-third.container {
    max-width: 354.6312px !important; }
  .max-two-thirds.container {
    max-width: 709.2624px !important; }
  .max-quarter.container {
    max-width: 266px !important; }
  .max-three-quarters.container {
    max-width: 798px !important; }
  .max-fifth.container {
    max-width: 212.8px !important; }
  .max-sixth.container {
    max-width: 177.2624px !important; }
  .max-seventh.container {
    max-width: 151.9392px !important; }
  .max-eighth.container {
    max-width: 133px !important; }
  .max-5.container {
    max-width: 53.2px !important; }
  .max-15.container {
    max-width: 159.6px !important; }
  .max-25.container {
    max-width: 266px !important; }
  .max-35.container {
    max-width: 372.4px !important; }
  .max-45.container {
    max-width: 478.8px !important; }
  .max-55.container {
    max-width: 585.2px !important; }
  .max-65.container {
    max-width: 691.6px !important; }
  .max-75.container {
    max-width: 798px !important; }
  .max-85.container {
    max-width: 904.4px !important; }
  .max-95.container {
    max-width: 1010.8px !important; }
  .max-off.container {
    max-width: none !important; }

/* CONTENT BLOCK
   =============

A place to host your main page content within. Typically used with
a nested container element.

There aren't actually any core styles for this element as it is
really only used as a wrapper, so you may style and name it as you
wish. I usually add a large padding to the top and bottom and call
it ".content-block". Global modifiers like ".padding-none" can then
be used to turn the padding off.


   CHANGELOG
   =========

13 July 2014
- Created documentation

*/
/* CONTEXT
   =======

Used to nest theme styles inside a context. This way you can have
different sub themes for any/all components on the same page.


   CHANGELOG
   =========

13 July 2014
- Moved over from old structure
- Given mixin implementation and ghost classes


   SETTINGS
   ======== */
/* MIXINS
   ====== */
/* DIVIDER
   =======

A simpler dividing line. Attached to the <hr> element. Only need
to style the border-color.


   CHANGELOG
   =========

13 July 2014
- Moved over from old structure
- Given mixin implementation and ghost classes


   NOTES
   =====

TODO Perhaps implement a way to use an image or something?


   SETTINGS
   ======== */
/* MIXINS
   ====== */
/* STYLES
   ====== */
hr {
  display: block;
  height: 1px;
  margin: 2em 0;
  padding: 0;
  border: 0;
  border-top: 2px solid; }

/* GRID
   ====

Awesome responsive grids for your awesome layouts! Works quite similarly
to columns, but instead of a single breakpoint, there are multiple and
they are calculated based on a maximum width and largest row count.

There is also a fixed grid block alternative.

This extends the columns component by using the column options and width
calculations. Grids differ in that they automatically handle the cell
sizing.


   CHANGELOG
   =========

19 July 2014
- Complete overhaul. Based it off the new version of columns.

13 July 2014
- Moved over from old structure
- Given mixin implementation and ghost classes


   NOTES
   =====

TODO Mixin
TODO v-spacing-none

1. Calculate the size of the spacing in percentage based on maximum screen width

2. We add on half the maximum grid size so that the block always stays +/- its
   starting width, rather than having the starting width as its maximum.


   SETTINGS
   ======== */
/* MIXINS
   ====== */
/* STYLES
   ====== */
.spacing-small.grid, .spacing-small.grid-fixed {
  margin: -0.70588em -0.35294em 0 -0.35294em; }
  .no-calc .spacing-small.grid, .no-calc .spacing-small.grid-fixed {
    margin-left: 0;
    margin-right: 0; }
  .spacing-small.spacing-around.grid, .spacing-small.spacing-around.grid-fixed {
    margin: 0;
    padding: 0 0.35294em 0.70588em 0.35294em; }
  .spacing-small.grid > .block, .spacing-small.grid-fixed > .block {
    margin: 0.70588em 0.35294em 0 0.35294em;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
    .no-calc .spacing-small.grid > .block, .no-calc .spacing-small.grid-fixed > .block {
      margin-left: 0.56391%;
      margin-right: 0.56391%;
      width: 98.87218%; }
.spacing-medium.grid, .spacing-medium.grid-fixed {
  margin: -1.25em -0.625em 0 -0.625em; }
  .no-calc .spacing-medium.grid, .no-calc .spacing-medium.grid-fixed {
    margin-left: 0;
    margin-right: 0; }
  .spacing-medium.spacing-around.grid, .spacing-medium.spacing-around.grid-fixed {
    margin: 0;
    padding: 0 0.625em 1.25em 0.625em; }
  .spacing-medium.grid > .block, .spacing-medium.grid-fixed > .block {
    margin: 1.25em 0.625em 0 0.625em;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
    .no-calc .spacing-medium.grid > .block, .no-calc .spacing-medium.grid-fixed > .block {
      margin-left: 0.99859%;
      margin-right: 0.99859%;
      width: 98.00282%; }
.spacing-large.grid, .spacing-large.grid-fixed {
  margin: -4.23529em -2.11765em 0 -2.11765em; }
  .no-calc .spacing-large.grid, .no-calc .spacing-large.grid-fixed {
    margin-left: 0;
    margin-right: 0; }
  .spacing-large.spacing-around.grid, .spacing-large.spacing-around.grid-fixed {
    margin: 0;
    padding: 0 2.11765em 4.23529em 2.11765em; }
  .spacing-large.grid > .block, .spacing-large.grid-fixed > .block {
    margin: 4.23529em 2.11765em 0 2.11765em;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); }
    .no-calc .spacing-large.grid > .block, .no-calc .spacing-large.grid-fixed > .block {
      margin-left: 3.38346%;
      margin-right: 3.38346%;
      width: 93.23308%; }
.v-spacing-small.grid, .v-spacing-small.grid-fixed {
  margin-top: -0.70588em; }
  .v-spacing-small.spacing-around.grid, .v-spacing-small.spacing-around.grid-fixed {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0.70588em; }
  .v-spacing-small.grid > .block, .v-spacing-small.grid-fixed > .block {
    margin-top: 0.70588em; }
.v-spacing-medium.grid, .v-spacing-medium.grid-fixed {
  margin-top: -1.25em; }
  .v-spacing-medium.spacing-around.grid, .v-spacing-medium.spacing-around.grid-fixed {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1.25em; }
  .v-spacing-medium.grid > .block, .v-spacing-medium.grid-fixed > .block {
    margin-top: 1.25em; }
.v-spacing-large.grid, .v-spacing-large.grid-fixed {
  margin-top: -4.23529em; }
  .v-spacing-large.spacing-around.grid, .v-spacing-large.spacing-around.grid-fixed {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 4.23529em; }
  .v-spacing-large.grid > .block, .v-spacing-large.grid-fixed > .block {
    margin-top: 4.23529em; }

.grid > .block {
  float: left;
  min-height: 1px;
  /* Fix for empty blocks */ }
.grid.has-2 > .block {
  width: 50%; }
  .grid.has-2 > .block:nth-child(2n + 1) {
    clear: both; }
.grid.has-2.spacing-small > .block {
  width: 48.87218%;
  width: -moz-calc(50% - 0.70588em);
  width: -webkit-calc(50% - 0.70588em);
  width: calc(50% - 0.70588em); }
.grid.has-2.spacing-medium > .block {
  width: 48.00282%;
  width: -moz-calc(50% - 1.25em);
  width: -webkit-calc(50% - 1.25em);
  width: calc(50% - 1.25em); }
.grid.has-2.spacing-large > .block {
  width: 43.23308%;
  width: -moz-calc(50% - 4.23529em);
  width: -webkit-calc(50% - 4.23529em);
  width: calc(50% - 4.23529em); }
@media (max-width: 61.45em) {
  .grid.has-2 > .block {
    width: 100%; }
    .grid.has-2 > .block:nth-child(2n + 1) {
      clear: none; }
    .grid.has-2 > .block:nth-child(1n + 1) {
      clear: both; }
  .grid.has-2.spacing-small > .block {
    width: 98.87218%;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
  .grid.has-2.spacing-medium > .block {
    width: 98.00282%;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
  .grid.has-2.spacing-large > .block {
    width: 93.23308%;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); } }
.grid.has-3 > .block {
  width: 33.33333%; }
  .grid.has-3 > .block:nth-child(3n + 1) {
    clear: both; }
.grid.has-3.spacing-small > .block {
  width: 32.20551%;
  width: -moz-calc(33.33333% - 0.70588em);
  width: -webkit-calc(33.33333% - 0.70588em);
  width: calc(33.33333% - 0.70588em); }
.grid.has-3.spacing-medium > .block {
  width: 31.33615%;
  width: -moz-calc(33.33333% - 1.25em);
  width: -webkit-calc(33.33333% - 1.25em);
  width: calc(33.33333% - 1.25em); }
.grid.has-3.spacing-large > .block {
  width: 26.56642%;
  width: -moz-calc(33.33333% - 4.23529em);
  width: -webkit-calc(33.33333% - 4.23529em);
  width: calc(33.33333% - 4.23529em); }
@media (max-width: 63.1125em) {
  .grid.has-3 > .block {
    width: 50%; }
    .grid.has-3 > .block:nth-child(3n + 1) {
      clear: none; }
    .grid.has-3 > .block:nth-child(2n + 1) {
      clear: both; }
  .grid.has-3.spacing-small > .block {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .grid.has-3.spacing-medium > .block {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .grid.has-3.spacing-large > .block {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); } }
@media (max-width: 40.94583em) {
  .grid.has-3 > .block {
    width: 100%; }
    .grid.has-3 > .block:nth-child(2n + 1) {
      clear: none; }
    .grid.has-3 > .block:nth-child(1n + 1) {
      clear: both; }
  .grid.has-3.spacing-small > .block {
    width: 98.87218%;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
  .grid.has-3.spacing-medium > .block {
    width: 98.00282%;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
  .grid.has-3.spacing-large > .block {
    width: 93.23308%;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); } }
.grid.has-4 > .block {
  width: 25%; }
  .grid.has-4 > .block:nth-child(4n + 1) {
    clear: both; }
.grid.has-4.spacing-small > .block {
  width: 23.87218%;
  width: -moz-calc(25% - 0.70588em);
  width: -webkit-calc(25% - 0.70588em);
  width: calc(25% - 0.70588em); }
.grid.has-4.spacing-medium > .block {
  width: 23.00282%;
  width: -moz-calc(25% - 1.25em);
  width: -webkit-calc(25% - 1.25em);
  width: calc(25% - 1.25em); }
.grid.has-4.spacing-large > .block {
  width: 18.23308%;
  width: -moz-calc(25% - 4.23529em);
  width: -webkit-calc(25% - 4.23529em);
  width: calc(25% - 4.23529em); }
@media (max-width: 63.94375em) {
  .grid.has-4 > .block {
    width: 33.33333%; }
    .grid.has-4 > .block:nth-child(4n + 1) {
      clear: none; }
    .grid.has-4 > .block:nth-child(3n + 1) {
      clear: both; }
  .grid.has-4.spacing-small > .block {
    width: 32.20551%;
    width: -moz-calc(33.33333% - 0.70588em);
    width: -webkit-calc(33.33333% - 0.70588em);
    width: calc(33.33333% - 0.70588em); }
  .grid.has-4.spacing-medium > .block {
    width: 31.33615%;
    width: -moz-calc(33.33333% - 1.25em);
    width: -webkit-calc(33.33333% - 1.25em);
    width: calc(33.33333% - 1.25em); }
  .grid.has-4.spacing-large > .block {
    width: 26.56642%;
    width: -moz-calc(33.33333% - 4.23529em);
    width: -webkit-calc(33.33333% - 4.23529em);
    width: calc(33.33333% - 4.23529em); } }
@media (max-width: 47.31875em) {
  .grid.has-4 > .block {
    width: 50%; }
    .grid.has-4 > .block:nth-child(3n + 1) {
      clear: none; }
    .grid.has-4 > .block:nth-child(2n + 1) {
      clear: both; }
  .grid.has-4.spacing-small > .block {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .grid.has-4.spacing-medium > .block {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .grid.has-4.spacing-large > .block {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); } }
@media (max-width: 30.69375em) {
  .grid.has-4 > .block {
    width: 100%; }
    .grid.has-4 > .block:nth-child(2n + 1) {
      clear: none; }
    .grid.has-4 > .block:nth-child(1n + 1) {
      clear: both; }
  .grid.has-4.spacing-small > .block {
    width: 98.87218%;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
  .grid.has-4.spacing-medium > .block {
    width: 98.00282%;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
  .grid.has-4.spacing-large > .block {
    width: 93.23308%;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); } }
.grid.has-5 > .block {
  width: 20%; }
  .grid.has-5 > .block:nth-child(5n + 1) {
    clear: both; }
.grid.has-5.spacing-small > .block {
  width: 18.87218%;
  width: -moz-calc(20% - 0.70588em);
  width: -webkit-calc(20% - 0.70588em);
  width: calc(20% - 0.70588em); }
.grid.has-5.spacing-medium > .block {
  width: 18.00282%;
  width: -moz-calc(20% - 1.25em);
  width: -webkit-calc(20% - 1.25em);
  width: calc(20% - 1.25em); }
.grid.has-5.spacing-large > .block {
  width: 13.23308%;
  width: -moz-calc(20% - 4.23529em);
  width: -webkit-calc(20% - 4.23529em);
  width: calc(20% - 4.23529em); }
@media (max-width: 64.4425em) {
  .grid.has-5 > .block {
    width: 25%; }
    .grid.has-5 > .block:nth-child(5n + 1) {
      clear: none; }
    .grid.has-5 > .block:nth-child(4n + 1) {
      clear: both; }
  .grid.has-5.spacing-small > .block {
    width: 23.87218%;
    width: -moz-calc(25% - 0.70588em);
    width: -webkit-calc(25% - 0.70588em);
    width: calc(25% - 0.70588em); }
  .grid.has-5.spacing-medium > .block {
    width: 23.00282%;
    width: -moz-calc(25% - 1.25em);
    width: -webkit-calc(25% - 1.25em);
    width: calc(25% - 1.25em); }
  .grid.has-5.spacing-large > .block {
    width: 18.23308%;
    width: -moz-calc(25% - 4.23529em);
    width: -webkit-calc(25% - 4.23529em);
    width: calc(25% - 4.23529em); } }
@media (max-width: 51.1425em) {
  .grid.has-5 > .block {
    width: 33.33333%; }
    .grid.has-5 > .block:nth-child(4n + 1) {
      clear: none; }
    .grid.has-5 > .block:nth-child(3n + 1) {
      clear: both; }
  .grid.has-5.spacing-small > .block {
    width: 32.20551%;
    width: -moz-calc(33.33333% - 0.70588em);
    width: -webkit-calc(33.33333% - 0.70588em);
    width: calc(33.33333% - 0.70588em); }
  .grid.has-5.spacing-medium > .block {
    width: 31.33615%;
    width: -moz-calc(33.33333% - 1.25em);
    width: -webkit-calc(33.33333% - 1.25em);
    width: calc(33.33333% - 1.25em); }
  .grid.has-5.spacing-large > .block {
    width: 26.56642%;
    width: -moz-calc(33.33333% - 4.23529em);
    width: -webkit-calc(33.33333% - 4.23529em);
    width: calc(33.33333% - 4.23529em); } }
@media (max-width: 37.8425em) {
  .grid.has-5 > .block {
    width: 50%; }
    .grid.has-5 > .block:nth-child(3n + 1) {
      clear: none; }
    .grid.has-5 > .block:nth-child(2n + 1) {
      clear: both; }
  .grid.has-5.spacing-small > .block {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .grid.has-5.spacing-medium > .block {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .grid.has-5.spacing-large > .block {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); } }
@media (max-width: 24.5425em) {
  .grid.has-5 > .block {
    width: 100%; }
    .grid.has-5 > .block:nth-child(2n + 1) {
      clear: none; }
    .grid.has-5 > .block:nth-child(1n + 1) {
      clear: both; }
  .grid.has-5.spacing-small > .block {
    width: 98.87218%;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
  .grid.has-5.spacing-medium > .block {
    width: 98.00282%;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
  .grid.has-5.spacing-large > .block {
    width: 93.23308%;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); } }
.grid.has-6 > .block {
  width: 16.66667%; }
  .grid.has-6 > .block:nth-child(6n + 1) {
    clear: both; }
.grid.has-6.spacing-small > .block {
  width: 15.53885%;
  width: -moz-calc(16.66667% - 0.70588em);
  width: -webkit-calc(16.66667% - 0.70588em);
  width: calc(16.66667% - 0.70588em); }
.grid.has-6.spacing-medium > .block {
  width: 14.66949%;
  width: -moz-calc(16.66667% - 1.25em);
  width: -webkit-calc(16.66667% - 1.25em);
  width: calc(16.66667% - 1.25em); }
.grid.has-6.spacing-large > .block {
  width: 9.89975%;
  width: -moz-calc(16.66667% - 4.23529em);
  width: -webkit-calc(16.66667% - 4.23529em);
  width: calc(16.66667% - 4.23529em); }
@media (max-width: 64.775em) {
  .grid.has-6 > .block {
    width: 20%; }
    .grid.has-6 > .block:nth-child(6n + 1) {
      clear: none; }
    .grid.has-6 > .block:nth-child(5n + 1) {
      clear: both; }
  .grid.has-6.spacing-small > .block {
    width: 18.87218%;
    width: -moz-calc(20% - 0.70588em);
    width: -webkit-calc(20% - 0.70588em);
    width: calc(20% - 0.70588em); }
  .grid.has-6.spacing-medium > .block {
    width: 18.00282%;
    width: -moz-calc(20% - 1.25em);
    width: -webkit-calc(20% - 1.25em);
    width: calc(20% - 1.25em); }
  .grid.has-6.spacing-large > .block {
    width: 13.23308%;
    width: -moz-calc(20% - 4.23529em);
    width: -webkit-calc(20% - 4.23529em);
    width: calc(20% - 4.23529em); } }
@media (max-width: 53.69167em) {
  .grid.has-6 > .block {
    width: 25%; }
    .grid.has-6 > .block:nth-child(5n + 1) {
      clear: none; }
    .grid.has-6 > .block:nth-child(4n + 1) {
      clear: both; }
  .grid.has-6.spacing-small > .block {
    width: 23.87218%;
    width: -moz-calc(25% - 0.70588em);
    width: -webkit-calc(25% - 0.70588em);
    width: calc(25% - 0.70588em); }
  .grid.has-6.spacing-medium > .block {
    width: 23.00282%;
    width: -moz-calc(25% - 1.25em);
    width: -webkit-calc(25% - 1.25em);
    width: calc(25% - 1.25em); }
  .grid.has-6.spacing-large > .block {
    width: 18.23308%;
    width: -moz-calc(25% - 4.23529em);
    width: -webkit-calc(25% - 4.23529em);
    width: calc(25% - 4.23529em); } }
@media (max-width: 42.60833em) {
  .grid.has-6 > .block {
    width: 33.33333%; }
    .grid.has-6 > .block:nth-child(4n + 1) {
      clear: none; }
    .grid.has-6 > .block:nth-child(3n + 1) {
      clear: both; }
  .grid.has-6.spacing-small > .block {
    width: 32.20551%;
    width: -moz-calc(33.33333% - 0.70588em);
    width: -webkit-calc(33.33333% - 0.70588em);
    width: calc(33.33333% - 0.70588em); }
  .grid.has-6.spacing-medium > .block {
    width: 31.33615%;
    width: -moz-calc(33.33333% - 1.25em);
    width: -webkit-calc(33.33333% - 1.25em);
    width: calc(33.33333% - 1.25em); }
  .grid.has-6.spacing-large > .block {
    width: 26.56642%;
    width: -moz-calc(33.33333% - 4.23529em);
    width: -webkit-calc(33.33333% - 4.23529em);
    width: calc(33.33333% - 4.23529em); } }
@media (max-width: 31.525em) {
  .grid.has-6 > .block {
    width: 50%; }
    .grid.has-6 > .block:nth-child(3n + 1) {
      clear: none; }
    .grid.has-6 > .block:nth-child(2n + 1) {
      clear: both; }
  .grid.has-6.spacing-small > .block {
    width: 48.87218%;
    width: -moz-calc(50% - 0.70588em);
    width: -webkit-calc(50% - 0.70588em);
    width: calc(50% - 0.70588em); }
  .grid.has-6.spacing-medium > .block {
    width: 48.00282%;
    width: -moz-calc(50% - 1.25em);
    width: -webkit-calc(50% - 1.25em);
    width: calc(50% - 1.25em); }
  .grid.has-6.spacing-large > .block {
    width: 43.23308%;
    width: -moz-calc(50% - 4.23529em);
    width: -webkit-calc(50% - 4.23529em);
    width: calc(50% - 4.23529em); } }
@media (max-width: 20.44167em) {
  .grid.has-6 > .block {
    width: 100%; }
    .grid.has-6 > .block:nth-child(2n + 1) {
      clear: none; }
    .grid.has-6 > .block:nth-child(1n + 1) {
      clear: both; }
  .grid.has-6.spacing-small > .block {
    width: 98.87218%;
    width: -moz-calc(100% - 0.70588em);
    width: -webkit-calc(100% - 0.70588em);
    width: calc(100% - 0.70588em); }
  .grid.has-6.spacing-medium > .block {
    width: 98.00282%;
    width: -moz-calc(100% - 1.25em);
    width: -webkit-calc(100% - 1.25em);
    width: calc(100% - 1.25em); }
  .grid.has-6.spacing-large > .block {
    width: 93.23308%;
    width: -moz-calc(100% - 4.23529em);
    width: -webkit-calc(100% - 4.23529em);
    width: calc(100% - 4.23529em); } }

.grid-fixed {
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  .no-flex .grid-fixed > .block {
    float: left; }
  .grid-fixed.spread-out {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .grid-fixed.block-50 > .block {
    max-width: 2.94118em;
    width: 100%; }
  .grid-fixed.block-100 > .block {
    max-width: 5.88235em;
    width: 100%; }
  .grid-fixed.block-200 > .block {
    max-width: 11.76471em;
    width: 100%; }
  .grid-fixed.block-250 > .block {
    max-width: 14.70588em;
    width: 100%; }
  .grid-fixed.block-300 > .block {
    max-width: 17.64706em;
    width: 100%; }
  .grid-fixed.block-350 > .block {
    max-width: 20.58824em;
    width: 100%; }
  .grid-fixed.block-400 > .block {
    max-width: 23.52941em;
    width: 100%; }

/* SIDE GRAPHIC
   ============

Place an image next to some content on either the left or right side,
and have all content align vertically.


   CHANGELOG
   =========

19 July 2014
- Removed ghost class

12 July 2014
- Moved over from old structure
- Given mixin implementation and ghost classes


   NOTES
   =====

TODO: IE8 image height is not working correctly


   SETTINGS
   ======== */
/* MIXINS
   ====== */
/* STYLES
   ====== */
.side-graphic > .graphic > * {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
.side-graphic > .content {
  overflow: auto; }
@media (min-width: 56.25em) {
  .side-graphic {
    position: relative; }
    .side-graphic > .graphic,
    .side-graphic > .content {
      display: table-cell;
      vertical-align: middle; }
    .side-graphic.spacing-small > .graphic {
      padding-right: 0.35294em; }
    .side-graphic.spacing-small > .content {
      padding-left: 0.35294em; }
    .side-graphic.spacing-small.graphic-right > .graphic {
      padding-left: 0.35294em; }
    .side-graphic.spacing-small.graphic-right > .content {
      padding-right: 0.35294em; }
    .side-graphic.spacing-small.spacing-around > .graphic {
      padding: 0.70588em; }
    .side-graphic.spacing-small.spacing-around > .content {
      padding: 0.70588em; }
    .side-graphic.spacing-small.spacing-around.graphic-right > .graphic {
      padding: 0.70588em; }
    .side-graphic.spacing-small.spacing-around.graphic-right > .content {
      padding: 0.70588em; }
    .side-graphic.spacing-medium > .graphic {
      padding-right: 0.625em; }
    .side-graphic.spacing-medium > .content {
      padding-left: 0.625em; }
    .side-graphic.spacing-medium.graphic-right > .graphic {
      padding-left: 0.625em; }
    .side-graphic.spacing-medium.graphic-right > .content {
      padding-right: 0.625em; }
    .side-graphic.spacing-medium.spacing-around > .graphic {
      padding: 1.25em; }
    .side-graphic.spacing-medium.spacing-around > .content {
      padding: 1.25em; }
    .side-graphic.spacing-medium.spacing-around.graphic-right > .graphic {
      padding: 1.25em; }
    .side-graphic.spacing-medium.spacing-around.graphic-right > .content {
      padding: 1.25em; }
    .side-graphic.spacing-large > .graphic {
      padding-right: 2.11765em; }
    .side-graphic.spacing-large > .content {
      padding-left: 2.11765em; }
    .side-graphic.spacing-large.graphic-right > .graphic {
      padding-left: 2.11765em; }
    .side-graphic.spacing-large.graphic-right > .content {
      padding-right: 2.11765em; }
    .side-graphic.spacing-large.spacing-around > .graphic {
      padding: 4.23529em; }
    .side-graphic.spacing-large.spacing-around > .content {
      padding: 4.23529em; }
    .side-graphic.spacing-large.spacing-around.graphic-right > .graphic {
      padding: 4.23529em; }
    .side-graphic.spacing-large.spacing-around.graphic-right > .content {
      padding: 4.23529em; }
    .loading .side-graphic.graphic-right > .graphic, .no-js .side-graphic.graphic-right > .graphic {
      display: block;
      float: right; } }
@media (max-width: 56.1875em) {
  .side-graphic > .graphic {
    width: 100% !important; }
  .side-graphic.spacing-small > .graphic {
    padding-bottom: 0.35294em; }
  .side-graphic.spacing-small > .content {
    padding-top: 0.35294em; }
  .side-graphic.spacing-small.spacing-around > .graphic {
    padding: 0.70588em; }
  .side-graphic.spacing-small.spacing-around > .content {
    padding: 0.70588em; }
  .side-graphic.spacing-medium > .graphic {
    padding-bottom: 0.625em; }
  .side-graphic.spacing-medium > .content {
    padding-top: 0.625em; }
  .side-graphic.spacing-medium.spacing-around > .graphic {
    padding: 1.25em; }
  .side-graphic.spacing-medium.spacing-around > .content {
    padding: 1.25em; }
  .side-graphic.spacing-large > .graphic {
    padding-bottom: 2.11765em; }
  .side-graphic.spacing-large > .content {
    padding-top: 2.11765em; }
  .side-graphic.spacing-large.spacing-around > .graphic {
    padding: 4.23529em; }
  .side-graphic.spacing-large.spacing-around > .content {
    padding: 4.23529em; } }

.centerbox {
  display: table;
  width: 100%;
  text-align: center; }
  .centerbox > .content {
    display: table-cell;
    width: 100%;
    vertical-align: middle; }

.text-columns.small-1 {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1; }
.text-columns.small-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; }
.text-columns.small-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3; }
.text-columns.small-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4; }
.text-columns.small-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5; }
.text-columns.small-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6; }
@media (min-width: 31.25em) {
  .text-columns.medium-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  .text-columns.medium-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  .text-columns.medium-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  .text-columns.medium-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }
  .text-columns.medium-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5; }
  .text-columns.medium-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6; } }
@media (min-width: 56.25em) {
  .text-columns.large-1 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1; }
  .text-columns.large-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; }
  .text-columns.large-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  .text-columns.large-4 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4; }
  .text-columns.large-5 {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5; }
  .text-columns.large-6 {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6; } }
.text-columns.spacing-small {
  -webkit-column-gap: 0.70588em;
  -moz-column-gap: 0.70588em;
  column-gap: 0.70588em; }
.text-columns.spacing-medium {
  -webkit-column-gap: 1.25em;
  -moz-column-gap: 1.25em;
  column-gap: 1.25em; }
.text-columns.spacing-large {
  -webkit-column-gap: 4.23529em;
  -moz-column-gap: 4.23529em;
  column-gap: 4.23529em; }
.text-columns .span-all {
  -webkit-column-span: all !important;
  -moz-column-span: all !important;
  column-span: all !important; }

h1, .h1 {
  font-size: 2.17647em;
  margin: 0.45946em 0; }

@media (min-width: 31.25em) {
  h1, .h1 {
    font-size: 2.41176em;
    margin: 0.41463em 0; } }
@media (min-width: 56.25em) {
  h1, .h1 {
    font-size: 2.76471em;
    margin: 0.3617em 0; } }
h2, .h2 {
  font-size: 1.82353em;
  margin: 0.54839em 0; }

@media (min-width: 31.25em) {
  h2, .h2 {
    font-size: 1.82353em;
    margin: 0.54839em 0; } }
@media (min-width: 56.25em) {
  h2, .h2 {
    font-size: 2.05882em;
    margin: 0.48571em 0; } }
h3, .h3 {
  font-size: 1.35294em;
  margin: 0.73913em 0; }

@media (min-width: 31.25em) {
  h3, .h3 {
    font-size: 1.35294em;
    margin: 0.73913em 0; } }
@media (min-width: 56.25em) {
  h3, .h3 {
    font-size: 1.47059em;
    margin: 0.68em 0; } }
h4, .h4, #header ul.links a, .article-list .read-more, .article-grid .read-more {
  font-size: 1.05882em;
  margin: 0.94444em 0; }

h5, .h5 {
  font-size: 0.82353em;
  margin: 1.21429em 0; }

h6, .h6 {
  font-size: 1.23529em;
  margin: 0.80952em 0; }

#header ul.links, #footer ul.footer-list,
#footer ul.footer-list-small, .side-menu ul,
#header ul.links > li,
#footer ul.footer-list > li,
#footer ul.footer-list-small > li,
.side-menu ul > li {
  margin: 0;
  padding: 0;
  line-height: 1;
  list-style: none; }

code,
var,
samp,
pre,
kbd {
  font-family: 'Courier New', monospace, serif;
  font-style: normal;
  font-size: 1em;
  line-height: 1.5; }

pre code,
pre var,
pre samp,
pre kbd {
  font-size: inherit !important; }

/* ICONS
   =====

Icon font implementation.


   CHANGELOG
   =========

13 July 2014
- Moved over from old structure
- Given mixin implementation and ghost classes


   NOTES
   =====

Mixins... Should I extend styles in them or re-include them all? What's best practice?

TODO okay.. so, I think it should work like this:
@mixin icon,
@mixin icon-options,
@mixin icon-{settings}

then each %class includes these mixins
Give it a shot!


   SETTINGS
   ======== */
/* MIXINS
   ====== */
/* STYLES
   ====== */
@font-face {
  font-family: "Icons";
  src: url("../../../media/spicy/icons/Icons.eot");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Icons";
  src: url("../../../media/spicy/icons/Icons.eot"), url("../../../media/spicy/icons/Icons.svg#Icons") format("svg"), url("../../../media/spicy/icons/Icons.eot?#iefix") format("embedded-opentype"), url("../../../media/spicy/icons/Icons.ttf") format("truetype"), url("../../../media/spicy/icons/Icons.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
[class^='icon-']:before,
[class*=' icon-']:before, .checkbox:before,
.radio:before {
  speak: none;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: inherit;
  font-size: 0.94118em;
  width: 1em;
  height: 1em;
  display: inline-block;
  margin-top: -0.1675em;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk
  -o-user-select: $val;
  user-select: $val; */ }

.spacing[class^='icon-']:before,
.spacing[class*=' icon-']:before {
  margin-left: 0.3em;
  margin-right: 0.3em; }
.spacing-left[class^='icon-']:before,
.spacing-left[class*=' icon-']:before {
  margin-left: 0.3em; }
.spacing-right[class^='icon-']:before,
.spacing-right[class*=' icon-']:before {
  margin-right: 0.3em; }
.size-7[class^='icon-']:before,
.size-7[class*=' icon-']:before {
  font-size: 0.41176em; }
.size-14[class^='icon-']:before,
.size-14[class*=' icon-']:before {
  font-size: 0.82353em; }
.size-28[class^='icon-']:before,
.size-28[class*=' icon-']:before {
  font-size: 1.64706em; }
.size-42[class^='icon-']:before,
.size-42[class*=' icon-']:before {
  font-size: 2.47059em; }
.size-56[class^='icon-']:before,
.size-56[class*=' icon-']:before {
  font-size: 3.29412em; }
.size-70[class^='icon-']:before,
.size-70[class*=' icon-']:before {
  font-size: 4.11765em; }
.size-84[class^='icon-']:before,
.size-84[class*=' icon-']:before {
  font-size: 4.94118em; }
.size-98[class^='icon-']:before,
.size-98[class*=' icon-']:before {
  font-size: 5.76471em; }
.size-8[class^='icon-']:before,
.size-8[class*=' icon-']:before {
  font-size: 0.47059em; }
.size-16[class^='icon-']:before,
.size-16[class*=' icon-']:before {
  font-size: 0.94118em; }
.size-32[class^='icon-']:before,
.size-32[class*=' icon-']:before {
  font-size: 1.88235em; }
.size-48[class^='icon-']:before,
.size-48[class*=' icon-']:before {
  font-size: 2.82353em; }
.size-64[class^='icon-']:before,
.size-64[class*=' icon-']:before {
  font-size: 3.76471em; }
.size-80[class^='icon-']:before,
.size-80[class*=' icon-']:before {
  font-size: 4.70588em; }
.size-96[class^='icon-']:before,
.size-96[class*=' icon-']:before {
  font-size: 5.64706em; }
.size-6[class^='icon-']:before,
.size-6[class*=' icon-']:before {
  font-size: 0.35294em; }
.size-12[class^='icon-']:before,
.size-12[class*=' icon-']:before {
  font-size: 0.70588em; }
.size-24[class^='icon-']:before,
.size-24[class*=' icon-']:before {
  font-size: 1.41176em; }
.size-36[class^='icon-']:before,
.size-36[class*=' icon-']:before {
  font-size: 2.11765em; }
.size-72[class^='icon-']:before,
.size-72[class*=' icon-']:before {
  font-size: 4.23529em; }

.icon-home:before {
  content: ""; }

.icon-home2:before {
  content: ""; }

.icon-home3:before {
  content: ""; }

.icon-office:before {
  content: ""; }

.icon-newspaper:before {
  content: ""; }

.icon-pencil:before {
  content: ""; }

.icon-pencil2:before {
  content: ""; }

.icon-quill:before {
  content: ""; }

.icon-pen:before {
  content: ""; }

.icon-blog:before {
  content: ""; }

.icon-droplet:before {
  content: ""; }

.icon-paint-format:before {
  content: ""; }

.icon-image:before {
  content: ""; }

.icon-image2:before {
  content: ""; }

.icon-images:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-music:before {
  content: ""; }

.icon-headphones:before {
  content: ""; }

.icon-play:before {
  content: ""; }

.icon-film:before {
  content: ""; }

.icon-camera2:before {
  content: ""; }

.icon-dice:before {
  content: ""; }

.icon-pacman:before {
  content: ""; }

.icon-spades:before {
  content: ""; }

.icon-clubs:before {
  content: ""; }

.icon-diamonds:before {
  content: ""; }

.icon-pawn:before {
  content: ""; }

.icon-bullhorn:before {
  content: ""; }

.icon-connection:before {
  content: ""; }

.icon-podcast:before {
  content: ""; }

.icon-feed:before {
  content: ""; }

.icon-book:before {
  content: ""; }

.icon-books:before {
  content: ""; }

.icon-library:before {
  content: ""; }

.icon-file:before {
  content: ""; }

.icon-profile:before {
  content: ""; }

.icon-file2:before {
  content: ""; }

.icon-file3:before {
  content: ""; }

.icon-file4:before {
  content: ""; }

.icon-copy:before {
  content: ""; }

.icon-copy2:before {
  content: ""; }

.icon-copy3:before {
  content: ""; }

.icon-paste:before {
  content: ""; }

.icon-paste2:before {
  content: ""; }

.icon-paste3:before {
  content: ""; }

.icon-stack:before {
  content: ""; }

.icon-folder:before {
  content: ""; }

.icon-folder-open:before {
  content: ""; }

.icon-tag:before {
  content: ""; }

.icon-tags:before {
  content: ""; }

.icon-barcode:before {
  content: ""; }

.icon-qrcode:before {
  content: ""; }

.icon-ticket:before {
  content: ""; }

.icon-cart:before {
  content: ""; }

.icon-cart2:before {
  content: ""; }

.icon-cart3:before {
  content: ""; }

.icon-coin:before {
  content: ""; }

.icon-credit:before {
  content: ""; }

.icon-calculate:before {
  content: ""; }

.icon-support:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-phone-hang-up:before {
  content: ""; }

.icon-address-book:before {
  content: ""; }

.icon-notebook:before {
  content: ""; }

.icon-envelope:before {
  content: ""; }

.icon-pushpin:before {
  content: ""; }

.icon-location:before {
  content: ""; }

.icon-location2:before {
  content: ""; }

.icon-compass:before {
  content: ""; }

.icon-map:before {
  content: ""; }

.icon-map2:before {
  content: ""; }

.icon-history:before {
  content: ""; }

.icon-clock:before {
  content: ""; }

.icon-clock2:before {
  content: ""; }

.icon-alarm:before {
  content: ""; }

.icon-alarm2:before {
  content: ""; }

.icon-bell:before {
  content: ""; }

.icon-stopwatch:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-calendar2:before {
  content: ""; }

.icon-print:before {
  content: ""; }

.icon-keyboard:before {
  content: ""; }

.icon-screen:before {
  content: ""; }

.icon-laptop:before {
  content: ""; }

.icon-mobile:before {
  content: ""; }

.icon-mobile2:before {
  content: ""; }

.icon-tablet:before {
  content: ""; }

.icon-tv:before {
  content: ""; }

.icon-cabinet:before {
  content: ""; }

.icon-drawer:before {
  content: ""; }

.icon-drawer2:before {
  content: ""; }

.icon-drawer3:before {
  content: ""; }

.icon-box-add:before {
  content: ""; }

.icon-box-remove:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-upload:before {
  content: ""; }

.icon-disk:before {
  content: ""; }

.icon-storage:before {
  content: ""; }

.icon-undo:before {
  content: ""; }

.icon-redo:before {
  content: ""; }

.icon-flip:before {
  content: ""; }

.icon-flip2:before {
  content: ""; }

.icon-undo2:before {
  content: ""; }

.icon-redo2:before {
  content: ""; }

.icon-forward:before {
  content: ""; }

.icon-reply:before {
  content: ""; }

.icon-bubble:before {
  content: ""; }

.icon-bubbles:before {
  content: ""; }

.icon-bubbles2:before {
  content: ""; }

.icon-bubble2:before {
  content: ""; }

.icon-bubbles3:before {
  content: ""; }

.icon-bubbles4:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-users:before {
  content: ""; }

.icon-user2:before {
  content: ""; }

.icon-users2:before {
  content: ""; }

.icon-user3:before {
  content: ""; }

.icon-user4:before {
  content: ""; }

.icon-quotes-left:before {
  content: ""; }

.icon-busy:before {
  content: ""; }

.icon-spinner:before {
  content: ""; }

.icon-spinner2:before {
  content: ""; }

.icon-spinner3:before {
  content: ""; }

.icon-spinner4:before {
  content: ""; }

.icon-spinner5:before {
  content: ""; }

.icon-spinner6:before {
  content: ""; }

.icon-binoculars:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-zoom-in:before {
  content: ""; }

.icon-zoom-out:before {
  content: ""; }

.icon-expand:before {
  content: ""; }

.icon-contract:before {
  content: ""; }

.icon-expand2:before {
  content: ""; }

.icon-contract2:before {
  content: ""; }

.icon-key:before {
  content: ""; }

.icon-key2:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-lock2:before {
  content: ""; }

.icon-unlocked:before {
  content: ""; }

.icon-wrench:before {
  content: ""; }

.icon-settings:before {
  content: ""; }

.icon-equalizer:before {
  content: ""; }

.icon-cog:before {
  content: ""; }

.icon-cogs:before {
  content: ""; }

.icon-cog2:before {
  content: ""; }

.icon-hammer:before {
  content: ""; }

.icon-wand:before {
  content: ""; }

.icon-aid:before {
  content: ""; }

.icon-bug:before {
  content: ""; }

.icon-pie:before {
  content: ""; }

.icon-stats:before {
  content: ""; }

.icon-bars:before {
  content: ""; }

.icon-bars2:before {
  content: ""; }

.icon-gift:before {
  content: ""; }

.icon-trophy:before {
  content: ""; }

.icon-glass:before {
  content: ""; }

.icon-mug:before {
  content: ""; }

.icon-food:before {
  content: ""; }

.icon-leaf:before {
  content: ""; }

.icon-rocket:before {
  content: ""; }

.icon-meter:before {
  content: ""; }

.icon-meter2:before {
  content: ""; }

.icon-dashboard:before {
  content: ""; }

.icon-hammer2:before {
  content: ""; }

.icon-fire:before {
  content: ""; }

.icon-lab:before {
  content: ""; }

.icon-magnet:before {
  content: ""; }

.icon-remove:before {
  content: ""; }

.icon-remove2:before {
  content: ""; }

.icon-briefcase:before {
  content: ""; }

.icon-airplane:before {
  content: ""; }

.icon-truck:before {
  content: ""; }

.icon-road:before {
  content: ""; }

.icon-accessibility:before {
  content: ""; }

.icon-target:before {
  content: ""; }

.icon-shield:before {
  content: ""; }

.icon-lightning:before {
  content: ""; }

.icon-switch:before {
  content: ""; }

.icon-power-cord:before {
  content: ""; }

.icon-signup:before {
  content: ""; }

.icon-list:before {
  content: ""; }

.icon-list2:before {
  content: ""; }

.icon-numbered-list:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-menu2:before {
  content: ""; }

.icon-tree:before {
  content: ""; }

.icon-cloud:before {
  content: ""; }

.icon-cloud-download:before {
  content: ""; }

.icon-cloud-upload:before {
  content: ""; }

.icon-download2:before {
  content: ""; }

.icon-upload2:before {
  content: ""; }

.icon-download3:before {
  content: ""; }

.icon-upload3:before {
  content: ""; }

.icon-globe:before {
  content: ""; }

.icon-earth:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-flag:before {
  content: ""; }

.icon-attachment:before {
  content: ""; }

.icon-eye:before {
  content: ""; }

.icon-eye-blocked:before {
  content: ""; }

.icon-eye2:before {
  content: ""; }

.icon-bookmark:before {
  content: ""; }

.icon-bookmarks:before {
  content: ""; }

.icon-brightness-medium:before {
  content: ""; }

.icon-brightness-contrast:before {
  content: ""; }

.icon-contrast:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-star2:before {
  content: ""; }

.icon-star3:before {
  content: ""; }

.icon-heart:before {
  content: ""; }

.icon-heart2:before {
  content: ""; }

.icon-heart-broken:before {
  content: ""; }

.icon-thumbs-up:before {
  content: ""; }

.icon-thumbs-up2:before {
  content: ""; }

.icon-happy:before {
  content: ""; }

.icon-happy2:before {
  content: ""; }

.icon-smiley:before {
  content: ""; }

.icon-smiley2:before {
  content: ""; }

.icon-tongue:before {
  content: ""; }

.icon-tongue2:before {
  content: ""; }

.icon-sad:before {
  content: ""; }

.icon-sad2:before {
  content: ""; }

.icon-wink:before {
  content: ""; }

.icon-wink2:before {
  content: ""; }

.icon-grin:before {
  content: ""; }

.icon-grin2:before {
  content: ""; }

.icon-cool:before {
  content: ""; }

.icon-cool2:before {
  content: ""; }

.icon-angry:before {
  content: ""; }

.icon-angry2:before {
  content: ""; }

.icon-evil:before {
  content: ""; }

.icon-evil2:before {
  content: ""; }

.icon-shocked:before {
  content: ""; }

.icon-shocked2:before {
  content: ""; }

.icon-confused:before {
  content: ""; }

.icon-confused2:before {
  content: ""; }

.icon-neutral:before {
  content: ""; }

.icon-neutral2:before {
  content: ""; }

.icon-wondering:before {
  content: ""; }

.icon-wondering2:before {
  content: ""; }

.icon-point-up:before {
  content: ""; }

.icon-point-right:before {
  content: ""; }

.icon-point-down:before {
  content: ""; }

.icon-point-left:before {
  content: ""; }

.icon-warning:before {
  content: ""; }

.icon-notification:before {
  content: ""; }

.icon-question:before {
  content: ""; }

.icon-info:before {
  content: ""; }

.icon-info2:before {
  content: ""; }

.icon-blocked:before {
  content: ""; }

.icon-cancel-circle:before {
  content: ""; }

.icon-checkmark-circle:before {
  content: ""; }

.icon-spam:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-checkmark:before, .checkbox:before {
  content: ""; }

.icon-checkmark2:before {
  content: ""; }

.icon-spell-check:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-enter:before {
  content: ""; }

.icon-exit:before {
  content: ""; }

.icon-play2:before {
  content: ""; }

.icon-pause:before {
  content: ""; }

.icon-stop:before {
  content: ""; }

.icon-backward:before {
  content: ""; }

.icon-forward2:before {
  content: ""; }

.icon-play3:before {
  content: ""; }

.icon-pause2:before {
  content: ""; }

.icon-stop2:before {
  content: ""; }

.icon-backward2:before {
  content: ""; }

.icon-forward3:before {
  content: ""; }

.icon-first:before {
  content: ""; }

.icon-last:before {
  content: ""; }

.icon-previous:before {
  content: ""; }

.icon-next:before {
  content: ""; }

.icon-eject:before {
  content: ""; }

.icon-volume-high:before {
  content: ""; }

.icon-volume-medium:before {
  content: ""; }

.icon-volume-low:before {
  content: ""; }

.icon-volume-mute:before {
  content: ""; }

.icon-volume-mute2:before {
  content: ""; }

.icon-volume-increase:before {
  content: ""; }

.icon-volume-decrease:before {
  content: ""; }

.icon-loop:before {
  content: ""; }

.icon-loop2:before {
  content: ""; }

.icon-loop3:before {
  content: ""; }

.icon-shuffle:before {
  content: ""; }

.icon-arrow-up-left:before {
  content: ""; }

.icon-arrow-up:before {
  content: ""; }

.icon-arrow-up-right:before {
  content: ""; }

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

.icon-arrow-down-right:before {
  content: ""; }

.icon-arrow-down:before {
  content: ""; }

.icon-arrow-down-left:before {
  content: ""; }

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

.icon-arrow-up-left2:before {
  content: ""; }

.icon-arrow-up2:before {
  content: ""; }

.icon-arrow-up-right2:before {
  content: ""; }

.icon-arrow-right2:before {
  content: ""; }

.icon-arrow-down-right2:before {
  content: ""; }

.icon-arrow-down2:before {
  content: ""; }

.icon-arrow-down-left2:before {
  content: ""; }

.icon-arrow-left2:before {
  content: ""; }

.icon-arrow-up-left3:before {
  content: ""; }

.icon-arrow-up3:before {
  content: ""; }

.icon-arrow-up-right3:before {
  content: ""; }

.icon-arrow-right3:before {
  content: ""; }

.icon-arrow-down-right3:before {
  content: ""; }

.icon-arrow-down3:before {
  content: ""; }

.icon-arrow-down-left3:before {
  content: ""; }

.icon-arrow-left3:before {
  content: ""; }

.icon-tab:before {
  content: ""; }

.icon-checkbox-checked:before {
  content: ""; }

.icon-checkbox-unchecked:before {
  content: ""; }

.icon-checkbox-partial:before {
  content: ""; }

.icon-radio-checked:before {
  content: ""; }

.icon-radio-unchecked:before {
  content: ""; }

.icon-crop:before {
  content: ""; }

.icon-scissors:before {
  content: ""; }

.icon-filter:before {
  content: ""; }

.icon-filter2:before {
  content: ""; }

.icon-font:before {
  content: ""; }

.icon-text-height:before {
  content: ""; }

.icon-text-width:before {
  content: ""; }

.icon-bold:before {
  content: ""; }

.icon-underline:before {
  content: ""; }

.icon-italic:before {
  content: ""; }

.icon-strikethrough:before {
  content: ""; }

.icon-omega:before {
  content: ""; }

.icon-sigma:before {
  content: ""; }

.icon-table:before {
  content: ""; }

.icon-table2:before {
  content: ""; }

.icon-insert-template:before {
  content: ""; }

.icon-pilcrow:before {
  content: ""; }

.icon-left-toright:before {
  content: ""; }

.icon-right-toleft:before {
  content: ""; }

.icon-paragraph-left:before {
  content: ""; }

.icon-paragraph-center:before {
  content: ""; }

.icon-paragraph-right:before {
  content: ""; }

.icon-paragraph-justify:before {
  content: ""; }

.icon-paragraph-left2:before {
  content: ""; }

.icon-paragraph-center2:before {
  content: ""; }

.icon-paragraph-right2:before {
  content: ""; }

.icon-paragraph-justify2:before {
  content: ""; }

.icon-indent-increase:before {
  content: ""; }

.icon-indent-decrease:before {
  content: ""; }

.icon-new-tab:before {
  content: ""; }

.icon-embed:before {
  content: ""; }

.icon-code:before {
  content: ""; }

.icon-console:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-mail:before {
  content: ""; }

.icon-mail2:before {
  content: ""; }

.icon-mail3:before {
  content: ""; }

.icon-mail4:before {
  content: ""; }

.icon-google:before {
  content: ""; }

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

.icon-google-plus2:before {
  content: ""; }

.icon-google-plus3:before {
  content: ""; }

.icon-google-plus4:before {
  content: ""; }

.icon-google-drive:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-facebook2:before {
  content: ""; }

.icon-facebook3:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-twitter2:before {
  content: ""; }

.icon-twitter3:before {
  content: ""; }

.icon-feed2:before {
  content: ""; }

.icon-feed3:before {
  content: ""; }

.icon-feed4:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.icon-youtube2:before {
  content: ""; }

.icon-vimeo:before {
  content: ""; }

.icon-vimeo2:before {
  content: ""; }

.icon-vimeo3:before {
  content: ""; }

.icon-lanyrd:before {
  content: ""; }

.icon-flickr:before {
  content: ""; }

.icon-flickr2:before {
  content: ""; }

.icon-flickr3:before {
  content: ""; }

.icon-flickr4:before {
  content: ""; }

.icon-picassa:before {
  content: ""; }

.icon-picassa2:before {
  content: ""; }

.icon-dribbble:before {
  content: ""; }

.icon-dribbble2:before {
  content: ""; }

.icon-dribbble3:before {
  content: ""; }

.icon-forrst:before {
  content: ""; }

.icon-forrst2:before {
  content: ""; }

.icon-deviantart:before {
  content: ""; }

.icon-deviantart2:before {
  content: ""; }

.icon-steam:before {
  content: ""; }

.icon-steam2:before {
  content: ""; }

.icon-github:before {
  content: ""; }

.icon-github2:before {
  content: ""; }

.icon-github3:before {
  content: ""; }

.icon-github4:before {
  content: ""; }

.icon-github5:before {
  content: ""; }

.icon-wordpress:before {
  content: ""; }

.icon-wordpress2:before {
  content: ""; }

.icon-joomla:before {
  content: ""; }

.icon-blogger:before {
  content: ""; }

.icon-blogger2:before {
  content: ""; }

.icon-tumblr:before {
  content: ""; }

.icon-tumblr2:before {
  content: ""; }

.icon-yahoo:before {
  content: ""; }

.icon-tux:before {
  content: ""; }

.icon-apple:before {
  content: ""; }

.icon-finder:before {
  content: ""; }

.icon-android:before {
  content: ""; }

.icon-windows:before {
  content: ""; }

.icon-windows8:before {
  content: ""; }

.icon-soundcloud:before {
  content: ""; }

.icon-soundcloud2:before {
  content: ""; }

.icon-skype:before {
  content: ""; }

.icon-reddit:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-lastfm:before {
  content: ""; }

.icon-lastfm2:before {
  content: ""; }

.icon-delicious:before {
  content: ""; }

.icon-stumbleupon:before {
  content: ""; }

.icon-stumbleupon2:before {
  content: ""; }

.icon-stackoverflow:before {
  content: ""; }

.icon-pinterest:before {
  content: ""; }

.icon-pinterest2:before {
  content: ""; }

.icon-xing:before {
  content: ""; }

.icon-xing2:before {
  content: ""; }

.icon-flattr:before {
  content: ""; }

.icon-foursquare:before {
  content: ""; }

.icon-foursquare2:before {
  content: ""; }

.icon-paypal:before {
  content: ""; }

.icon-paypal2:before {
  content: ""; }

.icon-paypal3:before {
  content: ""; }

.icon-yelp:before {
  content: ""; }

.icon-libreoffice:before {
  content: ""; }

.icon-file-pdf:before {
  content: ""; }

.icon-file-openoffice:before {
  content: ""; }

.icon-file-word:before {
  content: ""; }

.icon-file-excel:before {
  content: ""; }

.icon-file-zip:before {
  content: ""; }

.icon-file-powerpoint:before {
  content: ""; }

.icon-file-xml:before {
  content: ""; }

.icon-file-css:before {
  content: ""; }

.icon-html5:before {
  content: ""; }

.icon-html52:before {
  content: ""; }

.icon-css3:before {
  content: ""; }

.icon-chrome:before {
  content: ""; }

.icon-firefox:before {
  content: ""; }

.icon-IE:before {
  content: ""; }

.icon-opera:before {
  content: ""; }

.icon-safari:before {
  content: ""; }

.icon-IcoMoon:before {
  content: ""; }

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

i[class^='icon-'], i[class*=' icon-'] {
  vertical-align: top; }
  i[class^='icon-']:before, i[class*=' icon-']:before {
    margin-top: 0; }
  i[class^='icon-'].inline:before, .field-label > i[class^='icon-'].checkbox:before,
  .field-label > i[class^='icon-'].radio:before, i[class*=' icon-'].inline:before, .field-label > i[class*=' icon-'].checkbox:before,
  .field-label > i[class*=' icon-'].radio:before {
    display: block; }

/* Basic input styles */
.field,
.field-label {
  border: 2px solid transparent;
  padding: 1em;
  display: block;
  width: 100%;
  line-height: 1; }

.field-icon {
  display: block;
  white-space: nowrap;
  position: relative; }
  .field-icon:before {
    position: absolute;
    top: 2px;
    left: 2px;
    margin: 1em;
    font-size: 0.94118em;
    cursor: text;
    pointer-events: none; }
  .field-icon > .field {
    padding-left: 2.94118em; }
  .last.field-icon {
    direction: ltr; }
    .last.field-icon:before {
      left: auto;
      right: 2px; }
    .last.field-icon > .field {
      padding-left: 1em;
      padding-right: 2.94118em; }

.field {
  /* iOS style fixes (removes default rounded corners) */
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: white;
  vertical-align: middle; }
  .field[disabled] {
    -webkit-appearance: none; }
  .field::-webkit-input-placeholder {
    color: lightgrey; }
  .field:-moz-placeholder {
    opacity: 1;
    color: lightgrey; }
  .field::-moz-placeholder {
    opacity: 1;
    color: lightgrey; }
  .field:-ms-input-placeholder {
    color: lightgrey; }
  .field.placeholder {
    color: lightgrey; }

input.field,
select.field,
textarea.field {
  line-height: 1.5;
  padding-top: 0.75em;
  padding-bottom: 0.75em; }

	/* iOS style fixes * /

	input[type='text'],
	input[type='email'],
	input[type='search'],
	input[type='password'],
	input[type='number'],
	input[type='button'],
	input[type='submit'],
	input[type='reset'],
	textarea {

		&.field {
			-webkit-appearance: none;
		}
	}
	*/
/* Normalises all heights and relative positions (in modern browsers only) */
input.field,
select.field {
  height: -moz-calc(3em + 4px);
  height: -webkit-calc(3em + 4px);
  height: calc(3em + 4px);
  vertical-align: middle; }

.checkbox,
.radio {
  cursor: pointer;
  background-color: white; }
  .checkbox:before,
  .radio:before {
    visibility: hidden;
    margin: auto;
    display: block; }
  .checked.checkbox:before,
  .checked.radio:before {
    visibility: visible; }

.switch-label {
  white-space: nowrap;
  border: 2px solid transparent;
  padding: 0 1em 0 1em;
  height: 3em;
  line-height: 3em;
  display: block;
  width: 100%;
  height: -moz-calc(3em + 4px);
  height: -webkit-calc(3em + 4px);
  height: calc(3em + 4px); }

.checkbox,
.radio {
  padding: 0.5em;
  border: 2px solid transparent;
  width: 2em;
  height: 2em;
  width: -moz-calc(2em + 4px);
  width: -webkit-calc(2em + 4px);
  width: calc(2em + 4px);
  height: -moz-calc(2em + 4px);
  height: -webkit-calc(2em + 4px);
  height: calc(2em + 4px); }

.radio:before {
  content: '';
  border-radius: 50%;
  width: .75em;
  height: .75em;
  margin: .125em;
  background-color: black; }

.switch-label > .switch-control {
  margin-left: -0.5em;
  margin-right: 0.5em;
  vertical-align: middle;
  margin-top: -0.1675em; }

/* entire container, keeps perspective */
.flip-container {
  -webkit-perspective: 700;
  -moz-perspective: 700;
  -ms-perspective: 700;
  -o-perspective: 700;
  perspective: 700;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d; }

/*  UPDATED! flip the pane when hovered */
.flip-container.flipped .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.flip-container.flipped .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

/* flip speed goes here */
.flipper {
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
.front, .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0; }

/*  UPDATED! front pane, placed above back */
.front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg); }

/* back, initially hidden pane */
.back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }

/*
	Some vertical flip updates
*/
.vertical.flip-container {
  position: relative; }

.vertical .back {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  transform: rotateX(-180deg); }

.vertical.flip-container.flipped .back {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg); }

.vertical.flip-container.flipped .front {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg); }

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  overflow: auto;
  display: none; }
  .modal.open {
    display: block; }
  .modal > .container {
    padding: 1.88235em; }

/*

The MIT License (MIT)

Copyright (c) 2011 Adam Savitzky

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

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

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

*/
/**
 * strip-unit
 *
 * @description Strips the unit from a value and returns the raw value.
 * @param value
 */
/**
 * em
 *
 * @description Calculates the EM value of a passed PX value.
 * @param size
 * @param base
 */
/**
 * em-rel
 *
 * @description Calculates the EM value of a passed PX value offset from the base
 * @param offset
 * @param base
 */
/**
 * em-fix
 *
 * @description Fixes the passed EM value to represent the nearest perfect pixel
 *   size post-calculation.
 * @param em
 * @param base
 */
.button, #header ul.links a {
  -webkit-transition: background-color 150ms, color 150ms, border-color 150ms, opacity 150ms;
  -moz-transition: background-color 150ms, color 150ms, border-color 150ms, opacity 150ms;
  -ms-transition: background-color 150ms, color 150ms, border-color 150ms, opacity 150ms;
  -o-transition: background-color 150ms, color 150ms, border-color 150ms, opacity 150ms;
  transition: background-color 150ms, color 150ms, border-color 150ms, opacity 150ms; }

.article-list .list-item > .item-link > .item-thumb {
  -webkit-transition: opacity 150ms;
  -moz-transition: opacity 150ms;
  -ms-transition: opacity 150ms;
  -o-transition: opacity 150ms;
  transition: opacity 150ms; }

#footer a, #slide-panel button.close-panel, .side-menu ul > li > a, .article-list .list-item > .item-link > .item-date,
.article-list .list-item > .item-link > .item-title, .article-grid .grid-item > .item-link > .item-date,
.article-grid .grid-item > .item-link > .item-title, .accordion .accordion-item .item-header h2, .accordion .accordion-item .item-header .h2 {
  -webkit-transition: color 150ms;
  -moz-transition: color 150ms;
  -ms-transition: color 150ms;
  -o-transition: color 150ms;
  transition: color 150ms; }

.article-list .list-item > .item-link, .article-list .read-more, .article-grid .grid-item > .item-link, .article-grid .read-more {
  -webkit-transition: background-color 150ms;
  -moz-transition: background-color 150ms;
  -ms-transition: background-color 150ms;
  -o-transition: background-color 150ms;
  transition: background-color 150ms; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.menu-icon {
  position: relative;
  width: 1.29412em; }
  .menu-icon:before, .menu-icon:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0; }
  .menu-icon:before {
    top: -0.35294em; }
  .menu-icon:after {
    bottom: -0.35294em; }

.menu-icon,
.menu-icon:before,
.menu-icon:after {
  display: block;
  height: 0.17647em;
  border-radius: 99px;
  background-color: #A9B0B5; }

.fit-text {
  max-width: 39.41176em; }

.colour-blue {
  color: #00B2EF; }

.colour-green {
  color: #00B18A; }

.colour-lime {
  color: #84C651; }

.colour-yellow {
  color: #FFBC00; }

.colour-orange {
  color: #F79200; }

.colour-red {
  color: #F15E45; }

body, html {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 300;
  color: #777F84;
  background-color: #5a6770; }

@media (max-height: 64.0625em) {
  body {
    font-size: 0.825em; } }
a[href] {
  text-decoration: underline;
  color: #A9B0B5; }
  a[href]:focus, a[href]:hover {
    color: #5a6770; }

:focus {
  outline: 0; }

hr {
  border-color: #F2F2F2; }
  hr.dark {
    border-color: #65747e; }

h1, .h1 {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 300;
  line-height: 1.3;
  color: #5a6770; }

h2, .h2 {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 300;
  line-height: 1.3;
  color: #5a6770; }

h3, .h3 {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: uppercase; }

h4, .h4, #header ul.links a, .article-list .read-more, .article-grid .read-more {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: 0.05556em;
  text-transform: uppercase;
  color: #5a6770; }

h5, .h5 {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.10714em;
  text-transform: uppercase;
  color: #A9B0B5; }

h6, .h6 {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 300;
  color: #5a6770;
  font-size: 1.23529em;
  line-height: 1.5; }

.p1 {
  font-size: 1.23529em;
  line-height: 1.5;
  color: #5a6770; }

.p2 {
  font-size: 1em;
  line-height: 1.5;
  color: #777F84; }

.button {
  font-family: 'aktiv-grotesk-std', sans-serif;
  font-weight: 400;
  border: 2px solid transparent;
  padding: 0.64706em 1.64706em;
  display: inline-block;
  background-color: lightgrey;
  vertical-align: middle;
  line-height: 1;
  background-color: transparent;
  border-color: #777F84;
  border-radius: 999px;
  color: #777F84;
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: none !important; }
  .button[class^='icon-'], .button[class*=' icon-'] {
    position: relative;
    padding-left: 3.41176em;
    min-height: 2.29412em;
    min-height: -moz-calc(2.29412em + 4px);
    min-height: -webkit-calc(2.29412em + 4px);
    min-height: calc(2.29412em + 4px); }
    .button[class^='icon-']:before, .button[class*=' icon-']:before {
      position: absolute;
      top: 50%;
      left: 1.64706em;
      margin-top: -.5em;
      font-size: 0.94118em;
      cursor: text;
      pointer-events: none; }
    .button[class^='icon-'].only, .button[class*=' icon-'].only {
      padding-left: 2.58824em;
      padding-right: 1.64706em; }
    .button[class^='icon-'].last, .button[class*=' icon-'].last {
      padding-left: 1.64706em !important;
      padding-right: 3.41176em; }
      .button[class^='icon-'].last:before, .button[class*=' icon-'].last:before {
        left: auto;
        right: 1.64706em; }
  .button:hover, .button:focus, .button.hover {
    background-color: #777F84;
    color: white; }
  .button:active {
    background-color: #5a6770;
    color: #A9B0B5; }
  .button.white {
    border-color: white;
    color: white; }
    .button.white:hover, .button.white:focus, .button.white.hover {
      background-color: white;
      color: #777F84; }
    .button.white:active {
      background-color: white;
      color: #A9B0B5; }

.field:-moz-placeholder {
  opacity: 1; }
.field::-moz-placeholder {
  opacity: 1; }

.context-white {
  background-color: white; }

.context-light {
  background-color: #F2F2F2; }

.context-dark {
  background-color: #5a6770; }

.context-dark {
  color: white; }
  .context-dark h1, .context-dark .h1, .context-dark h2, .context-dark .h2, .context-dark h3, .context-dark .h3, .context-dark h4, .context-dark .h4, .context-dark h5, .context-dark .h5, .context-dark h6, .context-dark .h6 {
    color: white; }

#header {
  background-color: white;
  overflow: hidden; }
  #header .logo {
    font-size: 1em;
    margin: 1.88235em 0;
    float: left; }
    #header .logo a,
    #header .logo img {
      display: block;
      width: 314px; }
    #header .logo img {
      width: 100%;
      max-width: 314px; }
  #header .partnership {
    float: right;
    margin: 1.88235em 0; }
    #header .partnership > .title {
      margin: 0; }
    #header .partnership a {
      display: block; }
      #header .partnership a > img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: .3; }
      #header .partnership a:hover > img, #header .partnership a:focus > img {
        -webkit-filter: none;
        -moz-filter: none;
        filter: none;
        opacity: 1; }
  #header ul.links {
    text-align: center;
    white-space: nowrap;
    overflow: auto; }
    #header ul.links a {
      display: block;
      padding: 1.2em .9em;
      margin: 0;
      text-decoration: none; }
      #header ul.links a:hover, #header ul.links a:focus {
        color: white;
        background-color: #006FBC; }
    #header ul.links > li {
      display: inline-block; }
      #header ul.links > li.current > a.link-lime, #header ul.links > li.active > a.link-lime,
      #header ul.links > li > a.link-lime:hover,
      #header ul.links > li > a.link-lime:focus {
        color: white;
        background-color: #84C651; }
      #header ul.links > li.current > a.link-green, #header ul.links > li.active > a.link-green,
      #header ul.links > li > a.link-green:hover,
      #header ul.links > li > a.link-green:focus {
        color: white;
        background-color: #00B18A; }
      #header ul.links > li.current > a.link-blue, #header ul.links > li.active > a.link-blue,
      #header ul.links > li > a.link-blue:hover,
      #header ul.links > li > a.link-blue:focus {
        color: white;
        background-color: #00B2EF; }
      #header ul.links > li.current > a.link-yellow, #header ul.links > li.active > a.link-yellow,
      #header ul.links > li > a.link-yellow:hover,
      #header ul.links > li > a.link-yellow:focus {
        color: white;
        background-color: #FFBC00; }
      #header ul.links > li.current > a.link-orange, #header ul.links > li.active > a.link-orange,
      #header ul.links > li > a.link-orange:hover,
      #header ul.links > li > a.link-orange:focus {
        color: white;
        background-color: #F79200; }
      #header ul.links > li.current > a.link-red, #header ul.links > li.active > a.link-red,
      #header ul.links > li > a.link-red:hover,
      #header ul.links > li > a.link-red:focus {
        color: white;
        background-color: #F15E45; }
  #header button.open-menu {
    position: fixed;
    right: 1.88235em;
    top: 1.88235em;
    z-index: 9;
    background-color: white;
    display: none;
    width: 2.70588em;
    height: 2.70588em;
    border-radius: 3px; }
    #header button.open-menu .menu-icon {
      top: 50%;
      left: 50%;
      margin-left: -0.64706em;
      margin-top: -1px;
      position: absolute; }
  @media (max-width: 57.4375em) {
    #header .partnership,
    #header .logo {
      float: none; }
    #header .nav,
    #header .nav-separator {
      display: none; }
    #header button.open-menu {
      display: block; } }

#footer {
  padding: 4.23529em 0;
  color: #A9B0B5;
  background: #5a6770; }
  #footer h5 {
    font-family: 'aktiv-grotesk-std', sans-serif;
    font-weight: 400;
    color: white;
    margin-bottom: .25em; }
  #footer ul.footer-list,
  #footer ul.footer-list-small {
    margin-bottom: 1.25em; }
    #footer ul.footer-list > li,
    #footer ul.footer-list-small > li {
      display: block;
      padding: .25em 0;
      font-size: 1.11765em; }
  #footer ul.footer-list-small > li {
    font-family: 'aktiv-grotesk-std', sans-serif;
    font-weight: 400;
    font-size: 0.82353em;
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: 0.07143em; }
  #footer a {
    color: #A9B0B5;
    text-decoration: none; }
    #footer a:hover, #footer a:focus {
      color: white; }
    #footer a.accent {
      color: white; }
  #footer span.accent {
    color: white; }

.content-block {
  padding: 4.23529em 0; }

#content {
  background-color: #F2F2F2; }

#slide-panel {
  position: fixed;
  background-color: #4f5a62;
  right: 0;
  top: 0;
  bottom: 0;
  width: 16.47059em;
  padding: 1em;
  z-index: 10;
  overflow: auto;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  -moz-transition: -moz-transform 300ms ease-in-out;
  -ms-transition: -ms-transform 300ms ease-in-out;
  -o-transition: -o-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  -ms-transform: translateX(100%); }
  #slide-panel.open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translateX(0); }
  .no-transform #slide-panel {
    display: none; }
    .no-transform #slide-panel.open {
      display: block; }
  #slide-panel button.close-panel {
    display: block;
    position: absolute;
    right: 1.29412em;
    top: 1.29412em;
    color: #F2F2F2;
    padding: 0.41176em;
    background-color: #4f5a62;
    border-radius: 50%; }
    #slide-panel button.close-panel:hover, #slide-panel button.close-panel:focus {
      color: #A9B0B5; }

.side-menu ul > li > a {
  color: #A9B0B5; }
  .side-menu ul > li > a:hover, .side-menu ul > li > a:focus {
    color: white; }
.side-menu ul > li.current > a, .side-menu ul > li.active > a {
  color: white !important; }
.side-menu ul > li.current > a.link-lime, .side-menu ul > li.active > a.link-lime {
  background-color: #84C651; }
.side-menu ul > li > a.link-lime:hover,
.side-menu ul > li > a.link-lime:focus {
  color: #84C651; }
.side-menu ul > li.current > a.link-green, .side-menu ul > li.active > a.link-green {
  background-color: #00B18A; }
.side-menu ul > li > a.link-green:hover,
.side-menu ul > li > a.link-green:focus {
  color: #00B18A; }
.side-menu ul > li.current > a.link-blue, .side-menu ul > li.active > a.link-blue {
  background-color: #00B2EF; }
.side-menu ul > li > a.link-blue:hover,
.side-menu ul > li > a.link-blue:focus {
  color: #00B2EF; }
.side-menu ul > li.current > a.link-yellow, .side-menu ul > li.active > a.link-yellow {
  background-color: #FFBC00; }
.side-menu ul > li > a.link-yellow:hover,
.side-menu ul > li > a.link-yellow:focus {
  color: #FFBC00; }
.side-menu ul > li.current > a.link-orange, .side-menu ul > li.active > a.link-orange {
  background-color: #F79200; }
.side-menu ul > li > a.link-orange:hover,
.side-menu ul > li > a.link-orange:focus {
  color: #F79200; }
.side-menu ul > li.current > a.link-red, .side-menu ul > li.active > a.link-red {
  background-color: #F15E45; }
.side-menu ul > li > a.link-red:hover,
.side-menu ul > li > a.link-red:focus {
  color: #F15E45; }
.side-menu a {
  display: block;
  padding: .6em;
  font-size: 1.05882em;
  text-transform: uppercase;
  text-decoration: none; }

.banner-trf {
  background-image: url("../images/banner/webcamslide.jpg");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .lt-ie9 .banner-trf {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner/webcamslide.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/banner/webcamslide.jpg',sizingMethod='scale')"; }

#home-carousel {
  height: 23.52941em;
  position: relative;
  background-color: #5a6770; }
  @media (max-height: 64.0625em) {
    #home-carousel {
      height: 17.64706em; } }
  #home-carousel h1, #home-carousel .h1, #home-carousel h2, #home-carousel .h2, #home-carousel h3, #home-carousel .h3, #home-carousel h4, #home-carousel .h4, #home-carousel h5, #home-carousel .h5, #home-carousel h6, #home-carousel .h6 {
    color: white; }
  #home-carousel .slide {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  #home-carousel .arrow-prev,
  #home-carousel .arrow-next {
    position: absolute;
    display: block;
    width: 2.05882em;
    height: 2.05882em;
    top: 50%;
    margin-top: -1.02941em;
    z-index: 2; }
    #home-carousel .arrow-prev > img,
    #home-carousel .arrow-next > img {
      width: 2.05882em;
      height: auto; }
  #home-carousel .arrow-prev {
    left: 1.17647em; }
  #home-carousel .arrow-next {
    right: 1.17647em; }

.carousel {
  overflow: hidden;
  position: relative;
  height: 100%; }
  .carousel .handle {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .carousel .slide {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    padding: 0 3.82353em; }

.article-list {
  background-color: white; }
  .article-list .list-title > .news-events,
  .article-list .list-title > .latest-news {
    margin: 0; }
  .article-list .list-title > .latest-news {
    color: #84C651; }
  .article-list .list-title,
  .article-list .list-item > .item-link {
    padding: 1.17647em; }
  .article-list .read-more,
  .article-list .list-item {
    border-top: 1px solid #F2F2F2; }
  .article-list .list-item > .item-link {
    display: block;
    text-decoration: none;
    padding-right: 12.47059em;
    min-height: 7.41176em;
    position: relative; }
    .article-list .list-item > .item-link:hover, .article-list .list-item > .item-link:focus {
      background-color: #5a6770;
      color: white; }
      .article-list .list-item > .item-link:hover > .item-thumb, .article-list .list-item > .item-link:focus > .item-thumb {
        opacity: .5; }
      .article-list .list-item > .item-link:hover > .item-date, .article-list .list-item > .item-link:focus > .item-date {
        color: #A9B0B5; }
      .article-list .list-item > .item-link:hover > .item-title, .article-list .list-item > .item-link:focus > .item-title {
        color: white; }
    @media (max-width: 31.1875em) {
      .article-list .list-item > .item-link {
        padding-right: 1.17647em; }
        .article-list .list-item > .item-link > .item-thumb {
          display: none; } }
    .article-list .list-item > .item-link > .item-thumb {
      position: absolute;
      width: 10.11765em;
      height: 7.41176em;
      right: 0;
      top: 50%;
      margin-top: -3.70588em; }
    .article-list .list-item > .item-link > .item-date,
    .article-list .list-item > .item-link > .item-title {
      margin: 0;
      max-width: 29.41176em; }
  .article-list .read-more {
    display: block;
    text-decoration: none;
    background-color: #84C651;
    color: white;
    margin: 0;
    padding: 0.70588em 1.17647em; }
    .article-list .read-more:focus, .article-list .read-more:hover {
      background-color: #008F7B;
      color: white; }

.article-grid {
  background-color: white; }
  .article-grid .grid-items {
    padding: 1px 0 0 1px; }
  .article-grid .grid-title > .news-events,
  .article-grid .grid-title > .latest-news {
    margin: 0; }
  .article-grid .grid-title > .latest-news {
    color: #84C651; }
  .article-grid .grid-title,
  .article-grid .grid-item > .item-link > .item-content {
    padding: 1.17647em; }
  .article-grid .read-more,
  .article-grid .grid-item {
    border-top: 1px solid #F2F2F2; }
  .article-grid .grid-item > .item-link {
    display: block;
    text-decoration: none;
    border-right: 1px solid white;
    min-height: 16.47059em; }
    .article-grid .grid-item > .item-link:hover, .article-grid .grid-item > .item-link:focus {
      background-color: #5a6770;
      color: white; }
      .article-grid .grid-item > .item-link:hover .item-date, .article-grid .grid-item > .item-link:focus .item-date {
        color: #A9B0B5; }
      .article-grid .grid-item > .item-link:hover .item-title, .article-grid .grid-item > .item-link:focus .item-title {
        color: white; }
      .article-grid .grid-item > .item-link:hover .item-thumb > .button, .article-grid .grid-item > .item-link:focus .item-thumb > .button {
        opacity: 1; }
    .article-grid .grid-item > .item-link > .item-thumb {
      height: 8.82353em;
      overflow: hidden;
      background-color: #F2F2F2;
      position: relative; }
      .article-grid .grid-item > .item-link > .item-thumb > img {
        width: 100%;
        height: auto; }
      .article-grid .grid-item > .item-link > .item-thumb > .button {
        position: absolute;
        opacity: 0;
        top: 50%;
        left: 50%;
        width: 10.47059em;
        height: 2.58824em;
        margin-top: -1.29412em;
        margin-left: -5.23529em;
        white-space: nowrap; }
    .article-grid .grid-item > .item-link > .item-date,
    .article-grid .grid-item > .item-link > .item-title {
      margin: 0;
      max-width: 29.41176em; }
  .article-grid .read-more {
    display: block;
    text-decoration: none;
    background-color: #84C651;
    color: white;
    margin: 0;
    padding: 0.70588em 1.17647em; }
    .article-grid .read-more:focus, .article-grid .read-more:hover {
      background-color: #008F7B;
      color: white; }

.item-page {
  background-color: white; }
  .item-page .page-header,
  .item-page .page-header h1,
  .item-page .page-header .h1,
  .item-page .page-header h2,
  .item-page .page-header .h2,
  .item-page .page-header h3,
  .item-page .page-header .h3,
  .item-page .page-header h4,
  .item-page .page-header .h4,
  .item-page .page-header h5,
  .item-page .page-header .h5,
  .item-page .page-header h6,
  .item-page .page-header .h6 {
    color: white; }
  .item-page .page-header {
    background-color: #777F84;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%; }
    .item-page .page-header .content {
      font-size: 1.23529em; }
  .item-page.color-blue a[href]:not(.button) {
    color: #00B2EF; }
  .item-page.color-blue .page-header {
    background-color: #00B2EF;
    background-image: url("../images/headers/blue.jpg"); }
  .item-page.color-blue h3, .item-page.color-blue .h3 {
    color: #00B2EF; }
  .item-page.color-green a[href]:not(.button) {
    color: #00B18A; }
  .item-page.color-green .page-header {
    background-color: #00B18A;
    background-image: url("../images/headers/green.jpg"); }
  .item-page.color-green h3, .item-page.color-green .h3 {
    color: #00B18A; }
  .item-page.color-lime a[href]:not(.button) {
    color: #84C651; }
  .item-page.color-lime .page-header {
    background-color: #84C651;
    background-image: url("../images/headers/lime.jpg"); }
  .item-page.color-lime h3, .item-page.color-lime .h3 {
    color: #84C651; }
  .item-page.color-yellow a[href]:not(.button) {
    color: #FFBC00; }
  .item-page.color-yellow .page-header {
    background-color: #FFBC00;
    background-image: url("../images/headers/yellow.jpg"); }
  .item-page.color-yellow h3, .item-page.color-yellow .h3 {
    color: #FFBC00; }
  .item-page.color-orange a[href]:not(.button) {
    color: #F79200; }
  .item-page.color-orange .page-header {
    background-color: #F79200;
    background-image: url("../images/headers/orange.jpg"); }
  .item-page.color-orange h3, .item-page.color-orange .h3 {
    color: #F79200; }
  .item-page.color-red a[href]:not(.button) {
    color: #F15E45; }
  .item-page.color-red .page-header {
    background-color: #F15E45;
    background-image: url("../images/headers/red.jpg"); }
  .item-page.color-red h3, .item-page.color-red .h3 {
    color: #F15E45; }
  .item-page .page-header a[href]:not(.button) {
    color: white; }

.accordion {
  background-color: white; }
  .accordion .accordion-item {
    border-top: 1px solid #F2F2F2; }
    .accordion .accordion-item .item-header {
      padding: 1.25em 0;
      cursor: pointer;
      position: relative; }
      .accordion .accordion-item .item-header h2, .accordion .accordion-item .item-header .h2 {
        margin: 0;
        color: #A9B0B5; }
      .accordion .accordion-item .item-header .toggler,
      .accordion .accordion-item .item-header .toggler:before {
        -webkit-transition: border-color 150ms;
        -moz-transition: border-color 150ms;
        -ms-transition: border-color 150ms;
        -o-transition: border-color 150ms;
        transition: border-color 150ms; }
      .accordion .accordion-item .item-header .toggler {
        display: block;
        width: 2.35294em;
        height: 2.35294em;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1.17647em;
        border-radius: 50%;
        border: 4px solid #F2F2F2; }
        .accordion .accordion-item .item-header .toggler:before {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          left: 15%;
          right: 15%;
          bottom: 50%;
          margin-top: -2px;
          border-top: 4px solid #F2F2F2; }
        .accordion .accordion-item .item-header .toggler:after {
          -webkit-transition: border-color 150ms, top 300ms, bottom 300ms;
          -moz-transition: border-color 150ms, top 300ms, bottom 300ms;
          -ms-transition: border-color 150ms, top 300ms, bottom 300ms;
          -o-transition: border-color 150ms, top 300ms, bottom 300ms;
          transition: border-color 150ms, top 300ms, bottom 300ms;
          content: '';
          display: block;
          position: absolute;
          top: 15%;
          left: 50%;
          right: 50%;
          bottom: 15%;
          margin-left: -2px;
          border-left: 4px solid #F2F2F2; }
      .accordion .accordion-item .item-header:hover h2, .accordion .accordion-item .item-header:hover .h2 {
        color: #5a6770; }
      .accordion .accordion-item .item-header:hover .toggler,
      .accordion .accordion-item .item-header:hover .toggler:before,
      .accordion .accordion-item .item-header:hover .toggler:after {
        border-color: #A9B0B5; }
    .accordion .accordion-item .item-body {
      -webkit-transition: height 300ms ease-in-out, padding-bottom 300ms ease-in-out;
      -moz-transition: height 300ms ease-in-out, padding-bottom 300ms ease-in-out;
      -ms-transition: height 300ms ease-in-out, padding-bottom 300ms ease-in-out;
      -o-transition: height 300ms ease-in-out, padding-bottom 300ms ease-in-out;
      transition: height 300ms ease-in-out, padding-bottom 300ms ease-in-out;
      padding-bottom: 0;
      overflow: hidden;
      height: 0; }
    .no-js .accordion .accordion-item .item-body, .accordion .accordion-item.current .item-body {
      padding-bottom: 2.5em;
      height: auto; }
    .no-js .accordion .accordion-item .item-header .toggler:after, .accordion .accordion-item.current .item-header .toggler:after {
      top: 50%;
      bottom: 50%; }

/*# sourceMappingURL=global.css.map */