@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
\*------------------------------------*/
/*------------------------------------*\
	$FONTS
\*------------------------------------*/
/**
 * Custom font stacks
 */
/*------------------------------------*\
	$BASE
\*------------------------------------*/
/**
 * Base stuff
 */
/**
 * Base spacing
 */
/**
 * 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
 */
/*------------------------------------*\
    $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
 */
/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
/**
 * Calculate the percentage equivilant of any pixel based value using
 * Ethan Marcotte's formula from Repsonsive Web Design:
 * 
   target / context = result
 * 
 * Added in an additional if $old-ie condition to round the percentage
 * to the nearest whole number as IE7 can't handle sub-pixels
 * 
 */
/**
 * A shortned helper function of the calculate the percentage function
 * 
 */
/*------------------------------------*\
    $PEM
\*------------------------------------*/
/**
 * Convert pixels to ems
 * 
   pixels / base-font = em
 * 
 */
/*------------------------------------*\
    $STRIP UNITS
\*------------------------------------*/
/**
 * Removes the units from any value
 * 
 */
/**
 * Mixins
 */
/*------------------------------------*\
    $BORDER BOX
\*------------------------------------*/
/**
 * Sets the box sizing for the applied element
 * to border-box making the padding inclusive
 * within the overall width
 * 
   `@include box-sizing;`
 * 
 */
/*------------------------------------*\
    $FONT SIZE
\*------------------------------------*/
/**
 * Create a fully formed type style (sizing and vertical rhythm) by passing in a
 * single value, e.g.:
 *
   `@include font-size(10px);`
 *
 * Thanks to @redclov3r for the `line-height` Sass:
 * twitter.com/redclov3r/status/250301539321798657
 */
/*------------------------------------*\
    $FORM VALIDATION STATES
\*------------------------------------*/
/**
 * Used to generate the form validaiton CSS for warnings, errors
 * and success messages.
 * 
 */
/*------------------------------------*\
    $MEDIA QUERY MIXINS
\*------------------------------------*/
/**
 * Min-width media query mixin, with legacy browser support
 */
/**
 * Max-width media query mixin, with legacy browser support
 */
/*------------------------------------*\
    $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
 * 
 */
/*------------------------------------*\
    $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).
 * 
 * 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;
 * }
 * 
 */
/*------------------------------------*\
    $VENDOR PREFIXING
\*------------------------------------*/
/**
 * Create vendor-prefixed CSS in one go, e.g.
 * 
   `@include vendor(box-sizing, border-box);`
 * 
 */
/*------------------------------------*\
    $ZERO LAST
\*------------------------------------*/
/**
 * Removes margin-bottom from the last child
 * element.
 * 
   `@include zero-last();`
 * 
 */
/**
 * 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 22, ../sass/base.css/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 32, ../sass/base.css/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.css/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.css/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.css/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.css/reset/_normalize-legacy.scss */
body {
  margin: 0;
}

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

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 99, ../sass/base.css/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.css/reset/_normalize-legacy.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

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

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

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 132, ../sass/base.css/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.css/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.css/reset/_normalize-legacy.scss */
mark {
  background: #ff0;
  color: #000;
}

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

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
/* line 172, ../sass/base.css/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.css/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.css/reset/_normalize-legacy.scss */
q {
  quotes: none;
}

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

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

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

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

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

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

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

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

/**
 * Correct list images handled incorrectly in IE 7.
 */
/* line 268, ../sass/base.css/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.css/reset/_normalize-legacy.scss */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 291, ../sass/base.css/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.css/reset/_normalize-legacy.scss */
figure {
  margin: 0;
}

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

/**
 * Define consistent border, margin, and padding.
 */
/* line 323, ../sass/base.css/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.css/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 352, ../sass/base.css/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 365, ../sass/base.css/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 377, ../sass/base.css/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 394, ../sass/base.css/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 405, ../sass/base.css/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 417, ../sass/base.css/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.css/reset/_normalize-legacy.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 443, ../sass/base.css/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 452, ../sass/base.css/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.css/reset/_normalize-legacy.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 475, ../sass/base.css/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 25, ../sass/base.css/reset/_reset.scss */
h1, h2, h3, legend, .filter__title, .secondary-navigation h1, 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 35, ../sass/base.css/reset/_reset.scss */
li > ul,
li > ol {
  margin-bottom: 0;
}

/**
 * Remove padding from nav ul's
 */
/* line 44, ../sass/base.css/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.css/reset/_reset.scss */
abbr[title], dfn[title] {
  cursor: help;
}

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

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

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

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

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

/* line 107, ../sass/base.css/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.css/generic/_clearfix.scss */
.box, .nav, .related-document,
.related-announcement, .control-group, .mast--section .mast__content, .feature__content h1, .mast__btns, .filter-controls,
.post, .post__controls, .section-navigation .row, .panels-container, .panels, .announcement, .widgets, .site-header, .site-nav-toggle, .main {
  zoom: 1;
}
/* line 14, ../sass/base.css/generic/_clearfix.scss */
.box:before, .nav:before, .related-document:before,
.related-announcement:before, .control-group:before, .mast--section .mast__content:before, .feature__content h1:before, .mast__btns:before, .filter-controls:before,
.post:before, .post__controls:before, .section-navigation .row:before, .panels-container:before, .panels:before, .announcement:before, .widgets:before, .site-header:before, .site-nav-toggle:before, .main:before, .box:after, .nav:after, .related-document:after,
.related-announcement:after, .control-group:after, .mast--section .mast__content:after, .feature__content h1:after, .mast__btns:after, .filter-controls:after,
.post:after, .post__controls:after, .section-navigation .row:after, .panels-container:after, .panels:after, .announcement:after, .widgets:after, .site-header:after, .site-nav-toggle:after, .main:after {
  content: "";
  display: table;
}
/* line 19, ../sass/base.css/generic/_clearfix.scss */
.box:after, .nav:after, .related-document:after,
.related-announcement:after, .control-group:after, .mast--section .mast__content:after, .feature__content h1:after, .mast__btns:after, .filter-controls:after,
.post:after, .post__controls:after, .section-navigation .row:after, .panels-container:after, .panels:after, .announcement:after, .widgets:after, .site-header:after, .site-nav-toggle:after, .main:after {
  clear: both;
}

/**
 * Base styles
 */
/*------------------------------------*\
    $MAIN
\*------------------------------------*/
/* line 5, ../sass/base.css/generic/_main.scss */
html {
  font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #4d4d4d;
}

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

/*------------------------------------*\
    $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.css/generic/_tables.scss */
table {
  width: 100%;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

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

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

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

/* line 95, ../sass/base.css/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 99, ../sass/base.css/generic/_tables.scss */
table tbody + tbody {
  border-top: 2px solid #dddddd;
}

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

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

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

/* line 129, ../sass/base.css/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 134, ../sass/base.css/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 139, ../sass/base.css/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 145, ../sass/base.css/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 151, ../sass/base.css/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 158, ../sass/base.css/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 165, ../sass/base.css/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 170, ../sass/base.css/generic/_tables.scss */
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

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

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

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

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

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

/* line 199, ../sass/base.css/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 209, ../sass/base.css/generic/_tables.scss */
.t5 {
  width: 5%;
}

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

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

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

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

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

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

/* line 216, ../sass/base.css/generic/_tables.scss */
.t33 {
  width: 33.333%;
}

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

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

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

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

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

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

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

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

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

/* line 226, ../sass/base.css/generic/_tables.scss */
.t66 {
  width: 66.666%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 273, ../sass/base.css/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.css/objects/_box.scss */
.box {
  display: block;
}

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

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

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

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

/**
 * Responsive box model
 */
@media screen and (max-width: 47.938em) {
  /* line 62, ../sass/base.css/objects/_box.scss */
  .box__media--left,
  .box__media--right {
    float: none;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    display: block;
  }
  /* line 68, ../sass/base.css/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.css/objects/_button.scss */
.btn {
  font: inherit;
  cursor: pointer;
  border: none;
  display: inline-block;
  margin: 0;
  line-height: 1;
}

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

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

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

/* line 33, ../sass/base.css/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%;
}

/*------------------------------------*\
    $FLAG
\*------------------------------------*/
/**
 * Similar to the media/box object but allows for the control on alignment:
 * http://csswizardry.com/2013/05/the-flag-object/
 *
 */
/* line 13, ../sass/base.css/objects/_flag.scss */
.flag, .document-download {
  display: table;
  width: 100%;
}

/* line 19, ../sass/base.css/objects/_flag.scss */
.flag__image, .document-download__image,
.flag__body,
.document-download__body {
  display: table-cell;
  vertical-align: middle;
}
/* line 23, ../sass/base.css/objects/_flag.scss */
.flag--top .flag__image, .flag--top .document-download__image, .flag--top
.flag__body, .flag--top
.document-download__body {
  vertical-align: top;
}
/* line 27, ../sass/base.css/objects/_flag.scss */
.flag--bottom .flag__image, .document-download .flag__image, .flag--bottom .document-download__image, .document-download .document-download__image, .flag--bottom
.flag__body, .document-download
.flag__body, .flag--bottom
.document-download__body, .document-download
.document-download__body {
  vertical-align: bottom;
}

/* line 33, ../sass/base.css/objects/_flag.scss */
.flag__image, .document-download__image {
  padding-right: 12px;
  padding-right: 0.75rem;
}
/* line 36, ../sass/base.css/objects/_flag.scss */
.flag__image > img, .document-download__image > img {
  display: block;
}
/* line 40, ../sass/base.css/objects/_flag.scss */
.flag--rev .flag__image, .flag--rev .document-download__image {
  padding-right: 0;
  padding-left: 12px;
  padding-left: 0.75rem;
}

/* line 47, ../sass/base.css/objects/_flag.scss */
.flag__body, .document-download__body {
  width: 100%;
}

/*------------------------------------*\
	    $FLEXY
\*------------------------------------*/
/**
 * Flex makes containers scale not just by width but also height, keeping porporations.
 * There are some default square sizes using the grid system but can be overridden.
 * 
 * How It works, Padding is related to the width of the element so if you had a div
 * with a width of 23% and padding-bottom with the same value, it would create a
 * div 23% * 23%. The magic happens by setting the height to 0 and having a inner container
 * with position absolute and setting the top,left,right, bottom to 0.
 *
 *
 *
 * 
   <div class="flex square-1">
       <div class="flex__content">
			<p>Its a square</p>
       </div>
   </div>
 * 
 */
@media screen and (min-width: 58em) {
  /* line 32, ../sass/base.css/objects/_flexy.scss */
  .flexy {
    height: 0;
    position: relative;
    display: block;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-1 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-2 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-3 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-4 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-5 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-6 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-7 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-8 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-9 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-10 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
  /* line 40, ../sass/base.css/objects/_flexy.scss */
  .flexy.square-11 {
    width: 6.34058%;
    padding-bottom: 6.34058%;
  }
}
/* line 51, ../sass/base.css/objects/_flexy.scss */
.flexy__content {
  display: block;
  position: relative;
}
@media screen and (min-width: 58em) {
  /* line 51, ../sass/base.css/objects/_flexy.scss */
  .flexy__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/*------------------------------------*\
    $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.css/objects/_nav.scss */
.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 28, ../sass/base.css/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 49, ../sass/base.css/objects/_nav.scss */
.nav--stacked > li {
  display: list-item;
}
/* line 52, ../sass/base.css/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 71, ../sass/base.css/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 88, ../sass/base.css/objects/_nav.scss */
.nav--block {
  line-height: 1;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap;
}
/* line 97, ../sass/base.css/objects/_nav.scss */
.nav--block > li {
  letter-spacing: normal;
  word-spacing: normal;
}
/* line 101, ../sass/base.css/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 120, ../sass/base.css/objects/_nav.scss */
.nav--fit {
  display: table;
  width: 100%;
}
/* line 124, ../sass/base.css/objects/_nav.scss */
.nav--fit > li {
  display: table-cell;
}
/* line 127, ../sass/base.css/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 35, ../sass/base.css/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.css/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.css/objects/_sprite.scss */
.s:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/* line 70, ../sass/base.css/objects/_sprite.scss */
.i {
  vertical-align: top;
}
/* line 73, ../sass/base.css/objects/_sprite.scss */
.i:after {
  content: attr(data-char);
}

/**
 * Misc: helper classes
 */
/*------------------------------------*\
    $MISC
\*------------------------------------*/
/**
 * Add/remove floats
 */
/* line 8, ../sass/base.css/generic/_misc.scss */
.float--right {
  float: right !important;
}

/* line 9, ../sass/base.css/generic/_misc.scss */
.float--left {
  float: left !important;
}

/* line 10, ../sass/base.css/generic/_misc.scss */
.float--none {
  float: none !important;
}

/**
 * Text alignment
 */
/* line 16, ../sass/base.css/generic/_misc.scss */
.text--left {
  text-align: left  !important;
}

/* line 17, ../sass/base.css/generic/_misc.scss */
.text--center {
  text-align: center !important;
}

/* line 18, ../sass/base.css/generic/_misc.scss */
.text--right {
  text-align: right !important;
}

/**
 * Add a fix for the max width bug on Google maps
 */
/* line 24, ../sass/base.css/generic/_misc.scss */
.map-canvas > img {
  max-width: none;
}

/**
 * Pull items full width of `.island` parents.
 */
/* line 33, ../sass/base.css/generic/_misc.scss */
.full-bleed {
  margin-right: -24px;
  margin-left: -24px;
}

/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
/* line 44, ../sass/base.css/generic/_misc.scss */
.informative {
  cursor: help;
}

/**
 * Mute an object by reducing its opacity.
 */
/* line 51, ../sass/base.css/generic/_misc.scss */
.muted {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/**
 * Align items to the right where they imply progression/movement forward, e.g.:
 * 
   <p class="proceed"><a href="#">Read more...</a></p>
 * 
 */
/* line 63, ../sass/base.css/generic/_misc.scss */
.proceed {
  text-align: right;
}

/**
 * Add a right-angled quote to links that imply movement, e.g.:
 * 
   <a href="#" class="go">Read more</a>
 * 
 */
/* line 73, ../sass/base.css/generic/_misc.scss */
.go:after {
  content: " »";
}

/**
 * Apply capital case to an element (usually a `strong`).
 */
/* line 80, ../sass/base.css/generic/_misc.scss */
.caps {
  text-transform: uppercase;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/* line 88, ../sass/base.css/generic/_misc.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/* line 97, ../sass/base.css/generic/_misc.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
/* line 114, ../sass/base.css/generic/_misc.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
/* line 127, ../sass/base.css/generic/_misc.scss */
.invisible {
  visibility: hidden;
}

/*
 * Image replacement
 */
/* line 135, ../sass/base.css/generic/_misc.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

/* line 143, ../sass/base.css/generic/_misc.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/**
 * @extend this to remove the font flicker in webkit browsers during a CSS transition
 */
/* line 154, ../sass/base.css/generic/_misc.scss */
.slider,
.w__slider,
.panels-container,
.panel {
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}

/*------------------------------------*\
    $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
 * 
 */
/* Light Mixin */
/* Bold Mixin */
/*------------------------------------*\
    $TYPE
\*------------------------------------*/
/**
 * Paragraphs
 */
/* line 8, ../sass/site.css/type/_type.scss */
p {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

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

/**
 * Headings
 */
/* line 24, ../sass/site.css/type/_type.scss */
h1, h2, h3, legend, .filter__title, .secondary-navigation h1, h4, h5, h6 {
  margin-top: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

/* line 30, ../sass/site.css/type/_type.scss */
h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33em;
}
@media screen and (min-width: 48em) {
  /* line 30, ../sass/site.css/type/_type.scss */
  h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5em;
  }
}
/* line 43, ../sass/site.css/type/_type.scss */
.page .content h1, .single .content h1 {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 24px;
  padding-bottom: 12px;
}
/* line 54, ../sass/site.css/type/_type.scss */
h1.post__title {
  margin-bottom: 12px !important;
  border: none !important;
}

/* line 63, ../sass/site.css/type/_type.scss */
h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.33em;
}
@media screen and (min-width: 48em) {
  /* line 63, ../sass/site.css/type/_type.scss */
  h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.71em;
    margin-bottom: 12px;
    margin-top: 12px;
  }
}

/* line 77, ../sass/site.css/type/_type.scss */
h3, legend, .filter__title, .secondary-navigation h1 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  line-height: 1em;
  margin-bottom: 6px;
  font-weight: bold;
}

/* line 86, ../sass/site.css/type/_type.scss */
h4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}

/* line 90, ../sass/site.css/type/_type.scss */
h5 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
}

/* line 94, ../sass/site.css/type/_type.scss */
h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}

/* line 98, ../sass/site.css/type/_type.scss */
.intro-text {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5em;
  letter-spacing: 1px;
  margin-bottom: 24px;
}

/* line 107, ../sass/site.css/type/_type.scss */
.important {
  color: red;
}

/**
 * Links
 */
/* line 114, ../sass/site.css/type/_type.scss */
a {
  color: #4d4d4d;
}
/* line 118, ../sass/site.css/type/_type.scss */
a:hover, a:active {
  color: gray;
}

/* line 123, ../sass/site.css/type/_type.scss */
.click-thru {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

/*------------------------------------*\
    $ICONS
\*------------------------------------*/
/**
 * Giving an element a class of `.i` will throw it into `icon` mode and apply
 * the icon font-face.
 *
 * Supplying the icon name will load the correct icon e.g.:
 * 
   <i class="i i-twitter"></i>
 * 
 */
@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?#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 26, ../sass/site.css/type/_icons.scss */
.i {
  font-family: 'icons';
  font-weight: normal;
  font-style: normal;
  speak: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 57, ../sass/site.css/type/_icons.scss */
.i-arrow-left:before {
  content: '\f100';
}

/* line 60, ../sass/site.css/type/_icons.scss */
.i-arrow-right:before {
  content: '\f101';
}

/* line 63, ../sass/site.css/type/_icons.scss */
.i-arrow-right2:before {
  content: '\f102';
}

/* line 66, ../sass/site.css/type/_icons.scss */
.i-bubble:before {
  content: '\f103';
}

/* line 69, ../sass/site.css/type/_icons.scss */
.i-file:before {
  content: '\f104';
}

/* line 72, ../sass/site.css/type/_icons.scss */
.i-home:before {
  content: '\f105';
}

/* line 75, ../sass/site.css/type/_icons.scss */
.i-info:before {
  content: '\f106';
}

/* line 78, ../sass/site.css/type/_icons.scss */
.i-menu:before {
  content: '\f107';
}

/* line 81, ../sass/site.css/type/_icons.scss */
.i-mouse:before {
  content: '\f108';
}

/* line 84, ../sass/site.css/type/_icons.scss */
.i-search:before {
  content: '\f109';
}

/* line 95, ../sass/site.css/type/_icons.scss */
.i-arrow-left:hover,
.i-arrow-right:hover {
  color: #8dc449;
}

/**
 * Objects and abstractions
 */
/*------------------------------------*\
    $MISC
\*------------------------------------*/
/**
 * The home of misc shared styles that aren't really objects
 * 
 */
/* line 10, ../sass/site.css/objects/_0shared.scss */
.wrap {
  *zoom: 1;
  max-width: 1104px;
  _width: 1104px;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
/* line 38, ../../../../../../../../../Users/testuser/.rvm/gems/ruby-2.1.2/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 29.938em) {
  /* line 10, ../sass/site.css/objects/_0shared.scss */
  .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* line 30, ../sass/site.css/objects/_0shared.scss */
.seperator {
  display: none;
}
@media screen and (min-width: 48em) {
  /* line 30, ../sass/site.css/objects/_0shared.scss */
  .seperator {
    margin-left: 12px;
    margin-right: 12px;
    display: inline;
  }
}

@media screen and (min-width: 48em) {
  /* line 42, ../sass/site.css/objects/_0shared.scss */
  .mast-document, .secondary-navigation {
    float: right;
    width: 23.36957%;
    margin-right: 2.17391%;
  }
}

@media screen and (min-width: 48em) {
  /* line 62, ../sass/site.css/objects/_0shared.scss */
  .mast-excerpt {
    width: 65.94203%;
    margin-right: 2.17391%;
  }
}

@media screen and (min-width: 48em) {
  /* line 71, ../sass/site.css/objects/_0shared.scss */
  .content {
    float: right;
    width: 74.45652%;
  }
}

/* line 84, ../sass/site.css/objects/_0shared.scss */
.green-grad, .mast__btn--teal:hover, .mast__btn--teal:focus, .mast__btn--teal.is-current,
.pink-grad,
.mast__btn--pink:hover,
.mast__btn--pink:focus,
.mast__btn--pink.is-current,
.grey-grad,
.mast__btn:hover,
.mast__btn:focus,
.mast__btn.is-current {
  color: white;
}

/* line 88, ../sass/site.css/objects/_0shared.scss */
.grey-grad, .mast__btn:hover, .mast__btn:focus, .mast__btn.is-current {
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #6e6e6e), color-stop(100%, #4d4d4d));
  background: -webkit-linear-gradient(left top, #6e6e6e, #4d4d4d);
  background: -moz-linear-gradient(left top, #6e6e6e, #4d4d4d);
  background: -o-linear-gradient(left top, #6e6e6e, #4d4d4d);
  background: linear-gradient(left top, #6e6e6e, #4d4d4d);
}
/* line 94, ../sass/site.css/objects/_0shared.scss */
.no-cssgradients .grey-grad, .no-cssgradients .mast__btn:hover, .no-cssgradients .mast__btn:focus, .no-cssgradients .mast__btn.is-current {
  background-color: #6e6e6e;
}

/* line 100, ../sass/site.css/objects/_0shared.scss */
.green-grad, .mast__btn--teal:hover, .mast__btn--teal:focus, .mast__btn--teal.is-current {
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #19a89d), color-stop(100%, #149174));
  background: -webkit-linear-gradient(left top, #19a89d, #149174);
  background: -moz-linear-gradient(left top, #19a89d, #149174);
  background: -o-linear-gradient(left top, #19a89d, #149174);
  background: linear-gradient(left top, #19a89d, #149174);
}
/* line 106, ../sass/site.css/objects/_0shared.scss */
.no-cssgradients .green-grad, .no-cssgradients .mast__btn--teal:hover, .no-cssgradients .mast__btn--teal:focus, .no-cssgradients .mast__btn--teal.is-current {
  background-color: #19a89d;
}

/* line 112, ../sass/site.css/objects/_0shared.scss */
.pink-grad, .mast__btn--pink:hover, .mast__btn--pink:focus, .mast__btn--pink.is-current {
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #9f094a), color-stop(100%, #c01240));
  background: -webkit-linear-gradient(left top, #9f094a, #c01240);
  background: -moz-linear-gradient(left top, #9f094a, #c01240);
  background: -o-linear-gradient(left top, #9f094a, #c01240);
  background: linear-gradient(left top, #9f094a, #c01240);
}
/* line 118, ../sass/site.css/objects/_0shared.scss */
.no-cssgradients .pink-grad, .no-cssgradients .mast__btn--pink:hover, .no-cssgradients .mast__btn--pink:focus, .no-cssgradients .mast__btn--pink.is-current {
  background-color: #9f094a;
}

/* line 124, ../sass/site.css/objects/_0shared.scss */
.browser-upgrade {
  padding: 5px 0;
  background-color: #c02636;
  color: white;
}

/* line 130, ../sass/site.css/objects/_0shared.scss */
.browser-upgrade .wrap {
  position: relative;
}

/* line 134, ../sass/site.css/objects/_0shared.scss */
.browser-upgrade a {
  color: white;
}

/* line 138, ../sass/site.css/objects/_0shared.scss */
.browser-upgrade__dismiss {
  position: absolute;
  top: -2px;
  right: 5px;
  display: block;
  width: 28px;
  height: 28px;
  background: url(../images/browser-update-dismiss.png) center center no-repeat;
}

/* line 1, ../sass/site.css/objects/_breadcrumb.scss */
.breadcrumb {
  padding-top: 15px;
  padding-bottom: 14px;
  background-color: #1a1a1a;
  color: white;
}
/* line 8, ../sass/site.css/objects/_breadcrumb.scss */
.breadcrumb ul {
  line-height: 1em;
}
/* line 13, ../sass/site.css/objects/_breadcrumb.scss */
.breadcrumb a,
.breadcrumb .seperator {
  color: gray;
}
/* line 21, ../sass/site.css/objects/_breadcrumb.scss */
.breadcrumb a:hover {
  color: white;
}
/* line 27, ../sass/site.css/objects/_breadcrumb.scss */
.breadcrumb .is-current {
  color: white;
}
/* line 31, ../sass/site.css/objects/_breadcrumb.scss */
.breadcrumb .i__home-text {
  display: none;
  margin-left: 12px;
}
@media screen and (min-width: 48em) {
  /* line 31, ../sass/site.css/objects/_breadcrumb.scss */
  .breadcrumb .i__home-text {
    display: inline-block;
  }
}
@media screen and (max-width: 47.938em) {
  /* line 44, ../sass/site.css/objects/_breadcrumb.scss */
  .breadcrumb .i-home {
    margin-right: 24px;
  }
}

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
/**
 * Button styling. Inherits the structural styling in core.css
 * 
 */
/* line 9, ../sass/site.css/objects/_button.scss */
.btn {
  text-align: center;
  border-radius: 5px;
  padding-top: 13px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  background-color: #4d4d4d;
  color: white;
}
/* line 22, ../sass/site.css/objects/_button.scss */
.btn:hover {
  background-color: #8dc449;
  color: white;
}

/* line 31, ../sass/site.css/objects/_button.scss */
.btn--white {
  background-color: white;
  color: #4d4d4d;
}

/* line 36, ../sass/site.css/objects/_button.scss */
.btn--download {
  width: 140px;
}

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

/**
 * WP caption images
 */
/* line 17, ../sass/site.css/objects/_cms.scss */
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
}

/* line 23, ../sass/site.css/objects/_cms.scss */
.wp-caption img {
  display: inline;
}

/* line 27, ../sass/site.css/objects/_cms.scss */
.wp-caption-text {
  margin: 0;
  padding: 12px 0;
  padding: 0.75rem 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}

/**
 * WP images
 */
@media screen and (min-width: 30em) {
  /* line 37, ../sass/site.css/objects/_cms.scss */
  .alignleft {
    float: left;
    margin-right: 1.5em;
  }
}

@media screen and (min-width: 30em) {
  /* line 46, ../sass/site.css/objects/_cms.scss */
  .alignright {
    float: right;
    margin-left: 1.5em;
  }
}

/* line 7, ../sass/site.css/objects/_content.scss */
.content.content--full {
  width: 100%;
  float: none;
}
/* line 12, ../sass/site.css/objects/_content.scss */
.content img {
  margin-bottom: 24px;
}
/* line 18, ../sass/site.css/objects/_content.scss */
.content a {
  color: #8dc449;
}

/* line 24, ../sass/site.css/objects/_content.scss */
.content-complementry {
  background-color: #4d4d4d;
  overflow: hidden;
}

/* line 29, ../sass/site.css/objects/_content.scss */
.content-complementry__controls {
  font-size: 0px;
  font-size: 0rem;
  line-height: NaN;
  border-bottom: 2px solid #8dc449;
  background-color: #303030;
}

/* line 37, ../sass/site.css/objects/_content.scss */
.content-complementry__tabs {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding: 24px;
  color: gray;
  display: block;
}
@media screen and (max-width: 47.938em) {
  /* line 37, ../sass/site.css/objects/_content.scss */
  .content-complementry__tabs {
    padding-left: 100px;
    padding-right: 100px;
    margin-left: -24px;
    margin-right: -24px;
    border-bottom: 1px solid #4d4d4d;
  }
  /* line 52, ../sass/site.css/objects/_content.scss */
  .content-complementry__tabs:first-child {
    border-top: 1px solid #4d4d4d;
  }
  /* line 56, ../sass/site.css/objects/_content.scss */
  .content-complementry__tabs.is-current {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
  }
}
@media screen and (max-width: 29.938em) {
  /* line 37, ../sass/site.css/objects/_content.scss */
  .content-complementry__tabs {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (min-width: 48em) {
  /* line 37, ../sass/site.css/objects/_content.scss */
  .content-complementry__tabs {
    display: inline-block;
    border-right: 1px solid #4d4d4d;
  }
  /* line 75, ../sass/site.css/objects/_content.scss */
  .content-complementry__tabs:first-child {
    border-left: 1px solid #4d4d4d;
  }
  /* line 79, ../sass/site.css/objects/_content.scss */
  .content-complementry__tabs.is-current {
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
  }
}
/* line 90, ../sass/site.css/objects/_content.scss */
.content-complementry__tabs:hover, .content-complementry__tabs:focus, .content-complementry__tabs.is-current {
  background-color: #4d4d4d;
  color: white;
}
/* line 97, ../sass/site.css/objects/_content.scss */
.content-complementry__tabs.is-current {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  cursor: default;
}
/* line 104, ../sass/site.css/objects/_content.scss */
.content-complementry__tabs .i {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 24px;
}

/* line 127, ../sass/site.css/objects/_content.scss */
.content-complementry__tab-content {
  padding-top: 64px;
  padding-bottom: 24px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: -1;
}
/* line 138, ../sass/site.css/objects/_content.scss */
.content-complementry__tab-content.js-active {
  position: relative;
  visibility: visible;
  z-index: 1;
}
/* line 144, ../sass/site.css/objects/_content.scss */
.content-complementry__tab-content .click-thru {
  position: absolute;
  top: 24px;
  right: 24px;
}

@media screen and (min-width: 48em) {
  /* line 161, ../sass/site.css/objects/_content.scss */
  .related-documents,
  .related-announcements {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media screen and (max-width: 29.938em) {
  /* line 173, ../sass/site.css/objects/_content.scss */
  .related-document,
  .related-announcement {
    border-bottom: 1px solid white;
    padding-bottom: 24px;
  }
  /* line 182, ../sass/site.css/objects/_content.scss */
  .related-document:first-child,
  .related-announcement:first-child {
    border-top: 1px solid white;
    padding-top: 24px;
  }
}
/* line 189, ../sass/site.css/objects/_content.scss */
.related-document .btn--white,
.related-announcement .btn--white {
  color: #303030;
}
/* line 193, ../sass/site.css/objects/_content.scss */
.related-document .btn--white:hover,
.related-announcement .btn--white:hover {
  color: white;
}

/* line 204, ../sass/site.css/objects/_content.scss */
.related-document__image,
.related-document__body,
.related-announcement__image,
.related-announcement__body {
  float: left;
}

/* line 209, ../sass/site.css/objects/_content.scss */
.related-document__image,
.related-announcement__image {
  margin-right: 3.75%;
}
@media screen and (max-width: 29.938em) {
  /* line 209, ../sass/site.css/objects/_content.scss */
  .related-document__image,
  .related-announcement__image {
    display: none;
  }
}

/* line 221, ../sass/site.css/objects/_content.scss */
.related-document__image img {
  background-color: white;
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
}

/* line 231, ../sass/site.css/objects/_content.scss */
.related-document__body,
.related-announcement__body {
  position: relative;
}
@media screen and (min-width: 30em) {
  /* line 231, ../sass/site.css/objects/_content.scss */
  .related-document__body,
  .related-announcement__body {
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  /* line 231, ../sass/site.css/objects/_content.scss */
  .related-document__body,
  .related-announcement__body {
    width: 57.8125%;
  }
}

/* line 250, ../sass/site.css/objects/_content.scss */
.related-document__title,
.related-announcement__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  margin-bottom: 5px;
  font-weight: bold;
}
/* line 256, ../sass/site.css/objects/_content.scss */
.related-document__title a,
.related-announcement__title a {
  color: white;
}
/* line 260, ../sass/site.css/objects/_content.scss */
.related-document__title a:hover,
.related-announcement__title a:hover {
  color: #8dc449;
}

/* line 268, ../sass/site.css/objects/_content.scss */
.related-document__meta {
  margin-bottom: 24px;
  display: block;
}
/* line 274, ../sass/site.css/objects/_content.scss */
.related-document__meta, .related-document__meta:hover {
  color: white;
}

/* line 280, ../sass/site.css/objects/_content.scss */
.related-announcement__meta {
  margin-bottom: 0;
}

@media screen and (max-width: 47.938em) {
  /* line 290, ../sass/site.css/objects/_content.scss */
  .document-download.panel {
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 0;
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 299, ../sass/site.css/objects/_content.scss */
  .document-download.panel:last-child {
    border-bottom: none;
  }
}
@media screen and (min-width: 68em) {
  /* line 290, ../sass/site.css/objects/_content.scss */
  .document-download.panel {
    width: 320px !important;
  }
}

/* line 314, ../sass/site.css/objects/_content.scss */
.document-download__content {
  width: 100%;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

/* line 333, ../sass/site.css/objects/_content.scss */
.document-download__image {
  padding-right: 24px !important;
}
/* line 338, ../sass/site.css/objects/_content.scss */
.document-download__image img {
  max-width: none;
  background-color: white;
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.4);
}

/* line 357, ../sass/site.css/objects/_content.scss */
.document-download__body {
  position: relative;
  vertical-align: top !important;
}
/* line 375, ../sass/site.css/objects/_content.scss */
.document-download__body else .btn {
  width: 140px;
  position: absolute;
  bottom: 0;
  left: 0;
}

/* line 388, ../sass/site.css/objects/_content.scss */
.document-download__title, .post__title {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 48em) {
  /* line 395, ../sass/site.css/objects/_content.scss */
  .document-download__btn {
    width: 100%;
  }
}

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

/**
 * 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 36, ../sass/site.css/objects/_forms.scss */
.form-control {
  display: block;
  width: 100%;
  padding: 8px 12px;
  padding: 0.5rem 0.75rem;
  border: 1px solid #d6d6d6;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #4d4d4d;
  vertical-align: middle;
  background-color: white;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -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);
  -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);
  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 50, ../sass/site.css/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.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* line 59, ../sass/site.css/objects/_forms.scss */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

/**
 * Form control sizing
 */
/* line 70, ../sass/site.css/objects/_forms.scss */
.form-control.input-large {
  height: 510px;
  padding: 14px 16px;
  padding: 0.875rem 1rem;
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 6px;
}
/* line 78, ../sass/site.css/objects/_forms.scss */
.form-control.input-small {
  height: 348px;
  padding: 5px 10px;
  padding: 0.3125rem 0.625rem;
  font-size: 14px;
  font-size: 0.875rem;
  border-radius: 3px;
}

/* line 96, ../sass/site.css/objects/_forms.scss */
select.input-large {
  height: 510px;
  line-height: 510px;
}
/* line 102, ../sass/site.css/objects/_forms.scss */
select.input-small {
  height: 348px;
  line-height: 348px;
}

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

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

/* line 123, ../sass/site.css/objects/_forms.scss */
.callout {
  padding: 15px 30px 15px 15px;
  margin: 1.5em 0;
  border-left: 5px solid;
}
/* line 128, ../sass/site.css/objects/_forms.scss */
.callout h1 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
/* line 133, ../sass/site.css/objects/_forms.scss */
.callout p {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
/* line 14, ../sass/base.css/mixins/_zero-last.scss */
.callout > :last-child {
  margin-bottom: 0;
}

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

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

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

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

/* line 160, ../sass/site.css/objects/_forms.scss */
legend {
  margin-bottom: 24px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 12px;
  width: 100%;
}

/* line 170, ../sass/site.css/objects/_forms.scss */
.control-group {
  margin-bottom: 24px;
}
/* line 175, ../sass/site.css/objects/_forms.scss */
.control-group:last-child {
  margin-bottom: 0;
}

/* line 181, ../sass/site.css/objects/_forms.scss */
.form-fieldset {
  border: none;
  margin-bottom: 24px;
}

/* line 186, ../sass/site.css/objects/_forms.scss */
.radio--stacked {
  display: block;
}

/* line 191, ../sass/site.css/objects/_forms.scss */
.control-label,
.controls {
  float: left;
}

/* line 195, ../sass/site.css/objects/_forms.scss */
.control-label {
  margin-right: 2.91971%;
  width: 24.3309%;
  text-align: right;
}

/* line 201, ../sass/site.css/objects/_forms.scss */
.radio {
  margin-right: 1.45985%;
}

/* line 205, ../sass/site.css/objects/_forms.scss */
.form__textarea {
  box-sizing: border-box;
}

/* line 209, ../sass/site.css/objects/_forms.scss */
.form-horizontal {
  margin-bottom: 24px;
}

/* line 213, ../sass/site.css/objects/_forms.scss */
.form__textarea {
  margin-bottom: 24px;
}

/* line 217, ../sass/site.css/objects/_forms.scss */
.form-control {
  box-sizing: border-box;
}

/* line 222, ../sass/site.css/objects/_forms.scss */
.what-is-your-enquiry-in-relation-to,
.member-details {
  display: none;
}

/* line 4, ../sass/site.css/objects/_mast.scss */
.mast {
  position: relative;
}

/* line 17, ../sass/site.css/objects/_mast.scss */
.mast__feature {
  position: relative;
  border-bottom: 2px solid #8dc449;
  background-size: cover;
}

/* line 32, ../sass/site.css/objects/_mast.scss */
.mast__content {
  padding-top: 18px;
  padding-bottom: 18px;
  color: white;
  background-color: #1a1a1a;
}
@media screen and (min-width: 48em) {
  /* line 32, ../sass/site.css/objects/_mast.scss */
  .mast__content {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}
/* line 50, ../sass/site.css/objects/_mast.scss */
.mast--front .mast__content {
  text-align: center;
  padding-bottom: 0;
}

@media screen and (max-width: 47.938em) {
  /* line 63, ../sass/site.css/objects/_mast.scss */
  .feature__content .wrap {
    padding: 0;
  }
}
@media screen and (min-width: 48em) {
  /* line 59, ../sass/site.css/objects/_mast.scss */
  .feature__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
  }
  /* line 80, ../sass/site.css/objects/_mast.scss */
  .feature__content .wrap {
    display: table;
    height: 100%;
    width: 100%;
  }
}
/* line 90, ../sass/site.css/objects/_mast.scss */
.feature__content h1 {
  color: white;
  display: block;
  margin-bottom: 0;
}
@media screen and (max-width: 47.938em) {
  /* line 90, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 {
    background-color: #303030;
    padding: 12px;
  }
}
@media screen and (min-width: 45em) {
  /* line 90, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.71429;
  }
}
@media screen and (min-width: 48em) {
  /* line 90, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 62em) {
  /* line 90, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.14286;
  }
}
@media screen and (min-width: 62em) and (max-height: 706px) {
  /* line 90, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 78em) {
  /* line 90, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1.38462;
  }
}
@media screen and (min-width: 78em) and (max-height: 706px) {
  /* line 90, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 48em) {
  /* line 143, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 span {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    margin-bottom: 1px;
    float: left;
    clear: both;
  }
}
@media screen and (min-width: 62em) {
  /* line 143, ../sass/site.css/objects/_mast.scss */
  .feature__content h1 span {
    padding: 12px;
  }
}

/* line 181, ../sass/site.css/objects/_mast.scss */
.mast__image {
  display: block;
}
@media screen and (max-width: 49em) {
  /* line 181, ../sass/site.css/objects/_mast.scss */
  .mast__image {
    width: 100%;
    position: relative;
    z-index: 1;
  }
}
@media screen and (min-width: 49em) {
  /* line 181, ../sass/site.css/objects/_mast.scss */
  .mast__image {
    display: none;
  }
}

@media screen and (min-width: 48em) {
  /* line 202, ../sass/site.css/objects/_mast.scss */
  .mast-excerpt,
  .mast-document {
    float: left;
  }
}

/* line 214, ../sass/site.css/objects/_mast.scss */
.mast-excerpt p {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}

/* line 221, ../sass/site.css/objects/_mast.scss */
.mast-excerpt__title {
  margin-bottom: 5px;
}

/* line 225, ../sass/site.css/objects/_mast.scss */
.mast-document {
  margin-right: 0;
}
@media screen and (min-width: 62em) {
  /* line 225, ../sass/site.css/objects/_mast.scss */
  .mast-document {
    width: 29.36957%;
  }
}

/* line 259, ../sass/site.css/objects/_mast.scss */
.mast__btns-title,
.mast__dropdown-control {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.09091;
  font-style: italic;
  font-family: Georgia, Times, "Times New Roman", serif;
}

/* line 267, ../sass/site.css/objects/_mast.scss */
.mast__btns {
  text-align: left;
}

/* line 282, ../sass/site.css/objects/_mast.scss */
.mast__btn {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 2.17391%;
  padding: 2.17391%;
  border-radius: 5px;
  color: #a4a4a4;
  border: 1px solid #a4a4a4;
  text-align: center;
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  /* line 282, ../sass/site.css/objects/_mast.scss */
  .mast__btn {
    width: 48.9%;
  }
}
/* line 325, ../sass/site.css/objects/_mast.scss */
.mast__btn:last-child {
  margin-right: 0 !important;
}
/* line 329, ../sass/site.css/objects/_mast.scss */
.mast__btn .i {
  display: none;
}
@media screen and (min-width: 58em) {
  /* line 329, ../sass/site.css/objects/_mast.scss */
  .mast__btn .i {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    display: block;
    right: -14px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
  }
}

/* line 357, ../sass/site.css/objects/_mast.scss */
.mast__btn--small {
  padding: 2.17391%;
}
@media screen and (min-width: 48em) {
  /* line 357, ../sass/site.css/objects/_mast.scss */
  .mast__btn--small {
    width: 31.8%;
    margin-right: 2.17391%;
  }

  .mast__btn--small:last-of-type {
    margin-right: 0;
  }
}

/* line 381, ../sass/site.css/objects/_mast.scss */
.inner__btn {
  display: inline-table;
  height: 56px;
  position: relative;
}
@media screen and (min-width: 58em) {
  /* line 381, ../sass/site.css/objects/_mast.scss */
  .inner__btn {
    text-align: left;
    padding-right: 24px;
  }
}

/* line 396, ../sass/site.css/objects/_mast.scss */
.btn__content {
  margin-right: 12px;
  display: table-cell;
  vertical-align: middle;
}
/* line 402, ../sass/site.css/objects/_mast.scss */
.btn__content span {
  display: block;
}

/* line 408, ../sass/site.css/objects/_mast.scss */
.btn__title {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
}
@media screen and (min-width: 58em) {
  /* line 408, ../sass/site.css/objects/_mast.scss */
  .btn__title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09091;
  }
}

/* Button Colours */
/* line 421, ../sass/site.css/objects/_mast.scss */
.mast__btn--teal {
  border: 1px solid #19a89d;
  color: #19a89d;
}

.mast__btn--teal:nth-of-type(2) {
  margin-right: 0;
}

/* line 435, ../sass/site.css/objects/_mast.scss */
.mast__btn--pink {
  border: 1px solid #ea267a;
  color: #ea267a;
}

/* line 448, ../sass/site.css/objects/_mast.scss */
.mast__dropdown-control {
  display: block;
  background-color: #4d4d4d;
  color: white;
  padding: 24px;
}
/* line 457, ../sass/site.css/objects/_mast.scss */
.mast__dropdown-control:hover, .mast__dropdown-control:focus, .mast__dropdown-control.is-current {
  background-color: #8dc449;
  color: white;
}
/* line 462, ../sass/site.css/objects/_mast.scss */
.mast__dropdown-control .i {
  margin-top: -4px;
  margin-left: 2.17391%;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1em;
  display: none;
}
@media screen and (min-width: 48em) {
  /* line 462, ../sass/site.css/objects/_mast.scss */
  .mast__dropdown-control .i {
    display: inline-block;
  }
}

@media screen and (max-width: 47.938em) {
  /* line 1, ../sass/site.css/objects/_post.scss */
  .filter {
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 48em) {
  /* line 1, ../sass/site.css/objects/_post.scss */
  .filter {
    padding-top: 5px;
  }
}

/* line 19, ../sass/site.css/objects/_post.scss */
.post-list a {
  color: #4d4d4d;
}

/* line 25, ../sass/site.css/objects/_post.scss */
.post-list .post:last-child {
  border-bottom: none;
}

/* line 29, ../sass/site.css/objects/_post.scss */
.post-list .page-title {
  padding: 0;
  margin-bottom: 0;
}

/* line 41, ../sass/site.css/objects/_post.scss */
.post-list .page-title,
.filter__title {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 12px;
}

/* line 49, ../sass/site.css/objects/_post.scss */
.filter-controls,
.post {
  border-bottom: 1px solid #d6d6d6;
}
/* line 54, ../sass/site.css/objects/_post.scss */
.filter-controls:first-of-type,
.post:first-of-type {
  padding-top: 0;
}
/* line 58, ../sass/site.css/objects/_post.scss */
.filter-controls:last-of-type,
.post:last-of-type {
  margin-bottom: 12px;
}

/* line 64, ../sass/site.css/objects/_post.scss */
.post {
  padding-top: 24px;
  padding-bottom: 24px;
}
/* line 69, ../sass/site.css/objects/_post.scss */
.post-list .post {
  padding-top: 24px;
}

/* line 75, ../sass/site.css/objects/_post.scss */
.filter-controls {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* line 83, ../sass/site.css/objects/_post.scss */
.filter__title,
.filter-controls__title {
  margin-top: 0;
}

/* line 87, ../sass/site.css/objects/_post.scss */
.filter-controls__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  margin-bottom: 5px;
}

/* line 94, ../sass/site.css/objects/_post.scss */
.filter-controls__group {
  margin-bottom: 12px;
}

/* line 98, ../sass/site.css/objects/_post.scss */
.filter-controls__label {
  margin-right: 5px;
}
/* line 102, ../sass/site.css/objects/_post.scss */
.filter-controls__label:last-child {
  margin-right: 0;
}
@media screen and (max-width: 61.938em) {
  /* line 98, ../sass/site.css/objects/_post.scss */
  .filter-controls__label {
    display: block;
  }
}

/* line 112, ../sass/site.css/objects/_post.scss */
.select__control {
  width: 100%;
}

/* line 116, ../sass/site.css/objects/_post.scss */
.post__image {
  width: 100%;
}
/* line 120, ../sass/site.css/objects/_post.scss */
.post__image img {
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 47.938em) {
  /* line 127, ../sass/site.css/objects/_post.scss */
  .post--document .post__image {
    display: none;
  }
}
@media screen and (min-width: 48em) {
  /* line 116, ../sass/site.css/objects/_post.scss */
  .post__image {
    width: 31.88406%;
    margin-right: 2.17391%;
    float: left;
    margin-bottom: 0;
  }
  /* line 139, ../sass/site.css/objects/_post.scss */
  .post--document .post__image {
    width: 14.85507%;
  }
}

@media screen and (max-width: 47.938em) {
  /* line 149, ../sass/site.css/objects/_post.scss */
  .post__content {
    padding-top: 12px;
  }
}
@media screen and (min-width: 48em) {
  /* line 155, ../sass/site.css/objects/_post.scss */
  .with--image .post__content {
    width: 65.94203%;
    float: left;
    text-align: left;
  }
  /* line 163, ../sass/site.css/objects/_post.scss */
  .post--document .with--image .post__content {
    width: 82.97101%;
  }
}

/* line 175, ../sass/site.css/objects/_post.scss */
.post__title {
  color: #4d4d4d;
  padding-bottom: 0 !important;
}

/* line 183, ../sass/site.css/objects/_post.scss */
.post__time {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  color: #303030;
  margin-bottom: 12px;
}

@media screen and (max-width: 47.938em) {
  /* line 191, ../sass/site.css/objects/_post.scss */
  .post__controls {
    margin-bottom: 24px;
  }
}
/* line 199, ../sass/site.css/objects/_post.scss */
.single .post__controls {
  border-top: 1px solid #d6d6d6;
  padding-top: 24px;
  margin-bottom: 24px;
}
/* line 205, ../sass/site.css/objects/_post.scss */
.post__controls .is-current {
  color: #8dc449;
}

/* line 211, ../sass/site.css/objects/_post.scss */
.post-nav__previous {
  float: left;
}

/* line 215, ../sass/site.css/objects/_post.scss */
.post-nav__next {
  float: right;
}

/* line 220, ../sass/site.css/objects/_post.scss */
.post-nav-title,
.page-numbers {
  float: left;
  margin-right: 12px;
}

/* line 225, ../sass/site.css/objects/_post.scss */
.post .click-thru {
  color: white;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1em;
}

/* line 232, ../sass/site.css/objects/_post.scss */
.no-results {
  padding-top: 24px;
}

/* line 236, ../sass/site.css/objects/_post.scss */
.post--document img {
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.2);
}

/* line 1, ../sass/site.css/objects/_secondary-navigation.scss */
.secondary-navigation {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 47.938em) {
  /* line 1, ../sass/site.css/objects/_secondary-navigation.scss */
  .secondary-navigation {
    margin-left: -24px;
    margin-right: -24px;
  }
  /* line 11, ../sass/site.css/objects/_secondary-navigation.scss */
  .secondary-navigation a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
  }
}
@media screen and (min-width: 48em) {
  /* line 1, ../sass/site.css/objects/_secondary-navigation.scss */
  .secondary-navigation {
    padding-top: 22px;
  }
  /* line 28, ../sass/site.css/objects/_secondary-navigation.scss */
  .secondary-navigation a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
/* line 35, ../sass/site.css/objects/_secondary-navigation.scss */
.secondary-navigation h1 {
  display: none;
}
@media screen and (min-width: 48em) {
  /* line 35, ../sass/site.css/objects/_secondary-navigation.scss */
  .secondary-navigation h1 {
    display: block;
    padding-bottom: 12px;
    color: #999999;
  }
}
/* line 54, ../sass/site.css/objects/_secondary-navigation.scss */
.secondary-navigation ul {
  margin-bottom: 0;
}
/* line 58, ../sass/site.css/objects/_secondary-navigation.scss */
.secondary-navigation a {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  position: relative;
  margin-top: -1px;
  display: block;
}
/* line 67, ../sass/site.css/objects/_secondary-navigation.scss */
.secondary-navigation a.is-current, .secondary-navigation a:hover {
  z-index: 999;
  border-top: 1px solid #8dc449;
  border-bottom: 1px solid #8dc449;
}
/* line 73, ../sass/site.css/objects/_secondary-navigation.scss */
.defined-benefit-db .secondary-navigation a.is-current, .defined-benefit-db .secondary-navigation a:hover {
  border-top: 1px solid #19a89d;
  border-bottom: 1px solid #19a89d;
}
/* line 78, ../sass/site.css/objects/_secondary-navigation.scss */
.defined-contribution-dc .secondary-navigation a.is-current, .defined-contribution-dc .secondary-navigation a:hover {
  border-top: 1px solid #ea267a;
  border-bottom: 1px solid #ea267a;
}
/* line 85, ../sass/site.css/objects/_secondary-navigation.scss */
.secondary-navigation a.is-current {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

/* line 93, ../sass/site.css/objects/_secondary-navigation.scss */
.section-navigation {
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  margin-bottom: 12px;
}
@media screen and (min-width: 48em) {
  /* line 93, ../sass/site.css/objects/_secondary-navigation.scss */
  .section-navigation {
    border-right: 0;
    margin-bottom: 0;
  }
}
/* line 107, ../sass/site.css/objects/_secondary-navigation.scss */
.section-navigation .row {
  font-size: 0px;
  font-size: 0rem;
  line-height: NaN;
}
/* line 112, ../sass/site.css/objects/_secondary-navigation.scss */
.section-navigation a {
  color: #4d4d4d;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  padding: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #d6d6d6;
}
@media screen and (min-width: 48em) {
  /* line 112, ../sass/site.css/objects/_secondary-navigation.scss */
  .section-navigation a {
    width: 33.3%;
    display: inline-block;
    border-right: 1px solid #d6d6d6;
    padding: 24px;
    float: left;
    min-height: 210px;
  }
}
/* line 134, ../sass/site.css/objects/_secondary-navigation.scss */
.section-navigation a.is-current, .section-navigation a:hover, .section-navigation a:focus {
  background-color: #303030;
  color: white;
}
/* line 139, ../sass/site.css/objects/_secondary-navigation.scss */
.section-navigation a h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 0;
}
/* line 147, ../sass/site.css/objects/_secondary-navigation.scss */
.section-navigation a p {
  margin-bottom: 0;
}

@media screen and (max-width: 47.938em) {
  /* line 8, ../sass/site.css/objects/_slider.scss */
  .panels-container {
    -webkit-transform: translate(0px, 0px) !important;
    -moz-transform: translate(0px, 0px) !important;
    -ms-transform: translate(0px, 0px) !important;
    -o-transform: translate(0px, 0px) !important;
    transform: translate(0px, 0px) !important;
    width: auto !important;
  }
}

/* line 21, ../sass/site.css/objects/_slider.scss */
.sslide-nav {
  display: none;
}
@media screen and (min-width: 48em) {
  /* line 21, ../sass/site.css/objects/_slider.scss */
  .sslide-nav {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
    display: block;
    position: absolute;
    margin-top: -14px;
    top: 50%;
    color: white;
  }
  /* line 34, ../sass/site.css/objects/_slider.scss */
  .sslide-nav.sslide-nav-prev {
    left: 0;
  }
  /* line 38, ../sass/site.css/objects/_slider.scss */
  .sslide-nav.sslide-nav-next {
    right: 0;
  }
}

/* line 46, ../sass/site.css/objects/_slider.scss */
.sslide-pagination {
  display: none;
}
@media screen and (min-width: 48em) {
  /* line 46, ../sass/site.css/objects/_slider.scss */
  .sslide-pagination {
    text-align: center;
    padding-top: 20px;
    display: block;
  }
}

/* line 59, ../sass/site.css/objects/_slider.scss */
.sslide-tab {
  background-color: #cbcbcb;
  width: 10px;
  height: 10px;
  margin-right: 12px;
  border-radius: 24px;
  display: inline-block;
}
/* line 68, ../sass/site.css/objects/_slider.scss */
.sslide-tab.js-active {
  background-color: #8dc449;
}
/* line 72, ../sass/site.css/objects/_slider.scss */
.sslide-tab:last-child {
  margin-right: 0;
}

/* line 78, ../sass/site.css/objects/_slider.scss */
.panels {
  overflow: hidden;
}

/* line 85, ../sass/site.css/objects/_slider.scss */
.panel {
  float: left;
}
@media screen and (max-width: 47.938em) {
  /* line 85, ../sass/site.css/objects/_slider.scss */
  .panel {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 47.938em) and (max-width: 42.938em) {
  /* line 85, ../sass/site.css/objects/_slider.scss */
  .panel {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
@media screen and (min-width: 48em) {
  /* line 85, ../sass/site.css/objects/_slider.scss */
  .panel {
    margin-right: 24px;
  }
}
/* line 115, ../sass/site.css/objects/_slider.scss */
.panel .i {
  color: white;
}

/* line 123, ../sass/site.css/objects/_slider.scss */
.lt-ie8 .w--with-scroll {
  min-height: 360px !important;
}

/*------------------------------------*\
    $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 3, ../sass/site.css/objects/_table.scss */
table tr:nth-child(2n+1) {
  background-color: #f0f0f0;
  border-bottom: #797676;
}

/* line 1, ../sass/site.css/objects/_widget.scss */
.announcement {
  border: 1px solid #d6d6d6;
  margin-bottom: 24px;
  text-align: center;
  background-color: #f2f2f2;
}
@media screen and (min-width: 48em) {
  /* line 1, ../sass/site.css/objects/_widget.scss */
  .announcement {
    padding: 24px;
  }
}
/* line 13, ../sass/site.css/objects/_widget.scss */
.announcement p {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 48em) {
  /* line 13, ../sass/site.css/objects/_widget.scss */
  .announcement p {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.3em;
  }
}
@media screen and (min-width: 62em) {
  /* line 13, ../sass/site.css/objects/_widget.scss */
  .announcement p {
    /*font-size: 32px;*/
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

/* line 29, ../sass/site.css/objects/_widget.scss */
.announcement__image {
  width: 100%;
}
/* line 33, ../sass/site.css/objects/_widget.scss */
.announcement__image img {
  width: 100%;
}
@media screen and (min-width: 48em) {
  /* line 29, ../sass/site.css/objects/_widget.scss */
  .announcement__image {
    width: 31.88406%;
    margin-right: 2.17391%;
    float: left;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 47.938em) {
  /* line 48, ../sass/site.css/objects/_widget.scss */
  .announcement__content {
    padding: 12px;
  }
}
@media screen and (min-width: 48em) {
  /* line 54, ../sass/site.css/objects/_widget.scss */
  .with--image .announcement__content {
    width: 65.94203%;
    float: left;
    text-align: left;
  }
}

/* line 68, ../sass/site.css/objects/_widget.scss */
.announcement__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  color: #8dc449;
}

/* line 82, ../sass/site.css/objects/_widget.scss */
.w {
  overflow: hidden;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 24px;
  position: relative;
}
@media screen and (min-width: 58em) {
  /* line 82, ../sass/site.css/objects/_widget.scss */
  .w {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 0;
    height: 0;
    padding-bottom: 35%;
  }
  /* line 113, ../sass/site.css/objects/_widget.scss */
  .w:last-child {
    border-left: none;
  }
}
@media screen and (min-width: 58em) and (max-width: 67.938em) {
  /* line 119, ../sass/site.css/objects/_widget.scss */
  .w:first-child {
    margin-top: 24px;
    clear: both;
    width: 100%;
    margin-bottom: 24px;
    padding-bottom: 40.2%;
  }
}
@media screen and (min-width: 68em) {
  /* line 82, ../sass/site.css/objects/_widget.scss */
  .w {
    width: 33.333%;
  }
  /* line 142, ../sass/site.css/objects/_widget.scss */
  .w:first-child {
    border-right: none;
  }
}
/* line 148, ../sass/site.css/objects/_widget.scss */
.w .click-thru {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  border-top: 1px solid #d6d6d6;
  padding: 24px;
  display: block;
  line-height: 1em;
  color: #cbcbcb;
  background-color: white;
  position: relative;
}
@media screen and (min-width: 58em) {
  /* line 148, ../sass/site.css/objects/_widget.scss */
  .w .click-thru {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
/* line 169, ../sass/site.css/objects/_widget.scss */
.w .click-thru:hover {
  color: #8dc449;
}
/* line 173, ../sass/site.css/objects/_widget.scss */
.w .click-thru .i {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.71429;
  position: absolute;
  top: 18px;
  right: 24px;
  line-height: 1em;
}

/* line 187, ../sass/site.css/objects/_widget.scss */
.w__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  background-color: #303030;
  padding-left: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
  margin: 0;
  color: white;
}
/* line 200, ../sass/site.css/objects/_widget.scss */
.w__title .i {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 12px;
}

/* line 217, ../sass/site.css/objects/_widget.scss */
.w__content {
  position: relative;
  padding: 12px;
}
@media screen and (max-width: 47.938em) {
  /* line 223, ../sass/site.css/objects/_widget.scss */
  .w--with-scroll .w__content {
    padding: 0;
  }
}
@media screen and (min-width: 58em) {
  /* line 217, ../sass/site.css/objects/_widget.scss */
  .w__content {
    padding: 24px;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 67px;
  }
}
/* line 258, ../sass/site.css/objects/_widget.scss */
.w__content .document-download__image img {
  -webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.3);
  max-width: 100px; 
}

/* line 266, ../sass/site.css/objects/_widget.scss */
.w--info {
  background-color: #19a89d;
  color: white;
}
/* line 273, ../sass/site.css/objects/_widget.scss */
.w--info .w__content h1 {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 12px;
}
@media screen and (max-width: 57.938em) {
  /* line 273, ../sass/site.css/objects/_widget.scss */
  .w--info .w__content h1 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.71429;
    line-height: 1.2em;
  }
}
/* line 287, ../sass/site.css/objects/_widget.scss */
.w--info .w__content p {
  margin-bottom: 0;
}

/* line 297, ../sass/site.css/objects/_widget.scss */
.w__list {
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
  color: #4d4d4d;
  list-style: none;
  padding: 0;
  margin: 0;
}
/* line 306, ../sass/site.css/objects/_widget.scss */
.w__list li {
  margin-bottom: 12px;
}
/* line 310, ../sass/site.css/objects/_widget.scss */
.w__list li:last-child {
  margin: 0;
}

/* line 318, ../sass/site.css/objects/_widget.scss */
.w__controls {
  position: relative;
  display: none;
}
@media screen and (min-width: 48em) {
  /* line 318, ../sass/site.css/objects/_widget.scss */
  .w__controls {
    display: block;
  }
}
@media screen and (min-width: 58em) {
  /* line 318, ../sass/site.css/objects/_widget.scss */
  .w__controls {
    position: absolute;
    bottom: 15px;
    left: 24px;
    right: 24px;
  }
}
/* line 342, ../sass/site.css/objects/_widget.scss */
.w__controls .sslide-nav {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.09091;
  color: #cbcbcb;
  margin-top: -5px;
}

/**
 * UI
 */
/* line 1, ../sass/site.css/ui/_footer.scss */
.site-footer {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #1a1a1a;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}
@media screen and (max-width: 47.938em) {
  /* line 1, ../sass/site.css/ui/_footer.scss */
  .site-footer {
    text-align: center;
  }
}
/* line 13, ../sass/site.css/ui/_footer.scss */
.site-footer,
.site-footer a {
  color: white;
}

/* line 20, ../sass/site.css/ui/_footer.scss */
.copyright,
.site-footer__links {
  display: block;
}
@media screen and (max-width: 47.938em) {
  /* line 26, ../sass/site.css/ui/_footer.scss */
  .copyright li,
  .site-footer__links li {
    display: block;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 48em) {
  /* line 20, ../sass/site.css/ui/_footer.scss */
  .copyright,
  .site-footer__links {
    display: inline-block;
  }
}

@media screen and (min-width: 48em) {
  /* line 39, ../sass/site.css/ui/_footer.scss */
  .copyright {
    margin-right: 24px;
    margin-bottom: 0;
  }
}

/* line 1, ../sass/site.css/ui/_header.scss */
.site-header {
  padding-top: 25px;
}
@media screen and (min-width: 58em) {
  /* line 1, ../sass/site.css/ui/_header.scss */
  .site-header {
    padding-bottom: 25px;
  }
}

/* line 14, ../sass/site.css/ui/_header.scss */
.site-brand {
  display: block;
  width: 18.48958%;
}
@media screen and (max-width: 57.938em) {
  /* line 14, ../sass/site.css/ui/_header.scss */
  .site-brand {
    width: 160px;
    margin-bottom: 24px;
  }
}

/* line 26, ../sass/site.css/ui/_header.scss */
.primary-navigation {
  position: relative;
}
/* line 32, ../sass/site.css/ui/_header.scss */
.primary-navigation a:hover,
.primary-navigation a:focus,
.primary-navigation .is-current {
  color: #8dc449;
}
@media screen and (max-width: 57.938em) {
  /* line 26, ../sass/site.css/ui/_header.scss */
  .primary-navigation {
    margin-left: -24px;
    margin-right: -24px;
    padding-top: 45px;
    display: none;
    overflow: hidden;
  }
  /* line 45, ../sass/site.css/ui/_header.scss */
  .primary-navigation li,
  .primary-navigation a {
    display: block !important;
  }
  /* line 49, ../sass/site.css/ui/_header.scss */
  .primary-navigation .seperator {
    display: none;
  }
  /* line 53, ../sass/site.css/ui/_header.scss */
  .primary-navigation a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 1px solid #d6d6d6;
    text-align: center;
  }
}
@media screen and (min-width: 58em) {
  /* line 26, ../sass/site.css/ui/_header.scss */
  .primary-navigation {
    min-width: 90%;
    float: right;
    margin-top: -20px;
    text-align: right;
  }
  /* line 73, ../sass/site.css/ui/_header.scss */
  .primary-navigation .seperator {
    color: #d6d6d6;
  }
}
@media screen and (min-width: 68em) {
  /* line 26, ../sass/site.css/ui/_header.scss */
  .primary-navigation {
    margin-top: -40px;
  }
}

@media screen and (min-width: 58em) {
  /* line 86, ../sass/site.css/ui/_header.scss */
  .site-nav__menu,
  .site-header__search {
    display: inline-block;
    vertical-align: middle;
  }
}

@media screen and (min-width: 58em) {
  /* line 97, ../sass/site.css/ui/_header.scss */
  .site-nav__menu {
    text-align: right;
  }
}

/* line 105, ../sass/site.css/ui/_header.scss */
.site-header__search {
  overflow: hidden;
  position: absolute;
}
@media screen and (max-width: 57.938em) {
  /* line 105, ../sass/site.css/ui/_header.scss */
  .site-header__search {
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid #d6d6d6;
  }
}
@media screen and (min-width: 58em) {
  /* line 105, ../sass/site.css/ui/_header.scss */
  .site-header__search {
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    width: 200px;
    top: -70px;
    right: 0;
  }
}
@media screen and (min-width: 68em) {
  /* line 105, ../sass/site.css/ui/_header.scss */
  .site-header__search {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 5px;
    width: 45px;
    border: 1px solid white;
  }
  /* line 139, ../sass/site.css/ui/_header.scss */
  .site-header__search:hover {
    width: 200px;
    border: 1px solid #d6d6d6;
    margin-left: 2.17391%;
  }
}

/* line 149, ../sass/site.css/ui/_header.scss */
.search__textfield {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 24px;
  padding-top: 13px;
  padding-bottom: 14px;
  padding-right: 32px;
  border: none;
  color: #999999;
  position: relative;
  z-index: 1;
}

/* line 166, ../sass/site.css/ui/_header.scss */
.search__btn {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.09091;
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 2;
  width: 48px;
  height: 51px;
  border: 0;
  background-color: white;
  color: #999999;
}
@media screen and (min-width: 58em) {
  /* line 166, ../sass/site.css/ui/_header.scss */
  .search__btn {
    right: 0;
  }
}

/* line 196, ../sass/site.css/ui/_header.scss */
.site-nav-toggle {
  display: block;
  position: absolute;
  top: 39px;
  right: 20px;
}
@media screen and (min-width: 58em) {
  /* line 196, ../sass/site.css/ui/_header.scss */
  .site-nav-toggle {
    display: none;
  }
}
/* line 208, ../sass/site.css/ui/_header.scss */
.site-nav-toggle .site-nav-toggle__text {
  margin-top: 5px;
  display: block;
  margin-right: 11px;
  float: left;
}
/* line 217, ../sass/site.css/ui/_header.scss */
.site-nav-toggle .i {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1em;
  float: left;
}

/*------------------------------------*\
	$LAYOUT
\*------------------------------------*/
/* line 41, ../sass/main.scss */
.main {
  padding-top: 12px;
}
@media screen and (min-width: 48em) {
  /* line 41, ../sass/main.scss */
  .main {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  /* line 51, ../sass/main.scss */
  .section .main {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
/* line 60, ../sass/main.scss */
.main.no-sub-pages {
  padding: 0;
}

/* line 66, ../sass/main.scss */
.core {
  overflow: hidden;
}