/*
  ===============================================================================
  RESET DEFAULTS AND BROWSER STANDARDISATION
  ===============================================================================
*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, canvas {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* Enable border-box sizing model for fluid sizing, responsive layout simplicity.
   Add htc to site root and behaviour to CSS for IE6/7 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, video, canvas {
  display: inline-block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems when using foreground images as sprites. */
img,
object,
embed {
  max-width: 100%; }

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

/* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, and Safari 4.
   Known issue: no IE 6 support. */
[hidden] {
  display: none; }

/* force a vertical scrollbar to prevent a jumpy page, and text size adjust fix when changing page orientation */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/*
  ==========================
  quotes
  ==========================
*/
blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

/*
  ==========================
  links
  ==========================
*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

a:hover, a:focus, a:active {
  outline: none; }

/*
  ==========================
  marked up copy
  ==========================
*/
del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #333333;
  cursor: help; }

/*
  ==========================
  tables
  ==========================
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

td img {
  vertical-align: top; }

/*
  ==========================
  forms
  ==========================
*/
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

textarea {
  resize: none; }

/* clickable elements */
.clickable,
label,
input[type="button"],
input[type="submit"],
button {
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

/* mozilla input centering fix */
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* removal of default glow colour to input fields */
input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
  outline: none;
  outline: 0; }

/* removal of webkit styling on certain form fields */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/* removal of default invalid field shadow and glow on HTML5 form error */
:-moz-submit-invalid {
  box-shadow: none; }

:-moz-ui-invalid {
  box-shadow: none; }

/*
  ==========================
  pre copy
  ==========================
*/
pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

/*
  ==========================
  character styles
  ==========================
*/
small {
  font-size: 85%; }

strong, b, th {
  font-weight: bold; }

/*
  ==========================
  sub / superscript
  ==========================
*/
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*
  ==========================
  monospaced elements
  ==========================
*/
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/*
  ==========================
  lightweight clearfix
  ==========================
*/
.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

/*
  ==========================
  visibility options
  ==========================
*/
.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

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

.invisible {
  visibility: hidden; }

/* BRAND COLOURS */
/* BREAKPOINTS */
/* THEME COLOURS */
/* DIMENSIONS */
/* FONTS */
/* transition
 * ==========
 * Generates CSS cross-browser transition rules.
 * 
 * @param  $args Transition arguments.
 */
/* truncateParahraph
 * =================
 * Truncates paragraph to set number of rows.
 * 
 * @param  $rows Number of rows.
 */
/* hyphenate
 * =========
 * Generates CSS cross-browser hyphens rules.
 */
/* transform
 * =========
 * Generates CSS cross-browser transform rules.
 * 
 * @param  $args Transform arguments.
 */
/* tileBoxShadow
 * =============
 * Tile glow hover effect used in feature tiles and other tile components.
 * 
 * @param  $strength Box shadow strength.
 */
/* noBoxShadow
 * ===========
 * Removes any element box shadow.
 */
/* disableUserSelect
 * =================
 * Disables user cursor selection.
 */
/* elementHover
 * ===========
 * Removes any element box shadow.
 *
 * @param $opacity Element opacity.
 */
/* linkStyles
 * ==========
 * Standardises hyperlink behaviour.
 *
 * @param $linkColour            Link colour.
 * @param $linkHoverColour       Link hover colour.
 * @param $linkHoverBorderColour Link hover border colour.
 */
/* heading
 * ==========
 * Common heading styles.
 */
/* imageZoomEffect
 * ==========
 * Generates the image zoom effect on hover that's used in feature tiles for example.
 */
/* heading
 * ==========
 * Common landing page sitemap styles.
 */
/* Downloaded from https://fonts.google.com/specimen/Source+Sans+Pro */
/* Webfont generated by https://www.fontsquirrel.com/tools/webfont-generator */
/* EOT/SVG formats exported with https://everythingfonts.com/font-face */
/* Source Sans Pro - Light */
@font-face {
  font-family: 'SourceSansPro';
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.eot");
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-light.woff2") format("woff");
  font-weight: 300;
  font-style: normal; }

/* Source Sans Pro - Light Italic */
@font-face {
  font-family: 'SourceSansPro';
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.eot");
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-lightitalic.woff2") format("woff");
  font-weight: 300;
  font-style: italic; }

/* Source Sans Pro - Regular */
@font-face {
  font-family: 'SourceSansPro';
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.eot");
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-regular.woff2") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Source Sans Pro - Regular Italic */
@font-face {
  font-family: 'SourceSansPro';
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.eot");
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-italic.woff2") format("woff");
  font-weight: normal;
  font-style: italic; }

/* Source Sans Pro - Bold */
@font-face {
  font-family: 'SourceSansPro';
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.eot");
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibold.woff2") format("woff");
  font-weight: bold;
  font-style: normal; }

/* Source Sans Pro - Bold Italic */
@font-face {
  font-family: 'SourceSansPro';
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.eot");
  src: url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.eot?#iefix") format("embedded-opentype"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.woff") format("woff2"), url("/mpi-common/src/font/sourcesanspro/sourcesanspro-semibolditalic.woff2") format("woff");
  font-weight: bold;
  font-style: italic; }

/* @import 'partials/fonts'; */