@charset "UTF-8";
/*----------------------------------------------------------------------------------------* * Mixd Front-end Framework
 *
 * Author   : Mixd
 * Website  : http://mixd.co.uk
 * GitHub   : http://github.com/Mixd/Mixd-CSS-Framework
 *
\*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------* $.Configuration
\*----------------------------------------------------------------------------------------*/
/**
 * Title: Variables
 * Description: Project Variables go here
 * Sections:
 *    $. Breakpoints
 *    $. Colours
 *    $. Typography
 *    $. Layout
 */
/* $. Breakpoints
\*----------------------------------------------------------------*/
/* Object specfic breakpoints */
/* $. Colours
\*----------------------------------------------------------------*/
/* Pallette */
/* UI */
/* Stategic Framework */
/* $. Typography
\*----------------------------------------------------------------*/
/* $. layout
\*----------------------------------------------------------------*/
/**
 * Title: Mixins
 * Description: Use this file to import all global mixins
 * Sections:
 *    $. Jake Archibald's sass-ie
 *    $. Typography
 */
/* $. Jake Archibald's sass-ie (https://github.com/jakearchibald/sass-ie)
\*----------------------------------------------------------------*/
/* $. Typography and vertical rhythm mixins
\*----------------------------------------------------------------*/
/**
 * Title: Bower Components
 * Description: Importing and using the bower components
 * Sections:
 *    $. Imports
 *    $. Grid Build
 */
/* $. Imports
\*----------------------------------------------------------------*/
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0; }

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

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

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

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

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

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

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

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"], html [type="button"].custom-select, input[type="reset"],
[type="reset"].custom-select,
input[type="submit"], [type="submit"].custom-select {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
[type="checkbox"].custom-select,
input[type="radio"], [type="radio"].custom-select {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"], [type="search"].custom-select {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

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

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

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

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

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

td,
th {
  padding: 0; }

/* ==========================================================================
   Grid
   ========================================================================== */
/*
 * Example uses:
 *
 * <div class="grid">
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3"></div>
 * </div>
 *
 * <div class="grid grid--center">
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3"></div>
 * </div>
 */
/* Grid core
   ========================================================================== */
/**
 * Grid container
 * Must only contain `.grid` or `.grid__cell` components as children.
 *
 * 1. Adjustment for child element margins.
 * 2. Ensure consistent default alignment/
 * 3. Remove inter-unit whitespace that appears between `inline-block` child
 *    elements. Work for all non-monospace font-families.  If you're using a
 *    monospace base font, you will need to set the `grid` font-family to
 *   `sans-serif` and then redeclare the monospace font on the `grid__cell`
 *    objects.
 * 4. Protect against WebKit bug with optimizelegibility.
 */
.grid, .sys_doublePanel, .sys_doublePanelWideLeft, .sys_doublePanelGreen, #features, .sys_tripleTextAndImagePromoRow, .sys_quadrupleImagePromoRow {
  display: block;
  padding: 0;
  margin: 0 -1em;
  /* 1 */
  text-align: left;
  /* 2 */
  letter-spacing: -0.31em;
  /* 3 */
  text-rendering: optimizespeed;
  /* 4 */ }

/**
 * Opera hack
 */
.opera:-o-prefocus,
.grid, .sys_doublePanel, .sys_doublePanelWideLeft, .sys_doublePanelGreen, #features, .sys_tripleTextAndImagePromoRow, .sys_quadrupleImagePromoRow {
  word-spacing: -0.43em;
  /* 3 */ }

/**
 * Child `grid` object adjustments
 * Used for more complex fixed-fluid hybrid grids.
 */
.grid > .grid, .sys_doublePanel > .grid, .sys_doublePanelWideLeft > .grid, .sys_doublePanelGreen > .grid, #features > .grid, .sys_tripleTextAndImagePromoRow > .grid, .sys_quadrupleImagePromoRow > .grid, .grid > .sys_doublePanel, .sys_doublePanel > .sys_doublePanel, .sys_doublePanelWideLeft > .sys_doublePanel, .sys_doublePanelGreen > .sys_doublePanel, #features > .sys_doublePanel, .sys_tripleTextAndImagePromoRow > .sys_doublePanel, .sys_quadrupleImagePromoRow > .sys_doublePanel, .grid > .sys_doublePanelWideLeft, .sys_doublePanel > .sys_doublePanelWideLeft, .sys_doublePanelWideLeft > .sys_doublePanelWideLeft, .sys_doublePanelGreen > .sys_doublePanelWideLeft, #features > .sys_doublePanelWideLeft, .sys_tripleTextAndImagePromoRow > .sys_doublePanelWideLeft, .sys_quadrupleImagePromoRow > .sys_doublePanelWideLeft, .grid > .sys_doublePanelGreen, .sys_doublePanel > .sys_doublePanelGreen, .sys_doublePanelWideLeft > .sys_doublePanelGreen, .sys_doublePanelGreen > .sys_doublePanelGreen, #features > .sys_doublePanelGreen, .sys_tripleTextAndImagePromoRow > .sys_doublePanelGreen, .sys_quadrupleImagePromoRow > .sys_doublePanelGreen, .grid > #features, .sys_doublePanel > #features, .sys_doublePanelWideLeft > #features, .sys_doublePanelGreen > #features, #features > #features, .sys_tripleTextAndImagePromoRow > #features, .sys_quadrupleImagePromoRow > #features, .grid > .sys_tripleTextAndImagePromoRow, .sys_doublePanel > .sys_tripleTextAndImagePromoRow, .sys_doublePanelWideLeft > .sys_tripleTextAndImagePromoRow, .sys_doublePanelGreen > .sys_tripleTextAndImagePromoRow, #features > .sys_tripleTextAndImagePromoRow, .sys_tripleTextAndImagePromoRow > .sys_tripleTextAndImagePromoRow, .sys_quadrupleImagePromoRow > .sys_tripleTextAndImagePromoRow, .grid > .sys_quadrupleImagePromoRow, .sys_doublePanel > .sys_quadrupleImagePromoRow, .sys_doublePanelWideLeft > .sys_quadrupleImagePromoRow, .sys_doublePanelGreen > .sys_quadrupleImagePromoRow, #features > .sys_quadrupleImagePromoRow, .sys_tripleTextAndImagePromoRow > .sys_quadrupleImagePromoRow, .sys_quadrupleImagePromoRow > .sys_quadrupleImagePromoRow {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0; }

/**
 * Grid units
 * No explicit width by default. Apply `.unit-x-y` classes.
 *
 * 1. Fundamentals of the non-float grid layout mechanism.
 * 2. Apply grid gutter.
 * 3. Controls vertical positioning of units.
 * 4. Keeps content correctly aligned with the grid direction.
 * 5. Reset text defaults.
 */
.grid__cell, .sys_col, .sys_col_semi, .sys_doublePanel .sys_panelLeft, .sys_doublePanel .sys_panelRight,
.sys_doublePanelGreen .sys_panelLeft, .sys_doublePanelGreen .sys_panelRight, .sys_doublePanelWideLeft .sys_panelLeft, .sys_doublePanelWideLeft .sys_panelRight, .sys_featureImage, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo, .sys_quadrupleImagePromoRow .sys_imagePromo {
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
  /* 1 */
  margin: 0;
  padding: 0 1em;
  /* 2 */
  vertical-align: top;
  /* 3 */
  text-align: left;
  /* 4 */
  letter-spacing: normal;
  /* 5 */
  word-spacing: normal;
  /* 5 */
  text-rendering: auto;
  /* 5 */ }

/* Grid modifiers
   ========================================================================== */
/**
 * Modifier: horizontally center all grid units
 * Allows for automatic unit centering irrespective of the number of
 * units in the grid.
 */
.grid--center {
  text-align: center; }

/**
 * Modifier: align horizontally all grid units to the left
 */
.grid--left {
  text-align: left; }

/**
 * Modifier: align horizontally all grid units to the right
 */
.grid--right {
  text-align: right; }

/* Grid cell modifiers
   ========================================================================== */
/**
 * Modifier: horizontally center one unit
 * Set a specific unit to be horizontally centered. Doesn't affect
 * any other units. Can still contain a child `grid` object.
 */
.grid__cell--center {
  display: block;
  margin: 0 auto; }

/**
 * Modifier: align horizontally one unit to the left
 * Set a specific unit to be horizontally on the left. Doesn't affect
 * any other units. Can still contain a child `grid` object.
 */
.grid__cell--left {
  display: block;
  margin-right: auto; }

/**
 * Modifier: align horizontally one unit to the right
 * Set a specific unit to be horizontally on the right. Doesn't affect
 * any other units. Can still contain a child `grid` object.
 */
.grid__cell--right {
  display: block;
  margin-left: auto; }

/* $. Griddle Build
\*----------------------------------------------------------------*/
/* Proportional units
       ========================================================================== */
/*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
.unit-1-2, .unit-6-12 {
  width: 50%; }

.unit-1-12 {
  width: 8.3333333333%; }

.unit-2-12 {
  width: 16.6666666667%; }

.unit-3-12 {
  width: 25%; }

.unit-4-12 {
  width: 33.3333333333%; }

.unit-5-12 {
  width: 41.6666666667%; }

.unit-7-12 {
  width: 58.3333333333%; }

.unit-8-12 {
  width: 66.6666666667%; }

.unit-9-12 {
  width: 75%; }

.unit-10-12 {
  width: 83.3333333333%; }

.unit-11-12 {
  width: 91.6666666667%; }

@media screen and (min-width: 30em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp1, .unit-6-12--bp1, .sys_col, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo, .sys_quadrupleImagePromoRow .sys_imagePromo {
    width: 50%; }
  .unit-1-3--bp1, .unit-4-12--bp1 {
    width: 33.3333333333%; }
  .unit-2-3--bp1, .unit-8-12--bp1 {
    width: 66.6666666667%; }
  .unit-1-12--bp1 {
    width: 8.3333333333%; }
  .unit-2-12--bp1 {
    width: 16.6666666667%; }
  .unit-3-12--bp1 {
    width: 25%; }
  .unit-5-12--bp1 {
    width: 41.6666666667%; }
  .unit-7-12--bp1 {
    width: 58.3333333333%; }
  .unit-9-12--bp1 {
    width: 75%; }
  .unit-10-12--bp1 {
    width: 83.3333333333%; }
  .unit-11-12--bp1 {
    width: 91.6666666667%; } }

@media screen and (min-width: 48em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp2, .unit-2-4--bp2, .unit-3-6--bp2, .unit-6-12--bp2 {
    width: 50%; }
  .unit-1-3--bp2, .unit-2-6--bp2, .unit-4-12--bp2 {
    width: 33.3333333333%; }
  .unit-2-3--bp2, .unit-4-6--bp2, .unit-8-12--bp2 {
    width: 66.6666666667%; }
  .unit-1-4--bp2, .unit-3-12--bp2 {
    width: 25%; }
  .unit-3-4--bp2, .unit-9-12--bp2 {
    width: 75%; }
  .unit-1-6--bp2, .unit-2-12--bp2 {
    width: 16.6666666667%; }
  .unit-5-6--bp2, .unit-10-12--bp2 {
    width: 83.3333333333%; }
  .unit-1-12--bp2 {
    width: 8.3333333333%; }
  .unit-5-12--bp2 {
    width: 41.6666666667%; }
  .unit-7-12--bp2 {
    width: 58.3333333333%; }
  .unit-11-12--bp2 {
    width: 91.6666666667%; } }

@media screen and (min-width: 55em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp3, .unit-2-4--bp3, .unit-3-6--bp3, .unit-6-12--bp3, .sys_doublePanel .sys_panelLeft, .sys_doublePanel .sys_panelRight,
  .sys_doublePanelGreen .sys_panelLeft, .sys_doublePanelGreen .sys_panelRight, .sys_featureImage {
    width: 50%; }
  .unit-1-3--bp3, .unit-2-6--bp3, .unit-4-12--bp3, .sys_col, .sys_col_semi.sys_col_last_semi, .sys_doublePanelWideLeft .sys_panelRight, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo {
    width: 33.3333333333%; }
  .unit-2-3--bp3, .unit-4-6--bp3, .unit-8-12--bp3, .sys_col_semi, .sys_doublePanelWideLeft .sys_panelLeft {
    width: 66.6666666667%; }
  .unit-1-4--bp3, .unit-3-12--bp3, .sys_quadrupleImagePromoRow .sys_imagePromo {
    width: 25%; }
  .unit-3-4--bp3, .unit-9-12--bp3 {
    width: 75%; }
  .unit-1-5--bp3 {
    width: 20%; }
  .unit-2-5--bp3 {
    width: 40%; }
  .unit-3-5--bp3 {
    width: 60%; }
  .unit-4-5--bp3 {
    width: 80%; }
  .unit-1-6--bp3, .unit-2-12--bp3 {
    width: 16.6666666667%; }
  .unit-5-6--bp3, .unit-10-12--bp3 {
    width: 83.3333333333%; }
  .unit-1-12--bp3 {
    width: 8.3333333333%; }
  .unit-5-12--bp3 {
    width: 41.6666666667%; }
  .unit-7-12--bp3 {
    width: 58.3333333333%; }
  .unit-11-12--bp3 {
    width: 91.6666666667%; } }

@media screen and (min-width: 64em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp4, .unit-2-4--bp4, .unit-3-6--bp4, .unit-6-12--bp4 {
    width: 50%; }
  .unit-1-3--bp4, .unit-2-6--bp4, .unit-4-12--bp4 {
    width: 33.3333333333%; }
  .unit-2-3--bp4, .unit-4-6--bp4, .unit-8-12--bp4 {
    width: 66.6666666667%; }
  .unit-1-4--bp4, .unit-3-12--bp4 {
    width: 25%; }
  .unit-3-4--bp4, .unit-9-12--bp4 {
    width: 75%; }
  .unit-1-5--bp4 {
    width: 20%; }
  .unit-2-5--bp4 {
    width: 40%; }
  .unit-3-5--bp4 {
    width: 60%; }
  .unit-4-5--bp4 {
    width: 80%; }
  .unit-1-6--bp4, .unit-2-12--bp4 {
    width: 16.6666666667%; }
  .unit-5-6--bp4, .unit-10-12--bp4 {
    width: 83.3333333333%; }
  .unit-1-12--bp4 {
    width: 8.3333333333%; }
  .unit-5-12--bp4 {
    width: 41.6666666667%; }
  .unit-7-12--bp4 {
    width: 58.3333333333%; }
  .unit-11-12--bp4 {
    width: 91.6666666667%; } }

@media screen and (min-width: 78em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp5, .unit-2-4--bp5, .unit-3-6--bp5, .unit-6-12--bp5 {
    width: 50%; }
  .unit-1-3--bp5, .unit-2-6--bp5, .unit-4-12--bp5 {
    width: 33.3333333333%; }
  .unit-2-3--bp5, .unit-4-6--bp5, .unit-8-12--bp5 {
    width: 66.6666666667%; }
  .unit-1-4--bp5, .unit-3-12--bp5 {
    width: 25%; }
  .unit-3-4--bp5, .unit-9-12--bp5 {
    width: 75%; }
  .unit-1-5--bp5 {
    width: 20%; }
  .unit-2-5--bp5 {
    width: 40%; }
  .unit-3-5--bp5 {
    width: 60%; }
  .unit-4-5--bp5 {
    width: 80%; }
  .unit-1-6--bp5, .unit-2-12--bp5 {
    width: 16.6666666667%; }
  .unit-5-6--bp5, .unit-10-12--bp5 {
    width: 83.3333333333%; }
  .unit-1-12--bp5 {
    width: 8.3333333333%; }
  .unit-5-12--bp5 {
    width: 41.6666666667%; }
  .unit-7-12--bp5 {
    width: 58.3333333333%; }
  .unit-11-12--bp5 {
    width: 91.6666666667%; } }

@media screen and (min-width: 94em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp6, .unit-2-4--bp6, .unit-3-6--bp6, .unit-6-12--bp6 {
    width: 50%; }
  .unit-1-3--bp6, .unit-2-6--bp6, .unit-4-12--bp6 {
    width: 33.3333333333%; }
  .unit-2-3--bp6, .unit-4-6--bp6, .unit-8-12--bp6 {
    width: 66.6666666667%; }
  .unit-1-4--bp6, .unit-3-12--bp6 {
    width: 25%; }
  .unit-3-4--bp6, .unit-9-12--bp6 {
    width: 75%; }
  .unit-1-5--bp6 {
    width: 20%; }
  .unit-2-5--bp6 {
    width: 40%; }
  .unit-3-5--bp6 {
    width: 60%; }
  .unit-4-5--bp6 {
    width: 80%; }
  .unit-1-6--bp6, .unit-2-12--bp6 {
    width: 16.6666666667%; }
  .unit-5-6--bp6, .unit-10-12--bp6 {
    width: 83.3333333333%; }
  .unit-1-12--bp6 {
    width: 8.3333333333%; }
  .unit-5-12--bp6 {
    width: 41.6666666667%; }
  .unit-7-12--bp6 {
    width: 58.3333333333%; }
  .unit-11-12--bp6 {
    width: 91.6666666667%; } }

.grid, .sys_doublePanel, .sys_doublePanelWideLeft, .sys_doublePanelGreen, #features, .sys_tripleTextAndImagePromoRow, .sys_quadrupleImagePromoRow {
  letter-spacing: -0.32em; }

.grid--borders .grid__cell, .grid--borders .sys_col, .grid--borders .sys_col_semi, .grid--borders .sys_doublePanel .sys_panelLeft, .sys_doublePanel .grid--borders .sys_panelLeft, .grid--borders .sys_doublePanel .sys_panelRight, .sys_doublePanel .grid--borders .sys_panelRight,
.grid--borders .sys_doublePanelGreen .sys_panelLeft, .sys_doublePanelGreen .grid--borders .sys_panelLeft, .grid--borders .sys_doublePanelGreen .sys_panelRight, .sys_doublePanelGreen .grid--borders .sys_panelRight, .grid--borders .sys_doublePanelWideLeft .sys_panelLeft, .sys_doublePanelWideLeft .grid--borders .sys_panelLeft, .grid--borders .sys_doublePanelWideLeft .sys_panelRight, .sys_doublePanelWideLeft .grid--borders .sys_panelRight, .grid--borders .sys_featureImage, .grid--borders .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo, .sys_tripleTextAndImagePromoRow .grid--borders .sys_textAndImagePromo, .grid--borders .sys_quadrupleImagePromoRow .sys_imagePromo, .sys_quadrupleImagePromoRow .grid--borders .sys_imagePromo {
  border-left: 1px solid #F2F2F2; }
  .grid--borders .grid__cell:first-child, .grid--borders .sys_col:first-child, .grid--borders .sys_col_semi:first-child, .grid--borders .sys_doublePanel .sys_panelLeft:first-child, .sys_doublePanel .grid--borders .sys_panelLeft:first-child, .grid--borders .sys_doublePanel .sys_panelRight:first-child, .sys_doublePanel .grid--borders .sys_panelRight:first-child,
  .grid--borders .sys_doublePanelGreen .sys_panelLeft:first-child, .sys_doublePanelGreen .grid--borders .sys_panelLeft:first-child, .grid--borders .sys_doublePanelGreen .sys_panelRight:first-child, .sys_doublePanelGreen .grid--borders .sys_panelRight:first-child, .grid--borders .sys_doublePanelWideLeft .sys_panelLeft:first-child, .sys_doublePanelWideLeft .grid--borders .sys_panelLeft:first-child, .grid--borders .sys_doublePanelWideLeft .sys_panelRight:first-child, .sys_doublePanelWideLeft .grid--borders .sys_panelRight:first-child, .grid--borders .sys_featureImage:first-child, .grid--borders .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo:first-child, .sys_tripleTextAndImagePromoRow .grid--borders .sys_textAndImagePromo:first-child, .grid--borders .sys_quadrupleImagePromoRow .sys_imagePromo:first-child, .sys_quadrupleImagePromoRow .grid--borders .sys_imagePromo:first-child {
    border-left: 0; }

.grid--spaced .grid__cell, .grid--spaced .sys_col, .grid--spaced .sys_col_semi, .grid--spaced .sys_doublePanel .sys_panelLeft, .sys_doublePanel .grid--spaced .sys_panelLeft, .grid--spaced .sys_doublePanel .sys_panelRight, .sys_doublePanel .grid--spaced .sys_panelRight,
.grid--spaced .sys_doublePanelGreen .sys_panelLeft, .sys_doublePanelGreen .grid--spaced .sys_panelLeft, .grid--spaced .sys_doublePanelGreen .sys_panelRight, .sys_doublePanelGreen .grid--spaced .sys_panelRight, .grid--spaced .sys_doublePanelWideLeft .sys_panelLeft, .sys_doublePanelWideLeft .grid--spaced .sys_panelLeft, .grid--spaced .sys_doublePanelWideLeft .sys_panelRight, .sys_doublePanelWideLeft .grid--spaced .sys_panelRight, .grid--spaced .sys_featureImage, .grid--spaced .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo, .sys_tripleTextAndImagePromoRow .grid--spaced .sys_textAndImagePromo, .grid--spaced .sys_quadrupleImagePromoRow .sys_imagePromo, .sys_quadrupleImagePromoRow .grid--spaced .sys_imagePromo {
  margin-bottom: 1.5em; }

.grid--invert > .grid__cell, .grid--invert > .sys_col, .grid--invert > .sys_col_semi, .sys_doublePanel .grid--invert > .sys_panelLeft, .sys_doublePanel .grid--invert > .sys_panelRight,
.sys_doublePanelGreen .grid--invert > .sys_panelLeft, .sys_doublePanelGreen .grid--invert > .sys_panelRight, .sys_doublePanelWideLeft .grid--invert > .sys_panelLeft, .sys_doublePanelWideLeft .grid--invert > .sys_panelRight, .grid--invert > .sys_featureImage, .sys_tripleTextAndImagePromoRow .grid--invert > .sys_textAndImagePromo, .sys_quadrupleImagePromoRow .grid--invert > .sys_imagePromo {
  float: right; }

/*----------------------------------------------------------------------------------------* $.Base
\*----------------------------------------------------------------------------------------*/
/**
 * Title: Defaults
 * Description: These are the base default styles for the project
 * Sections:
 *    $. General Defaults
 *    $. Selections
 *    $. Text Level
 *    $. Embedded
 *    $. Tables
 *    $. Forms
 */
/* $. General Defaults
\*----------------------------------------------------------------*/
html {
  box-sizing: border-box;
  overflow-y: scroll; }

* {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased; }

/* $. Selections
\*----------------------------------------------------------------*/
::-moz-selection {
  background: rgba(102, 102, 102, 0.5);
  color: #FFF;
  text-shadow: none; }

::selection {
  background: rgba(102, 102, 102, 0.5);
  color: #FFF;
  text-shadow: none; }

a:link {
  -webkit-tap-highlight-color: rgba(102, 102, 102, 0.5); }

/* $. Text Level
\*----------------------------------------------------------------*/
hr {
  display: block;
  clear: both;
  height: 1px;
  border: 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  font-style: italic;
  font-weight: bold; }

pre {
  overflow-x: auto; }

address {
  white-space: pre-line; }

/* $. Embedded
\*----------------------------------------------------------------*/
img {
  display: block;
  margin: 0 auto;
  font-style: italic;
  color: #666;
  vertical-align: middle; }

img[width] {
  width: auto !important; }

img[height] {
  height: auto !important; }

img, audio, canvas, embed, object, video {
  max-width: 100%; }

iframe {
  display: block; }

/* $. Tables
\*----------------------------------------------------------------*/
table {
  width: 100%; }

td {
  vertical-align: top; }

th, caption {
  text-align: left; }

/* $. Forms
\*----------------------------------------------------------------*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label, form .control__label, select {
  cursor: pointer; }

legend {
  padding: 0.3em 0.6em;
  *margin-left: -7px; }

button, input, .custom-select {
  line-height: normal; }

input, .custom-select, input[type=search], [type=search].custom-select, select, textarea {
  width: 100%;
  margin-bottom: .5em; }

button, html input[type=button], html [type=button].custom-select, input[type=reset], [type=reset].custom-select, input[type=submit], [type=submit].custom-select {
  width: auto; }

input[type=file], [type=file].custom-select {
  width: auto;
  border: 0;
  padding: 0; }

input[type=checkbox], [type=checkbox].custom-select, input[type=radio], [type=radio].custom-select {
  height: .8em;
  width: .8em; }

input[type=checkbox], [type=checkbox].custom-select {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -ms-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  appearance: checkbox !important; }

textarea {
  resize: vertical; }

/**
* These are the Mixd form defaults which will affect the whole page because we use WebForms 
* as such I'm commenting out for now as we'll probably need to reapply them in some more specific form.
form { margin: 0; }
form ul, form ol { list-style: none; margin-left: 0; margin-bottom: 1em; }
form li { margin-bottom: .5em; }
form li:last-child, fieldset:last-child { margin-bottom: 0; }
form br { display: none; }
*/
/**
 * Title: Project
 * Description: These are project specific base styles
 * Sections:
 *    $. Project Defaults
 *    $. Lists
 *    $. Tables
 *    $. Forms
 *    $. Links
 */
/* $. Project Defaults
\*----------------------------------------------------------------*/
html {
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  line-height: 1.5;
  font-size: 100%; }
  @media screen and (min-width: 64em) {
    html {
      font-size: 112.5%; } }

body {
  color: #4C4C4C;
  background-color: #FFF; }

/* $. Lists
\*----------------------------------------------------------------*/
ul, ol {
  margin-left: 1em;
  padding-left: 0; }

ol {
  margin-left: 1.25em; }

li {
  margin-bottom: .5em;
  line-height: 1.15; }

li ul, li ol {
  margin-top: .25em;
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0;
  margin-bottom: 0.375em;
  line-height: 1.2; }

/* $. Tables
\*----------------------------------------------------------------*/
caption {
  padding-bottom: .5em;
  font-style: italic; }

th, td {
  padding: 0.75em 0.5em;
  border: 0;
  line-height: 1; }

td {
  background-color: #F7F7F7;
  border-bottom: 3px solid #FFF; }

th, legend {
  font-weight: bold; }

/* $. Forms
\*----------------------------------------------------------------*/
label, form .control__label {
  display: block;
  padding-bottom: .25em; }

input,
.custom-select,
textarea {
  padding: 1em;
  border: 1px solid;
  color: #666;
  background-color: #FFF;
  border-color: #CECBC6;
  -webkit-appearance: none;
  border-radius: 0; }
  input:focus,
  .custom-select:focus,
  textarea:focus {
    outline: 0;
    border-color: #4C4C4C; }

input[type=radio], [type=radio].custom-select {
  -webkit-appearance: radio; }

@media screen and (min-width: 55em) {
  textarea {
    min-height: 9em; } }

.checkbox, .sys_checkboxlist .sys_checkbox {
  padding-left: 1.25em;
  margin-top: .25em;
  position: relative; }
  .checkbox input, .sys_checkboxlist .sys_checkbox input, .checkbox .custom-select, .sys_checkboxlist .sys_checkbox .custom-select, .checkbox label, .sys_checkboxlist .sys_checkbox label, .checkbox form .control__label, form .checkbox .control__label, .sys_checkboxlist .sys_checkbox form .control__label, form .sys_checkboxlist .sys_checkbox .control__label {
    font-weight: normal;
    line-height: 1; }
  .checkbox input, .sys_checkboxlist .sys_checkbox input, .checkbox .custom-select, .sys_checkboxlist .sys_checkbox .custom-select {
    position: absolute;
    left: 0;
    top: .1em; }

button {
  background-color: transparent;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  border: 0; }
  button:focus {
    outline: 0; }

form .control {
  margin-bottom: 0.75em; }

/* Article identifier */
.identifier {
  display: inline-block;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0.5em 2em;
  margin-bottom: 1.5em;
  color: #FFF;
  background-color: #3386a8;
  background-color: rgba(0, 104, 146, 0.8);
  letter-spacing: .25em;
  text-transform: uppercase;
  transition: background-color 0.25s linear; }
  .identifier:hover {
    color: #FFF;
    background-color: #006892; }

/* $. Links
\*----------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #006892;
  border-bottom: 1px solid;
  border-bottom-color: #b3d2de;
  border-bottom-color: rgba(0, 104, 146, 0.3);
  transition: border-color 0.25s linear; }
  a:hover, a:focus {
    border-bottom-color: #006892; }

h1 a, h2 a {
  border-bottom: 1px solid;
  border-bottom-color: #b3d2de;
  border-bottom-color: rgba(0, 104, 146, 0.3);
  transition: border-color 0.15s linear; }
  h1 a:hover, h2 a:hover {
    color: #006892;
    border-bottom-color: #006892; }

/**
 * Title: Typography
 * Description: Base typography styles dealing with Vertical Rhythm and Hierarchy
 * Sections:
 *    $. Vertical Rhythm
 *    $. Headings and Common Styles
 *    $. Blockquotes
 */
/* $. Vertical Rhythm
\*----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.alpha, .beta, .sys_subitem-heading, .gamma, .sys_box h3, .delta, .sys_featureImage h2, .epsilon, .zeta {
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-weight: normal;
  margin-bottom: .65em;
  margin-top: 1.5em;
  line-height: 1; }

h1, blockquote, pre, p, ul, ol, dl, hr {
  margin-top: 0; }

p, ul, ol, dl, hr, form, table, blockquote, pre {
  margin-bottom: 1.5em; }

p, ul, ol, dl {
  max-width: 50em; }

hr {
  border-top: 4px solid #CECBC6; }

blockquote > :last-child, ul > :last-child, ol > :last-child, dl > :last-child {
  margin-bottom: 0; }

code {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: .9em; }

small {
  font-size: 90%; }

/* $. Headings and Common Styles
\*----------------------------------------------------------------*/
h1, .alpha {
  font-size: 38px;
  font-size: 2.375rem; }
  @media screen and (min-width: 30em) {
    h1, .alpha {
      font-size: 42px;
      font-size: 2.625rem; } }

h2, .beta, .sys_subitem-heading {
  font-size: 28px;
  font-size: 1.75rem; }

h3, .gamma, .sys_box h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  font-weight: bold; }

h4, .delta, .sys_featureImage h2 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; }

h5, .epsilon {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; }

h6, .zeta {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .1em; }

.intro, .intro_user {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif; }
  @media screen and (min-width: 30em) {
    .intro, .intro_user {
      font-size: 26px;
      font-size: 1.625rem; } }

.headline {
  border-bottom: 1px solid #CECBC6;
  padding-bottom: .25em;
  max-width: 100%; }

/* Content specific styling */
.content .intro, .content .intro_user {
  color: #666666; }

/* Heading decorations */
.heading-divide {
  position: relative;
  margin-bottom: 2em; }
  .heading-divide:after {
    content: "";
    display: block;
    position: absolute;
    width: 4em;
    bottom: -1em;
    left: 50%;
    margin-left: -2em;
    border: 1px solid #e4e4e4; }

/*----------------------------------------------------------------------------------------* $.Layout
\*----------------------------------------------------------------------------------------*/
/* $. Containers
\*----------------------------------------------------------------*/
.container {
  margin: 0 auto;
  width: 92.5%;
  min-width: 15em;
  max-width: 68.5em; }
  @media screen and (min-width: 30em) {
    .container {
      width: 90%; } }

.container--head {
  width: 100%; }
  @media screen and (min-width: 55em) {
    .container--head {
      width: 90%; } }

.container--wide {
  max-width: 88.5em; }

.main {
  margin: 1em auto; }
  @media screen and (min-width: 55em) {
    .main {
      margin: 3em auto; } }

.main--flush {
  margin-top: .25em; }
  @media screen and (min-width: 55em) {
    .main--flush {
      margin-top: .25em; } }

@media screen and (min-width: 55em) {
  .content {
    display: table-cell;
    vertical-align: top; } }

@media screen and (min-width: 55em) {
  .sidebar {
    display: table-cell;
    width: 18.5em;
    padding-left: 3em; } }

.overlay {
  background: #F7F7F7;
  padding: 1em;
  position: relative;
  z-index: 10;
  margin-bottom: 1.5em;
  margin-top: 1em; }
  @media screen and (min-width: 55em) {
    .overlay {
      margin-top: -7.5em; } }
  @media screen and (min-width: 64em) {
    .overlay {
      margin-top: -25em; } }

.overlay--short {
  margin-top: 1em; }
  @media screen and (min-width: 55em) {
    .overlay--short {
      margin-top: -7.5em; } }
  @media screen and (min-width: 64em) {
    .overlay--short {
      margin-top: -7.5em; } }

.article img {
  margin-bottom: 1.5em; }

.article__meta {
  position: relative;
  margin-bottom: 1.5em;
  font-weight: bold;
  text-align: center; }

.article__meta-thumb {
  float: left;
  margin: 0;
  max-width: 2em;
  padding-right: 0; }
  @media screen and (min-width: 30em) {
    .article__meta-thumb {
      max-width: 100%; } }
  .article__meta--blocked .article__meta-thumb {
    float: none;
    margin: 0 auto 0.75em auto; }

.article__meta-text {
  position: absolute;
  left: 2.5em;
  line-height: 1; }
  @media screen and (min-width: 30em) {
    .article__meta-text {
      top: 50%;
      left: 6em;
      margin-top: -.5em; } }
  .article__meta--blocked .article__meta-text {
    position: static;
    top: auto;
    left: auto;
    margin-top: 0; }

.article__quote {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-style: italic; }

.article__support {
  margin-top: 1.5em; }
  @media screen and (min-width: 55em) {
    .article__support {
      margin-top: 0; } }

#relatedContent {
  font-size: 14px;
  font-size: 0.875rem; }
  #relatedContent hr {
    display: none; }

#mainContent iframe {
  max-width: 100%; }

/* $. Rows
\*----------------------------------------------------------------*/
.row {
  padding: 2em 0;
  position: relative; }

.row--narrow {
  padding: 1em 0; }

.row--yellow {
  background-color: #DCDC70; }
  .row--yellow .heading-divide:after {
    border-color: #FFF; }

.row--gray {
  background-color: #757575;
  color: #FFF; }

.row--black {
  background-color: #4C4C4C; }

.row--light-gray, .sys_quadrupleImagePromoRow {
  background-color: #F7F7F7; }

/* $. Cover photos
\*----------------------------------------------------------------*/
/*

    Covers use `background-image` and `background-color` rules set inline in HTML.
    This allows images to be managed via content management rather than in CSS, and
    lets you set custom background colours to match images alphas.

*/
.cover {
  position: relative;
  z-index: 15;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 2em 0 15em 0;
  border-bottom: .5em solid #FFF; }
  @media screen and (min-width: 30em) {
    .cover {
      background-size: 100%;
      padding: 2em 0 20em 0; } }
  @media screen and (min-width: 40em) {
    .cover {
      background-size: 80%; } }
  @media screen and (min-width: 48em) {
    .cover {
      background-size: 65%;
      padding: 2em 0 19em 0; } }
  @media screen and (min-width: 55em) {
    .cover {
      display: table;
      height: 25em;
      width: 100%;
      padding: 0;
      color: #4C4C4C;
      background-size: 55%; }
      .cover:before {
        display: none; } }
  @media screen and (min-width: 78em) {
    .cover {
      height: 27.5em; } }
  @media screen and (min-width: 94em) {
    .cover {
      height: 30em;
      background-size: contain; } }

.cover--left {
  background-position: right bottom; }

.cover--dark {
  color: #FFF; }
  .cover--dark a {
    color: #e6e699;
    /*border-color: rgba($yellow, .3);*/
    border-color: rgba(230, 230, 153, 0.6); }
    .cover--dark a:hover {
      border-color: #e6e699;
      color: #e6e699; }
  .cover--dark .cover__heading:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2221.9%22%20viewBox%3D%220%200%2012%2021.9%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23DDDC71%22%20d%3D%22M.1%201.4l9.1%209L0%2020.5l1.4%201.4L12%2010.4%201.5%200z%22%2F%3E%3C%2Fsvg%3E"); }

@media screen and (min-width: 55em) {
  .cover__inner {
    display: table-cell;
    vertical-align: middle; } }

.cover__content {
  text-align: center;
  width: 100%;
  max-width: 68.5em;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  z-index: 20; }
  @media screen and (min-width: 55em) {
    .cover__content {
      text-align: left; }
      .cover__content :last-child {
        margin-bottom: 0; } }
  @media screen and (min-width: 94em) {
    .cover__content p {
      font-size: 22px;
      font-size: 1.375rem; } }

@media screen and (max-width: 30em) {
  .cover__heading {
    font-size: 36px;
    font-size: 2.25rem; } }

.cover--primary {
  position: relative;
  padding: 0;
  background-size: cover;
  background-image: url("../img/cover-alt.jpg");
  height: 90vh;
  min-height: 30em;
  max-height: 40em; }
  .cover--primary .cover__heading:before {
    display: none; }
  @media screen and (min-width: 30em) {
    .cover--primary {
      background-image: url("../img/cover.jpg");
      height: 85vh; } }
  @media screen and (min-width: 48em) {
    .cover--primary {
      padding-top: 50%;
      background-position: center; } }
  @media screen and (min-width: 64em) {
    .cover--primary {
      padding-top: 40%; } }
  .cover--primary .cover__content {
    margin: 2em auto 2em auto;
    padding: 0 1em;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    @media screen and (min-width: 30em) {
      .cover--primary .cover__content p {
        max-width: 40em;
        margin: 0 auto; } }
    @media screen and (min-width: 48em) {
      .cover--primary .cover__content {
        bottom: 1.5em;
        margin: 2em auto 2em auto;
        text-align: center; } }
    @media screen and (min-width: 94em) {
      .cover--primary .cover__content p {
        max-width: 35em; } }

/* $. Feature modifiers (used on strategic framework)
\*----------------------------------------------------------------*/
@media screen and (min-width: 30em) {
  .cover--feature {
    background-image: url("../img/strategic-banner.jpg");
    background-position: center; } }

@media screen and (max-width: 94em) {
  .cover--feature .cover__subheading {
    font-size: 22px;
    font-size: 1.375rem; } }

@media screen and (min-width: 30em) {
  .cover--research {
    background-image: url("../img/sf/research-banner.jpg");
    background-position: right; } }

@media screen and (min-width: 30em) {
  .cover__heading--feature {
    font-size: 3.4em; } }

@media screen and (min-width: 48em) {
  .cover__heading--feature {
    font-size: 4em; } }

@media screen and (min-width: 55em) {
  .cover__heading--feature {
    font-size: 5em; } }

@media screen and (min-width: 64em) {
  .cover__heading--feature {
    font-size: 6em; } }

.cover__heading__side {
  display: inline-block;
  font-size: .375em;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  position: relative;
  left: -1.25em;
  top: -.75em; }

/* $. Duo
\*----------------------------------------------------------------*/
.duo {
  margin: 1em 0; }
  @media screen and (min-width: 48em) {
    .duo {
      display: table; } }

.duo__panel {
  padding: 1.5em;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 1em;
  background-size: cover;
  color: #FFF; }
  @media screen and (min-width: 30em) {
    .duo__panel {
      padding: 3em; } }
  @media screen and (min-width: 48em) {
    .duo__panel {
      display: table-cell;
      margin-bottom: 0;
      padding: 0 1em;
      height: 25em;
      border-left: 1em solid #FFF;
      width: 50%; }
      .duo__panel:first-child {
        border-left: 0;
        border-right: 1em solid #FFF; } }
  @media screen and (min-width: 78em) {
    .duo__panel {
      padding: 0 4em; } }

/*! Tablesaw - v1.0.4 - 2015-02-19
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed MIT */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%; }

.tablesaw {
  border-collapse: collapse;
  width: 100%; }

/* Structure */
.tablesaw {
  border: 0;
  padding: 0; }

.tablesaw th,
.tablesaw td {
  box-sizing: border-box;
  padding: 0.5em 0.7em; }

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em; }

.tablesaw-enhanced .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit {
  border: 1px solid #ccc;
  background: none;
  background-color: #fafafa;
  box-shadow: 0 1px 0 white;
  color: #4a4a4a;
  clear: both;
  cursor: pointer;
  display: block;
  font: bold 20px/1 sans-serif;
  margin: 0;
  padding: 0.5em 0.85em 0.4em 0.85em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  text-shadow: 0 1px 0 #fff;
  width: 100%;
  /* Theming */
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  border-radius: .25em; }

.tablesaw-enhanced .tablesaw-bar a.btn, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed a.sys_form-submit, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar a.sys_form-submit {
  color: #1c95d4; }

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:hover, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:hover {
  text-decoration: none; }

/* Default radio/checkbox styling horizonal controlgroups. */
.tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:active, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:active {
  background-color: #ddd;
  background-image: linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%); }

.tablesaw-enhanced .tablesaw-bar .btn:hover,
.tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:hover,
.sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:focus, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:focus {
  color: #208de3;
  background-color: #fff;
  outline: none; }

.tablesaw-cell-persist {
  max-width: 50%; }

.tablesaw-bar .btn:focus, .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:focus, .sys_formrendercontrol-themed .tablesaw-bar .sys_form-submit:focus {
  box-shadow: 0 0 0.35em #4faeef !important; }

.ie-lte8 .tablesaw-bar .btn:hover,
.ie-lte8 .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:hover,
.sys_formrendercontrol-themed .ie-lte8 .tablesaw-bar .sys_form-submit:hover, .ie-lte8 .tablesaw-bar .btn:focus, .ie-lte8 .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:focus, .sys_formrendercontrol-themed .ie-lte8 .tablesaw-bar .sys_form-submit:focus {
  color: #208de3;
  background-color: #fff;
  border-color: #aaa;
  outline: none; }

.tablesaw-bar .btn-select select {
  background: none;
  border: none;
  display: block;
  position: absolute;
  font-weight: inherit;
  left: 0;
  top: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  min-height: 1em; }

.tablesaw-bar .btn-select select {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  color: transparent; }

.tablesaw-bar .btn select option, .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit select option, .sys_formrendercontrol-themed .tablesaw-bar .sys_form-submit select option {
  background: #fff;
  color: #000;
  font-family: sans-serif; }

.tablesaw-enhanced .tablesaw-bar .btn.btn-select, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .btn-select.sys_form-submit, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .btn-select.sys_form-submit {
  color: #4d4d4d;
  padding-right: 2.5em;
  min-width: 7.25em;
  text-align: left;
  text-indent: 0; }

.ie-lte8 .tablesaw-bar .btn-select {
  min-width: 6.1em; }

.tablesaw-bar .btn.btn-small,
.tablesaw-bar .sys_formrendercontrol-themed .btn-small.sys_form-submit,
.sys_formrendercontrol-themed .tablesaw-bar .btn-small.sys_form-submit, .tablesaw-bar .btn.btn-micro, .tablesaw-bar .sys_formrendercontrol-themed .btn-micro.sys_form-submit, .sys_formrendercontrol-themed .tablesaw-bar .btn-micro.sys_form-submit {
  display: inline-block;
  width: auto;
  height: auto;
  position: relative;
  top: 0; }

.tablesaw-bar .btn.btn-small, .tablesaw-bar .sys_formrendercontrol-themed .btn-small.sys_form-submit, .sys_formrendercontrol-themed .tablesaw-bar .btn-small.sys_form-submit {
  font-size: 1.0625em;
  line-height: 19px;
  padding: 0.3em 1em 0.3em 1em; }

.tablesaw-bar .btn.btn-micro, .tablesaw-bar .sys_formrendercontrol-themed .btn-micro.sys_form-submit, .sys_formrendercontrol-themed .tablesaw-bar .btn-micro.sys_form-submit {
  font-size: .8125em;
  padding: 0.4em 0.7em 0.25em 0.7em; }

.tablesaw-enhanced .tablesaw-bar .btn-select {
  text-align: left; }

.tablesaw-bar .btn-select:after {
  background: #e5e5e5;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);
  content: " ";
  display: block;
  position: absolute; }

.tablesaw-bar .btn-select.btn-small,
.tablesaw-bar .btn-select.btn-micro {
  padding-right: 1.5em; }

.tablesaw-bar .btn-select:after {
  background: none;
  background-repeat: no-repeat;
  background-position: 0.25em 0.45em;
  content: "\25bc";
  font-size: .55em;
  padding-top: 1.2em;
  padding-left: 1em;
  left: auto;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  width: 1.8em; }

.tablesaw-bar .btn-select.btn-small:after,
.tablesaw-bar .btn-select.btn-micro:after {
  width: 1.2em;
  font-size: .5em;
  padding-top: 1em;
  padding-right: .5em;
  line-height: 1.65;
  background: none;
  box-shadow: none;
  border-left-width: 0; }

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance .btn, .tablesaw-advance .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .tablesaw-advance .sys_form-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  text-shadow: 0 1px 0 #fff;
  border-radius: .25em; }

.tablesaw-advance .btn.btn-micro, .tablesaw-advance .sys_formrendercontrol-themed .btn-micro.sys_form-submit, .sys_formrendercontrol-themed .tablesaw-advance .btn-micro.sys_form-submit {
  font-size: .8125em;
  padding: 0.3em 0.7em 0.25em 0.7em; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  height: 1.8em;
  background-position: 50% 50%;
  margin-left: .5em;
  position: relative; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  content: "\0020";
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {
  left: .5em;
  top: .65em;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  top: .45em;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  left: .6em;
  border-right: 5px solid #808080; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  left: .7em;
  border-left: 5px solid #808080; }

.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none; }

/* Table Toolbar */
.tablesaw-bar {
  clear: both;
  font-family: sans-serif; }

.tablesaw-toolbar {
  font-size: .875em;
  float: left; }

.tablesaw-toolbar label, .tablesaw-toolbar form .control__label, form .tablesaw-toolbar .control__label {
  padding: .5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: .5em;
  text-transform: uppercase; }

.tablesaw-bar .btn,
.tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit,
.sys_formrendercontrol-themed .tablesaw-bar .sys_form-submit, .tablesaw-enhanced .tablesaw-bar .btn, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit {
  margin-top: .5em;
  margin-bottom: .5em; }

.tablesaw-bar .btn-select,
.tablesaw-enhanced .tablesaw-bar .btn-select {
  margin-bottom: 0; }

.tablesaw-bar .tablesaw-toolbar .btn, .tablesaw-bar .tablesaw-toolbar .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .tablesaw-bar .tablesaw-toolbar .sys_form-submit {
  margin-left: .4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-family: sans-serif;
  font-size: 1em;
  padding-left: .3em; }

.tablesaw-bar .tablesaw-toolbar .btn-select {
  min-width: 0; }

.tablesaw-bar .tablesaw-toolbar .btn-select:after {
  padding-top: .9em; }

.tablesaw-bar .tablesaw-toolbar select {
  color: #888;
  text-transform: none;
  background: transparent; }

.tablesaw-toolbar ~ table {
  clear: both; }

.tablesaw-toolbar .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px; }

@media (min-width: 24em) {
  .tablesaw-toolbar .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible; } }

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none; }

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block; }
  .tablesaw-stack tr {
    clear: both;
    display: table-row; }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 0.6em 0 0;
    width: 30%;
    display: inline-block; }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0; }
  .tablesaw-cell-label {
    display: block; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px; }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important; } }

@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none; }
  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    padding: .5em 0;
    clear: left;
    float: left;
    width: 100%; }
  .tablesaw-cell-label {
    vertical-align: top; }
  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block; }
  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none; }
  /* Table rows have a gray bottom stroke by default */
  .tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf; } }

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row; }
  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0; }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important; } }

.tablesaw-fix-persist {
  table-layout: fixed; }

@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none; } }

.btn.tablesaw-columntoggle-btn span, .sys_formrendercontrol-themed .tablesaw-columntoggle-btn.sys_form-submit span {
  text-indent: -9999px;
  display: inline-block; }

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */ }

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: .5em; }

.tablesaw-columntoggle tbody td {
  line-height: 1.5; }

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
  display: none; }

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: 0.5em 0.8em;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: .2em;
  z-index: 1; }

.tablesaw-columntoggle-popup fieldset {
  margin: 0; }

/* Hide all prioritized columns by default */
@media only all {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: none; } }

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -.5em auto 0; }

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none; }

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) {
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell; } }

/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) {
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell; } }

/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) {
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell; }
  .tablesaw-columntoggle tbody td {
    line-height: 2; } }

/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) {
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell; } }

/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) {
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell; } }

/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) {
  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell; } }

@media only all {
  /* Unchecked manually: Always hide */
  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none; }
  /* Checked manually: Always show */
  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell; } }

.tablesaw-columntoggle-popup .btn-group > label, .tablesaw-columntoggle-popup form .btn-group > .control__label, form .tablesaw-columntoggle-popup .btn-group > .control__label {
  display: block;
  padding: .2em 0;
  white-space: nowrap; }

.tablesaw-columntoggle-popup .btn-group > label input, .tablesaw-columntoggle-popup form .btn-group > .control__label input, form .tablesaw-columntoggle-popup .btn-group > .control__label input, .tablesaw-columntoggle-popup .btn-group > label .custom-select, .tablesaw-columntoggle-popup form .btn-group > .control__label .custom-select, form .tablesaw-columntoggle-popup .btn-group > .control__label .custom-select {
  margin-right: .8em; }

.tablesaw-sortable,
.tablesaw-sortable thead,
.tablesaw-sortable thead tr,
.tablesaw-sortable thead tr th {
  position: relative; }

.tablesaw-sortable thead tr th {
  padding-right: 1.6em;
  vertical-align: top; }

.tablesaw-sortable th.tablesaw-sortable-head,
.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {
  padding: 0; }

.tablesaw-sortable th.tablesaw-sortable-head button {
  padding-top: .9em;
  padding-bottom: .7em;
  padding-left: .6em;
  padding-right: 1.6em; }

.tablesaw-sortable .tablesaw-sortable-head button {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
  text-align: left;
  font: inherit;
  text-transform: inherit;
  position: relative; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,
.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  width: 7px;
  height: 10px;
  content: "\0020";
  position: absolute;
  right: .5em; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {
  content: "↑"; }

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {
  content: "↓"; }

.tablesaw-sortable .not-applicable:after {
  content: "--";
  display: block; }

.tablesaw-sortable .not-applicable span {
  display: none; }

.tablesaw-advance {
  float: right; }

.tablesaw-advance.minimap {
  margin-right: .4em; }

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none; }

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: 0.4em 0.2em; }

.tablesaw-advance-dots li i {
  width: .25em;
  height: .25em;
  background: #555;
  border-radius: 100%;
  display: inline-block; }

.tablesaw-advance-dots-hide {
  opacity: .25;
  filter: alpha(opacity=25);
  cursor: default;
  pointer-events: none; }

/**
 * Title: Mixd Lightbox plugin
 * Description: Basic styling for the Lightbox
 * Sections:
 *    $. Lightbox
 */
/* $. Lightbox
\*----------------------------------------------------------------*/
.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: none;
  width: 100%;
  height: 100%;
  background: #222;
  background: rgba(0, 0, 0, 0.75); }
  .lightbox--active .lightbox {
    display: block; }

.lightbox--active {
  overflow: hidden; }

.lightbox .island, .lightbox .sys_news-control .sys_subitem, .sys_news-control .lightbox .sys_subitem, .lightbox .sys_formrendercontrol-themed .sys_cms-form-control, .sys_formrendercontrol-themed .lightbox .sys_cms-form-control {
  position: relative;
  top: 50%;
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  max-height: 95%;
  overflow-y: scroll; }
  @media (max-width: 600px) {
    .lightbox .island, .lightbox .sys_news-control .sys_subitem, .sys_news-control .lightbox .sys_subitem, .lightbox .sys_formrendercontrol-themed .sys_cms-form-control, .sys_formrendercontrol-themed .lightbox .sys_cms-form-control {
      padding: .75em; } }

.lightbox__close {
  position: absolute;
  top: 1em;
  right: 1em;
  background-color: #fff;
  cursor: pointer;
  height: 3em;
  width: 3em;
  background-position: center;
  background-size: 50%;
  border: 0; }
  .lightbox__close:hover, .lightbox__close:focus {
    background-color: #eee; }

.lightbox__hidden-content {
  display: none; }

.lightbox__content .article > h1:first-child {
  margin-top: 0;
  font-size: 28px;
  font-size: 1.75rem; }

.lightbox__content .intro, .lightbox__content .intro_user {
  font-size: 20px;
  font-size: 1.25rem; }

.lightbox__content .accordion__head, .lightbox__content .sys_accordion .icon--maximise-dark, .sys_accordion .lightbox__content .icon--maximise-dark, .lightbox__content .sys_accordion .icon--minimise-dark, .sys_accordion .lightbox__content .icon--minimise-dark, .lightbox__content .contentCupboardsmall .icon--maximise-dark, .contentCupboardsmall .lightbox__content .icon--maximise-dark, .lightbox__content .contentCupboardsmall .icon--minimise-dark, .contentCupboardsmall .lightbox__content .icon--minimise-dark {
  cursor: auto; }

.lightbox__content .accordion__body, .lightbox__content .sys_accordion div, .sys_accordion .lightbox__content div, .lightbox__content .contentCupboardsmall div, .contentCupboardsmall .lightbox__content div {
  display: block; }

.lightbox__content .accordion__control,
.lightbox__content .accordion__master-button {
  display: none; }

/*----------------------------------------------------------------------------------------* $.Modules / Objects
\*----------------------------------------------------------------------------------------*/
/* $. Media Object - http://goo.gl/Xf6MJ
\*----------------------------------------------------------------*/
.media {
  display: block;
  margin-bottom: 1.5em; }

.media__img img,
img.media__img {
  margin-bottom: 1.5em; }
  @media screen and (min-width: 48em) {
    .media__img img,
    img.media__img {
      margin-bottom: 0; } }

@media screen and (min-width: 48em) {
  .media__body {
    overflow: hidden; } }

.media__body:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 48em) {
  .media__img {
    float: left;
    margin-bottom: 0;
    margin-right: 2em; } }

@media screen and (min-width: 48em) {
  .media--flipped .media__img {
    float: right;
    margin-right: 0;
    margin-left: 2em; } }

/* $. Island Object - http://goo.gl/1XYHG
\*----------------------------------------------------------------*/
.island, .sys_news-control .sys_subitem, .sys_formrendercontrol-themed .sys_cms-form-control {
  padding: 0.75em;
  background-color: #605270;
  margin-bottom: 1em; }
  .island > :last-child, .sys_news-control .sys_subitem > :last-child, .sys_formrendercontrol-themed .sys_cms-form-control > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 30em) {
    .island, .sys_news-control .sys_subitem, .sys_formrendercontrol-themed .sys_cms-form-control {
      padding: 1.5em; } }

.island--small {
  padding: 0.75em; }

.island--gray, .sys_news-control .sys_subitem, .sys_formrendercontrol-themed .sys_cms-form-control, .island--white, .sys_news-control .sys_subalternatingitem {
  background-color: #F7F7F7; }
  .island--gray td, .sys_news-control .sys_subitem td, .sys_formrendercontrol-themed .sys_cms-form-control td, .island--white td, .sys_news-control .sys_subalternatingitem td {
    background-color: #FFF;
    border-color: #F7F7F7; }
  .island--gray .tablesaw-stack td:last-child, .sys_news-control .sys_subitem .tablesaw-stack td:last-child, .sys_formrendercontrol-themed .sys_cms-form-control .tablesaw-stack td:last-child, .island--white .tablesaw-stack td:last-child, .sys_news-control .sys_subalternatingitem .tablesaw-stack td:last-child {
    border-bottom: 3px solid #F7F7F7; }

.island--yellow {
  background: #f0f0c2; }

.island--white, .sys_news-control .sys_subalternatingitem {
  background-color: #FFF; }

.island--quote {
  position: relative;
  margin-bottom: 3em; }
  .island--quote:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3em 3em 0;
    border-color: transparent #F7F7F7 transparent transparent; }

.island--flush {
  padding: 0; }
  .island--flush .island__inner {
    padding: 0.75em; }
    @media screen and (min-width: 30em) {
      .island--flush .island__inner {
        padding: 1.5em; } }

/* $. Navigation objects - http://goo.gl/QjtO6
\*----------------------------------------------------------------*/
.nav--inline li,
.nav--inline a {
  margin-bottom: 0;
  display: inline-block;
  *display: inline;
  zoom: 1; }

.nav--divided li {
  border-left: 1px solid #CECBC6; }
  .nav--divided li:first-child {
    border-left: none; }
    .nav--divided li:first-child a {
      padding-left: 0; }
  .nav--divided li:last-child a {
    padding-right: 0; }

.nav--stacked li {
  display: list-item;
  margin-bottom: 0; }

.nav--stacked a {
  display: block;
  padding: .5em 0; }

.nav--blocked a {
  display: block;
  padding: .5em;
  background-color: #F5F5F5; }

/* $. Buttons
\*----------------------------------------------------------------*/
.btn:link,
.sys_formrendercontrol-themed .sys_form-submit:link,
.btn:visited,
.sys_formrendercontrol-themed .sys_form-submit:visited,
.btn,
.sys_formrendercontrol-themed .sys_form-submit,
input[type=submit],
[type=submit].custom-select,
.light-copy .btn,
.light-copy .sys_formrendercontrol-themed .sys_form-submit,
.sys_formrendercontrol-themed .light-copy .sys_form-submit, .light-copy .btn:visited, .light-copy .sys_formrendercontrol-themed .sys_form-submit:visited, .sys_formrendercontrol-themed .light-copy .sys_form-submit:visited {
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  text-align: left;
  display: inline-block;
  padding: 0.65em 1em;
  color: #FFF;
  line-height: 1;
  border: 1px solid #605270;
  background-color: #605270;
  text-decoration: none;
  margin-bottom: 1.5em;
  margin-top: .25em;
  padding-right: 3.5em;
  background-position: top right;
  background-size: contain; }
  .btn:link:hover,
  .sys_formrendercontrol-themed .sys_form-submit:link:hover,
  .btn:visited:hover,
  .sys_formrendercontrol-themed .sys_form-submit:visited:hover,
  .btn:hover,
  .sys_formrendercontrol-themed .sys_form-submit:hover,
  input[type=submit]:hover,
  [type=submit].custom-select:hover,
  .light-copy .btn:hover,
  .light-copy .sys_formrendercontrol-themed .sys_form-submit:hover,
  .sys_formrendercontrol-themed .light-copy .sys_form-submit:hover, .light-copy .btn:visited:hover, .light-copy .sys_formrendercontrol-themed .sys_form-submit:visited:hover, .sys_formrendercontrol-themed .light-copy .sys_form-submit:visited:hover {
    background-color: #534761;
    border-color: #534761; }

.btn--wide,
.btn--wide:link
.btn--wide:visited {
  width: 100%;
  text-align: center; }

.img-btn {
  display: block;
  margin-bottom: 1.5em; }
  .img-btn img {
    margin-bottom: 2px; }
  @media screen and (min-width: 64em) {
    .img-btn {
      margin-bottom: 0; } }

.btn--highlight {
  background-color: #FF4A46;
  color: #FFF;
  padding: 1em 2em;
  padding-right: 5.5em; }
  .btn--highlight:hover {
    background-color: #ff312c; }

.btn--small {
  font-size: .85em; }

@media screen and (min-width: 55em) {
  .btn--large,
  .btn--large:link,
  .btn--large:visited {
    padding: 1em 3em;
    padding-right: 6em; } }

.btn--light,
.btn--light:link,
.btn--light:visited {
  background-color: #FFF;
  color: #605270;
  border-color: #FFF; }
  .btn--light:hover,
  .btn--light:link:hover,
  .btn--light:visited:hover {
    background-color: #f2f2f2;
    border-color: #f2f2f2; }

.btn--reverse,
.btn--reverse:link,
.btn--reverse:visited {
  padding-left: 3.5em;
  padding-right: 1em;
  background-position: top left; }

.btn--bordered.btn--bordered,
.btn--bordered.btn--bordered:link,
.btn--bordered.btn--bordered:visited {
  text-align: center;
  border: 0.1em solid #605270; }

.btn--small {
  font-size: .85em; }

.btn--ghost,
.btn--ghost:link,
.btn--ghost:visited {
  padding: .5em;
  background-color: transparent;
  border: 2px solid #FFF;
  text-align: center;
  width: 100%;
  transition: background-color 0.15s linear; }
  .btn--ghost:hover,
  .btn--ghost:link:hover,
  .btn--ghost:visited:hover {
    border: 2px solid #FFF;
    background-color: rgba(255, 255, 255, 0.1); }

.quicklink {
  font-size: 1.2em;
  display: block;
  padding: 0.5em 0 0.5em 2.25em;
  background-position: center left; }
  .quicklink:first-child {
    border-top: 1px solid rgba(0, 104, 146, 0.3); }

.breadcrumbs {
  margin: 0.75em 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #757575; }
  .breadcrumbs a {
    position: relative;
    color: #006892;
    border-bottom: 1px solid transparent; }
    .breadcrumbs a:hover, .breadcrumbs a:focus {
      border-bottom: 1px solid #006892;
      border-bottom: 1px solid rgba(0, 104, 146, 0.5); }

/* $. Inserts
\*----------------------------------------------------------------*/
.insert {
  padding: 0.75em; }
  .insert :first-child {
    margin-top: 0; }

.flash {
  display: block;
  background-color: #F4F5F5;
  padding: 0.5em 0.8em; }

.section {
  margin-bottom: 2em;
  padding: 1em 0; }

.section--grey {
  border-top: 0.3em solid #F7F7F7;
  border-bottom: 0.3em solid #F7F7F7; }

.link {
  position: relative;
  left: -1.75em; }
  .link span {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: .5em;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: contain; }

/* $. Resusable form objects
\*----------------------------------------------------------------*/
/* Single-field inline forms (search forms etc.) */
.form--inline .form--inline__fields {
  position: relative; }

.form--inline input, .form--inline .custom-select, .form--inline button {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  height: 3em;
  padding: 0 1em;
  margin: 0; }

.form--inline input, .form--inline .custom-select {
  width: 100%; }
  @media screen and (min-width: 55em) {
    .form--inline input, .form--inline .custom-select {
      padding-right: 11em; } }

.form--inline button {
  width: 8em;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 22px;
  font-size: 1.375rem;
  height: 100%;
  padding: 0;
  border: 0; }

.form__required {
  color: #FF4A46; }

/* $. Filters
\*----------------------------------------------------------------*/
.form--filters {
  margin-top: 1.5em; }
  .form--filters .btn, .form--filters .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .form--filters .sys_form-submit {
    margin-top: .75em; }

.form--filters__input {
  float: left;
  margin-right: 1em;
  margin-bottom: .5em; }

.form--filters__select {
  position: relative;
  padding: .75em 0;
  border-bottom: 1px solid #CECBC6; }
  .form--filters__select label, .form--filters__select form .control__label, form .form--filters__select .control__label {
    line-height: 1;
    margin-bottom: .25em;
    padding: 0; }
    @media screen and (min-width: 48em) {
      .form--filters__select label, .form--filters__select form .control__label, form .form--filters__select .control__label {
        margin: 0;
        float: left;
        width: 48%;
        margin-right: 2%; } }
  .form--filters__select select {
    margin: 0; }
    @media screen and (min-width: 48em) {
      .form--filters__select select {
        float: right;
        width: 50%;
        max-width: 20em; } }
  .form--filters__select .hasCustomSelect {
    float: none;
    left: .3em;
    bottom: 1.2em;
    width: auto;
    max-width: none; }
  .form--filters__select .custom-selectInner {
    width: 100% !important; }

/* Form row
\*----------------------------------------------------------------*/
.form--row, .sys_search-options {
  padding: 2em 0;
  background-color: #F7F7F7; }
  @media screen and (min-width: 55em) {
    .form--row input, .sys_search-options input, .form--row .custom-select, .sys_search-options .custom-select {
      margin-bottom: 0; } }
  .form--row .btn, .sys_search-options .btn, .form--row .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .form--row .sys_form-submit, .sys_search-options .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .sys_search-options .sys_form-submit {
    height: 2.37em;
    width: 100%;
    margin: 0;
    padding: 0.65em 1em;
    font-size: 22px;
    font-size: 1.375rem;
    text-align: center; }

.form--row__icon {
  padding-right: 3em;
  background-position: 90% center; }

/* Custom select
\*----------------------------------------------------------------*/
.custom-select {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAMCAYAAAB4MH11AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHZJREFUOI21zUERgCAURdH7hy7ksACZxEwU0BqUwRUzqIBfxbd8i3vEOedFZOaHpZQWE2NcrbUiItPoeAjBG4DRSI4DmHyOQsr4ARiBnOMX4AtSi1eBN0gr3gSeIL14F9Agd/FboIdo4iqghmjjaqBEgE0bB9gB5hRxszCBgU4AAAAASUVORK5CYII=");
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2012%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%234E4E4E%22%20d%3D%22M0%200h24L12%2012z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: top 50% right 1em;
  cursor: pointer;
  padding-right: 1.75em; }

.js-selectInner {
  overflow: hidden;
  white-space: nowrap; }

@media screen and (min-width: 30em) {
  .select--full {
    height: 10em; } }

/* Control modifiers
\*----------------------------------------------------------------*/
@media screen and (min-width: 55em) {
  .control--pair .control__field, .control--pair label, .control--pair form .control__label, form .control--pair .control__label {
    float: left; }
  .control--pair label, .control--pair form .control__label, form .control--pair .control__label {
    width: 15%; }
  .control--pair .control__field {
    width: 85%; } }

.control--pair input, .control--pair .custom-select, .control--pair select, .control--pair textarea {
  padding: .25em;
  margin-bottom: 0; }

.control--pair .custom-select {
  background-position: top 50% right 0.5em; }

/* $. CMS overrides
\*----------------------------------------------------------------*/
.sys_cms-form-control {
  max-width: 50em; }

.sys_cms-form-body li {
  margin-bottom: 1.5em; }

.sys_cms-form-body select {
  padding: .5em 0; }

.sys_checkbox .sys_fieldcontent span {
  float: left;
  display: block;
  position: relative;
  padding-left: 1em;
  margin-right: .5em;
  margin-top: .5em; }
  .sys_checkbox .sys_fieldcontent span input[type=checkbox], .sys_checkbox .sys_fieldcontent span [type=checkbox].custom-select {
    position: absolute;
    left: 0;
    top: .15em; }

/* $. CMS overrides
\*----------------------------------------------------------------*/
.faux-radio, .faux-checkbox {
  color: #4C4C4C;
  border-bottom: 0;
  padding-left: 1.25em;
  background-position: 0 0.1em; }

.faux-checkbox {
  display: block;
  background-position: 0 0.3em; }

/* $. Link list
\*----------------------------------------------------------------*/
.list--links, #quickLinks ul {
  font-size: 18px;
  font-size: 1.125rem; }
  .list--links li, #quickLinks ul li {
    padding-left: 1em;
    margin-bottom: .75em;
    line-height: 1; }

/* $. List columns
\*----------------------------------------------------------------*/
.list--cols {
  max-width: 100%; }
  .list--cols li {
    margin-bottom: .75em; }

@media screen and (min-width: 30em) {
  .list--cols-3 li {
    width: 50%;
    padding-right: 1em;
    float: left; } }

@media screen and (min-width: 55em) {
  .list--cols-3 li {
    width: 33.33333%; } }

@media screen and (min-width: 30em) {
  .list--cols-4 li {
    width: 50%;
    padding-right: 1em;
    float: left; } }

@media screen and (min-width: 55em) {
  .list--cols-4 li {
    width: 25%; } }

/* $. Pill list
\*----------------------------------------------------------------*/
.list--pills li {
  display: inline;
  margin: 0; }

.list--pills a {
  display: inline-block;
  padding: 0.25em 0.5em;
  background-color: #FFF;
  margin-bottom: .25em;
  border: 0;
  transition: background-color 0.15s linear; }
  .list--pills a:hover {
    background-color: #e3e3e3; }

/* $.b Inline lists
\*----------------------------------------------------------------*/
.list--inline li {
  display: inline-block;
  margin-right: .5em; }

/* $. Accordion
\*----------------------------------------------------------------*/
.accordion {
  background-color: #F7F7F7;
  margin-bottom: 1.5em; }
  .accordion h1:first-child, .accordion h2:first-child {
    margin-top: 0; }

.accordion__block {
  clear: both;
  border-bottom: 1px solid #FFF; }

.accordion__head, .sys_accordion .icon--maximise-dark, .sys_accordion .icon--minimise-dark, .contentCupboardsmall .icon--maximise-dark, .contentCupboardsmall .icon--minimise-dark {
  background-color: #757575;
  position: relative;
  cursor: pointer;
  padding: 0.75em 1.5em;
  color: #FFF; }
  .accordion__head .container, .sys_accordion .icon--maximise-dark .container, .sys_accordion .icon--minimise-dark .container, .contentCupboardsmall .icon--maximise-dark .container, .contentCupboardsmall .icon--minimise-dark .container {
    position: relative; }

.accordion__title, .sys_accordion .icon--maximise-dark, .sys_accordion .icon--minimise-dark, .contentCupboardsmall .icon--maximise-dark, .contentCupboardsmall .icon--minimise-dark {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0; }

.accordion__body, .sys_accordion div, .contentCupboardsmall div {
  display: none;
  padding: 1.5em; }
  div.home-accordion .accordion__block:first-child .accordion__body, div.home-accordion .accordion__block:first-child .sys_accordion div, .sys_accordion div.home-accordion .accordion__block:first-child div, div.home-accordion .accordion__block:first-child .contentCupboardsmall div, .contentCupboardsmall div.home-accordion .accordion__block:first-child div {
    display: block; }

.accordion__control {
  display: block;
  height: 1.5em;
  width: 1.5em;
  background-position: top right;
  background-size: contain;
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -.75em; }

.accordion__master-button {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  float: right;
  padding: 0.5em 1em;
  transition: background-color 0.15s linear;
  background-color: whitesmoke;
  border-bottom: 0; }
  .accordion__master-button:hover {
    background-color: #F0F0F0; }

.accordion--light, .sys_accordion, .contentCupboardsmall {
  background-color: #FFF; }
  .accordion--light .accordion__head, .sys_accordion .accordion__head, .contentCupboardsmall .accordion__head, .sys_accordion .icon--maximise-dark, .sys_accordion .icon--minimise-dark, .contentCupboardsmall .icon--maximise-dark, .contentCupboardsmall .icon--minimise-dark {
    background-color: #F0F0F0;
    color: #006892; }
  .accordion--light .accordion__body, .sys_accordion .accordion__body, .contentCupboardsmall .accordion__body, .sys_accordion div, .contentCupboardsmall div {
    border: 2px solid #F0F0F0;
    border-width: 0 2px 0 2px; }
  .accordion--light .accordion__block:last-child .accordion__body, .sys_accordion .accordion__block:last-child .accordion__body, .contentCupboardsmall .accordion__block:last-child .accordion__body, .accordion--light .accordion__block:last-child .sys_accordion div, .sys_accordion .accordion__block:last-child div, .accordion--light .accordion__block:last-child .contentCupboardsmall div, .contentCupboardsmall .accordion__block:last-child div {
    border-bottom-width: 2px; }

.accordion--bold .accordion__head, .accordion--bold .sys_accordion .icon--maximise-dark, .sys_accordion .accordion--bold .icon--maximise-dark, .accordion--bold .sys_accordion .icon--minimise-dark, .sys_accordion .accordion--bold .icon--minimise-dark, .accordion--bold .contentCupboardsmall .icon--maximise-dark, .contentCupboardsmall .accordion--bold .icon--maximise-dark, .accordion--bold .contentCupboardsmall .icon--minimise-dark, .contentCupboardsmall .accordion--bold .icon--minimise-dark {
  background-color: #605270; }

.accordion--bold .accordion__body, .accordion--bold .sys_accordion div, .sys_accordion .accordion--bold div, .accordion--bold .contentCupboardsmall div, .contentCupboardsmall .accordion--bold div {
  background-color: #FFF; }

.accordion--invert .accordion__head, .accordion--invert .sys_accordion .icon--maximise-dark, .sys_accordion .accordion--invert .icon--maximise-dark, .accordion--invert .sys_accordion .icon--minimise-dark, .sys_accordion .accordion--invert .icon--minimise-dark, .accordion--invert .contentCupboardsmall .icon--maximise-dark, .contentCupboardsmall .accordion--invert .icon--maximise-dark, .accordion--invert .contentCupboardsmall .icon--minimise-dark, .contentCupboardsmall .accordion--invert .icon--minimise-dark {
  color: #605270;
  background-color: #FFF;
  border-bottom: 1px solid #F7F7F7; }

.accordion--invert .accordion__body, .accordion--invert .sys_accordion div, .sys_accordion .accordion--invert div, .accordion--invert .contentCupboardsmall div, .contentCupboardsmall .accordion--invert div {
  background-color: #FFF; }

/* $. Non--collpasing accordion
\*----------------------------------------------------------------*/
.accordion--no-collapse .accordion__block:first-child .accordion__body, .sys_accordion .accordion__block:first-child .accordion__body, .contentCupboardsmall .accordion__block:first-child .accordion__body, .accordion--no-collapse .accordion__block:first-child .sys_accordion div, .sys_accordion .accordion__block:first-child div, .accordion--no-collapse .accordion__block:first-child .contentCupboardsmall div, .contentCupboardsmall .accordion__block:first-child div {
  display: none; }

/* $. Backwards compatability for existing "content cupboards"
\*----------------------------------------------------------------*/
.sys_accordion, .contentCupboardsmall {
  border-bottom: 1px solid #FFF;
  clear: both; }
  .sys_accordion div, .contentCupboardsmall div {
    border-bottom-width: 2px;
    display: block; }
  .sys_accordion .icon--maximise-dark, .sys_accordion .icon--minimise-dark, .contentCupboardsmall .icon--maximise-dark, .contentCupboardsmall .icon--minimise-dark {
    background-position: top 0.75em right 0.75em;
    background-size: 1em;
    background-repeat: no-repeat; }

/* $. Tabs
\*----------------------------------------------------------------*/
.tabs {
  padding: 0;
  margin-bottom: 3em;
  border-bottom: 4px solid #CECBC6; }
  @media screen and (max-width: 55em) {
    .tabs {
      margin-top: 1.5em; } }

.tabs__controls, .sys_tabsfilter-control
ul {
  margin-bottom: 0;
  border-bottom: 4px solid #757575; }
  .tabs__controls li, .sys_tabsfilter-control
ul li {
    margin: 0; }
    @media screen and (min-width: 48em) {
      .tabs__controls li, .sys_tabsfilter-control
ul li {
        float: left; } }
  .tabs__controls a, .sys_tabsfilter-control
ul a {
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    width: 100%;
    padding: 0.25em 0.5em;
    background-color: #F0F0F0;
    color: #4C4C4C;
    font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
    border: 1px solid #FFF;
    border-width: 0 1px 1px 0;
    transition: all 0.15s linear; }
    .tabs__controls a.is-active, .sys_tabsfilter-control
ul a.is-active, .sys_tabsfilter-control
ul li.sys_selected a, .tabs__controls a:hover, .sys_tabsfilter-control
ul a:hover {
      color: #FFF;
      border-color: #757575;
      background-color: #757575; }
    @media screen and (min-width: 30em) {
      .tabs__controls a, .sys_tabsfilter-control
ul a {
        width: 50%;
        float: left; } }
    @media screen and (min-width: 48em) {
      .tabs__controls a, .sys_tabsfilter-control
ul a {
        padding: 0.75em 1.25em;
        display: inline-block;
        width: auto; } }

.tabs__section {
  display: none;
  padding: 1.5em 0; }

.tabs__section--first {
  display: block; }

/* $. Narrow column tabs
\*----------------------------------------------------------------*/
@media screen and (min-width: 48em) {
  .tabs--narrow .tabs__controls li, .tabs--narrow .sys_tabsfilter-control
ul li, .sys_tabsfilter-control
.tabs--narrow ul li {
    float: none; } }

@media screen and (min-width: 55em) {
  .tabs--narrow .tabs__controls li, .tabs--narrow .sys_tabsfilter-control
ul li, .sys_tabsfilter-control
.tabs--narrow ul li {
    float: left; } }

@media screen and (min-width: 30em) {
  .tabs--narrow .tabs__controls a, .tabs--narrow .sys_tabsfilter-control
ul a, .sys_tabsfilter-control
.tabs--narrow ul a {
    width: 50%;
    float: left; } }

@media screen and (min-width: 48em) {
  .tabs--narrow .tabs__controls a, .tabs--narrow .sys_tabsfilter-control
ul a, .sys_tabsfilter-control
.tabs--narrow ul a {
    padding: 0.25em 0.5em;
    display: block;
    width: 50%; } }

@media screen and (min-width: 55em) {
  .tabs--narrow .tabs__controls a, .tabs--narrow .sys_tabsfilter-control
ul a, .sys_tabsfilter-control
.tabs--narrow ul a {
    font-size: 16px;
    font-size: 1rem;
    padding: 0.75em 1.25em;
    display: inline-block;
    width: auto; } }

@media screen and (min-width: 78em) {
  .tabs--narrow .tabs__controls a, .tabs--narrow .sys_tabsfilter-control
ul a, .sys_tabsfilter-control
.tabs--narrow ul a {
    font-size: 18px;
    font-size: 1.125rem; } }

/* $. Tabs with solid bg
\*----------------------------------------------------------------*/
.tabs--opaque {
  border-bottom: 0; }
  .tabs--opaque .tabs__section {
    background-color: #F7F7F7;
    padding: 0.75em; }
    @media screen and (min-width: 30em) {
      .tabs--opaque .tabs__section {
        padding: 1.5em; } }
  .tabs--opaque td {
    background-color: #FFF;
    border-color: #F7F7F7; }
  .tabs--opaque .tablesaw-stack td:last-child {
    border-bottom: 3px solid #F7F7F7; }

.tabs--col-5 {
  border: 0; }
  .tabs--col-5 .tabs__controls, .tabs--col-5 .sys_tabsfilter-control
ul, .sys_tabsfilter-control
.tabs--col-5 ul {
    position: relative;
    border: 0; }
    .tabs--col-5 .tabs__controls li, .tabs--col-5 .sys_tabsfilter-control
ul li, .sys_tabsfilter-control
.tabs--col-5 ul li {
      float: none;
      width: 100%; }
      @media screen and (min-width: 64em) {
        .tabs--col-5 .tabs__controls li, .tabs--col-5 .sys_tabsfilter-control
ul li, .sys_tabsfilter-control
.tabs--col-5 ul li {
          float: left;
          width: 20%; } }
    .tabs--col-5 .tabs__controls a, .tabs--col-5 .sys_tabsfilter-control
ul a, .sys_tabsfilter-control
.tabs--col-5 ul a {
      width: 100%; }
      @media screen and (min-width: 64em) {
        .tabs--col-5 .tabs__controls a, .tabs--col-5 .sys_tabsfilter-control
ul a, .sys_tabsfilter-control
.tabs--col-5 ul a {
          display: table;
          height: 4em;
          width: 100%;
          text-align: center;
          border: 1px solid #FFFFFF; } }
    @media screen and (min-width: 64em) {
      .tabs--col-5 .tabs__controls span, .tabs--col-5 .sys_tabsfilter-control
ul span, .sys_tabsfilter-control
.tabs--col-5 ul span {
        display: table-cell;
        width: 100%;
        vertical-align: middle; } }

.tabs__controls .tabs__link--pink.is-active:before,
.sys_tabsfilter-control
ul .tabs__link--pink.is-active:before,
.tabs__controls .tabs__link--blue.is-active:before,
.sys_tabsfilter-control
ul .tabs__link--blue.is-active:before,
.tabs__controls .tabs__link--green.is-active:before,
.sys_tabsfilter-control
ul .tabs__link--green.is-active:before,
.tabs__controls .tabs__link--l-blue.is-active:before,
.sys_tabsfilter-control
ul .tabs__link--l-blue.is-active:before,
.tabs__controls .tabs__link--orange.is-active:before, .sys_tabsfilter-control
ul .tabs__link--orange.is-active:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  display: block;
  width: 100%;
  height: .2em; }

.tabs__controls .tabs__link--pink, .sys_tabsfilter-control
ul .tabs__link--pink {
  color: #FFF;
  background-color: #B1006F; }
  .tabs__controls .tabs__link--pink.is-active, .sys_tabsfilter-control
ul .tabs__link--pink.is-active {
    border-bottom-color: #B1006F;
    background-color: #B1006F; }
    .tabs__controls .tabs__link--pink.is-active:before, .sys_tabsfilter-control
ul .tabs__link--pink.is-active:before {
      background-color: #B1006F; }
  .tabs__controls .tabs__link--pink:hover, .sys_tabsfilter-control
ul .tabs__link--pink:hover {
    background-color: #7e004f; }

.tabs__controls .tabs__link--blue, .sys_tabsfilter-control
ul .tabs__link--blue {
  color: #FFF;
  background-color: #006892; }
  .tabs__controls .tabs__link--blue.is-active, .sys_tabsfilter-control
ul .tabs__link--blue.is-active {
    border-bottom-color: #006892;
    background-color: #006892; }
    .tabs__controls .tabs__link--blue.is-active:before, .sys_tabsfilter-control
ul .tabs__link--blue.is-active:before {
      background-color: #006892; }
  .tabs__controls .tabs__link--blue:hover, .sys_tabsfilter-control
ul .tabs__link--blue:hover {
    background-color: #00445f; }

.tabs__controls .tabs__link--green, .sys_tabsfilter-control
ul .tabs__link--green {
  color: #FFF;
  background-color: #399531; }
  .tabs__controls .tabs__link--green.is-active, .sys_tabsfilter-control
ul .tabs__link--green.is-active {
    border-bottom-color: #399531;
    background-color: #399531; }
    .tabs__controls .tabs__link--green.is-active:before, .sys_tabsfilter-control
ul .tabs__link--green.is-active:before {
      background-color: #399531; }
  .tabs__controls .tabs__link--green:hover, .sys_tabsfilter-control
ul .tabs__link--green:hover {
    background-color: #2a6f24; }

.tabs__controls .tabs__link--l-blue, .sys_tabsfilter-control
ul .tabs__link--l-blue {
  color: #FFF;
  background-color: #5D87A1; }
  .tabs__controls .tabs__link--l-blue.is-active, .sys_tabsfilter-control
ul .tabs__link--l-blue.is-active {
    border-bottom-color: #5D87A1;
    background-color: #5D87A1; }
    .tabs__controls .tabs__link--l-blue.is-active:before, .sys_tabsfilter-control
ul .tabs__link--l-blue.is-active:before {
      background-color: #5D87A1; }
  .tabs__controls .tabs__link--l-blue:hover, .sys_tabsfilter-control
ul .tabs__link--l-blue:hover {
    color: #FFF;
    background-color: #4a6c81; }

.tabs__controls .tabs__link--orange, .sys_tabsfilter-control
ul .tabs__link--orange {
  color: #FFF;
  background-color: #F57613; }
  .tabs__controls .tabs__link--orange.is-active, .sys_tabsfilter-control
ul .tabs__link--orange.is-active {
    border-bottom-color: #F57613;
    background-color: #F57613; }
    .tabs__controls .tabs__link--orange.is-active:before, .sys_tabsfilter-control
ul .tabs__link--orange.is-active:before {
      background-color: #F57613; }
  .tabs__controls .tabs__link--orange:hover, .sys_tabsfilter-control
ul .tabs__link--orange:hover {
    color: #FFF;
    background-color: #cc5e09; }

/* $. Blockquotes
\*----------------------------------------------------------------*/
.feature-quote, .MainContentQuotation {
  position: relative;
  margin: 0 0 1.5em 0;
  margin-top: 4.5em;
  clear: both;
  padding: 1.5em;
  background-color: #F0F0F0; }
  @media screen and (min-width: 48em) {
    .feature-quote, .MainContentQuotation {
      padding: 2.25em; } }
  .feature-quote:before, .MainContentQuotation:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3em 0 0 3em;
    border-color: transparent transparent transparent #F0F0F0; }

.feature-quote__text, .MainContentQuotation {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-style: italic;
  overflow: hidden; }

.feature-quote__source {
  display: none; }
  @media screen and (min-width: 30em) {
    .feature-quote__source {
      display: block;
      width: 4em;
      margin-right: 1em;
      float: left;
      text-align: center; }
      .feature-quote__source p {
        display: none; } }
  @media screen and (min-width: 48em) {
    .feature-quote__source {
      width: 8em;
      margin-right: 1.5em; }
      .feature-quote__source p {
        display: block; } }

.feature-quote__ref {
  font-weight: bold; }

/* $. backwards compatability with existing blockquotes
\*----------------------------------------------------------------*/
.MainContentQuotation {
  overflow: visible;
  margin-top: 4.5em; }
  .MainContentQuotation:before {
    border-width: 2em 0 0 2em; }
  .MainContentQuotation .quotee {
    font-weight: bold; }

/* $. Promos
\*----------------------------------------------------------------*/
.promo, .sys_box {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 1.5em; }

.promo__title, .sys_featureImage h2, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo h2, .sys_box h3 {
  margin-top: 0; }
  @media screen and (min-width: 30em) {
    .promo__title, .sys_featureImage h2, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo h2, .sys_box h3 {
      min-height: 2em; } }
  @media screen and (min-width: 55em) {
    .promo__title, .sys_featureImage h2, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo h2, .sys_box h3 {
      font-size: 1.25em; } }

@media screen and (min-width: 55em) {
  .promo__title--long {
    font-size: 1.4em;
    min-height: 2.65em; } }

.promo__link, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a {
  display: block;
  border: 0; }

.promo__image, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a img, .sys_box img {
  display: block;
  margin-bottom: 1.5em; }

.promo__text, .sys_box .sys_overlay_text {
  margin-bottom: 0; }

/* $. Boards
\*----------------------------------------------------------------*/
.board {
  margin-bottom: 3em; }

.board__title {
  font-size: 15px;
  font-size: 0.9375rem;
  border: 1px solid #CECBC6;
  padding: 0.3em 0.5em;
  text-align: center;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 1.5em; }

.board__item {
  margin-bottom: 1.5em; }

.board__item__media {
  margin-bottom: 0.75em; }

.board__item__caption {
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-style: italic;
  border-bottom: 1px solid #CECBC6;
  padding-bottom: .25em; }

.board--social iframe {
  width: 100% !important; }

/* $. Tablesaw configuration
\*----------------------------------------------------------------*/
@media screen and (max-width: 64em) {
  .tablesaw {
    font-size: 14px;
    font-size: 0.875rem; } }

.tablesaw-enhanced .tablesaw-bar .btn,
.tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit,
.sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit, .tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:hover, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:focus, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:focus {
  border: 0;
  background-color: #605270; }

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:hover, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus, .tablesaw-enhanced .tablesaw-bar .sys_formrendercontrol-themed .sys_form-submit:focus, .sys_formrendercontrol-themed .tablesaw-enhanced .tablesaw-bar .sys_form-submit:focus {
  background-color: #473c53; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
  border-left-color: #FFF; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
  border-right-color: #FFF; }

.tablesaw-advance-dots li i {
  background-color: #605270; }

@media (max-width: 39.9375em) {
  .tablesaw-stack tbody tr {
    border-bottom: 3px solid #FFF; }
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    padding-left: .25em; }
  .tablesaw-stack td {
    border-bottom: 0; }
  .tablesaw-stack td:last-child {
    border-bottom: 3px solid #FFF; } }

/* $. Buttons
\*----------------------------------------------------------------*/
.date {
  display: inline-block;
  margin: 0 auto;
  padding: 0.5em 0.25em 0 0.25em;
  width: 3.5em;
  text-align: center;
  color: #FFF;
  background-color: #006892;
  border: 0px solid #00445f;
  border-bottom-width: 5px; }

.date__month {
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  font-weight: normal; }

.date__day {
  display: block;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1; }

.date--invert {
  color: #006892;
  background-color: #FFF;
  border-color: #006892; }

.date--large .date__day {
  font-size: 86px;
  font-size: 5.375rem;
  margin-top: .15em; }

.date--large .date__month {
  font-weight: bold; }

/* $. Alert
\*----------------------------------------------------------------*/
.alert {
  display: block;
  padding: 1em;
  background-color: rgba(220, 220, 112, 0.3);
  border: #DCDC70 1px solid;
  border-width: 1px 0 1px 0; }

.alert--error {
  background-color: rgba(255, 74, 70, 0.3);
  border-color: #FF4A46; }

.alert--success {
  background-color: rgba(57, 149, 49, 0.3);
  border-color: #399531; }

/* $. Tiles
\*----------------------------------------------------------------*/
.tiles {
  margin-bottom: .5em; }

.tiles--green .tile {
  background-color: #c4d600; }

.tiles--green .tile__button {
  background-color: #dbf000;
  transition: all 0.15s linear; }
  .tiles--green .tile__button:hover {
    background-color: #eaff0a; }

.tiles--pink .tile {
  background-color: #a20067; }

.tiles--pink .tile__button {
  background-color: #bc0077;
  transition: all 0.15s linear; }
  .tiles--pink .tile__button:hover {
    background-color: #d50087; }

.tiles--blue .tile {
  background-color: #00bce4; }

.tiles--blue .tile__button {
  background-color: #00d1fe;
  transition: all 0.15s linear; }
  .tiles--blue .tile__button:hover {
    background-color: #18d6ff; }

.tiles--orange .tile {
  background-color: #f78e1e; }

.tiles--orange .tile__button {
  background-color: #f89a37;
  transition: all 0.15s linear; }
  .tiles--orange .tile__button:hover {
    background-color: #f9a74f; }

.tiles--magenta .tile {
  background-color: #ff3eb5; }

.tiles--magenta .tile__button {
  background-color: #ff58bf;
  transition: all 0.15s linear; }
  .tiles--magenta .tile__button:hover {
    background-color: #ff71c9; }

.tile {
  display: block;
  position: relative;
  background-color: #757575;
  background-size: cover;
  color: #FFF;
  text-align: center;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  border: 1px solid #FFF;
  border-width: 0 0 1px 0; }
  @media screen and (min-width: 30em) {
    .tile {
      float: left;
      width: 50%;
      padding-bottom: 50%;
      border-width: 0 1px 1px 0; } }
  @media screen and (min-width: 48em) {
    .tile {
      width: 25%;
      padding-bottom: 25%;
      font-size: .8em;
      border-width: 0 0 1px 0; } }
  @media screen and (min-width: 55em) {
    .tile {
      width: 50%;
      padding-bottom: 50%;
      border-width: 0 1px 1px 0; } }
  @media screen and (min-width: 64em) {
    .tile {
      width: 25%;
      padding-bottom: 25%;
      border-width: 0 0 2px 0; } }
  @media screen and (min-width: 78em) {
    .tile {
      font-size: 1em; } }

a.tile {
  border-bottom-width: 1px; }
  @media screen and (min-width: 30em) {
    a.tile {
      border-width: 0 1px 1px 0; } }
  @media screen and (min-width: 48em) {
    a.tile {
      border-right-width: 0; } }
  @media screen and (min-width: 55em) {
    a.tile {
      border-bottom-width: 1px;
      border-right-width: 1px; } }
  @media screen and (min-width: 64em) {
    a.tile {
      border-bottom-width: 2px;
      border-right-width: 0; } }
  a.tile:hover {
    border-color: #FFF; }
    a.tile:hover .btn, a.tile:hover .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed a.tile:hover .sys_form-submit {
      background-color: rgba(255, 255, 255, 0.25); }
    a.tile:hover .tile__button {
      opacity: .8; }

.tiles--stacked {
  margin-bottom: 1em; }
  .tiles--stacked .tile {
    border-bottom: 1px solid #FFF; }
    @media screen and (min-width: 48em) {
      .tiles--stacked .tile {
        width: 50%;
        padding-bottom: 50%; } }
    @media screen and (min-width: 55em) {
      .tiles--stacked .tile {
        width: 100% !important;
        padding-bottom: 100% !important; } }

.tile--double {
  width: 100%;
  padding-bottom: 50%; }
  @media screen and (min-width: 48em) {
    .tile--double {
      font-size: 2em;
      width: 50%;
      padding-bottom: 25%; } }

.tile--full {
  width: 100%;
  padding-bottom: 50%;
  margin: .25em 0; }
  @media screen and (min-width: 48em) {
    .tile--full {
      font-size: 2em; } }

.tile--full-width {
  width: 100%;
  margin: .25em 0; }
  @media screen and (min-width: 48em) {
    .tile--full-width {
      font-size: 2em; } }

.tile__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  padding: .5em; }

.tile__button {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 2.25em;
  padding: 0.35em 2.25em 0.35em 0.25em;
  background-position: top right;
  background-size: contain;
  color: #FFF;
  font-size: .9em;
  border: 0; }

.tile__statement {
  margin: 0;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.15em; }

.tile__text {
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-size: .9em;
  font-style: italic;
  margin-top: 1.5em;
  margin-bottom: 0; }
  .tile__text:first-child {
    margin-top: 0;
    margin-bottom: 1.5em; }

/* $. Social call-to-action
\*----------------------------------------------------------------*/
.social-cta {
  margin-bottom: 1.5em; }

.social-cta__link {
  display: block;
  padding: 0.25em 0 0.25em 2.5em;
  background-size: 2em;
  background-position: left center;
  border-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .9em; }
  .social-cta__link:hover {
    color: #008cc5; }

/*----------------------------------------------------------------------------------------* $. Interface
\*----------------------------------------------------------------------------------------*/
/* $. Header
\*----------------------------------------------------------------*/
.header {
  position: relative; }

.banner {
  position: relative;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }
  @media screen and (min-width: 55em) {
    .banner {
      padding: 2em 0; } }

.banner--overlayed {
  position: absolute;
  width: 100%;
  z-index: 20; }

/* $. Main UoB logo
\*----------------------------------------------------------------*/
.logo {
  background-size: contain;
  display: block;
  width: 123px;
  height: 30px;
  margin: 1em 0;
  margin-left: 1em;
  border-bottom: 0; }
  @media screen and (min-width: 55em) {
    .logo {
      width: 180px;
      height: 48px;
      margin: 0;
      float: left;
      max-width: 20%; } }
  @media screen and (min-width: 64em) {
    .logo {
      width: 200px;
      height: 48px; } }
  @media screen and (min-width: 78em) {
    .logo {
      width: 246px;
      height: 61px; } }

.logo--footer {
  opacity: .6;
  width: 200px;
  height: 48px;
  margin: 0 auto;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 48em) {
    .logo--footer {
      margin: 0;
      float: left; } }
  @media screen and (min-width: 78em) {
    .logo--footer {
      margin-bottom: 0; } }

/* $.Primary navigation
\*----------------------------------------------------------------*/
@media screen and (min-width: 55em) {
  .navbar {
    position: relative;
    padding-right: 5.5em;
    float: right;
    max-width: 80%; } }

.nav--primary, .nav--secondary--mobile {
  font-size: 20px;
  font-size: 1.25rem;
  background-color: #FFF;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  color: #FFF;
  z-index: 15;
  margin-bottom: 0; }
  .nav--primary .nav__item, .nav--secondary--mobile .nav__item {
    display: block; }
  .nav--primary .nav__link, .nav--secondary--mobile .nav__link {
    color: #4C4C4C;
    display: block;
    padding: 0.5em 0.5em;
    border-bottom: 1px solid #e6e6e6;
    transition: background-color 0.1s linear; }
  .nav--primary .nav__item.is-active .nav__link,
  .nav--secondary--mobile .nav__item.is-active .nav__link,
  .nav--primary .nav__link:hover, .nav--secondary--mobile .nav__link:hover {
    background-color: #e6e6e6; }
  @media screen and (min-width: 55em) {
    .nav--primary, .nav--secondary--mobile {
      font-size: 18px;
      font-size: 1.125rem;
      background-color: transparent;
      float: right;
      margin-top: .25em;
      position: static;
      /* Active/hover state */ }
      .nav--primary .nav__item, .nav--secondary--mobile .nav__item {
        padding-left: .5em;
        display: inline; }
      .nav--primary .nav__link, .nav--secondary--mobile .nav__link {
        display: inline;
        padding: 0;
        border: 0;
        color: #DCDC70;
        border: 1px solid transparent;
        transition: border-bottom-color 0.1s linear; }
      .nav--primary .nav__item.is-active .nav__link,
      .nav--secondary--mobile .nav__item.is-active .nav__link,
      .nav--primary .nav__link:hover, .nav--secondary--mobile .nav__link:hover {
        border-bottom-color: #DCDC70;
        background-color: transparent; } }
  @media screen and (min-width: 64em) {
    .nav--primary .nav__item, .nav--secondary--mobile .nav__item {
      padding-left: .9em; } }
  @media screen and (min-width: 78em) {
    .nav--primary, .nav--secondary--mobile {
      font-size: 22px;
      font-size: 1.375rem; }
      .nav--primary .nav__item, .nav--secondary--mobile .nav__item {
        padding-left: 1em; } }

.nav--primary__toggle {
  font-size: 18px;
  font-size: 1.125rem;
  background-color: rgba(255, 255, 255, 0.1);
  background-size: 50%;
  background-position: center;
  height: 3.5em;
  width: 3.5em;
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  right: 3.5em;
  top: 0;
  padding: 0;
  border-bottom: 0; }
  .nav--primary__toggle.icon--cross {
    background-color: #FFF; }
  @media screen and (min-width: 55em) {
    .nav--primary__toggle {
      display: none; } }

.navbox {
  display: none; }
  @media screen and (min-width: 55em) {
    .navbox {
      display: block !important; } }

/* $.Secondary navigation
\*----------------------------------------------------------------*/
.utility-nav {
  float: right; }

.nav--secondary {
  font-size: 14px;
  font-size: 0.875rem;
  display: none;
  margin-bottom: 0; }
  @media screen and (min-width: 55em) {
    .nav--secondary {
      display: table;
      line-height: 1; }
      .nav--secondary .nav__item {
        display: table-cell;
        padding-left: 1em; }
      .nav--secondary .nav__link {
        display: block;
        color: #F7F7F7;
        background-size: .4em;
        border: 1px solid transparent;
        transition: border-bottom-color 0.1s linear; }
      .nav--secondary .nav__link:hover,
      .nav--secondary .nav__item.is-active .nav__link {
        border-bottom-color: #F7F7F7; } }

.nav--secondary--mobile {
  margin-bottom: 0; }
  .nav--secondary--mobile .nav__item {
    margin: 0; }
  @media screen and (min-width: 55em) {
    .nav--secondary--mobile {
      display: none; } }

/* $.Internal navigation
\*----------------------------------------------------------------*/
.menu {
  margin-bottom: 1.5em; }

.menu__title {
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  margin-top: 0;
  margin-bottom: 2px;
  background-color: #605270;
  color: #FFF;
  padding: 0.5em 0.75em; }
  @media screen and (min-width: 55em) {
    .menu__title {
      padding: 0.75em 1.25em; } }

.menu__control {
  cursor: pointer;
  display: block;
  height: 100%;
  width: 100%;
  background-position: right 1em center;
  background-size: 1em;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (min-width: 55em) {
    .menu__control {
      display: none; } }

.nav--internal {
  display: none; }
  @media screen and (min-width: 55em) {
    .nav--internal {
      display: block !important; } }
  .nav--internal .nav__item {
    margin-bottom: 0; }
  .nav--internal .nav__link {
    display: block;
    padding: 0.5em 0.75em 0.5em 1.75em;
    background-color: #F0F0F0;
    margin-bottom: 2px;
    color: #605270;
    background-position: top 0.65em left 0.75em;
    transition: all 0.15s linear;
    border: 0; }
    .nav--internal .nav__link:hover {
      background-color: #e3e3e3; }
    .nav--internal .nav__link.is-active {
      background-position: top 0.75em left 0.5em;
      background-color: #FFF;
      font-weight: bold; }
  .nav--internal .nav__level-2 {
    padding: 0 0 0.5em 0.75em; }
    .nav--internal .nav__level-2 .nav__item {
      list-style: none;
      margin-left: 0;
      margin-bottom: .5em; }
    .nav--internal .nav__level-2 .nav__link {
      display: inline;
      background-color: #FFF;
      padding: 0;
      transition: none;
      line-height: 1.2; }
      .nav--internal .nav__level-2 .nav__link:hover {
        border-bottom: 1px solid #605270; }
  .nav--internal .nav__level-3 {
    margin-top: .5em; }

/* $. Tertiary navigation
\*----------------------------------------------------------------*/
.nav--tertiary {
  line-height: 1; }
  .nav--tertiary .nav__item {
    margin-bottom: .75em; }

/* $. Support navigation (footer)
\*----------------------------------------------------------------*/
.nav--support {
  text-align: center;
  width: 100%;
  margin-bottom: 0; }
  @media screen and (min-width: 78em) {
    .nav--support {
      text-align: left;
      width: auto; } }
  .nav--support .nav__item {
    font-size: 13px;
    font-size: 0.8125rem;
    display: inline-block;
    padding: 0 0.3em;
    border-right: 1px solid #7f7f7f;
    line-height: .7; }
    .nav--support .nav__item:first-child {
      margin-left: 0; }
    .nav--support .nav__item:last-child {
      border: none; }
    .nav--support .nav__item:hover {
      text-decoration: underline; }
    .nav--support .nav__item a {
      color: #4C4C4C;
      border-bottom: 0; }

.nav--footer {
  margin-bottom: .25em; }
  .nav--footer a {
    color: #4C4C4C;
    border-bottom: 0; }
    .nav--footer a:hover {
      border-bottom: 1px solid #4C4C4C; }
  .nav--footer img {
    margin: 1.5em 0 0.25em 0; }
    @media screen and (max-width: 30em) {
      .nav--footer img {
        display: none; } }

/* $. Nav colours (used on strategic framework)
\*----------------------------------------------------------------*/
.nav--internal--coloured .nav__link {
  color: #FFF; }

.nav--internal--coloured .nav__level-2 {
  margin-top: .75em; }
  .nav--internal--coloured .nav__level-2 .nav__link {
    color: #4C4C4C; }

.nav--internal--coloured .nav__link--green,
.nav--internal--coloured .nav__link--green.is-active {
  background-color: #c4d600; }
  .nav--internal--coloured .nav__link--green:hover,
  .nav--internal--coloured .nav__link--green.is-active:hover {
    background-color: #c4d600;
    opacity: 1; }

.nav--internal--coloured .nav__link--purple,
.nav--internal--coloured .nav__link--purple.is-active {
  background-color: #a20067; }
  .nav--internal--coloured .nav__link--purple:hover,
  .nav--internal--coloured .nav__link--purple.is-active:hover {
    background-color: #a20067;
    opacity: 1; }

.nav--internal--coloured .nav__link--blue,
.nav--internal--coloured .nav__link--blue.is-active {
  background-color: #00bce4; }
  .nav--internal--coloured .nav__link--blue:hover,
  .nav--internal--coloured .nav__link--blue.is-active:hover {
    background-color: #00bce4;
    opacity: 1; }

.nav--internal--coloured .nav__link--orange,
.nav--internal--coloured .nav__link--orange.is-active {
  background-color: #f78e1e; }
  .nav--internal--coloured .nav__link--orange:hover,
  .nav--internal--coloured .nav__link--orange.is-active:hover {
    background-color: #f78e1e;
    opacity: 1; }

.nav--internal--coloured .nav__link--magenta,
.nav--internal--coloured .nav__link--magenta.is-active {
  background-color: #ff3eb5; }
  .nav--internal--coloured .nav__link--magenta:hover,
  .nav--internal--coloured .nav__link--magenta.is-active:hover {
    background-color: #ff3eb5;
    opacity: 1; }

.nav--internal--coloured .nav__link {
  opacity: .65; }
  .nav--internal--coloured .nav__link.is-active {
    opacity: 1; }

/* $. Global site search
\*----------------------------------------------------------------*/
.search-toggle {
  display: block;
  width: 3.5em;
  height: 3.5em;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 0;
  font-size: 18px;
  font-size: 1.125rem;
  background-color: rgba(255, 255, 255, 0.2);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  background-image: url("../grunticon/png/search-clean.png");
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%2253%22%20viewBox%3D%22-3.5%20-4.5%2053%2053%22%20enable-background%3D%22new%20-3.5%20-4.5%2053%2053%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.5%2018.4c0-6%204.9-10.9%2010.9-10.9s10.9%204.9%2010.9%2010.9-4.9%2010.9-10.9%2010.9S8.5%2024.5%208.5%2018.4z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M28.1%2025.1L37%2034c.8.8.7%202-.1%202.9-.9.8-2.2.8-2.9.1l-9.1-9%203.2-2.9z%22%2F%3E%3C%2Fsvg%3E"); }
  .search-toggle.search-toggle--active {
    background-image: url("../grunticon/png/search.png");
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%2253%22%20viewBox%3D%22-3.5%20-4.5%2053%2053%22%20enable-background%3D%22new%20-3.5%20-4.5%2053%2053%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-3.5%2022C-3.5%207.4%208.4-4.5%2023-4.5S49.5%207.4%2049.5%2022%2037.6%2048.5%2023%2048.5-3.5%2036.6-3.5%2022z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23605270%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.5%2018.4c0-6%204.9-10.9%2010.9-10.9s10.9%204.9%2010.9%2010.9-4.9%2010.9-10.9%2010.9S8.5%2024.5%208.5%2018.4z%22%2F%3E%3Cpath%20fill%3D%22%23605270%22%20d%3D%22M28.1%2025.1L37%2034c.8.8.7%202-.1%202.9-.9.8-2.2.8-2.9.1l-9.1-9%203.2-2.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  @media screen and (min-width: 55em) {
    .search-toggle {
      font-size: 14px;
      font-size: 0.875rem;
      position: absolute;
      display: block;
      float: left;
      margin-left: 1em;
      background-color: transparent;
      background-size: contain;
      background-image: url("../grunticon/png/search.png");
      transition: background-color 0.2s linear;
      box-sizing: content-box;
      padding: 0; }
      .search-toggle:hover,
      .search-toggle.search-toggle--active {
        background-image: url("../grunticon/png/search-inverted.png"); } }
  @media screen and (min-width: 55em) {
    .test--svg .search-toggle {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%2253%22%20viewBox%3D%22-3.5%20-4.5%2053%2053%22%20enable-background%3D%22new%20-3.5%20-4.5%2053%2053%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-3.5%2022C-3.5%207.4%208.4-4.5%2023-4.5S49.5%207.4%2049.5%2022%2037.6%2048.5%2023%2048.5-3.5%2036.6-3.5%2022z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23605270%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.5%2018.4c0-6%204.9-10.9%2010.9-10.9s10.9%204.9%2010.9%2010.9-4.9%2010.9-10.9%2010.9S8.5%2024.5%208.5%2018.4z%22%2F%3E%3Cpath%20fill%3D%22%23605270%22%20d%3D%22M28.1%2025.1L37%2034c.8.8.7%202-.1%202.9-.9.8-2.2.8-2.9.1l-9.1-9%203.2-2.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
      .test--svg .search-toggle:hover,
      .test--svg .search-toggle.search-toggle--active {
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2253%22%20height%3D%2253%22%20viewBox%3D%22-3.5%20-4.5%2053%2053%22%20enable-background%3D%22new%20-3.5%20-4.5%2053%2053%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23605270%22%20d%3D%22M-3.5%2022C-3.5%207.4%208.4-4.5%2023-4.5S49.5%207.4%2049.5%2022%2037.6%2048.5%2023%2048.5-3.5%2036.6-3.5%2022z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M8.5%2018.4c0-6%204.9-10.9%2010.9-10.9s10.9%204.9%2010.9%2010.9-4.9%2010.9-10.9%2010.9S8.5%2024.5%208.5%2018.4z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20d%3D%22M28.1%2025.1L37%2034c.8.8.7%202-.1%202.9-.9.8-2.2.8-2.9.1l-9.1-9%203.2-2.9z%22%2F%3E%3C%2Fsvg%3E"); } }

.search-form {
  display: none;
  padding: 1em 0;
  background-color: #F0F0F0;
  width: 100%;
  margin: 0;
  border-bottom: 2px solid #4C4C4C; }
  @media screen and (min-width: 55em) {
    .search-form {
      padding: 2em 0;
      position: relative;
      z-index: 5;
      bottom: -2em; } }
  .search-form button {
    text-align: center;
    font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif; }
    @media screen and (max-width: 55em) {
      .search-form button {
        width: 2.5em;
        background: #FFF;
        border: 1px solid #CECBC6;
        border-left: 0; }
        .search-form button:hover {
          background: #FFF;
          border-color: #CECBC6; } }

.search-form--grounded {
  bottom: 0;
  border: 0; }

.search-form--active, .sys_search-options {
  display: block; }

@media screen and (min-width: 55em) {
  .search-form__fields {
    margin: 0 auto;
    width: 100%; } }

.search-form__icon {
  display: block;
  height: 100%;
  width: 100%;
  background-size: 60%;
  background-position: center; }
  @media screen and (min-width: 55em) {
    .search-form__icon {
      display: none; } }

.search-form__text {
  display: none; }
  @media screen and (min-width: 55em) {
    .search-form__text {
      display: block; } }

/* $. Search results
\*----------------------------------------------------------------*/
.search-result {
  margin-bottom: 1.5em; }
  .search-result a {
    border: 0;
    display: block; }
  @media screen and (min-width: 30em) {
    .search-result {
      margin-bottom: 0;
      transition: background-color 0.15s linear;
      padding: 1em; } }

.search-result__heading {
  color: #006892;
  margin: 0; }

.search-result__url {
  color: #006892;
  display: inline-block;
  margin-bottom: 0.75em; }

.search-result__desc {
  margin-bottom: 0;
  color: #4C4C4C; }

@media screen and (min-width: 30em) {
  .search-result:hover {
    background-color: #FFF; } }

.search-result:hover .search-result__heading, .search-result:hover .search-result__url {
  color: #4C4C4C; }

/* $. News and event feeds
\*----------------------------------------------------------------*/
.feed {
  margin-bottom: 1.5em; }

.feed__item {
  max-width: 20em;
  margin: 0 auto;
  margin-top: 3em; }

.feed__thumb {
  margin-bottom: 1.5em; }

.feed__more {
  border-bottom: 1px solid #006892; }

/* Calendar icon */
.feed__cal {
  margin: 0 auto;
  margin-bottom: 1.5em;
  height: 180px;
  width: 180px; }

/* $. Microfeeds (similar purpose to above, different context)
\*----------------------------------------------------------------*/
.microfeed__item {
  margin-bottom: 1.5em; }

.microfeed__meta {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #757575;
  margin-bottom: .25em; }

.microfeed__title {
  float: left;
  margin-top: 0;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-weight: normal;
  width: 100%; }

.microfeed__date {
  position: absolute;
  left: 0; }

.microfeed__item--cal {
  position: relative;
  min-height: 4.5em; }
  .microfeed__item--cal .microfeed__title {
    padding-left: 3.25em; }

.contact-details {
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  line-height: 1.2;
  color: #b5b5b5;
  width: 100%; }
  @media screen and (min-width: 48em) {
    .contact-details {
      float: right;
      width: 30em; } }
  @media screen and (min-width: 78em) {
    .contact-details {
      float: left;
      margin-left: 4em; } }
  .contact-details p {
    text-align: center; }
    @media screen and (min-width: 30em) {
      .contact-details p {
        margin: 0; } }
    @media screen and (min-width: 48em) {
      .contact-details p {
        text-align: left; } }

.social {
  text-align: center;
  clear: both;
  padding-top: 1.5em; }
  @media screen and (min-width: 78em) {
    .social {
      text-align: left;
      padding: 0;
      clear: none;
      float: right;
      margin-top: 1em; } }

.social__link {
  display: inline-block;
  height: 41px;
  width: 41px;
  margin-right: .5em;
  border: 0; }
  .social__link:hover {
    opacity: .6; }
  @media screen and (min-width: 78em) {
    .social__link {
      margin: 0;
      margin-left: .5em; } }

.copyright {
  display: block;
  margin-top: .5em;
  padding-bottom: .5em;
  color: rgba(76, 76, 76, 0.6);
  text-align: center;
  clear: both; }
  @media screen and (min-width: 78em) {
    .copyright {
      text-align: left; } }

/* $. Hero panel
\*----------------------------------------------------------------*/
.hero {
  background-repeat: no-repeat;
  background-size: 140%;
  color: #FFF;
  overflow: hidden; }
  .hero h1 {
    min-height: 3em;
    text-align: center; }
  @media screen and (min-width: 30em) {
    .hero {
      background-position: center;
      background-size: cover; } }
  @media screen and (min-width: 55em) {
    .hero {
      background-position: center;
      margin-bottom: 1em; }
      .hero h1 {
        min-height: 0;
        text-align: left; } }

.hero__content {
  padding: 1.5em 0 0 0;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 20%, transparent 100%);
  background-size: 100%;
  background-repeat: repeat-x; }
  @media screen and (min-width: 30em) {
    .hero__content {
      background-size: 80%; } }
  @media screen and (min-width: 48em) {
    .hero__content {
      min-height: 15em; } }
  @media screen and (min-width: 55em) {
    .hero__content {
      background-size: auto;
      padding: 3em 0;
      min-height: 20em; } }

.hero__content__inner {
  background-color: #FFF;
  padding: 1em 1em 0 1em;
  color: #4C4C4C;
  position: relative; }
  .hero__content__inner:before, .hero__content__inner:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 40em;
    background-color: #FFF;
    left: 100%;
    top: 0; }
  .hero__content__inner:before {
    left: auto;
    right: 100%; }
  @media screen and (min-width: 30em) {
    .hero__content__inner {
      padding: 2em 2em 1em 2em; } }
  @media screen and (min-width: 48em) {
    .hero__content__inner {
      padding-bottom: 1em; } }
  @media screen and (min-width: 55em) {
    .hero__content__inner {
      margin: 0;
      color: #FFF;
      background-color: transparent;
      padding: 0; }
      .hero__content__inner:before, .hero__content__inner:after {
        display: none; } }

.hero--tall {
  background-size: 150%; }
  @media screen and (min-width: 30em) {
    .hero--tall {
      background-size: 100%; } }
  @media screen and (min-width: 55em) {
    .hero--tall {
      background-size: cover; } }
  @media screen and (min-width: 64em) {
    .hero--tall .hero__content {
      min-height: 38em; } }
  .hero--tall .hero__content__inner {
    margin-top: 4em;
    background-color: #F7F7F7; }
    .hero--tall .hero__content__inner:before, .hero--tall .hero__content__inner:after {
      display: none; }
    @media screen and (min-width: 55em) {
      .hero--tall .hero__content__inner {
        margin: 0;
        background-color: transparent; } }

/* $. Featured
\*----------------------------------------------------------------*/
.hero--featured {
  text-align: center;
  background-position: center;
  background-size: cover; }
  .hero--featured h1 {
    max-width: 13em;
    margin: 0 auto 0.5em auto;
    text-align: center; }
  .hero--featured .date {
    margin-bottom: 1em; }
  .hero--featured .btn, .hero--featured .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .hero--featured .sys_form-submit {
    margin-bottom: 0; }
  .hero--featured .hero__content {
    display: table;
    width: 100%;
    padding: 1.5rem 0 1.5rem 0; }

.hero__inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle; }

/* $. Pagination
\*----------------------------------------------------------------*/
.pagination {
  position: relative;
  padding-top: 1.5em;
  border-top: 1px solid #CECBC6; }

.pagination__pages {
  font-weight: bold;
  text-align: center; }
  .pagination__pages li {
    display: inline;
    margin-right: 1em;
    position: relative;
    z-index: 5; }

.pagination__controls {
  font-size: 14px;
  font-size: 0.875rem; }
  @media screen and (min-width: 48em) {
    .pagination__controls {
      font-size: 18px;
      font-size: 1.125rem;
      width: 100%;
      position: absolute;
      top: 1.5em; } }

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

/* $. Alphabet A-Z filters
\*----------------------------------------------------------------*/
.alphabet {
  max-width: 100%;
  margin: 0.75em 0; }
  @media screen and (min-width: 30em) {
    .alphabet {
      margin: 1.5em 0; } }
  .alphabet li {
    float: left;
    margin-right: .35em;
    margin-bottom: .35em; }
    @media screen and (min-width: 55em) {
      .alphabet li {
        margin-right: .75em;
        margin-bottom: .75em; } }
  .alphabet a, .alphabet span {
    display: block;
    color: #605270;
    background: #FFF;
    font-size: 1.2em;
    padding: .5em 0;
    width: 1.75em;
    height: 1.75em;
    line-height: .8;
    text-align: center;
    transition: all linear 0.15s;
    border: 0; }
    .alphabet a:hover,
    .alphabet a.is-active, .alphabet .sys_tabsfilter-control
ul li.sys_selected a, .sys_tabsfilter-control
ul li.sys_selected .alphabet a, .alphabet span:hover,
    .alphabet span.is-active {
      background: #605270;
      color: #FFF; }
    @media screen and (min-width: 30em) {
      .alphabet a, .alphabet span {
        font-size: 1.5em; } }
    @media screen and (min-width: 48em) {
      .alphabet a, .alphabet span {
        font-size: 2em; } }
  .alphabet span {
    cursor: not-allowed;
    background-color: #F0F0F0;
    color: rgba(117, 117, 117, 0.6); }
    .alphabet span:hover {
      background-color: #F0F0F0;
      color: rgba(117, 117, 117, 0.6); }

/* $. Comments
\*----------------------------------------------------------------*/
.comments {
  padding: .25em;
  background: #FFF; }

.comment {
  margin-bottom: .25em; }

.comment__meta {
  margin-bottom: .5em;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #757575; }

.comment__report {
  color: #FF4A46;
  border-color: #FF4A46;
  border-color: rgba(255, 74, 70, 0.15); }
  .comment__report:hover, .comment__report:focus {
    border-color: rgba(255, 74, 70, 0.5); }
  @media screen and (min-width: 55em) {
    .comment__report {
      float: right; } }

/* $. Events
\*----------------------------------------------------------------*/
.events {
  max-width: 100%;
  margin: 2em 0; }

.event, .listing--items .staff, .sys_events-control .sys_subitem {
  margin-bottom: 2em;
  padding-top: 2em;
  border-top: 0.25em solid #F7F7F7; }
  .event:first-child, .listing--items .staff:first-child, .sys_events-control .sys_subitem:first-child {
    padding-top: 0;
    border-top: 0; }

.event__date {
  margin-bottom: 1em; }
  @media screen and (min-width: 48em) {
    .event__date {
      float: left;
      margin-right: 1em;
      margin-bottom: 0; } }

.event__content {
  overflow: hidden; }

.event__img {
  display: none; }
  @media screen and (min-width: 55em) {
    .event__img {
      display: block; } }

/* $. Staff
\*----------------------------------------------------------------*/
.listing--items .staff {
  margin-bottom: 1em; }

.listing--items .staff--job-title, .listing--items .staff--school-or-department {
  margin-bottom: .5em; }

.listing--items .staff--job-title {
  font-weight: bold; }

/* $. Style guide
\*----------------------------------------------------------------*/
.swatch {
  text-align: center;
  margin-bottom: 0.75em; }

.swatch__ref {
  color: #4C4C4C;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  padding: 0.5em 1em;
  background-color: #F0F0F0; }

.swatch__colour {
  color: #FFF;
  padding: 0.5em 1em;
  border-bottom: 1px solid #FFF; }

.swatch__icon {
  border: 1px solid #F0F0F0;
  height: 5em;
  width: 100%;
  background-size: 2.5em 2.5em;
  background-position: center; }

/*----------------------------------------------------------------------------------------* $.Helpers
\*----------------------------------------------------------------------------------------*/
/* $. Lure button
\*----------------------------------------------------------------*/
.lure {
  height: 50px;
  width: 50px;
  background-size: contain;
  position: absolute;
  bottom: 1.5em;
  left: 50%;
  margin-left: -25px;
  opacity: .75;
  transition: opacity 0.15s linear; }
  .lure:hover {
    opacity: 1; }
  @media screen and (max-width: 55em) {
    .lure {
      height: 35px;
      width: 35px;
      margin-left: -17px; } }

.pad {
  padding: 1.5em; }

/* $. Light copy
\*----------------------------------------------------------------*/
.light-copy {
  color: #FFF; }
  .light-copy a, .light-copy a:visited {
    color: #FFF; }
  .light-copy a:hover {
    color: #cccccc;
    border-bottom: 1px solid #cccccc; }

/* $. Link chevrons
\*----------------------------------------------------------------*/
.chevron {
  display: inline-block;
  height: .6em;
  background-size: contain;
  background-position: center;
  width: 1em; }

/* $. Image modifiers
\*----------------------------------------------------------------*/
.img--frame, .sys_featureImage img, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a img, .sys_quadrupleImagePromoRow .sys_imagePromo img, .sys_box img {
  border: 1em solid #F7F7F7; }

.row--light-gray .img--frame, .sys_quadrupleImagePromoRow .img--frame, .row--light-gray .sys_featureImage img, .sys_featureImage .row--light-gray img, .sys_quadrupleImagePromoRow .sys_featureImage img, .sys_featureImage .sys_quadrupleImagePromoRow img, .row--light-gray .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a img, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a .row--light-gray img, .sys_quadrupleImagePromoRow .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a img, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a .sys_quadrupleImagePromoRow img, .sys_quadrupleImagePromoRow .sys_imagePromo img, .row--light-gray .sys_box img, .sys_box .row--light-gray img, .sys_quadrupleImagePromoRow .sys_box img, .sys_box .sys_quadrupleImagePromoRow img, .overlay .img--frame, .overlay .sys_featureImage img, .sys_featureImage .overlay img, .overlay .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a img, .sys_tripleTextAndImagePromoRow .sys_textAndImagePromo a .overlay img, .overlay .sys_quadrupleImagePromoRow .sys_imagePromo img, .sys_quadrupleImagePromoRow .sys_imagePromo .overlay img, .overlay .sys_box img, .sys_box .overlay img {
  border-color: #FFF; }

/* $. Embedded images / video / etc.
\*----------------------------------------------------------------*/
.embedded-media, .embedded-media--left_user, .embedded-media--right_user {
  margin: 1.5em auto; }
  .embedded-media img, .embedded-media--left_user img, .embedded-media--right_user img {
    margin: 0; }

.embedded-media--video {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  margin-left: 0;
  overflow: hidden;
  max-width: 600px; }
  @media screen and (min-width: 30em) {
    .embedded-media--video {
      padding-bottom: 18em; } }
  .embedded-media--video iframe, .embedded-media--video embed, .embedded-media--video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.embedded-media__caption {
  display: inline-block;
  padding-bottom: .25em;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-style: italic;
  border-bottom: 2px solid #CECBC6;
  margin-top: .5em; }

@media screen and (min-width: 30em) {
  .embedded-media--right, .embedded-media--right_user {
    float: right;
    max-width: 50%;
    margin: 0 0 1.5em 1.5em; } }

@media screen and (min-width: 30em) {
  .embedded-media--right .embedded-media__caption, .embedded-media--right_user .embedded-media__caption {
    float: right;
    text-align: right; } }

@media screen and (min-width: 30em) {
  .embedded-media--left, .embedded-media--left_user {
    float: left;
    max-width: 50%;
    margin: 0 1.5em 1.5em 0; } }

@media screen and (min-width: 30em) {
  .embedded-media--left, .embedded-media--left_user {
    float: left;
    max-width: 15em;
    text-align: left; } }

/* $. Overrides - http://goo.gl/5Fvrh
\*----------------------------------------------------------------*/
.cf, .grid--invert, .checkbox, .sys_checkboxlist .sys_checkbox, .container, .article, .article__meta, .duo, .media, .island, .sys_news-control .sys_subitem, .sys_formrendercontrol-themed .sys_cms-form-control, .nav, .section, .form--filters, .form--filters__select, .control--pair, .list--cols-3, .list--cols-4, .tabs, .tabs__controls, .sys_tabsfilter-control
ul, .feature-quote, .MainContentQuotation, .tiles, .navbar, .navbox, .alphabet, .comments, .event, .listing--items .staff, .sys_events-control .sys_subitem {
  zoom: 1; }
  .cf:before, .grid--invert:before, .checkbox:before, .sys_checkboxlist .sys_checkbox:before, .container:before, .article:before, .article__meta:before, .duo:before, .media:before, .island:before, .sys_news-control .sys_subitem:before, .sys_formrendercontrol-themed .sys_cms-form-control:before, .nav:before, .section:before, .form--filters:before, .form--filters__select:before, .control--pair:before, .list--cols-3:before, .list--cols-4:before, .tabs:before, .tabs__controls:before, .sys_tabsfilter-control
ul:before, .feature-quote:before, .MainContentQuotation:before, .tiles:before, .navbar:before, .navbox:before, .alphabet:before, .comments:before, .event:before, .listing--items .staff:before, .sys_events-control .sys_subitem:before, .cf:after, .grid--invert:after, .checkbox:after, .sys_checkboxlist .sys_checkbox:after, .container:after, .article:after, .article__meta:after, .duo:after, .media:after, .island:after, .sys_news-control .sys_subitem:after, .sys_formrendercontrol-themed .sys_cms-form-control:after, .nav:after, .section:after, .form--filters:after, .form--filters__select:after, .control--pair:after, .list--cols-3:after, .list--cols-4:after, .tabs:after, .tabs__controls:after, .sys_tabsfilter-control
ul:after, .feature-quote:after, .MainContentQuotation:after, .tiles:after, .navbar:after, .navbox:after, .alphabet:after, .comments:after, .event:after, .listing--items .staff:after, .sys_events-control .sys_subitem:after {
    content: "";
    display: table; }
  .cf:after, .grid--invert:after, .checkbox:after, .sys_checkboxlist .sys_checkbox:after, .container:after, .article:after, .article__meta:after, .duo:after, .media:after, .island:after, .sys_news-control .sys_subitem:after, .sys_formrendercontrol-themed .sys_cms-form-control:after, .nav:after, .section:after, .form--filters:after, .form--filters__select:after, .control--pair:after, .list--cols-3:after, .list--cols-4:after, .tabs:after, .tabs__controls:after, .sys_tabsfilter-control
ul:after, .feature-quote:after, .MainContentQuotation:after, .tiles:after, .navbar:after, .navbox:after, .alphabet:after, .comments:after, .event:after, .listing--items .staff:after, .sys_events-control .sys_subitem:after {
    clear: both; }

/* $. Debuggin'
\*----------------------------------------------------------------*/
body.debug:before {
  display: inline-block;
  color: #FFF;
  position: fixed;
  z-index: 50;
  top: 1em;
  right: 1em;
  background-color: rgba(0, 0, 0, 0.1);
  padding: .35em;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  text-transform: uppercase;
  font-size: .7em;
  content: "Breakpoint 0"; }

@media screen and (min-width: 30em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 1"; } }

@media screen and (min-width: 48em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 2"; } }

@media screen and (min-width: 55em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 3"; } }

@media screen and (min-width: 64em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 4"; } }

@media screen and (min-width: 78em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 5"; } }

@media screen and (min-width: 94em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 6"; } }

/* $. Visually hides content
\*----------------------------------------------------------------*/
.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

/* $. Overrides
\*----------------------------------------------------------------*/
/* These mostly use `!important` as we always want them to override existing styles */
.push--top {
  margin-top: 1.5em !important; }

.push--bottom {
  margin-bottom: 1.5em !important; }

.zero--top, .sys_subitem-heading, .sys_search-options h2 {
  margin-top: 0 !important; }

.zero--bottom {
  margin-bottom: 0 !important; }

.weight--light {
  font-weight: 300 !important; }

.weight--normal {
  font-weight: 400 !important; }

.weight--semibold {
  font-weight: 600 !important; }

.list--unset, .nav, .sys_cms-form-body, .list--links, #quickLinks ul, .tabs__controls, .sys_tabsfilter-control
ul, .comments {
  list-style: none !important;
  margin-left: 0 !important;
  max-width: 100%; }

.list--numbers {
  list-style: decimal !important; }

.list--bullets, #quickLinks ul {
  list-style: disc !important; }

.font--serif {
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif; }

.font--sans {
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif; }

.font--mono {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; }

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

.float--left, .floatLeft {
  float: left; }

.float--right, .floatRight {
  float: right; }

.block {
  display: block; }

.img--left, .img--left_user, .sys_thumbnail {
  margin-bottom: 1.5em; }
  @media screen and (min-width: 48em) {
    .img--left, .img--left_user, .sys_thumbnail {
      float: left;
      margin: 0 1em 1.5em 0; } }

.img--right, .img--right_user, .imgRight, .imgLeft, .sys_events-control .sys_thumbnail {
  margin-bottom: 1.5em; }
  @media screen and (min-width: 48em) {
    .img--right, .img--right_user, .imgRight, .imgLeft, .sys_events-control .sys_thumbnail {
      float: right;
      margin: 0 0 1.5em 1em; } }

.twitter-timeline {
  margin-bottom: 1.5em !important; }

.kis-wrapper iframe {
  display: none; }
  @media screen and (min-width: 48em) {
    .kis-wrapper iframe {
      display: block;
      margin: 0 auto; } }

@media screen and (min-width: 48em) {
  .kis-wrapper .btn, .kis-wrapper .sys_formrendercontrol-themed .sys_form-submit, .sys_formrendercontrol-themed .kis-wrapper .sys_form-submit {
    display: none; } }

@-webkit-keyframes bounce {
  0%, 5%, 13%, 20%, 25% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 11% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, 15px, 0);
            transform: translate3d(0, 15px, 0); }
  17% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, 7px, 0);
            transform: translate3d(0, 7px, 0); }
  22% {
    -webkit-transform: translate3d(0, 2px, 0);
            transform: translate3d(0, 2px, 0); } }

@keyframes bounce {
  0%, 5%, 13%, 20%, 25% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10%, 11% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, 15px, 0);
            transform: translate3d(0, 15px, 0); }
  17% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, 7px, 0);
            transform: translate3d(0, 7px, 0); }
  22% {
    -webkit-transform: translate3d(0, 2px, 0);
            transform: translate3d(0, 2px, 0); } }

/*----------------------------------------------------------------------------------------* $.User style extensions
\*----------------------------------------------------------------------------------------*/
/**
 * Title: Editor styles
 * Description: Styles which can be applied through the Contensis user interface and which are extensions of existing styles
 * with a _user suffix.
 * Sections:
 *    $. Editing
 */
/* $. Editing
\*----------------------------------------------------------------*/
/**
 * Title: Deprecated editor styles
 * Description: Styles which were applied through the Contensis user interface by editors, when using the Precedent 
 * design but which are no longer exposed through the Contensis GUI.
 * Sections:
 *    $. Editing
 */
/* $. Editing
\*----------------------------------------------------------------*/
/**
 * Title: Contensis control styles
 * Description: Styles which are applied to make Contensis controls look ok in the new design
 * Sections:
 *    $. General listing styles
 *    $. News listing styles
 *    $. Event listing style
 *    $. General search forms
 */
/* $. General listing styles
\*----------------------------------------------------------------*/
.sys_rss-link, .sys_atom-link, .sys_button-subscribe-rss, .sys_button-subscribe-atom {
  font-size: 14px;
  font-size: 0.875rem;
  float: right;
  clear: right;
  margin-top: .25em;
  padding-left: 22px;
  padding-right: 10px; }

.sys_button-subscribe-rss, .sys_button-subscribe-atom {
  clear: left; }

.sys_atom-link, .sys_button-subscribe-atom {
  background: url("/aspnet_client/ContensisThemes/simple/Common/Imgs/Atom-Feed-Icon.gif") 0 50% no-repeat; }

.sys_rss-link, .sys_button-subscribe-rss {
  background: url("/aspnet_client/ContensisThemes/simple/Common/Imgs/Rss-Feed-Icon.gif") 0 50% no-repeat; }

/* $. News listing styles
\*----------------------------------------------------------------*/
.sys_news-control dt.sys_news-description, .sys_news-control dt.sys_news-datepublished {
  display: none; }

.sys_news-control dd.sys_news-datepublished {
  font-weight: bold; }

.sys_news-control dd.sys_news-datepublished::before {
  content: "Posted on "; }

/* $. Event listing styles
\*----------------------------------------------------------------*/
/* $. General search forms
\*----------------------------------------------------------------*/
.sys_search-options {
  padding: 2em; }

.sys_checkboxlist .sys_checkbox {
  display: inline-block;
  margin-right: 1em; }

/* $. Forms
\*----------------------------------------------------------------*/
.sys_formrendercontrol-themed .sys_form-submit {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2237%22%20viewBox%3D%220%200%2046%2044%22%3E%3Cpath%20opacity%3D%22.9%22%20fill%3D%22%23756789%22%20d%3D%22M0%200h46v44H0V0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.1%207.5l-.6.6L29.4%2022%2015.5%2035.9l.6.6L30.5%2022%2016.1%207.5z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat; }

/* $. General alpha search and list
\*----------------------------------------------------------------*/
.sys_search-control {
  padding-left: 2em; }
  .sys_search-control .sys_atoz-control ul {
    clear: both;
    margin: 0 0 0 0;
    padding-top: 1em;
    padding-bottom: .3em;
    overflow: hidden;
    list-style: none; }
    .sys_search-control .sys_atoz-control ul li {
      float: left;
      font-size: 125%;
      margin-right: .75em;
      margin-bottom: .75em;
      line-height: 1.15; }

.sys_theme-simple .sys_generic_list-control .sys_itemslist .sys_subitem {
  border: 0px;
  border-bottom: 1px dotted #CCC;
  background: #fff; }
  .sys_theme-simple .sys_generic_list-control .sys_itemslist .sys_subitem .sys_subitem-heading {
    background: #fff; }
    .sys_theme-simple .sys_generic_list-control .sys_itemslist .sys_subitem .sys_subitem-heading a {
      border: 0px;
      display: inline-block; }

/* imperium uk form */
#personalization_orderForm input[type="radio"], #personalization_orderForm [type="radio"].custom-select {
  -webkit-appearance: radio; }

/* $. Errors
\*----------------------------------------------------------------*/
div.sys_razor-error {
  border: none !important;
  background: #4c4c4c !important;
  border-radius: 0;
  padding: 0px !important;
  height: 1px;
  overflow: hidden; }

/**
 * Title: Bridging styles
 * Description: Bridging styles to make the Precedent design landing pages (Page2Column) look acceptable
 * Sections:
 *    $. Columns
 *    $. Double panels
 *	  $. Feature rotator
 *    $: Triple Text and Image Promo Row
 *    $: Quadruple Image Promo Row
 *    $. Overlay box
 *    $. Quicklinks
 */
/* $. Columns: Formatting the old 3-column divs
\*----------------------------------------------------------------*/
.sys_col {
  margin-left: -.1em;
  margin-right: -.1em; }

.sys_col_semi {
  margin-left: -.1em;
  margin-right: -.1em; }

/* $. Double panel: used on course landing page updates
\*----------------------------------------------------------------*/
/* $: Feature rotator
\*-----------------------------------------------------------------*/
.sys_featureImage img {
  height: auto !important; }

.sys_featureImage h2 {
  text-align: center; }

/* $: Triple Text and Image Promo Row
\*-----------------------------------------------------------------*/
.sys_tripleTextAndImagePromoRow .sys_textAndImagePromo {
  text-align: center; }

/* $: Quadruple Image Promo Row
\*-----------------------------------------------------------------*/
.sys_quadrupleImagePromoRow .sys_imagePromo img {
  margin-top: 1.5em; }

/* $: Overlay box
\*-----------------------------------------------------------------*/
/* $: Quicklinks
\*-----------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------* $.Vendor
\*----------------------------------------------------------------------------------------*/
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset, .cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #7daf3b;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35); }

.cc-cookies {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0.5em 5%;
  background: #565656;
  background: rgba(86, 86, 86, 0.95);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  z-index: 99999;
  text-align: center;
  color: #fff; }
  .cc-cookies a {
    color: #fff;
    text-decoration: underline; }
    .cc-cookies a:hover {
      color: #fff;
      text-decoration: underline;
      text-decoration: none; }
      .cc-cookies a:hover.cc-cookie-accept {
        background: #000; }
      .cc-cookies a:hover.cc-cookie-decline {
        background: #000; }
      .cc-cookies a:hover.cc-cookie-reset {
        background: #000; }
    .cc-cookies a.cc-cookie-decline {
      background: #af3b3b;
      margin-left: 0.5em; }
    .cc-cookies a.cc-cookie-reset {
      background: #f15b00; }
  .cc-cookies.cc-discreet {
    width: auto;
    padding: 0.5em 1em;
    left: auto;
    top: auto; }
    .cc-cookies.cc-discreet a.cc-cookie-reset {
      background: none;
      text-shadow: none;
      padding: 0;
      text-decoration: underline; }
    .cc-cookies.cc-discreet a:hover.cc-cookie-reset {
      text-decoration: none; }

.cc-overlay {
  height: 100%;
  padding-top: 25%; }

.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333; }
  .cc-cookies-error a.cc-cookie-accept {
    display: block;
    margin-top: 1em; }
  .cc-cookies-error a.cc-cookie-decline {
    background: #af3b3b;
    margin-left: 0.5em;
    display: block;
    margin-top: 1em; }
  .cc-cookies-error a:hover.cc-cookie-accept {
    background: #000; }
  .cc-cookies-error a:hover.cc-cookie-decline {
    background: #000; }

@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept {
    display: block;
    margin: 1em 0; }
  .cc-cookies a.cc-cookie-decline {
    display: block;
    margin: 1em 0; }
  .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0; } }

@media screen and (max-width: 480px) {
  .cc-cookies {
    /*position: relative;*/
    float: left;
    /* new */
    position: fixed;
    top: 0px !important;
    bottom: auto !important; } }