@charset "UTF-8";
/**
 * 
 * FILE: Main CSS
 * 
 * AUTHOR: Forepoint (http://www.forepoint.co.uk)
 * DATE: 2013
 * VERSION 2.2
 * 
 */
/*------------------------------------*\
	$SETUP
\*------------------------------------*/
/*------------------------------------*\
	$GLOBAL CONFIGURATION
\*------------------------------------*/
/* The configuration of the package */
/*------------------------------------*\
	$DEBUG
\*------------------------------------*/
/*------------------------------------*\
	$SETUP
\*------------------------------------*/
/*------------------------------------*\
	$RESPONSIVENESS
\*------------------------------------*/
/*------------------------------------*\
	$BASE
\*------------------------------------*/
/**
 * Base stuff
 */
/**
 * Base spacing
 */
/**
 * Z Index management
 */
/**
 * Base font sizes
 */
/**
 * Standing Easing Method
 */
/*------------------------------------*\
	$SUSY CONFIG
\*------------------------------------*/
/*------------------------------------*\
	$MODULES & OBJECTS
\*------------------------------------*/
/*------------------------------------*\
	$GLOBAL VARIBLES
\*------------------------------------*/
/* A home for site/project varibles and values */
/*------------------------------------*\
	$COLOURS
\*------------------------------------*/
/**
 * Generic colours
 */
/**
 * Grays
 */
/**
 * Brand stuff
 */
/**
 * Base colours
 */
/**
 * Base colours
 */
/*------------------------------------*\
	$FORMS
\*------------------------------------*/
/**
 * Form styling
 */
/**
 * Form state styling
 */
/**
 * Form sizing
 */
/*------------------------------------*\
	$FONTS
\*------------------------------------*/
/**
 * Custom font stacks
 */
/*------------------------------------*\
    $CORE
\*------------------------------------*/
/**
 * NOTES...............Some interesting scripture
 * IMPORTS.............Begin importing the genius
 *
 * FUNCTIONS...........Some basic calculation stuff
 * MIXINS..............Super-simple Sass stuff
 * NORMALISE...........Full normalise.css approach
 * NORMALISE LEGACT....Full normalise.css approach with IE6/IE7 support
 * RESET...............Sort the stuff is normalise we don't agree with
 * CLEARFIX............The clearfix
 *
 * MAIN................High-level elements like `html` or `body`, etc
 * TABLES..............Table standardisation and some handy helper stuff
 * FORMS...............Bootstrap form styles and position elements
 *
 * NAV.................A simple abstraction to put a list in horizontal nav mode
 * PAGINATION..........Very stripped back, basic paginator
 * BOX.................Standard box object - based on the Media object by Nicole Sullivan
 * MATRIX..............Gridded lists
 * SPLIT...............A simple split-in-two object
 * SPRITE..............Generic spriting & icon elements
 * BUTTONS.............Pre custom styling button setup
 *
 * WIDTHS..............Width classes for use alongside the grid system etc.
 * MISC................A series of helper classes to use arbitrarily
 * DEBUG...............Enable to add visual flags for debugging purposes
 */
/*------------------------------------*\
    $NOTES
\*------------------------------------*/
/*
 * core.css, is the base of this OO framework
 *
 * The variables set in `global_vars.css` are used throughout
 * core.css to style everything we need at core level. Any custom styles SHOULD
 * NOT be added or modified in core.css directly, but added via either the site.css
 * section or within the main theme stylesheet as per the open/closed principle:
 *
 * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
 *
 * Try not to edit any CSS beyond this point; if you find you need to do so
 * we need to consider modifying core.css for future use.
 */
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/**
 * Functions
 */
/*------------------------------------*\
    $CALCULTE PERCENTAGE
\*------------------------------------*/
/*------------------------------------*\
    $PEM
\*------------------------------------*/
/**
 * Convert pixels to ems
 * 
   pixels / base-font = em
 * 
 */
/*------------------------------------*\
    $REM
\*------------------------------------*/
/*
 * 'rem' is a Sass function that converts pixel values to rem values for whatever property is passed to it.
 * 
 */
/*------------------------------------*\
    $REM
\*------------------------------------*/
/*
 * Remove any unit from a supplied number
 * 
 */
/**
 * Mixins
 */
/*------------------------------------*\
    $REM
\*------------------------------------*/
/*
 * 'rem' is a Sass mixin that converts pixel values to rem values for whatever property is passed to it.
 * It returns two lines of code — one of the regular pixel values (for IE), and another with the
 * converted rem values (for everyone else).
 *
 * This mixin expects $properties to be a Sass map
 * 
 * Sample input:
 * .element {
 *   @include rem((
 *		 padding, 10px 0 2px 5px
 *   ));
 * }
 * 
 * Sample output:
 * .element {
 *   padding: 10px 0 2px 5px;
 *   padding: 1rem 0 0.2rem 0.5rem;
 * }
 * 
 */
/*------------------------------------*\
    $SASS_MQ
\*------------------------------------*/
/**
 * SASS-MQ is a media query mixin by the Guardian, this mixin is far
 * more advanced and robust than our previous approach.
 *
 * The mq mixins takes three optional parameters: 
 *
 * $from: inclusive min-width boundary
 * $to: exclusive max-width boundary
 * $and: additional custom directives
 *
 * Author: Guardian (github.com/guardian/sass-mq)
 */
/*------------------------------------*\
    $FONT SIZE
\*------------------------------------*/
/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing in a
 * single value, e.g.:
 *
   `@include font-size(10);`
 *
 * Thanks to @redclov3r for the `line-height` Sass:
 * twitter.com/redclov3r/status/250301539321798657
 */
/*------------------------------------*\
    $VW FONT SIZE
\*------------------------------------*/
/**
 * 
 * Used to create a vw font-size value based of a px value passed through to the mixin.
 * Works alongside the mq() mixin and the strip-unit() function from our Sass Package
 *
 * This is an experimental Mixin, Do not use in a production environment.
 *
 * Usage: @include vw-font-size(( size:16,breakpoints:$mq-breakpoints, line-height: 24 ));
 *
 * @author Adam Bulmer
 * @author Tim Perry
 * @version 0.1a
 * 
 */
/*------------------------------------*\
    $FONT
\*------------------------------------*/
/**
 * Create all the relivant declearations for including a specific font
 */
/*------------------------------------*\
    $BORDER BOX
\*------------------------------------*/
/**
 * Sets the box sizing for the applied element
 * to border-box making the padding inclusive
 * within the overall width
 * 
   `@include box-sizing;`
 * 
 */
/*------------------------------------*\
    $FORM VALIDATION STATES
\*------------------------------------*/
/**
 * Used to generate the form validaiton CSS for warnings, errors
 * and success messages.
 * 
 */
/*------------------------------------*\
    $HOVER
\*------------------------------------*/
/**
 * Apply hover and focus states for the current element
 *
 * Optional pass an $additional_sector to be included e.g.:
 *
 * e.g. @include hover( '.is-active' );
 * 
 */
/*------------------------------------*\
    $OLD IE
\*------------------------------------*/
/**
 * A mixin to conditionally serve IE fixes to only the required browsers
 * keep modern browser free of hacks
 */
/*------------------------------------*\
    $PERCENTAGE WIDTH
\*------------------------------------*/
/**
 * Converts a pixel based width into a relative
 * percentage based version.
 *
 * If $debug-mode: true; this will also display the
 * orginal px value
 * 
   `@include vendor(box-sizing, border-box);`
 * 
 */
/*------------------------------------*\
    $PLACEHOLDER
\*------------------------------------*/
/**
 * Apply placeholder text styles
 * 
 */
/*------------------------------------*\
    $ZERO LAST
\*------------------------------------*/
/**
 * Removes margin-bottom from the last child
 * element.
 * 
   `@include zero-last();`
 * 
 */
/**
 * z-index management mixin uses the $z-layers sass-map in _config.scss
 * Stops developers randomly assigning z-index values
 * lets give everything a name.
 *
 * @author Adam Bulmer
 */
/**
 * Reset
 */
/* normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 11, ../sass/base/reset/_normalize-legacy.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
/* line 30, ../sass/base/reset/_normalize-legacy.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 43, ../sass/base/reset/_normalize-legacy.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
/* line 53, ../sass/base/reset/_normalize-legacy.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 68, ../sass/base/reset/_normalize-legacy.scss */
html {
  font-size: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
/* line 78, ../sass/base/reset/_normalize-legacy.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 90, ../sass/base/reset/_normalize-legacy.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 98, ../sass/base/reset/_normalize-legacy.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
/* line 111, ../sass/base/reset/_normalize-legacy.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
/* line 119, ../sass/base/reset/_normalize-legacy.scss */
b,
strong {
  font-weight: bold;
}

/* line 124, ../sass/base/reset/_normalize-legacy.scss */
blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 132, ../sass/base/reset/_normalize-legacy.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
/* line 141, ../sass/base/reset/_normalize-legacy.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
/* line 151, ../sass/base/reset/_normalize-legacy.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
/* line 160, ../sass/base/reset/_normalize-legacy.scss */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
/* line 169, ../sass/base/reset/_normalize-legacy.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 182, ../sass/base/reset/_normalize-legacy.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
/* line 192, ../sass/base/reset/_normalize-legacy.scss */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
/* line 200, ../sass/base/reset/_normalize-legacy.scss */
q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 210, ../sass/base/reset/_normalize-legacy.scss */
small {
  font-size: 80%;
}

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

/* line 226, ../sass/base/reset/_normalize-legacy.scss */
sup {
  top: -0.5em;
}

/* line 230, ../sass/base/reset/_normalize-legacy.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
/* line 242, ../sass/base/reset/_normalize-legacy.scss */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

/* line 249, ../sass/base/reset/_normalize-legacy.scss */
dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
/* line 257, ../sass/base/reset/_normalize-legacy.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
/* line 267, ../sass/base/reset/_normalize-legacy.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
/* line 282, ../sass/base/reset/_normalize-legacy.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 291, ../sass/base/reset/_normalize-legacy.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
/* line 303, ../sass/base/reset/_normalize-legacy.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
/* line 315, ../sass/base/reset/_normalize-legacy.scss */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 323, ../sass/base/reset/_normalize-legacy.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 335, ../sass/base/reset/_normalize-legacy.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
/* line 349, ../sass/base/reset/_normalize-legacy.scss */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 364, ../sass/base/reset/_normalize-legacy.scss */
button,
input {
  line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 376, ../sass/base/reset/_normalize-legacy.scss */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 391, ../sass/base/reset/_normalize-legacy.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 404, ../sass/base/reset/_normalize-legacy.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 416, ../sass/base/reset/_normalize-legacy.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 430, ../sass/base/reset/_normalize-legacy.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 2 */
  box-sizing: border-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 442, ../sass/base/reset/_normalize-legacy.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
/* line 451, ../sass/base/reset/_normalize-legacy.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 462, ../sass/base/reset/_normalize-legacy.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 475, ../sass/base/reset/_normalize-legacy.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
    $RESET
\*------------------------------------*/
/**
 * A more considered reset; more of a restart... 
 * As per: csswizardry.com/2011/10/reset-restarted
 */
/**
 * The usual...
 */
/* line 20, ../sass/base/reset/_reset.scss */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * Remove vertical spacing from nested lists.
 */
/* line 34, ../sass/base/reset/_reset.scss */
li > ul,
li > ol {
  margin-bottom: 0;
}

/**
 * Remove padding from nav ul's
 */
/* line 43, ../sass/base/reset/_reset.scss */
nav ul,
nav ol {
  padding-left: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
/* line 51, ../sass/base/reset/_reset.scss */
abbr[title], dfn[title] {
  cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
/* line 58, ../sass/base/reset/_reset.scss */
a, u, ins {
  text-decoration: none;
}

/**
 * Apply faux underline via `border-bottom`.
 */
/* line 65, ../sass/base/reset/_reset.scss */
ins {
  border-bottom: 1px solid;
}

/**
 * Add italic for alt text and flexible media if set
 */
/* line 72, ../sass/base/reset/_reset.scss */
img {
  display: block;
  font-style: italic;
  max-width: 100%;
  height: auto;
}
/* line 82, ../sass/base/reset/_reset.scss */
.not-flexible-media img {
  max-width: none;
}

/**
 * Images in `figure` elements.
 */
/* line 92, ../sass/base/reset/_reset.scss */
figure > img {
  display: block;
}

/**
 * Give form elements some cursor interactions...
 */
/* line 100, ../sass/base/reset/_reset.scss */
label,
input,
textarea,
button,
select,
option {
  cursor: pointer;
}

/* line 108, ../sass/base/reset/_reset.scss */
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
  outline: none;
}

/**
 * Clearfix
 */
/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: nicolasgallagher.com/micro-clearfix-hack
 * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
 * and over in your markup.
 */
/* line 10, ../sass/base/generic/_clearfix.scss */
.box, .nav, .breadcrumb, .fat-menu, .core, .content--full, dl, .fader-controls, .fader-pagination, .pictures, .image-gallery .thumbs, .post-pagination, .tabs ul, .row, .social, .layout--subscribe, .subscribe-box {
  zoom: 1;
}
/* line 13, ../sass/base/generic/_clearfix.scss */
.box:before, .nav:before, .breadcrumb:before, .fat-menu:before, .core:before, .content--full:before, dl:before, .fader-controls:before, .fader-pagination:before, .pictures:before, .image-gallery .thumbs:before, .post-pagination:before, .tabs ul:before, .row:before, .social:before, .layout--subscribe:before, .subscribe-box:before, .box:after, .nav:after, .breadcrumb:after, .fat-menu:after, .core:after, .content--full:after, dl:after, .fader-controls:after, .fader-pagination:after, .pictures:after, .image-gallery .thumbs:after, .post-pagination:after, .tabs ul:after, .row:after, .social:after, .layout--subscribe:after, .subscribe-box:after {
  content: "";
  display: table;
}
/* line 19, ../sass/base/generic/_clearfix.scss */
.box:after, .nav:after, .breadcrumb:after, .fat-menu:after, .core:after, .content--full:after, dl:after, .fader-controls:after, .fader-pagination:after, .pictures:after, .image-gallery .thumbs:after, .post-pagination:after, .tabs ul:after, .row:after, .social:after, .layout--subscribe:after, .subscribe-box:after {
  clear: both;
}

/**
 * Base styles
 */
/*------------------------------------*\
    $MAIN
\*------------------------------------*/
/* line 5, ../sass/base/generic/_main.scss */
html {
  font: 1em/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #3f3f3f;
  overflow-y: scroll;
}

/* line 11, ../sass/base/generic/_main.scss */
body {
  background-color: white;
}

/*------------------------------------*\
    $TABLES
\*------------------------------------*/
/**
 * We have a lot at our disposal for making very complex table constructs, e.g.:
 * 
   <table class="table-bordered  table-striped  table-data">
       <colgroup>
           <col class="t10">
           <col class="t10">
           <col class="t10">
           <col>
       </colgroup>
       <thead>
           <tr>
               <th colspan="3">Foo</th>
               <th>Bar</th>
           </tr>
               <th>Lorem</th>
               <th>Ipsum</th>
               <th class="numerical">Dolor</th>
               <th>Sit</th>
           </tr>
       </thead>
       <tbody>
           <tr>
               <th rowspan="3">Sit</th>
               <td>Dolor</td>
               <td class="numerical">03.788</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class="numerical">32.210</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class="numerical">47.797</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <th rowspan="2">Sit</th>
               <td>Dolor</td>
               <td class="numerical">09.640</td>
               <td>Lorem</td>
           </tr>
           <tr>
               <td>Dolor</td>
               <td class=:numerical">12.117</td>
               <td>Lorem</td>
           </tr>
       </tbody>
   </table>
 * 
 */
/* line 59, ../sass/base/generic/_tables.scss */
table {
  width: 100%;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

/* line 70, ../sass/base/generic/_tables.scss */
th,
td {
  padding: 8px;
  padding: 0.5rem;
  line-height: 20px;
  line-height: 1.25rem;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
@media all and (max-width: 47.99em) {
  /* line 70, ../sass/base/generic/_tables.scss */
  th,
  td {
    padding: 12px;
    padding: 0.75rem;
  }
}

/* line 88, ../sass/base/generic/_tables.scss */
table th {
  font-weight: bold;
}

/* line 92, ../sass/base/generic/_tables.scss */
table thead th {
  vertical-align: bottom;
}

/* line 96, ../sass/base/generic/_tables.scss */
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 105, ../sass/base/generic/_tables.scss */
table tbody + tbody {
  border-top: 2px solid #dddddd;
}

/* line 109, ../sass/base/generic/_tables.scss */
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
  padding: 0.25rem 0.31rem;
}

/* line 116, ../sass/base/generic/_tables.scss */
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 4px;
}

/* line 124, ../sass/base/generic/_tables.scss */
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

/* line 129, ../sass/base/generic/_tables.scss */
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

/* line 141, ../sass/base/generic/_tables.scss */
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  border-radius: 4px 0 0 0;
}

/* line 146, ../sass/base/generic/_tables.scss */
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}

/* line 151, ../sass/base/generic/_tables.scss */
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child,
.table-bordered tfoot:last-child tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

/* line 157, ../sass/base/generic/_tables.scss */
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child,
.table-bordered tfoot:last-child tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}

/* line 163, ../sass/base/generic/_tables.scss */
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  border-radius: 4px 0 0 0;
}

/* line 170, ../sass/base/generic/_tables.scss */
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  border-radius: 0 4px 0 0;
}

/* line 177, ../sass/base/generic/_tables.scss */
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

/* line 182, ../sass/base/generic/_tables.scss */
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: whitesmoke;
}

/**
 * Cell alignments
 */
/* line 191, ../sass/base/generic/_tables.scss */
[colspan] {
  text-align: center;
}

/* line 195, ../sass/base/generic/_tables.scss */
[colspan="1"] {
  text-align: left;
}

/* line 199, ../sass/base/generic/_tables.scss */
[rowspan] {
  vertical-align: middle;
}

/* line 203, ../sass/base/generic/_tables.scss */
[rowspan="1"] {
  vertical-align: top;
}

/* line 207, ../sass/base/generic/_tables.scss */
.numerical {
  text-align: right;
}

/**
 * In the HTML above we see several `col` elements with classes whose numbers
 * represent a percentage width for that column. We leave one column free of a
 * class so that column can soak up the effects of any accidental breakage in
 * the table.
 */
/* line 217, ../sass/base/generic/_tables.scss */
.t5 {
  width: 5%;
}

/* line 218, ../sass/base/generic/_tables.scss */
.t10 {
  width: 10%;
}

/* line 219, ../sass/base/generic/_tables.scss */
.t12 {
  width: 12.5%;
}

/* 1/8 */
/* line 220, ../sass/base/generic/_tables.scss */
.t15 {
  width: 15%;
}

/* line 221, ../sass/base/generic/_tables.scss */
.t20 {
  width: 20%;
}

/* line 222, ../sass/base/generic/_tables.scss */
.t25 {
  width: 25%;
}

/* 1/4 */
/* line 223, ../sass/base/generic/_tables.scss */
.t30 {
  width: 30%;
}

/* line 224, ../sass/base/generic/_tables.scss */
.t33 {
  width: 33.33%;
}

/* 1/3 */
/* line 225, ../sass/base/generic/_tables.scss */
.t35 {
  width: 35%;
}

/* line 226, ../sass/base/generic/_tables.scss */
.t37 {
  width: 37.5%;
}

/* 3/8 */
/* line 227, ../sass/base/generic/_tables.scss */
.t40 {
  width: 40%;
}

/* line 228, ../sass/base/generic/_tables.scss */
.t45 {
  width: 45%;
}

/* line 229, ../sass/base/generic/_tables.scss */
.t50 {
  width: 50%;
}

/* 1/2 */
/* line 230, ../sass/base/generic/_tables.scss */
.t55 {
  width: 55%;
}

/* line 231, ../sass/base/generic/_tables.scss */
.t60 {
  width: 60%;
}

/* line 232, ../sass/base/generic/_tables.scss */
.t62 {
  width: 62.5%;
}

/* 5/8 */
/* line 233, ../sass/base/generic/_tables.scss */
.t65 {
  width: 65%;
}

/* line 234, ../sass/base/generic/_tables.scss */
.t66 {
  width: 66.67%;
}

/* 2/3 */
/* line 235, ../sass/base/generic/_tables.scss */
.t70 {
  width: 70%;
}

/* line 236, ../sass/base/generic/_tables.scss */
.t75 {
  width: 75%;
}

/* 3/4*/
/* line 237, ../sass/base/generic/_tables.scss */
.t80 {
  width: 80%;
}

/* line 238, ../sass/base/generic/_tables.scss */
.t85 {
  width: 85%;
}

/* line 239, ../sass/base/generic/_tables.scss */
.t87 {
  width: 87.5%;
}

/* 7/8 */
/* line 240, ../sass/base/generic/_tables.scss */
.t90 {
  width: 90%;
}

/* line 241, ../sass/base/generic/_tables.scss */
.t95 {
  width: 95%;
}

/**
 * Data table
 */
/* line 246, ../sass/base/generic/_tables.scss */
.table-data {
  font: 12px/1.5 sans-serif;
}

/**
 * Table colours
 */
/* line 253, ../sass/base/generic/_tables.scss */
table tbody tr.success td {
  background-color: #dff0d8;
}

/* line 257, ../sass/base/generic/_tables.scss */
table tbody tr.error td {
  background-color: #e8dede;
}

/* line 261, ../sass/base/generic/_tables.scss */
table tbody tr.warning td {
  background-color: #fcf8e3;
}

/* line 265, ../sass/base/generic/_tables.scss */
table tbody tr.info td {
  background-color: #d9edf7;
}

/* line 269, ../sass/base/generic/_tables.scss */
table-hover tbody tr.success:hover td {
  background-color: #d0e9c6;
}

/* line 273, ../sass/base/generic/_tables.scss */
table-hover tbody tr.error:hover td {
  background-color: #ebcccc;
}

/* line 277, ../sass/base/generic/_tables.scss */
table-hover tbody tr.warning:hover td {
  background-color: #faf2cc;
}

/* line 281, ../sass/base/generic/_tables.scss */
table-hover tbody tr.info:hover td {
  background-color: #c4e3f3;
}

/**
 * Objects and abstractions
 */
/*------------------------------------*\
    $BOX
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 * E.g.:
 * 
   <div class="box">
       <aside class="box__media--left">
	       <img src=http://placekitten.com/200/300 alt="Kittens" />
	   </aside>
	   <div class="box__body">
	       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
	       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
	   </div>
   </div>
 * 
 * Demo: jsfiddle.net/inuitcss/cf4Qs
 * 
 */
/* line 25, ../sass/base/objects/_box.scss */
.box {
  display: block;
}

/* line 31, ../sass/base/objects/_box.scss */
.box__media--left {
  float: left;
  margin-right: 24px;
  margin-right: 1.5rem;
}

/* line 38, ../sass/base/objects/_box.scss */
.box__media--right {
  float: right;
  margin-left: 24px;
  margin-left: 1.5rem;
}

/* line 45, ../sass/base/objects/_box.scss */
.box__media img {
  display: block;
  max-width: none;
}

/* line 50, ../sass/base/objects/_box.scss */
.box__body {
  overflow: hidden;
  position: relative;
}
/* line 54, ../sass/base/objects/_box.scss */
.box__body > :last-child {
  margin-bottom: 0;
}

/**
 * Responsive box model
 */
@media all and (max-width: 39.37em) {
  /* line 65, ../sass/base/objects/_box.scss */
  .box__media--left,
  .box__media--right {
    float: none;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    display: block;
  }
  /* line 73, ../sass/base/objects/_box.scss */
  .box__media--left,
  .box__media--left img,
  .box__media--right,
  .box__media--right img {
    margin-left: auto;
    margin-right: auto;
  }
}
/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
/**
 * Basic button structural styling. Extend in your theme stylesheet.
 * 
 * Demo: jsfiddle.net/inuitcss/RqHcp
 * 
 */
/* line 13, ../sass/base/objects/_button.scss */
.btn {
  font: inherit;
  cursor: pointer;
  border: none;
  display: inline-block;
  margin: 0;
  line-height: 1;
}

/* line 22, ../sass/base/objects/_button.scss */
.btn,
.btn:hover {
  text-decoration: none;
}

/**
 * Basic button modifiers
 */
/* line 30, ../sass/base/objects/_button.scss */
.btn--sml {
  font-size: .75em;
}

/* line 31, ../sass/base/objects/_button.scss */
.btn--lrg {
  font-size: 1.50em;
}

/* line 33, ../sass/base/objects/_button.scss */
.btn--full {
  display: block;
  text-align: center;
  /**
   * The following is so that `.btn-full` works properly on `input`s as well
   * as `a`s.
   */
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}

/* 
	<div class="evenly">
     
     <div class="evenly__box">
		   <p>Its a an even column</p>
     </div>
     
     <div class="evenly__box">
		   <p>Its a an even column</p>
     </div>

     <div class="evenly__box">
		   <p>Its a an even column</p>
     </div>

     <div class="evenly__box">
		   <p>Its a an even column</p>
     </div>

 	</div>
*/
/* line 24, ../sass/base/objects/_evenly.scss */
.evenly {
  text-align: justify;
  font-size: 1.5px;
  /* IE 9 & 10 don't like font-size: 0; */
}
/* line 30, ../sass/base/objects/_evenly.scss */
.evenly:after {
  content: '';
  width: 100%;
  /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/* line 42, ../sass/base/objects/_evenly.scss */
.evenly__box {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

/*------------------------------------*\
    $NAV
\*------------------------------------*/
/**
 * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
 * When used on an `ol` or `ul`, this class throws the list into horizontal mode
 * e.g.:
 * 
   <ul class="nav">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 * 
 * Demo: jsfiddle.net/inuitcss/Vnph4
 * 
 */
/* line 21, ../sass/base/objects/_nav.scss */
.nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 29, ../sass/base/objects/_nav.scss */
.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/**
 * `.nav-banner` extends `.nav` and throws the list into vertical mode, e.g.:
 * 
   <ul class="nav nav-banner">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 * 
 */
/* line 51, ../sass/base/objects/_nav.scss */
.nav--stacked > li {
  display: list-item;
}
/* line 54, ../sass/base/objects/_nav.scss */
.nav--stacked > li > a {
  display: block;
}

/**
 * `.nav-banner` extends `.nav` and centres the list, e.g.:
 * 
   <ul class="nav nav-banner">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 * 
 */
/* line 73, ../sass/base/objects/_nav.scss */
.nav--banner {
  text-align: center;
}

/**
 * Give nav links a big, blocky hit area. Extends `.nav` and needs whitespace
 * caused by `inline-block` elements needs collapsing e.g.:
 * 
   <ul class="nav nav-block">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 * 
 */
/* line 90, ../sass/base/objects/_nav.scss */
.nav--block {
  font-size: 0;
  line-height: 1;
  white-space: nowrap;
}
/* line 95, ../sass/base/objects/_nav.scss */
.nav--block > li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
}
/* line 98, ../sass/base/objects/_nav.scss */
.nav--block > li > a {
  padding: 12px;
}

/**
 * Force a nav to occupy 100% of the available width of its parent. Extends
 * `.nav`, e.g.:
 * 
   <ul class="nav nav-fit">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>Portfolio</a></li>
       <li><a href=#>Contact</a></li>
   </ul>
 * 
 */
/* line 117, ../sass/base/objects/_nav.scss */
.nav--fit {
  display: table;
  width: 100%;
}
/* line 121, ../sass/base/objects/_nav.scss */
.nav--fit > li {
  display: table-cell;
}
/* line 124, ../sass/base/objects/_nav.scss */
.nav--fit > li > a {
  display: block;
}

/*------------------------------------*\
    $SPRITE
\*------------------------------------*/
/**
 * Giving an element a class of `.s` will throw it into `sprite` mode and apply
 * a background image e.g.:
 * 
   <a class="s s-question-mark">More info&hellip;</a>
 * 
 * or
 * 
   <a href="#"><i class="s  s-question-mark"></i> Help and FAQ</a>
 * 
 * Giving an element a class of `.i` will throw it into `icon` mode and will
 * not add a background, but should be used for icon fonts and is populated
 * through a `data-char` attribute and the `:after` pseudo-element, e.g.:
 * 
   <a href="#" class="i" data-char="C">Add to favorites</a>
 * 
 * or
 * 
   <a href=""#><i class="i" data-char="C"></i> View your favourites</a>
 * 
 * Where `C` might map to a star in your particular font.
 * 
 * These all require extension in your theme stylesheet.
 * 
 * Demo: jsfiddle.net/inuitcss/6TKuS
 * 
 */
/* line 34, ../sass/base/objects/_sprite.scss */
.s,
.i {
  position: relative;
  zoom: 1;
  display: inline-block;
  *display: block;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
}

/* line 49, ../sass/base/objects/_sprite.scss */
.s {
  vertical-align: middle;
  top: -1px;
  width: 16px;
  height: 16px;
  /*
   * H5BP method image replacement:
   * github.com/h5bp/html5-boilerplate/commit/adecc5da035d6d76b77e3fa95c6abde841073da2
   */
  overflow: hidden;
  *text-indent: -9999px;
}
/* line 62, ../sass/base/objects/_sprite.scss */
.s:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/* line 70, ../sass/base/objects/_sprite.scss */
.i {
  vertical-align: top;
}

/**
 * Misc: helper classes
 */
/*------------------------------------*\
    $MISC
\*------------------------------------*/
/**
 * Add a fix for the max width bug on Google maps
 */
/* line 8, ../sass/base/generic/_misc.scss */
.gm-style > img {
  max-width: none;
}

/*
 * Source: http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/
 * 
 */
/**
 * Add/remove floats
 */
/**
 * Text alignment
 */
/**
 * Pull items full width of `.island` parents.
 */
/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
/**
 * Mute an object by reducing its opacity.
 */
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/*
 * Hide visually and from screenreaders, but maintain layout
 */
/*
 * Image replacement
 */
/**
 * @extend this to remove the font flicker in webkit browsers during a CSS transition
 */
/*------------------------------------*\
    $DEBUG
\*------------------------------------*/
/*------------------------------------*\
    $SITE
\*------------------------------------*/
/**
 * NOTES...............Some interesting scripture
 * IMPORTS.............Begin importing the genius
 *
 * FONTS...............Include any custom fonts
 * TYPE................Setup the base typography
 *
 * SPRITE..............Custom sprite stlying
 * BUTTON..............Custom button styling
 * FORMS...............Theme specific form styling
 * MISC................The home of small abstractions
 */
/*------------------------------------*\
    $NOTES
\*------------------------------------*/
/*
 * site.css, is the place for all the theme specific setup and OO items
 *
 * The variables set in `global_vars.css` are used throughout
 * site.css to style everything we need.
 *
 * If you create any custom OO abstractions they should be included here,
 * same with any modifications or extentions to OO abstractions already
 * created in core.css such as buttons etc
 */
/*------------------------------------*\
    $IMPORTS
\*------------------------------------*/
/**
 * Base styles
 */
/*------------------------------------*\
    $FONTS
\*------------------------------------*/
/**
 * Include any custom fonts here
 * 
 */
@font-face {
  font-family: "FrutigerLTW01-55Roman";
  src: url("../fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix");
  src: url("../fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix") format("eot"), url("../fonts/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff") format("woff"), url("../fonts/076311f8-a01b-4389-a5eb-334a62e62d45.ttf") format("truetype"), url("../fonts/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877") format("svg");
}
@font-face {
  font-family: "FrutigerLTW01-45Light";
  src: url("../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix");
  src: url("../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"), url("../fonts/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"), url("../fonts/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"), url("../fonts/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg");
}
@font-face {
  font-family: "Frutiger LT W01 65 Bold";
  src: url("../fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix");
  src: url("../fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix") format("eot"), url("../fonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff") format("woff"), url("../fonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf") format("truetype"), url("../fonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg");
}
@font-face {
  font-family: "FrutigerLTW01-75Black";
  src: url("../fonts/9b0d3be7-4ec5-4a72-8cc6-89b8b0f0b193.eot?#iefix");
  src: url("../fonts/9b0d3be7-4ec5-4a72-8cc6-89b8b0f0b193.eot?#iefix") format("eot"), url("../fonts/70ad2f15-9e1e-4a42-8fdc-30327ef510c3.woff") format("woff"), url("../fonts/ed897ec7-c1b8-4bd4-9d2a-0a7b09661bdc.ttf") format("truetype"), url("../fonts/63e3258b-8e81-4153-ba11-ab8f4b2aa7a3.svg#63e3258b-8e81-4153-ba11-ab8f4b2aa7a3") format("svg");
}
@font-face {
  font-family: "icons";
  src: url("fonts/icons.eot");
  src: url("fonts/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons.woff") format("woff"), url("fonts/icons.ttf") format("truetype"), url("fonts/icons.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------*\
    $TYPE
\*------------------------------------*/
/* line 4, ../sass/site/type/_type.scss */
.i-arrow-left-circle {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-arrow-left-circle:before {
  content: "\e00c";
}

/* line 7, ../sass/site/type/_type.scss */
.i-arrow-left {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-arrow-left:before {
  content: "\e00b";
}

/* line 10, ../sass/site/type/_type.scss */
.i-arrow-right-circle {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-arrow-right-circle:before {
  content: "\e00a";
}

/* line 14, ../sass/site/type/_type.scss */
.i-arrow-right {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-arrow-right:before {
  content: "\e009";
}

/* line 17, ../sass/site/type/_type.scss */
.i-document {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-document:before {
  content: "\e008";
}

/* line 20, ../sass/site/type/_type.scss */
.i-facebook {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-facebook:before {
  content: "\e007";
}

/* line 23, ../sass/site/type/_type.scss */
.i-home {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-home:before {
  content: "\e006";
}

/* line 26, ../sass/site/type/_type.scss */
.i-menu {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-menu:before {
  content: "\e005";
}

/* line 29, ../sass/site/type/_type.scss */
.i-play {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-play:before {
  content: "\e004";
}

/* line 32, ../sass/site/type/_type.scss */
.i-search-circle {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-search-circle:before {
  content: "\e003";
}

/* line 35, ../sass/site/type/_type.scss */
.i-search {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-search:before {
  content: "\e002";
}

/* line 38, ../sass/site/type/_type.scss */
.i-twitter {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-twitter:before {
  content: "\e001";
}

/* line 41, ../sass/site/type/_type.scss */
.i-vimeo {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* line 63, ../sass/site/type/_icons.scss */
.i-vimeo:before {
  content: "\e000";
}

/* line 46, ../sass/site/type/_type.scss */
.signpost__title {
  font-weight: normal;
}

/**
 * Links
 */
/* line 53, ../sass/site/type/_type.scss */
ul,
ol {
  padding-left: 40px;
  padding-left: 2.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/* line 61, ../sass/site/type/_type.scss */
h1, h2, h3 {
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
}

/* line 65, ../sass/site/type/_type.scss */
h4, h5, h6 {
  font-family: "Frutiger LT W01 65 Bold", "Arial Black", sans-serif;
  font-weight: normal;
}

/*------------------------------------*\
    $TYPE
\*------------------------------------*/
/* line 73, ../sass/site/type/_type.scss */
h1 {
  font-size: 2.25em;
  line-height: 1.33em;
  margin: 0 0 0.33em 0;
  line-height: 1.25em;
}

/* line 83, ../sass/site/type/_type.scss */
h2 {
  font-size: 1.75em;
  line-height: 1.71em;
  line-height: 1.35em;
  margin: 0.86em 0 0.26em 0;
}

/* line 90, ../sass/site/type/_type.scss */
h3 {
  font-size: 1.5em;
  line-height: 2em;
  line-height: 1.35em;
  margin: 1em 0 0.3em 0;
}

/* line 96, ../sass/site/type/_type.scss */
h4 {
  font-size: 1.13em;
  line-height: 1.33em;
  margin: 0em 0 0.33em 0;
}

/* line 101, ../sass/site/type/_type.scss */
h5 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0em 0 0.38em 0;
}

/* line 106, ../sass/site/type/_type.scss */
h6 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0em 0 0.38em 0;
}

/* line 111, ../sass/site/type/_type.scss */
p,
pre,
label {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1.2em 0;
}

/* line 118, ../sass/site/type/_type.scss */
ol,
ul {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}

/* line 124, ../sass/site/type/_type.scss */
.intro-text {
  margin-bottom: 24px;
  padding-left: 18px;
  border-left: 3px solid #156268;
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 1.3em;
}
@media all and (min-width: 48em) {
  /* line 124, ../sass/site/type/_type.scss */
  .intro-text {
    font-size: 1.25em;
    line-height: 1.2em;
    line-height: 1.2em;
    margin: 0 0 1.2em 0;
    line-height: 1.3em;
  }
}
/* line 140, ../sass/site/type/_type.scss */
.yellow .intro-text {
  border-left: 3px solid #fabe00;
}

/**
 * Links
 */
/* line 148, ../sass/site/type/_type.scss */
a {
  color: #404040;
}
/* line 151, ../sass/site/type/_type.scss */
a:hover, a:active {
  color: #156268;
}

/* line 157, ../sass/site/type/_type.scss */
.content a {
  text-decoration: underline;
  color: #156268;
}
/* line 161, ../sass/site/type/_type.scss */
.content a:hover {
  color: #0b3235;
}

/* line 167, ../sass/site/type/_type.scss */
.content .btn {
  text-decoration: none;
}
/* line 171, ../sass/site/type/_type.scss */
.content .btn:hover {
  color: white;
}

/* line 181, ../sass/site/type/_type.scss */
.signpost__content p {
  font-size: 15px;
  font-size: 0.94rem;
  line-height: 23px;
  line-height: 1.44rem;
}

/* line 189, ../sass/site/type/_type.scss */
.post__date, .search-item__date {
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 1;
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
  margin-bottom: 12px;
  color: #7f7f7f;
}

/* line 198, ../sass/site/type/_type.scss */
blockquote {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  border-left: 3px solid #85adb0;
  padding-left: 12px;
  font-style: italic;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
/* line 209, ../sass/site/type/_type.scss */
.yellow blockquote {
  border-left: 3px solid #fabe00;
}

/**
 * UI Partials
 */
/* line 1, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb {
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
  position: relative;
  z-index: 777;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #bfbfbf;
}
/* line 12, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb .seperator {
  color: #c8c8c8;
}
/* line 16, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb .is-current {
  color: #191919;
  font-weight: bold;
}
/* line 21, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb ul, .breadcrumb ol {
  float: left;
  margin-bottom: 0;
  line-height: 1em;
}
@media all and (min-width: 49.06em) {
  /* line 1, ../sass/site/partials/_breadcrumb.scss */
  .breadcrumb {
    padding-top: 18px;
  }
}
/* line 31, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb a {
  color: #156268;
}
/* line 35, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb a:hover {
  text-decoration: underline;
}
/* line 39, ../sass/site/partials/_breadcrumb.scss */
.yellow .breadcrumb a {
  color: black;
}

/* line 47, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb__title,
.breadcrumb a {
  font-size: 0.88em;
  line-height: 1.71em;
}

/* line 52, ../sass/site/partials/_breadcrumb.scss */
.breadcrumb__title {
  float: left;
  margin-right: 6px;
  font-weight: normal;
  margin-bottom: 0;
}

/* line 1, ../sass/site/partials/_fat-menu.scss */
.fat-menu-container {
  position: relative;
  z-index: 999;
}

/* line 6, ../sass/site/partials/_fat-menu.scss */
.fat-menu {
  background-color: gainsboro;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 5px solid #156268;
  border-bottom: 5px solid #156268;
}

/* line 17, ../sass/site/partials/_fat-menu.scss */
.fat-menu--yellow {
  border-top: 5px solid #fabe00;
  border-bottom: 5px solid #fabe00;
}

/* line 24, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul {
  margin-bottom: 0;
  padding: 0;
}
/* line 28, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul .fat-menu__section-title {
  background: #262626;
  color: white;
  font-weight: bold;
}
/* line 33, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul .fat-menu__section-title:hover, .fat-menu__links ul .fat-menu__section-title.is-current {
  background-color: #156268;
  color: white;
}
/* line 42, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul li {
  margin-bottom: 2px;
}
/* line 46, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul a {
  position: relative;
  display: block;
  background-color: white;
  padding: 12px;
  border-left: 2px solid #939393;
}
/* line 54, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul a:hover, .fat-menu__links ul a.is-current {
  background-color: #156268;
  color: white;
}
/* line 61, ../sass/site/partials/_fat-menu.scss */
.purple .fat-menu__links ul a:hover, .purple .fat-menu__links ul a.is-current {
  background-color: #9e005d;
  color: white;
}
/* line 69, ../sass/site/partials/_fat-menu.scss */
.fat-menu--yellow .fat-menu__links ul a:hover, .fat-menu--yellow .fat-menu__links ul a.is-current {
  background-color: #fabe00;
  color: black;
}
/* line 76, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul a .i {
  position: absolute;
  top: 0;
  right: 18px;
  line-height: 48px;
}
/* line 83, ../sass/site/partials/_fat-menu.scss */
.fat-menu__links ul a .i-arrow-left-circle {
  font-size: 24px;
  margin-right: -3px;
}

/* line 94, ../sass/site/partials/_fat-menu.scss */
.fat-menu__signpost .signpost__content {
  border-top: 1px solid white;
}
/* line 98, ../sass/site/partials/_fat-menu.scss */
.fat-menu__signpost .signpost__content:after {
  background-color: white;
}

/* line 104, ../sass/site/partials/_fat-menu.scss */
.fat-menu__signpost .btn {
  border: 1px solid white;
}

@media all and (max-width: 49.05em) {
  /* line 113, ../sass/site/partials/_fat-menu.scss */
  .toggle-fat-menu {
    font-family: "FrutigerLTW01-45Light", sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-size: 0.94rem;
    line-height: 1;
    background-color: white;
    margin-bottom: 24px;
    display: block;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media all and (max-width: 49.05em) and (max-width: 49.05em) {
  /* line 127, ../sass/site/partials/_fat-menu.scss */
  .fat-menu__col {
    margin-bottom: 24px;
  }
}

@media all and (min-width: 49.06em) {
  /* line 137, ../sass/site/partials/_fat-menu.scss */
  .toggle-fat-menu {
    display: none;
  }

  /* line 141, ../sass/site/partials/_fat-menu.scss */
  .fat-menu-container {
    margin-top: -5px;
    margin-bottom: -6px;
  }

  /* line 146, ../sass/site/partials/_fat-menu.scss */
  .fat-menu {
    display: none;
  }

  /* line 150, ../sass/site/partials/_fat-menu.scss */
  .fat-menu__col {
    width: 31.88%;
    float: left;
    margin-right: 2.17%;
  }
  /* line 154, ../sass/site/partials/_fat-menu.scss */
  .fat-menu__col:last-child {
    float: right;
    margin-right: 0;
  }
}
@media all and (min-width: 48em) {
  /* line 1, ../sass/site/partials/_footer.scss */
  .site-footer__copyright,
  .site-footer__navigation {
    display: inline-block;
  }
}

/* line 10, ../sass/site/partials/_footer.scss */
.site-footer__copyright {
  margin-bottom: 24px;
}
@media all and (min-width: 48em) {
  /* line 10, ../sass/site/partials/_footer.scss */
  .site-footer__copyright {
    margin-right: 24px;
    margin-bottom: 0;
  }
}

/* line 22, ../sass/site/partials/_footer.scss */
.site-footer {
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.88rem;
  line-height: 1;
  background-color: #262626;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
  z-index: 999;
  text-align: center;
  color: #cccccc;
}
/* line 34, ../sass/site/partials/_footer.scss */
.site-footer li {
  margin-right: 24px;
}
/* line 38, ../sass/site/partials/_footer.scss */
.site-footer li:last-child {
  margin-right: 0;
}
/* line 46, ../sass/site/partials/_footer.scss */
.site-footer a, .site-footer a:hover {
  color: #cccccc;
}
/* line 51, ../sass/site/partials/_footer.scss */
.site-footer a:hover {
  text-decoration: underline;
}
@media all and (max-width: 47.99em) {
  /* line 22, ../sass/site/partials/_footer.scss */
  .site-footer {
    text-align: center;
  }
  /* line 61, ../sass/site/partials/_footer.scss */
  .site-footer li {
    display: block;
    margin-right: 0;
    margin-bottom: 24px;
  }
}

/* line 1, ../sass/site/partials/_header.scss */
.site-header {
  color: white;
  position: relative;
  background-color: #262626;
  padding-top: 24px;
}
@media all and (max-width: 49.05em) {
  /* line 1, ../sass/site/partials/_header.scss */
  .site-header {
    z-index: 1;
  }
}
@media all and (min-width: 49.06em) {
  /* line 1, ../sass/site/partials/_header.scss */
  .site-header {
    padding-bottom: 24px;
  }
  /* line 16, ../sass/site/partials/_header.scss */
  .site-header.large-top {
    padding-top: 38px;
    padding-bottom: 38px;
  }
}

/* line 25, ../sass/site/partials/_header.scss */
.logo {
  display: block;
  position: relative;
  z-index: 999;
  max-width: 88px;
}
/* line 31, ../sass/site/partials/_header.scss */
.large-top .logo {
  max-width: 153px;
}

/* line 38, ../sass/site/partials/_header.scss */
.site-header__toggle {
  display: block;
  margin-top: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid #3a3a3a;
  color: white;
}
@media all and (min-width: 49.06em) {
  /* line 38, ../sass/site/partials/_header.scss */
  .site-header__toggle {
    display: none;
  }
}
/* line 51, ../sass/site/partials/_header.scss */
.site-header__toggle .i-menu {
  margin-right: 4px;
  margin-top: 2px;
}

/* line 5, ../sass/site/partials/_page.scss */
.main {
  padding-top: 24px;
}

/* line 9, ../sass/site/partials/_page.scss */
.main--with-layouts {
  padding-top: 0;
}

@media all and (min-width: 48em) {
  /* line 13, ../sass/site/partials/_page.scss */
  .content {
    width: 74.46%;
    float: right;
    margin-right: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 6.34%;
    padding-bottom: 48px;
  }
}

/* line 29, ../sass/site/partials/_page.scss */
.content--full {
  width: 100%;
  float: none;
  padding: 0;
}

@media all and (min-width: 48em) {
  /* line 36, ../sass/site/partials/_page.scss */
  .sidebar {
    width: 23.37%;
    float: left;
    margin-right: 2.17%;
  }
}
/* line 42, ../sass/site/partials/_page.scss */
.sidebar .signpost {
  margin-bottom: 24px;
}

/* line 48, ../sass/site/partials/_page.scss */
.featured-image {
  margin-bottom: 24px;
}

@media all and (min-width: 48em) {
  /* line 53, ../sass/site/partials/_page.scss */
  .sidebar--right {
    float: right;
    margin-right: 0;
  }
}
/* line 59, ../sass/site/partials/_page.scss */
.sidebar__section-title {
  font-family: "Frutiger LT W01 65 Bold", "Arial Black", sans-serif;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 1;
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  color: #156268;
}
/* line 71, ../sass/site/partials/_page.scss */
.yellow .sidebar__section-title {
  color: black;
}

/* line 77, ../sass/site/partials/_page.scss */
.content-complementry {
  margin-bottom: 24px;
}

/* line 2, ../sass/site/partials/_primary-navigation.scss */
.site-navigation {
  font-family: "FrutigerLTW01-55Roman", sans-serif;
  font-weight: normal;
  background-color: #1f1f1f;
  border-bottom: 5px solid #156268;
}
/* line 8, ../sass/site/partials/_primary-navigation.scss */
.site-navigation .primary-navigation .is-current {
  background-color: #156268;
  color: white;
}
/* line 13, ../sass/site/partials/_primary-navigation.scss */
.site-navigation .primary-navigation .is-current.yellow {
  background-color: #fabe00;
  color: black;
}
/* line 20, ../sass/site/partials/_primary-navigation.scss */
.yellow .site-navigation, .site-navigation.yellow {
  border-bottom: 5px solid #fabe00;
}
/* line 25, ../sass/site/partials/_primary-navigation.scss */
.yellow .site-navigation .primary-navigation .is-current, .site-navigation.yellow .primary-navigation .is-current {
  background-color: #fabe00;
  color: black;
}
/* line 32, ../sass/site/partials/_primary-navigation.scss */
.frontpage .site-navigation {
  -moz-box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.4);
}

/* line 40, ../sass/site/partials/_primary-navigation.scss */
.primary-navigation,
.primary-navigation a {
  color: #bfbfbf;
}
/* line 45, ../sass/site/partials/_primary-navigation.scss */
.primary-navigation a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
  -moz-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  -o-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  -webkit-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  display: block;
}
/* line 51, ../sass/site/partials/_primary-navigation.scss */
.primary-navigation a.is-active, .primary-navigation a:hover {
  background-color: #156268;
  color: white;
}
/* line 60, ../sass/site/partials/_primary-navigation.scss */
.primary-navigation a.yellow.is-active, .primary-navigation a.yellow:hover {
  background-color: #fabe00;
  color: black;
}
/* line 70, ../sass/site/partials/_primary-navigation.scss */
.primary-navigation a.purple.is-active, .primary-navigation a.purple:hover {
  background-color: #9e005d;
  color: white;
}

/* line 82, ../sass/site/partials/_primary-navigation.scss */
.meta-controls {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5em;
}

/* line 86, ../sass/site/partials/_primary-navigation.scss */
.site-search {
  display: block;
  position: relative;
}

/* line 91, ../sass/site/partials/_primary-navigation.scss */
.site-search__input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #191919;
  border: none;
  padding-left: 12px;
  padding-right: 12px;
  height: 52px;
  width: 100%;
  border-radius: 0 !important;
  color: #7f7f7f;
}

/* line 110, ../sass/site/partials/_primary-navigation.scss */
.meta-navigation {
  color: #156268;
}
/* line 114, ../sass/site/partials/_primary-navigation.scss */
.meta-navigation a {
  color: #bfbfbf;
}

/* line 120, ../sass/site/partials/_primary-navigation.scss */
.site-search__submit {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  z-index: 999;
  color: #156268;
  background-color: transparent;
  border: none;
  width: 44px;
  height: 45px;
  position: absolute;
  top: 10px;
  right: 12px;
}
/* line 145, ../sass/site/partials/_primary-navigation.scss */
.site-search__submit .i-search {
  line-height: 50px;
}

@media all and (max-width: 49.05em) {
  /* line 154, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation {
    padding-top: 77px;
    border-bottom: none;
  }
  /* line 159, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation li {
    display: block;
  }
  /* line 163, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation a {
    display: block !important;
    padding: 12px;
    border-bottom: 1px solid #3a3a3a;
  }
  /* line 169, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation .wrap {
    padding: 0;
  }
  /* line 173, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation .seperator {
    display: none;
  }

  /* line 179, ../sass/site/partials/_primary-navigation.scss */
  .site-search {
    position: absolute;
    top: -77px;
    left: 0;
    right: 0;
    padding: 12px;
    border-bottom: 1px solid #3a3a3a;
  }

  /* line 190, ../sass/site/partials/_primary-navigation.scss */
  .meta-navigation a.is-active, .meta-navigation a:hover {
    background-color: #156268;
    color: white;
  }
}
@media all and (min-width: 49.06em) {
  /* line 204, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation {
    display: block;
    background-color: #262626;
    position: relative;
    z-index: 888;
  }

  /* line 211, ../sass/site/partials/_primary-navigation.scss */
  .primary-navigation {
    font-size: 0;
  }
  /* line 215, ../sass/site/partials/_primary-navigation.scss */
  .primary-navigation a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5em;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    border-right: 1px solid #3f3f3f;
  }
  /* line 224, ../sass/site/partials/_primary-navigation.scss */
  .primary-navigation li:first-child a {
    border-left: 1px solid #3f3f3f;
  }

  /* line 230, ../sass/site/partials/_primary-navigation.scss */
  .meta-controls {
    width: 33.59%;
    position: relative;
    z-index: 999;
  }

  /* line 236, ../sass/site/partials/_primary-navigation.scss */
  .site-search__input {
    background-color: #191919;
    border-top: 2px solid #3f3f3f;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }

  /* line 244, ../sass/site/partials/_primary-navigation.scss */
  .site-search__submit {
    top: 0;
    right: 0;
  }

  /* line 249, ../sass/site/partials/_primary-navigation.scss */
  .meta-navigation {
    font-size: 13px;
    font-size: 0.81rem;
    line-height: 1;
  }
}
@media all and (min-width: 49.06em) and (max-width: 69.36em) {
  /* line 259, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation {
    border-top: 1px solid #3f3f3f;
    background-color: #262626;
  }

  /* line 264, ../sass/site/partials/_primary-navigation.scss */
  .meta-navigation {
    margin-bottom: 12px;
  }

  /* line 268, ../sass/site/partials/_primary-navigation.scss */
  .meta-controls {
    position: absolute;
    top: -98px;
    right: 24px;
    text-align: right;
  }
  /* line 274, ../sass/site/partials/_primary-navigation.scss */
  .large-top .meta-controls {
    top: -118px;
  }
}
@media all and (min-width: 56.25em) and (max-width: 69.36em) {
  /* line 286, ../sass/site/partials/_primary-navigation.scss */
  .meta-controls {
    width: 27.63%;
  }

  /* line 290, ../sass/site/partials/_primary-navigation.scss */
  .primary-navigation a {
    padding-left: 36px;
    padding-right: 36px;
  }
}
@media all and (min-width: 69.38em) {
  /* line 301, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation {
    text-align: right;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    font-size: 0;
  }
  /* line 309, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation.large-top {
    top: 122px;
  }
  /* line 313, ../sass/site/partials/_primary-navigation.scss */
  .site-navigation .primary-navigation,
  .site-navigation .meta-controls {
    display: inline-block;
  }

  /* line 321, ../sass/site/partials/_primary-navigation.scss */
  .primary-navigation li:last-child a {
    border: none;
  }

  /* line 327, ../sass/site/partials/_primary-navigation.scss */
  .meta-controls {
    width: 23.37%;
  }

  /* line 331, ../sass/site/partials/_primary-navigation.scss */
  .meta-navigation {
    font-size: 13px;
    font-size: 0.81rem;
    line-height: 1;
    position: absolute;
    top: -32px;
    right: 8px;
  }
  /* line 338, ../sass/site/partials/_primary-navigation.scss */
  .large-top .meta-navigation {
    top: -90px;
  }
  /* line 342, ../sass/site/partials/_primary-navigation.scss */
  .meta-navigation a:hover {
    text-decoration: underline;
  }
}
@media all and (min-width: 78em) {
  text-align: center;
}
/* line 1, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation {
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
  margin-bottom: 24px;
}
/* line 6, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation li {
  margin-bottom: 2px;
}
/* line 10, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation a {
  border-left: 2px solid #d5d5d5;
  display: block;
  background-color: #f2f2f2;
  padding-left: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
}
/* line 22, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation ul {
  margin: 0;
}
/* line 26, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-1 > li > .is-current {
  background-color: #156268;
  border-color: #156268;
  color: white;
}
/* line 32, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-1 > li > .is-current:hover, .secondary-navigation .level-1 > li > .is-current:focus {
  color: #b4ccce;
}
/* line 37, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-1 > li > .is-current {
  background-color: #fabe00;
  border-color: #fabe00;
  color: black;
}
/* line 43, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-1 > li > .is-current:hover, .yellow .secondary-navigation .level-1 > li > .is-current:focus {
  color: black;
}
/* line 52, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-2 a {
  padding-left: 36px;
}
/* line 56, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-2 a.is-current {
  background-color: #85adb0;
  border-left-color: #85adb0;
  color: #3f3f3f;
}
/* line 62, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-2 a:hover, .secondary-navigation .level-2 a:focus {
  color: #156268;
}
/* line 69, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-2 a.is-current {
  background-color: #fcdd7a;
  border-left-color: #fcdd7a;
  color: black;
}
/* line 75, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-2 a:hover, .yellow .secondary-navigation .level-2 a:focus {
  color: black;
}
/* line 84, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-3 a {
  padding-left: 57.6px;
}
/* line 88, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-3 a.is-current {
  background-color: #b4ccce;
  border-left-color: #b4ccce;
  color: #3f3f3f;
}
/* line 94, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-3 a:hover, .secondary-navigation .level-3 a:focus {
  color: #156268;
}
/* line 101, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-3 a.is-current {
  background-color: #fdeaad;
  border-left-color: #fdeaad;
  color: black;
}
/* line 107, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-3 a:hover, .yellow .secondary-navigation .level-3 a:focus {
  color: black;
}
/* line 116, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-4 a {
  padding-left: 57.6px;
}
/* line 120, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-4 a.is-current {
  background-color: #dbe7e8;
  border-left-color: #dbe7e8;
  color: #3f3f3f;
}
/* line 126, ../sass/site/partials/_secondary-navifation.scss */
.secondary-navigation .level-4 a:hover, .secondary-navigation .level-4 a:focus {
  color: #156268;
}
/* line 133, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-4 a.is-current {
  background-color: #fef5d8;
  border-left-color: #fef5d8;
  color: black;
}
/* line 139, ../sass/site/partials/_secondary-navifation.scss */
.yellow .secondary-navigation .level-4 a:hover, .yellow .secondary-navigation .level-4 a:focus {
  color: black;
}

/**
 * Objects and abstractions
 */
/* line 1, ../sass/site/objects/_0signpost.scss */
.sidebar__section-title, .signpost__content, .latest-post__body, .filters, .search-item, .subscribe-box {
  position: relative;
  border-top: 1px solid #bfbfbf;
  padding-right: 24px;
  padding-top: 12px;
}
/* line 8, ../sass/site/objects/_0signpost.scss */
.sidebar__section-title:after, .signpost__content:after, .latest-post__body:after, .filters:after, .search-item:after, .subscribe-box:after {
  position: absolute;
  top: 0;
  right: 0;
  content: ' ';
  width: 1px;
  height: 25px;
  background-color: #bfbfbf;
}

/* line 20, ../sass/site/objects/_0signpost.scss */
.signpost__content {
  padding-bottom: 24px;
}

/* line 30, ../sass/site/objects/_0signpost.scss */
.signpost__blogpost-image {
  max-height: 200px;
}

/* line 34, ../sass/site/objects/_0signpost.scss */
.signpost--half,
.with-halfs .signpost {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 39.37em) {
  /* line 34, ../sass/site/objects/_0signpost.scss */
  .signpost--half,
  .with-halfs .signpost {
    margin-bottom: 24px;
  }
  /* line 42, ../sass/site/objects/_0signpost.scss */
  .signpost--half:last-child,
  .with-halfs .signpost:last-child {
    margin-bottom: 0;
  }
}
@media all and (min-width: 39.38em) {
  /* line 34, ../sass/site/objects/_0signpost.scss */
  .signpost--half,
  .with-halfs .signpost {
    width: 48.91%;
    float: left;
    margin-right: 2.17%;
  }
  /* line 52, ../sass/site/objects/_0signpost.scss */
  .signpost--half:last-child,
  .with-halfs .signpost:last-child {
    margin-right: 0;
  }
}

/* line 59, ../sass/site/objects/_0signpost.scss */
.signpost--three,
.with-threes .signpost {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 39.37em) {
  /* line 59, ../sass/site/objects/_0signpost.scss */
  .signpost--three,
  .with-threes .signpost {
    margin-bottom: 24px;
  }
  /* line 67, ../sass/site/objects/_0signpost.scss */
  .signpost--three:last-child,
  .with-threes .signpost:last-child {
    margin-bottom: 0;
  }
}
@media all and (min-width: 39.38em) {
  /* line 59, ../sass/site/objects/_0signpost.scss */
  .signpost--three,
  .with-threes .signpost {
    width: 31.88%;
    float: left;
    margin-right: 2.17%;
  }
  /* line 77, ../sass/site/objects/_0signpost.scss */
  .signpost--three:last-child,
  .with-threes .signpost:last-child {
    margin-right: 0;
  }
}

/* line 94, ../sass/site/objects/_0signpost.scss */
.signpost__title {
  font-size: 1.75em;
  line-height: 1.71em;
  margin-bottom: 8px;
  color: #156268;
  line-height: 1.2em;
}
/* line 102, ../sass/site/objects/_0signpost.scss */
.signpost--double .signpost__title {
  font-size: 2em;
  line-height: 1.5em;
}

/* line 108, ../sass/site/objects/_0signpost.scss */
.signpost-image {
  display: block;
  margin-bottom: 24px;
  position: relative;
}
/* line 113, ../sass/site/objects/_0signpost.scss */
.signpost-image img {
  width: 100%;
}

/* line 119, ../sass/site/objects/_0signpost.scss */
.signpost-image--timeline {
  max-height: 170px;
}

/* line 125, ../sass/site/objects/_0signpost.scss */
.signpost__sub-title {
  font-family: "FrutigerLTW01-75Black", "Arial Black", sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5em;
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
  z-index: 999;
  color: white;
  background-color: rgba(21, 98, 104, 0.9);
  margin: 0;
}
/* line 137, ../sass/site/objects/_0signpost.scss */
.signpost__sub-title .i {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
}
/* line 141, ../sass/site/objects/_0signpost.scss */
.no-rgba .signpost__sub-title {
  background-color: #156268;
}
/* line 145, ../sass/site/objects/_0signpost.scss */
.layout--timeline .signpost__sub-title {
  position: relative;
}

/* line 153, ../sass/site/objects/_0signpost.scss */
.signpost--purple .signpost__title {
  color: #9e005d;
}
/* line 161, ../sass/site/objects/_0signpost.scss */
.signpost--purple .signpost__sub-title {
  background-color: rgba(158, 0, 93, 0.9);
}
/* line 164, ../sass/site/objects/_0signpost.scss */
.no-rgba .signpost--purple .signpost__sub-title {
  background-color: #9e005d;
}

/* line 174, ../sass/site/objects/_0signpost.scss */
.signpost--blue .signpost__title {
  color: #3b8fd9;
}
/* line 182, ../sass/site/objects/_0signpost.scss */
.signpost--blue .signpost__sub-title {
  background-color: rgba(59, 143, 217, 0.9);
}
/* line 186, ../sass/site/objects/_0signpost.scss */
.no-rgba .signpost--blue .signpost__sub-title {
  background-color: #3b8fd9;
}

/* line 197, ../sass/site/objects/_0signpost.scss */
.signpost--yellow .signpost__title,
.fat-menu--yellow .signpost .signpost__title {
  color: black;
}
/* line 205, ../sass/site/objects/_0signpost.scss */
.signpost--yellow .signpost__sub-title,
.fat-menu--yellow .signpost .signpost__sub-title {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fabe00;
}
/* line 209, ../sass/site/objects/_0signpost.scss */
.no-rgba .signpost--yellow .signpost__sub-title, .no-rgba
.fat-menu--yellow .signpost .signpost__sub-title {
  background-color: black;
}

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
/**
 * Button styling. Inherits the structural styling in core.css
 *
 */
/* line 9, ../sass/site/objects/_button.scss */
.btn {
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
  font-size: 15px;
  font-size: 0.94rem;
  line-height: 1;
  -moz-transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  -o-transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  -webkit-transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  transition: 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  border: 1px solid #bfbfbf;
  color: #156268;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: transparent;
  font-weight: bold;
}
/* line 26, ../sass/site/objects/_button.scss */
.btn:hover {
  color: white;
  background-color: #156268;
}

/* line 33, ../sass/site/objects/_button.scss */
.btn--on-background, .highlighted-post .btn {
  border: 1px solid white;
  color: white;
}
/* line 37, ../sass/site/objects/_button.scss */
.btn--on-background:hover, .highlighted-post .btn:hover {
  background-color: rgba(38, 38, 38, 0.75);
}

/* line 43, ../sass/site/objects/_button.scss */
.btn--on-yellow, .highlighted-post--yellow .btn {
  border: 1px solid black;
  color: black;
}
/* line 47, ../sass/site/objects/_button.scss */
.btn--on-yellow:hover, .highlighted-post--yellow .btn:hover {
  background-color: rgba(38, 38, 38, 0.75);
  color: white;
}

/* line 54, ../sass/site/objects/_button.scss */
.btn--purple, .signpost--purple .btn {
  color: #9e005d;
}
/* line 57, ../sass/site/objects/_button.scss */
.btn--purple:hover, .signpost--purple .btn:hover {
  color: white;
  background-color: #9e005d;
}

/* line 64, ../sass/site/objects/_button.scss */
.btn--blue, .signpost--blue .btn {
  color: #3b8fd9;
}
/* line 68, ../sass/site/objects/_button.scss */
.btn--blue:hover, .signpost--blue .btn:hover {
  color: white;
  background-color: #3b8fd9;
}

/* line 75, ../sass/site/objects/_button.scss */
.btn--yellow, .signpost--yellow .btn,
.fat-menu--yellow .signpost .btn {
  color: black;
}
/* line 78, ../sass/site/objects/_button.scss */
.btn--yellow:hover, .signpost--yellow .btn:hover,
.fat-menu--yellow .signpost .btn:hover {
  background-color: #fabe00;
}

/*------------------------------------*\
	$CMS
\*------------------------------------*/
/**
 * Generic image styling
 */
/* line 8, ../sass/site/objects/_cms.scss */
img.alignleft,
img.alignright {
  border: 1px solid #555555;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/**
 * WP caption images
 */
/* line 19, ../sass/site/objects/_cms.scss */
.wp-caption {
  margin: 0 0 20px 0;
  padding-top: 15px;
  border-top: 1px;
}
/* line 25, ../sass/site/objects/_cms.scss */
.wp-caption img {
  margin-bottom: 0;
  width: 100%;
}

/* line 32, ../sass/site/objects/_cms.scss */
.wp-caption a {
  display: block;
}

/* line 36, ../sass/site/objects/_cms.scss */
.wp-caption-text {
  color: white;
  display: block;
  background-color: #156268;
  padding: 10px 16px;
}

/**
 * WP images
 */
@media all and (max-width: 29.99em) {
  /* line 48, ../sass/site/objects/_cms.scss */
  .alignleft {
    float: left;
    margin-right: 24px;
    margin-right: 1.5rem;
  }
}

@media all and (max-width: 29.99em) {
  /* line 59, ../sass/site/objects/_cms.scss */
  .alignright {
    float: right;
    margin-left: 24px;
    margin-left: 1.5rem;
  }
}

/* line 1, ../sass/site/objects/_dl.scss */
dl {
  margin-bottom: 12px;
  font-size: 13px;
  font-size: 0.81rem;
  line-height: 20px;
  line-height: 1.25rem;
}

/* line 7, ../sass/site/objects/_dl.scss */
dt {
  float: left;
  clear: left;
  font-weight: bold;
  margin-right: 4px;
}

/* line 14, ../sass/site/objects/_dl.scss */
dd {
  margin: 0;
}

/* line 3, ../sass/site/objects/_document.scss */
.document-item__title a {
  color: #156268;
}
/* line 6, ../sass/site/objects/_document.scss */
.document-item__title a:hover {
  text-decoration: underline;
}

/* line 14, ../sass/site/objects/_document.scss */
.document-item__image {
  border: 1px solid #bfbfbf;
}

/*
 *
 * Fader Core Setup
 *
 */
/* line 7, ../sass/site/objects/_fader.scss */
.layout--fader {
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 30em) {
  /* line 7, ../sass/site/objects/_fader.scss */
  .layout--fader {
    height: 360px;
  }
}
@media all and (min-width: 49.06em) {
  /* line 7, ../sass/site/objects/_fader.scss */
  .layout--fader {
    height: 440px;
  }
}
@media all and (min-width: 78em) {
  /* line 7, ../sass/site/objects/_fader.scss */
  .layout--fader {
    height: 545px;
  }
}

@media all and (min-width: 30em) {
  /* line 35, ../sass/site/objects/_fader.scss */
  .fader-container,
  .panel {
    height: 100%;
  }
}
/* line 42, ../sass/site/objects/_fader.scss */
.panel {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: opacity 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: opacity 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: opacity 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 1.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media all and (max-width: 49.05em) {
  /* line 42, ../sass/site/objects/_fader.scss */
  .panel {
    padding-bottom: 80px;
  }
}
/* line 66, ../sass/site/objects/_fader.scss */
.panel.is-active {
  position: relative;
  z-index: 10;
  left: 0;
  top: 0;
  opacity: 1;
}

/* line 86, ../sass/site/objects/_fader.scss */
.fader-controls {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  z-index: 999;
}
/* line 94, ../sass/site/objects/_fader.scss */
.fader-controls a, .fader-controls {
  color: white;
}

/* line 101, ../sass/site/objects/_fader.scss */
.fader-arrows {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

/* line 105, ../sass/site/objects/_fader.scss */
.fader-arrows--left {
  float: left;
}

/* line 109, ../sass/site/objects/_fader.scss */
.fader-arrows--right {
  float: right;
}

/* line 113, ../sass/site/objects/_fader.scss */
.fader-pagination {
  text-align: center;
  position: absolute;
  left: 10%;
  right: 10%;
  top: 4px;
}

/* Fader Styles */
/* line 127, ../sass/site/objects/_fader.scss */
.panel {
  background-size: cover;
}
@media all and (max-width: 49.05em) {
  /* line 127, ../sass/site/objects/_fader.scss */
  .panel {
    background-position: center center;
  }
}

/* line 137, ../sass/site/objects/_fader.scss */
.panel__content-container {
  max-width: 540px;
}
/* line 140, ../sass/site/objects/_fader.scss */
.panel--large-statement .panel__content-container {
  padding-top: 40px;
}

/* line 146, ../sass/site/objects/_fader.scss */
.panel__content {
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 24px;
  margin-bottom: 2px;
}
/* line 153, ../sass/site/objects/_fader.scss */
.no-rgba .panel__content {
  background-color: black;
}
/* line 157, ../sass/site/objects/_fader.scss */
.panel--large-statement .panel__content {
  background-color: rgba(21, 98, 104, 0.8);
}
/* line 160, ../sass/site/objects/_fader.scss */
.no-rgba .panel--large-statement .panel__content {
  background-color: #156268;
}
/* line 166, ../sass/site/objects/_fader.scss */
.yellow.panel--large-statement .panel__content, .panel--yellow.panel--large-statement .panel__content {
  background-color: rgba(250, 190, 0, 0.8);
}
/* line 171, ../sass/site/objects/_fader.scss */
.yellow.panel--large-statement .panel__content, .yellow.panel--large-statement .panel__content h1, .panel--yellow.panel--large-statement .panel__content, .panel--yellow.panel--large-statement .panel__content h1 {
  color: black;
}
/* line 175, ../sass/site/objects/_fader.scss */
.no-rgba .yellow.panel--large-statement .panel__content, .no-rgba .panel--yellow.panel--large-statement .panel__content {
  background-color: #fabe00;
}
/* line 181, ../sass/site/objects/_fader.scss */
.panel--blue.panel--large-statement .panel__content {
  background-color: rgba(50, 200, 210, 0.8);
}
/* line 185, ../sass/site/objects/_fader.scss */
.panel--blue.panel--large-statement .panel__content, .panel--blue.panel--large-statement .panel__content h1 {
  color: white;
}
/* line 189, ../sass/site/objects/_fader.scss */
.no-rgba .panel--blue.panel--large-statement .panel__content {
  background-color: #32c8d2;
}
/* line 195, ../sass/site/objects/_fader.scss */
.panel--purple.panel--large-statement .panel__content {
  background-color: rgba(158, 0, 93, 0.8);
}
/* line 199, ../sass/site/objects/_fader.scss */
.panel--purple.panel--large-statement .panel__content, .panel--purple.panel--large-statement .panel__content h1 {
  color: white;
}
/* line 203, ../sass/site/objects/_fader.scss */
.no-rgba .panel--purple.panel--large-statement .panel__content {
  background-color: #9e005d;
}

/* line 211, ../sass/site/objects/_fader.scss */
.panel__title {
  font-size: 1.75em;
  line-height: 1.2em;
}
@media all and (min-width: 30em) {
  /* line 211, ../sass/site/objects/_fader.scss */
  .panel__title {
    font-size: 2.25em;
    line-height: 1.27em;
  }
}
@media all and (min-width: 62em) {
  /* line 211, ../sass/site/objects/_fader.scss */
  .panel__title {
    font-size: 3em;
    line-height: 1.2em;
  }
}
/* line 223, ../sass/site/objects/_fader.scss */
.panel--large-statement .panel__title {
  margin-bottom: 0;
}

/* line 229, ../sass/site/objects/_fader.scss */
.panel__sub-title {
  font-size: 1em;
  line-height: 1.5em;
  font-family: "FrutigerLTW01-75Black", "Arial Black", sans-serif;
  font-weight: normal;
  font-weight: normal;
  display: inline-block;
  padding-top: 12px;
  padding-left: 12px;
  padding-bottom: 12px;
  padding-right: 48px;
  background-color: rgba(21, 98, 104, 0.9);
  color: white;
  margin: 0;
}
/* line 243, ../sass/site/objects/_fader.scss */
.no-rgba .panel__sub-title {
  background-color: #156268;
}
/* line 247, ../sass/site/objects/_fader.scss */
.panel--blue .panel__sub-title {
  background-color: rgba(50, 200, 210, 0.9);
  color: white;
}
/* line 252, ../sass/site/objects/_fader.scss */
.no-rgba .panel--blue .panel__sub-title {
  background-color: #32c8d2;
}
/* line 258, ../sass/site/objects/_fader.scss */
.panel--purple .panel__sub-title {
  background-color: rgba(158, 0, 93, 0.9);
  color: white;
}
/* line 263, ../sass/site/objects/_fader.scss */
.no-rgba .panel--purple .panel__sub-title {
  background-color: #9e005d;
}
/* line 269, ../sass/site/objects/_fader.scss */
.yellow .panel__sub-title, .panel--yellow .panel__sub-title {
  background-color: rgba(250, 190, 0, 0.9);
  color: black;
}
/* line 275, ../sass/site/objects/_fader.scss */
.no-rgba .yellow .panel__sub-title, .no-rgba .panel--yellow .panel__sub-title {
  background-color: #fabe00;
}

/* line 292, ../sass/site/objects/_fader.scss */
.panel__btn {
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 24px;
  color: white;
}
/* line 300, ../sass/site/objects/_fader.scss */
.panel__btn:hover {
  background-color: rgba(255, 255, 255, 0.8);
  color: #191919;
}
/* line 305, ../sass/site/objects/_fader.scss */
.panel__btn .i {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 12px;
}
@media all and (max-width: 29.99em) {
  /* line 305, ../sass/site/objects/_fader.scss */
  .panel__btn .i {
    display: none;
  }
}
/* line 322, ../sass/site/objects/_fader.scss */
.no-rgba .panel__btn {
  background-color: black;
}
/* line 326, ../sass/site/objects/_fader.scss */
.no-rgba .panel__btn:hover {
  background-color: white;
}

/* line 334, ../sass/site/objects/_fader.scss */
.fader-pagination__btn {
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid white;
  margin-right: 12px;
  border-radius: 24px;
}
/* line 344, ../sass/site/objects/_fader.scss */
.fader-pagination__btn:last-child {
  margin-right: 0;
}
/* line 348, ../sass/site/objects/_fader.scss */
.fader-pagination__btn.is-active, .fader-pagination__btn:hover {
  background-color: white;
}

/* line 1, ../sass/site/objects/_filter.scss */
.filter li {
  margin-bottom: 2px;
}

/* line 5, ../sass/site/objects/_filter.scss */
.filters--pushed {
  margin-top: 70px;
}

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
/**
 * Form groups
 */
/* line 8, ../sass/site/objects/_forms.scss */
.form-group {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/**
 * Common form controls
 *
 * Shared size and type resets for form controls. Apply `.form-control` to any
 * of the following form controls:
 *
 * select
 * textarea
 * input[type="text"]
 * input[type="password"]
 * input[type="datetime"]
 * input[type="datetime-local"]
 * input[type="date"]
 * input[type="month"]
 * input[type="time"]
 * input[type="week"]
 * input[type="number"]
 * input[type="email"]
 * input[type="url"]
 * input[type="search"]
 * input[type="tel"]
 * input[type="color"]
 **/
/* line 38, ../sass/site/objects/_forms.scss */
.form-control {
  display: block;
  width: 100%;
  height: 42px;
  height: 2.63rem;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  border: 1px solid #555555;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  color: #3f3f3f;
  vertical-align: middle;
  background-color: white;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  -moz-transition: border-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1) box-shadow 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: border-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1) box-shadow 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: border-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1) box-shadow 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: border-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1) box-shadow 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);
}
/* line 56, ../sass/site/objects/_forms.scss */
.form-control:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* line 63, ../sass/site/objects/_forms.scss */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

/**
 * Hidden field
 */
/* line 74, ../sass/site/objects/_forms.scss */
[aria-hidden="true"] {
  display: none !important;
}

/**
 * Messages, callouts, etc
 */
/* line 81, ../sass/site/objects/_forms.scss */
.required {
  color: #cd9953;
}

/* line 85, ../sass/site/objects/_forms.scss */
.callout {
  padding: 15px 30px 15px 15px;
  padding: 0.94rem 1.88rem 0.94rem 0.94rem;
  margin: 24px 0px;
  margin: 1.5rem 0;
  border-left: 5px solid;
}
/* line 92, ../sass/site/objects/_forms.scss */
.callout h1 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 10px;
  margin-bottom: 0.63rem;
}
/* line 99, ../sass/site/objects/_forms.scss */
.callout p {
  margin-bottom: 10px;
  margin-bottom: 0.63rem;
}
/* line 14, ../sass/base/mixins/_zero-last.scss */
.callout > :last-child {
  margin-bottom: 0;
}

/* line 108, ../sass/site/objects/_forms.scss */
.callout--info {
  background-color: #d2eef7;
  border-left-color: #b4e3f2;
}

/* line 113, ../sass/site/objects/_forms.scss */
.callout--warning {
  background-color: #fdf8e4;
  border-left-color: #fcf4d6;
}

/* line 118, ../sass/site/objects/_forms.scss */
.callout--success {
  background-color: #d9f0d9;
  border-left-color: #c7e9c7;
}

/* line 123, ../sass/site/objects/_forms.scss */
.callout--error {
  background-color: #f9dfdf;
  border-left-color: #f7d2d2;
}

/* line 1, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post {
  padding-top: 24px;
  padding-bottom: 24px;
  background-image: url("../img/bg-pattern.png");
}
@media all and (min-width: 62em) {
  /* line 6, ../sass/site/objects/_highlighted-post.scss */
  .highlighted-post .btn {
    position: absolute;
    bottom: 24px;
    left: 0;
  }
}
/* line 17, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post .highlighted-post__content {
  position: relative;
}

@media all and (min-width: 39.38em) {
  /* line 24, ../sass/site/objects/_highlighted-post.scss */
  .highlighted--post__media {
    width: 48.91%;
    float: left;
    margin-right: 2.17%;
  }
}
/* line 30, ../sass/site/objects/_highlighted-post.scss */
.highlighted--post__body {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (max-width: 39.37em) {
  /* line 30, ../sass/site/objects/_highlighted-post.scss */
  .highlighted--post__body {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media all and (min-width: 39.38em) {
  /* line 30, ../sass/site/objects/_highlighted-post.scss */
  .highlighted--post__body {
    width: 48.91%;
    float: right;
    margin-right: 0;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
  }
}
@media all and (min-width: 62em) {
  /* line 30, ../sass/site/objects/_highlighted-post.scss */
  .highlighted--post__body {
    padding-bottom: 65px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}

/* line 84, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post__sub-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  font-family: "FrutigerLTW01-75Black", "Arial Black", sans-serif;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
  background-color: rgba(21, 98, 104, 0.9);
  color: white;
  margin: 0;
}
/* line 96, ../sass/site/objects/_highlighted-post.scss */
.no-rgba .highlighted-post__sub-title {
  background-color: #156268;
}

/* line 102, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post--blue {
  color: white;
  background-color: #46cdd6;
}
/* line 107, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post--blue .highlighted-post__content {
  background-color: #32c8d2;
}
/* line 111, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post--blue a {
  color: white;
}

/* line 117, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post--yellow {
  background-color: #fac419;
}
/* line 121, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post--yellow .highlighted-post__content {
  background-color: #fabe00;
}
/* line 129, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post--yellow .highlighted-post__sub-title {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fabe00;
}
/* line 134, ../sass/site/objects/_highlighted-post.scss */
.no-rgba .highlighted-post--yellow .highlighted-post__sub-title {
  background-color: black;
}
/* line 140, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post--yellow a {
  color: black;
}

/* line 146, ../sass/site/objects/_highlighted-post.scss */
.highlighted-post__title {
  line-height: 1.2em;
}
@media all and (max-width: 49.05em) {
  /* line 146, ../sass/site/objects/_highlighted-post.scss */
  .highlighted-post__title {
    font-size: 1.75em;
    line-height: 1.37em;
  }
}

/* line 1, ../sass/site/objects/_image-gallery.scss */
.image-gallery {
  margin-bottom: 24px;
}

/* line 5, ../sass/site/objects/_image-gallery.scss */
.pictures {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}

/* line 15, ../sass/site/objects/_image-gallery.scss */
.picture {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  -moz-transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
/* line 24, ../sass/site/objects/_image-gallery.scss */
.picture.is-active {
  opacity: 1;
  display: block;
  float: left;
  position: relative;
  top: auto;
  left: auto;
}
/* line 34, ../sass/site/objects/_image-gallery.scss */
.picture img {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
}

/* line 43, ../sass/site/objects/_image-gallery.scss */
.picture__caption {
  font-size: 17px;
  font-size: 1.06rem;
  line-height: 2;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  z-index: 999;
  color: white;
}

/* line 64, ../sass/site/objects/_image-gallery.scss */
.image-gallery .thumbs .thumb {
  width: 130px;
  float: left;
  padding: 0;
  margin-right: 2.17%;
  margin-bottom: 2.17%;
}
@media all and (max-width: 61.99em) {
  /* line 64, ../sass/site/objects/_image-gallery.scss */
  .image-gallery .thumbs .thumb {
    width: 100px;
  }
}

/* select every 5th element, 5, 10 , 15 (5 x n ) + 5 */
/* line 81, ../sass/site/objects/_image-gallery.scss */
.image-gallery .thumbs .thumb:nth-child(5n+5) {
  margin-right: 0;
}

/* Caption bg */
/* line 87, ../sass/site/objects/_image-gallery.scss */
.no-rgba .picture__caption {
  background-image: url("../img/bg-trans-black.png");
}

/* line 91, ../sass/site/objects/_image-gallery.scss */
.lt-ie9 .image-gallery .pictures .picture img {
  max-width: none;
}

/* line 1, ../sass/site/objects/_layout.scss */
.layout--timeline {
  border-top: 1px solid #bfbfbf;
  background-color: #fafafa;
  margin-top: 18px;
  padding-top: 18px;
}

@media all and (max-width: 49.05em) {
  /* line 5, ../sass/site/objects/_mobile-navigation.scss */
  body,
  .core {
    position: relative;
  }

  /* line 10, ../sass/site/objects/_mobile-navigation.scss */
  body {
    overflow-x: hidden;
  }

  /* line 14, ../sass/site/objects/_mobile-navigation.scss */
  .core {
    z-index: 1;
    overflow: hidden;
    background-color: white;
  }

  /* line 20, ../sass/site/objects/_mobile-navigation.scss */
  .site-navigation,
  .fat-menu-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 270px;
    z-index: 0;
  }

  /* line 29, ../sass/site/objects/_mobile-navigation.scss */
  .site-navigation {
    left: 0;
  }

  /* line 33, ../sass/site/objects/_mobile-navigation.scss */
  .fat-menu-container {
    left: 270px;
    z-index: 0;
  }

  /* line 38, ../sass/site/objects/_mobile-navigation.scss */
  .fat-menu {
    -moz-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
    -o-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
    -webkit-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
    transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
  }

  /* line 46, ../sass/site/objects/_mobile-navigation.scss */
  .site-header,
  .core,
  .site-footer {
    -moz-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
    -o-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
    -webkit-transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
    transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) all;
  }

  /* line 54, ../sass/site/objects/_mobile-navigation.scss */
  .js-nav .core,
  .js-nav .site-header,
  .js-nav .site-footer {
    -moz-transform: translate3d(270px, 0, 0);
    -webkit-transform: translate3d(270px, 0, 0);
    transform: translate3d(270px, 0, 0);
  }
  /* line 62, ../sass/site/objects/_mobile-navigation.scss */
  .js-nav .fat-menu.is-active {
    -moz-transform: translate3d(-270px, 0, 0);
    -webkit-transform: translate3d(-270px, 0, 0);
    transform: translate3d(-270px, 0, 0);
  }
}
/* line 1, ../sass/site/objects/_post.scss */
.news-mast {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 24px;
}

@media all and (min-width: 48em) {
  /* line 6, ../sass/site/objects/_post.scss */
  .post-list {
    width: 65.94%;
    float: left;
    margin-right: 2.17%;
    padding-bottom: 48px;
  }
}
/* line 15, ../sass/site/objects/_post.scss */
.post-list .row {
  padding: 0;
}
@media all and (max-width: 29.99em) {
  /* line 19, ../sass/site/objects/_post.scss */
  .post-list .signpost {
    margin-bottom: 24px;
  }
}
@media all and (min-width: 30em) {
  /* line 19, ../sass/site/objects/_post.scss */
  .post-list .signpost {
    width: 48.35%;
    float: left;
    margin-right: 3.3%;
  }
  /* line 31, ../sass/site/objects/_post.scss */
  .post-list .signpost:last-child {
    margin-right: 0;
  }
}

@media all and (min-width: 48em) {
  /* line 41, ../sass/site/objects/_post.scss */
  .filters {
    width: 31.88%;
    float: right;
    margin-right: 0;
  }
}

/* line 51, ../sass/site/objects/_post.scss */
.latest-post__title {
  color: #156268;
}

/* line 55, ../sass/site/objects/_post.scss */
.latest-post__body {
  padding-top: 12px;
  padding-bottom: 0;
}
@media all and (max-width: 39.37em) {
  /* line 55, ../sass/site/objects/_post.scss */
  .latest-post__body {
    padding-left: 0;
  }
}
@media all and (min-width: 62em) {
  /* line 55, ../sass/site/objects/_post.scss */
  .latest-post__body {
    position: absolute !important;
  }
}

/* line 71, ../sass/site/objects/_post.scss */
.latest-post__btn {
  border: 1px solid #bfbfbf !important;
  color: #156268 !important;
  bottom: 0 !important;
}
/* line 76, ../sass/site/objects/_post.scss */
.latest-post__btn:hover {
  background-color: #156268 !important;
  color: white !important;
}

/* line 83, ../sass/site/objects/_post.scss */
.filters {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 88, ../sass/site/objects/_post.scss */
.filters__title {
  font-size: 22px;
  font-size: 1.38rem;
  line-height: 1;
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
  color: #156268;
}

/* line 96, ../sass/site/objects/_post.scss */
.filter {
  margin-bottom: 24px;
}
/* line 100, ../sass/site/objects/_post.scss */
.filter ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* line 106, ../sass/site/objects/_post.scss */
.filter a {
  color: #3f3f3f;
  text-decoration: underline;
}
/* line 110, ../sass/site/objects/_post.scss */
.filter a.is-current {
  font-weight: bold;
  color: #156268;
}
/* line 115, ../sass/site/objects/_post.scss */
.filter a:hover {
  color: #156268;
}

/* line 123, ../sass/site/objects/_post.scss */
.filter__title {
  font-family: "Frutiger LT W01 65 Bold", "Arial Black", sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  color: #156268;
  margin-bottom: 12px;
}

/* line 132, ../sass/site/objects/_post.scss */
.post-pagination {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  border-top: 1px solid #bfbfbf;
  padding-top: 18px;
  padding-bottom: 18px;
  position: relative;
}
/* line 140, ../sass/site/objects/_post.scss */
.post-pagination,
.post-pagination a {
  color: #156268;
}
/* line 144, ../sass/site/objects/_post.scss */
.post-pagination:hover,
.post-pagination a:hover {
  color: #166369;
}

/* line 152, ../sass/site/objects/_post.scss */
.content .post-pagination__link {
  text-decoration: none;
}
/* line 155, ../sass/site/objects/_post.scss */
.content .post-pagination__link:hover {
  text-decoration: underline;
}

/* line 161, ../sass/site/objects/_post.scss */
.link__content--right .i {
  margin-left: 10px;
}

/* line 167, ../sass/site/objects/_post.scss */
.link__content--left .i {
  margin-right: 10px;
}

/* line 173, ../sass/site/objects/_post.scss */
.post-pagination--single-page {
  position: relative;
}

/* line 177, ../sass/site/objects/_post.scss */
.post-prev {
  float: left;
}

/* line 181, ../sass/site/objects/_post.scss */
.post-prev--single-page {
  position: relative;
  z-index: 10;
}

/* line 186, ../sass/site/objects/_post.scss */
.post-back {
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  width: 50%;
  margin-left: 25%;
}
/* line 194, ../sass/site/objects/_post.scss */
.post-back a {
  text-decoration: none;
}
/* line 197, ../sass/site/objects/_post.scss */
.post-back a:hover {
  text-decoration: underline;
}

/* line 204, ../sass/site/objects/_post.scss */
.post-back__current {
  text-decoration: underline;
}

/* line 208, ../sass/site/objects/_post.scss */
.post-back__link {
  margin-right: 4px;
}

/* line 212, ../sass/site/objects/_post.scss */
.post-next {
  float: right;
}

/* line 217, ../sass/site/objects/_post.scss */
.post-next--single-page {
  position: relative;
  z-index: 10;
}

/* line 224, ../sass/site/objects/_post.scss */
.tabs ul {
  padding: 0;
  margin-bottom: 0;
  list-style-type: none;
}
/* line 231, ../sass/site/objects/_post.scss */
.tabs li {
  display: block;
}
@media all and (min-width: 48em) {
  /* line 231, ../sass/site/objects/_post.scss */
  .tabs li {
    width: 33.333%;
    float: left;
  }
}
/* line 242, ../sass/site/objects/_post.scss */
.tabs a {
  font-family: "FrutigerLTW01-45Light", sans-serif;
  font-weight: normal;
  font-size: 22px;
  font-size: 1.38rem;
  line-height: 1;
  display: block;
  background-color: #38797f;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  color: white;
}
/* line 254, ../sass/site/objects/_post.scss */
.tabs a.is-current {
  background-color: white;
  color: #156268;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}
/* line 262, ../sass/site/objects/_post.scss */
.tabs a:hover {
  text-decoration: underline;
}
@media all and (max-width: 47.99em) {
  /* line 242, ../sass/site/objects/_post.scss */
  .tabs a {
    margin-bottom: 2px;
  }
}
@media all and (min-width: 48em) {
  /* line 242, ../sass/site/objects/_post.scss */
  .tabs a {
    margin-right: 6px;
  }
  /* line 273, ../sass/site/objects/_post.scss */
  .tabs a.is-current {
    margin-bottom: -1px;
    line-height: 1.3em;
  }
}
@media all and (max-width: 47.99em) {
  /* line 222, ../sass/site/objects/_post.scss */
  .tabs {
    padding-bottom: 24px;
  }
}

/* line 288, ../sass/site/objects/_post.scss */
.post__title {
  margin-bottom: 12px;
  line-height: 1.2em;
}

/* line 293, ../sass/site/objects/_post.scss */
.post__date {
  margin-bottom: 8px;
}

/* line 1, ../sass/site/objects/_search.scss */
.search-list {
  padding-top: 24px;
  padding-bottom: 48px !important;
}

/* line 6, ../sass/site/objects/_search.scss */
.doc-list {
  padding-top: 0;
}

/* line 11, ../sass/site/objects/_search.scss */
.search-list__title {
  line-height: 1.3em;
  margin-bottom: 24px;
}

/* line 16, ../sass/site/objects/_search.scss */
.search-item {
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
}

/* line 25, ../sass/site/objects/_search.scss */
.search-item__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

/* line 33, ../sass/site/objects/_search.scss */
.search-list__highlight {
  color: #156268;
  font-weight: bold;
}

/* line 38, ../sass/site/objects/_search.scss */
.search-item__sub-title {
  font-family: "FrutigerLTW01-75Black", "Arial Black", sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  padding-top: 3px;
  color: #156268;
  z-index: 999;
  margin: 0;
}
/* line 50, ../sass/site/objects/_search.scss */
.search-item__sub-title .i {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
}
/* line 54, ../sass/site/objects/_search.scss */
.no-rgba .search-item__sub-title {
  background-color: #156268;
}

/* line 60, ../sass/site/objects/_search.scss */
.case-study__sub-title {
  font-family: "FrutigerLTW01-75Black", "Arial Black", sans-serif;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5em;
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  padding-top: 3px;
  color: #156268;
  z-index: 999;
  margin: 0;
}
/* line 72, ../sass/site/objects/_search.scss */
.case-study__sub-title .i {
  font-size: 34px;
  font-size: 2.13rem;
  line-height: 2;
  margin-top: -16px;
}
/* line 77, ../sass/site/objects/_search.scss */
.no-rgba .case-study__sub-title {
  background-color: #156268;
}

/*------------------------------------*\
    $MISC
\*------------------------------------*/
/**
 * The home of misc shared styles that aren't really objects
 * 
 */
/* line 9, ../sass/site/objects/_shared.scss */
.wrap {
  position: relative;
  max-width: 1104px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 12px;
  padding: 0 0.75rem;
}
/* line 12, ../../../../../../../../../../Users/aaron/.rvm/rubies/ruby-2.0.0-p451/lib/ruby/gems/2.0.0/gems/susy-2.1.2/sass/susy/output/support/_clearfix.scss */
.wrap:after {
  content: " ";
  display: block;
  clear: both;
}
@media all and (min-width: 30em) {
  /* line 9, ../sass/site/objects/_shared.scss */
  .wrap {
    padding: 0 24px;
    padding: 0 1.5rem;
  }
}
@media all and (min-width: 49.06em) {
  /* line 9, ../sass/site/objects/_shared.scss */
  .wrap {
    padding: 0 32px;
    padding: 0 2rem;
  }
}

/* line 33, ../sass/site/objects/_shared.scss */
.seperator {
  margin-left: 6px;
  margin-right: 6px;
}

/* line 38, ../sass/site/objects/_shared.scss */
.row {
  padding-top: 24px;
}

/* line 43, ../sass/site/objects/_shared.scss */
.with-shadow {
  position: relative;
  z-index: 500;
  -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.75);
}

@media all and (min-width: 49.06em) {
  /* line 52, ../sass/site/objects/_shared.scss */
  .core {
    margin-top: 5px;
  }
}
/* line 57, ../sass/site/objects/_shared.scss */
.has-admin-bar {
  position: relative;
}

/* line 1, ../sass/site/objects/_social.scss */
.social {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* line 7, ../sass/site/objects/_social.scss */
.signpost .social {
  bottom: 32px;
}

/* line 13, ../sass/site/objects/_social.scss */
.social--single-page {
  top: 12px;
  right: 12px;
}

/* line 19, ../sass/site/objects/_social.scss */
.social-btn {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  float: left;
  margin-right: 6px;
}
/* line 25, ../sass/site/objects/_social.scss */
.social-btn:last-child {
  margin-right: 0;
}
/* line 29, ../sass/site/objects/_social.scss */
.social-btn.twitter {
  color: #32c8d2;
}
/* line 33, ../sass/site/objects/_social.scss */
.social-btn.facebook {
  color: #0071bc;
}

/*------------------------------------*\
    $SPRITE
\*------------------------------------*/
/**
 * Giving an element a class of `.s` will throw it into `sprite` mode and apply
 * a background image e.g.:
 * 
   <a class="s s-question-mark">More info&hellip;</a>
 * 
 * or
 * 
   <a href="#"><i class="s  s-question-mark"></i> Help and FAQ</a>
 * 
 * Demo: jsfiddle.net/inuitcss/6TKuS
 * 
 */
/* line 1, ../sass/site/objects/_subscribe-box.scss */
.layout--subscribe {
  padding-top: 24px;
  padding-bottom: 24px;
}

/* line 7, ../sass/site/objects/_subscribe-box.scss */
.subscribe-box {
  position: relative;
}

/* line 13, ../sass/site/objects/_subscribe-box.scss */
.subscribe-box__title,
.subscribe-box__input {
  margin-bottom: 12px;
}

/* line 18, ../sass/site/objects/_subscribe-box.scss */
.subscribe-box__title {
  font-size: 18px;
  font-size: 1.13rem;
  line-height: 1;
}

/* line 22, ../sass/site/objects/_subscribe-box.scss */
.subscribe-box__input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border: none;
  padding: 12px;
}

@media all and (max-width: 47.99em) {
  /* line 31, ../sass/site/objects/_subscribe-box.scss */
  .subscribe-box__title,
  .subscribe-box__input,
  .subscribe-box__submit {
    display: block;
    width: 100%;
  }
}
@media all and (min-width: 48em) {
  /* line 42, ../sass/site/objects/_subscribe-box.scss */
  .subscribe-box__title,
  .subscribe-box__input {
    margin-bottom: 0;
  }

  /* line 47, ../sass/site/objects/_subscribe-box.scss */
  .subscribe-box__title {
    width: 27.63%;
    float: left;
    margin-right: 2.17%;
    margin-top: 12px;
  }

  /* line 52, ../sass/site/objects/_subscribe-box.scss */
  .subscribe-box__input {
    width: 25.37%;
    float: left;
    margin-right: 2.17%;
  }

  /* line 58, ../sass/site/objects/_subscribe-box.scss */
  .subscribe-box__submit {
    width: 14.86%;
    float: right;
    margin-right: 0;
  }
}
/*
	This stylesheet has been taken from the timeline plugin
	We have then modified the colours to match the style of the website.
 */
/* -----------------------------------
 TIMELINE FLAT PORTFOLIO 
 ---------------------------------- */
/* line 10, ../sass/site/objects/_timeline.scss */
.t_line_month_year {
  position: relative;
}
/* line 14, ../sass/site/objects/_timeline.scss */
.t_line_month_year:after {
  content: 's';
  display: block;
  position: absolute;
  right: -8px;
  bottom: 9px;
}

/* line 24, ../sass/site/objects/_timeline.scss */
.timelineFlat.timelineFlatPortfolio .item .read_more {
  margin-top: 20px;
}

/* line 28, ../sass/site/objects/_timeline.scss */
.timelineFlat.timelineFlatPortfolio .item,
.timelineFlat.timelineFlatPortfolio .item_open {
  height: 427px;
}

/* -----------------------------------
 TIMELINE FLAT BASE DESIGN
 ---------------------------------- */
/* line 37, ../sass/site/objects/_timeline.scss */
.timelineFlat {
  display: none;
}

/* line 41, ../sass/site/objects/_timeline.scss */
.timelineLoader {
  width: 100%;
  text-align: center;
  padding: 150px 0;
}

/* fixed line holder */
/* line 49, ../sass/site/objects/_timeline.scss */
.timelineFlat .timeline_line {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 900px;
}

/* full (including months that are not shown) line holder */
/* line 56, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_line_holder {
  padding: 10px 0 0 0;
  height: 80px;
  background: url("../img/timeline/light/line.jpg") repeat-x 0px 49px;
}

/* 2 months are stored in one view */
/* line 63, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_line_view {
  height: 20px;
  width: 900px;
}

/* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */
/* line 69, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_line_m {
  margin-top: 35px;
  height: 10px;
  border-left: 1px solid transparent;
  border-right: 1px solid #b7b6b6;
  width: 448px;
}

/* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */
/* line 78, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_line_m.right {
  left: 449px;
  width: 449px;
  border-left: 1px solid #b7b6b6;
  border-right: 1px solid transparent;
}

/* month caption */
/* line 86, ../sass/site/objects/_timeline.scss */
.timelineFlat h4.t_line_month {
  font-size: 12px;
  margin: -30px 0 0;
  color: #b7b6b6;
}

/* node on the timeline */
/* line 94, ../sass/site/objects/_timeline.scss */
.timelineFlat a.t_line_node {
  text-decoration: none;
  padding: 38px 0 4px;
  height: 10px;
  font-size: 12px;
  top: -25px;
  position: relative;
  color: #b7b6b6;
}

/* line 104, ../sass/site/objects/_timeline.scss */
.timelineFlat a.t_line_node:after {
  content: "";
  border-radius: 22px;
  height: 10px;
  width: 10px;
  border: 2px solid #ffffff;
  position: absolute;
  top: 23px;
  left: 50%;
  margin: 0 0 0 -7px;
  background: #156268;
}

/* line 117, ../sass/site/objects/_timeline.scss */
.timelineFlat a.t_line_node.active {
  color: #156268;
}

/* line 121, ../sass/site/objects/_timeline.scss */
.timelineFlat a.t_line_node.active:after {
  border: 2px solid #156268;
}

/* node description */
/* line 126, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_node_desc {
  white-space: normal !important;
  top: -50px;
  opacity: 0;
  filter: alpha(opacity=0);
  left: 50%;
  color: #fff;
  display: inline-block !important;
  position: relative;
  transition: top 200ms, opacity 500ms;
  -webkit-transition: top 200ms, opacity 500ms;
  -moz-transition: top 200ms, opacity 500ms;
}

/* line 140, ../sass/site/objects/_timeline.scss */
.timelineFlat a.t_line_node:hover .t_node_desc {
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 146, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_node_desc span {
  white-space: nowrap;
  margin-left: -50%;
  margin-right: 50%;
  margin-top: -16px;
  display: block !important;
  padding: 4px;
  border-radius: 3px;
  background: #156268;
  position: relative;
}

/* line 158, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_node_desc span:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -10px;
  border: 5px solid transparent;
  border-top: 5px solid #156268;
  left: 50%;
  margin-left: -5px;
}

/* line 171, ../sass/site/objects/_timeline.scss */
.timelineFlat #t_line_left,
.timelineFlat #t_line_right {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  top: 39px;
  width: 14px;
  height: 21px;
  font-size: 21px;
  color: #b7b6b6;
  position: relative;
}

/* line 189, ../sass/site/objects/_timeline.scss */
.timelineFlat #t_line_left:hover,
.timelineFlat #t_line_right:hover {
  color: #156268;
}

/* line arrow left */
/* line 195, ../sass/site/objects/_timeline.scss */
.timelineFlat #t_line_left {
  left: -30px;
}

/* line 199, ../sass/site/objects/_timeline.scss */
.timelineFlat #t_line_left:after {
  content: "\f104";
  position: absolute;
  right: 0;
  top: 0;
}

/* line arrow right */
/* line 207, ../sass/site/objects/_timeline.scss */
.timelineFlat #t_line_right {
  right: -30px;
}

/* line 211, ../sass/site/objects/_timeline.scss */
.timelineFlat #t_line_right:after {
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0;
}

/* line 218, ../sass/site/objects/_timeline.scss */
.timelineFlat {
  display: none;
}

/* line 222, ../sass/site/objects/_timeline.scss */
.timeline_items_wrapper {
  position: relative;
  width: 100%;
  margin: 10px 0;
}

/* items container */
/* line 229, ../sass/site/objects/_timeline.scss */
.timelineFlat .timeline_items {
  padding: 0;
}

/* single item (margines set from javascript) */
/* line 234, ../sass/site/objects/_timeline.scss */
.timelineFlat .item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 320px;
  min-height: 420px;
  background: gainsboro;
  color: #3f3f3f;
  font-size: 14px;
  line-height: 14px;
  position: relative;
}

/* line 245, ../sass/site/objects/_timeline.scss */
.timelineFlat .item.item_node_hover:before {
  content: "";
  position: absolute;
  height: 4px;
  background: #156268;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}

/* line 256, ../sass/site/objects/_timeline.scss */
.timelineFlat .item.item_node_hover:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  z-index: 2;
  top: 0;
  left: 50%;
  margin: 4px 0 0 -6px;
  border: 6px solid transparent;
  border-top: 6px solid #156268;
}

/* ----------------------------------------- */
/* item details (margines set from javascript) */
/* line 273, ../sass/site/objects/_timeline.scss */
.timelineFlat .item_open {
  width: 410px;
  min-height: 510px;
  background: #d1d1d1;
  position: relative;
  color: #777777;
  z-index: 2;
}

/* line 283, ../sass/site/objects/_timeline.scss */
.timelineFlat .item_open h2 {
  margin: 0 0 10px;
  padding-top: 0;
  font-size: 12px;
  line-height: 12px;
  color: #156268;
}

/* item details content wrapper (used for animation - shuld have same width as .item_open) */
/* line 292, ../sass/site/objects/_timeline.scss */
.timelineFlat .item_open_cwrapper {
  width: 410px;
  height: 100%;
}

/* line 297, ../sass/site/objects/_timeline.scss */
.timelineFlat .item_open_content {
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 303, ../sass/site/objects/_timeline.scss */
.timelineFlat .item_open_content .ajaxloader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -100px;
}

/* ----- content - non-plugin elements ----- */
/* line 312, ../sass/site/objects/_timeline.scss */
.timelineFlat .timeline_open_content {
  padding: 20px;
}

/* line 316, ../sass/site/objects/_timeline.scss */
.timelineFlat .mCSB_container {
  margin-right: 16px;
}

/* line 320, ../sass/site/objects/_timeline.scss */
.timelineFlat .mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #156268;
}

/* line 324, ../sass/site/objects/_timeline.scss */
.timelineFlat .mCS-light-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  color: #f75f5f;
}

/* line 328, ../sass/site/objects/_timeline.scss */
.timelineFlat .mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #aaaaaa;
}

/* line 332, ../sass/site/objects/_timeline.scss */
.timelineFlat .mCustomScrollBox > .mCSB_scrollTools {
  width: 8px;
}

/* line 336, ../sass/site/objects/_timeline.scss */
.timelineFlat .item_open .t_close {
  position: absolute;
  top: 20px;
  right: 16px;
  padding: 0 2px 2px 2px;
  width: 12px;
  height: 12px;
  font-size: 16px;
  line-height: 12px;
  color: #156268;
  cursor: pointer;
  z-index: 2;
  text-align: center;
  transition: color 300ms;
  -webkit-transition: color 300ms;
  -moz-transition: color 300ms;
}

/* line 354, ../sass/site/objects/_timeline.scss */
.timelineFlat .item_open .t_close:hover {
  color: #f75f5f;
}

/* ----------------------------------------- */
/* left/right controles */
/* line 362, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_controles {
  margin: 0;
}

/* line 366, ../sass/site/objects/_timeline.scss */
.timelineTouch.timelineFlat .t_left,
.timelineTouch.timelineFlat .t_right {
  display: none;
}

/* line 371, ../sass/site/objects/_timeline.scss */
.timelineFlat:hover .t_left,
.timelineFlat:hover .t_right {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 377, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_left,
.timelineFlat .t_right {
  position: absolute;
  display: block;
  height: 100%;
  width: 75px;
  margin: 0;
  cursor: pointer;
  top: 0;
  z-index: 10;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: background-color 300ms, opacity 300ms;
  -webkit-transition: background-color 300ms, opacity 300ms;
  -moz-transition: background-color 300ms, opacity 300ms;
}

/* line 394, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_left,
.timelineFlat .t_left:hover:active {
  left: 0;
  background: rgba(255, 255, 255, 0.5) url("../img/timeline/clean/blck-arrow-left.png") no-repeat center center;
}

/* line 400, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_left:hover {
  background: rgba(255, 255, 255, 0.7) url("../img/timeline/clean/blck-arrow-left.png") no-repeat center center;
}

/* line 404, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_right,
.timelineFlat .t_right:hover:active {
  right: 0;
  background: rgba(255, 255, 255, 0.5) url("../img/timeline/clean/blck-arrow-right.png") no-repeat center center;
}

/* line 410, ../sass/site/objects/_timeline.scss */
.timelineFlat .t_right:hover {
  background: rgba(255, 255, 255, 0.7) url("../img/timeline/clean/blck-arrow-right.png") no-repeat center center;
}

/* -----------------------------------------------------------------------*/
/* ------------------------------ RESPONSIVE -----------------------------*/
/* -----------------------------------------------------------------------*/
/* --- 768px --- */
@media screen and (max-width: 980px) {
  /* line 421, ../sass/site/objects/_timeline.scss */
  .timelineFlat .timeline_line {
    width: 680px;
  }

  /* line 425, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_view {
    width: 680px;
  }

  /* line 429, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_m {
    width: 338px;
  }

  /* line 432, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_m.right {
    left: 339px;
    width: 339px;
  }
}
/* --- 610px --- */
@media screen and (max-width: 767px) {
  /* line 443, ../sass/site/objects/_timeline.scss */
  .timelineFlat .timeline_line {
    width: 530px;
  }

  /* line 447, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_view {
    width: 1060px;
  }

  /* line 451, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_m {
    width: 528px;
  }

  /* line 454, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_m.right {
    left: 530px;
    width: 528px;
  }

  /* line 462, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_node_desc {
    font-size: 8px;
  }

  /* line 465, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_m.right .t_node_desc {
    right: auto;
    left: 0;
  }
}
/* --- 300px --- */
@media screen and (max-width: 609px) {
  /* line 476, ../sass/site/objects/_timeline.scss */
  .timelineFlat .timeline_line {
    width: 240px;
  }

  /* line 480, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_view {
    width: 480px;
  }

  /* line 484, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_m {
    width: 238px;
  }

  /* line 487, ../sass/site/objects/_timeline.scss */
  .timelineFlat .t_line_m.right {
    left: 240px;
    width: 238px;
  }

  /* line 492, ../sass/site/objects/_timeline.scss */
  .timelineFlat .item_open {
    width: 280px;
    height: 390px;
  }

  /* line 496, ../sass/site/objects/_timeline.scss */
  .timelineFlat .item_open img {
    max-width: 280px;
  }

  /* line 499, ../sass/site/objects/_timeline.scss */
  .timelineFlat .item_open_cwrapper {
    width: 280px;
  }
}
/* line 505, ../sass/site/objects/_timeline.scss */
.timeline__inner-item {
  padding: 24px;
}

/* line 511, ../sass/site/objects/_timeline.scss */
.item .signpost-image {
  margin-bottom: 0;
}
/* line 515, ../sass/site/objects/_timeline.scss */
.item .signpost__content {
  padding-bottom: 0;
}

/* line 520, ../sass/site/objects/_timeline.scss */
.t_line_month {
  font-size: 0 !important;
}
/* line 524, ../sass/site/objects/_timeline.scss */
.t_line_month span {
  font-size: 16px;
}

@media print {
  /* line 3, ../sass/site/helpers/_print.scss */
  .fat-menu-container {
    display: none;
  }

  /* line 7, ../sass/site/helpers/_print.scss */
  .site-navigation {
    display: none;
  }

  /* line 11, ../sass/site/helpers/_print.scss */
  .site-header {
    display: none;
  }

  /* line 15, ../sass/site/helpers/_print.scss */
  .panel__button {
    display: none;
  }

  /* line 19, ../sass/site/helpers/_print.scss */
  .btn {
    display: none;
  }

  /* line 23, ../sass/site/helpers/_print.scss */
  .layout--timeline {
    display: none;
  }

  /* line 27, ../sass/site/helpers/_print.scss */
  .sidebar {
    display: none;
  }

  /* line 31, ../sass/site/helpers/_print.scss */
  .site-footer {
    display: none;
  }
}
/* line 106, ../../../../../../../../../../Users/aaron/.rvm/rubies/ruby-2.0.0-p451/lib/ruby/gems/2.0.0/gems/compass-0.13.alpha.12/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/*------------------------------------*\
	$LAYOUT
\*------------------------------------*/
/* line 30, ../sass/main.scss */
html {
  -webkit-font-smoothing: antialiased;
}

/*------------------------------------*\
	$CUSTOM
\*------------------------------------*/
.main-image {
  display: flex;
  margin: auto;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}

.main-image img {
  height: 100%;
  object-fit: cover;
}

.dropdown-content {
  display: none;
  position: absolute;
  width: 200px;
  background-color: #262626;
  text-align: left;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}