@charset "UTF-8";
/*
▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂

Global stylesheet

	Usage:
		This stylesheet imports all Sass partials which is compiled to: 'main.css' which
		is then loaded from the HTML Head. Old IE (IE < 9) imports this stylesheet
		along with all it's partials in order to support CSS within media queries. Using
		IE conditional comments in the HTML Head allows us to only load the one style
		sheet for Old IE: 'old-ie.css' and ignore 'main.css' and vice versa for the main
		stylesheet.

	Optimisation:
		Both compiled stylesheets loaded from the HTML Head are minified by the build
		script for production.

	Partial dir structure:
		-	UTILS...................generic utility styles and Sass settings e.g. mixins
			-	PLACEHOLDERS........placeholder selectors to keep things DRY
		-	BASE....................base styles; unclassed HTML elements
		-	LAYOUT..................site structure styles e.g. header/footer
			-	GRID................you guessed it; the grid!
		-	ABSTRACTIONS............very common patterns to be used 'as is' or built upon
		-	MODULES.................discrete components of the page, this is the meat
			-	WIDGETS	............more interactive rich requiring JavaScript/jQuery
		-	FORMS...................everything relating to forms
		-	BUTTONS.................you guessed it; all the buttons!
		-	HELPERS.................a bunch of classes to apply very common styles
		-	PRINT...................global print styles (rest of print styles live inline)
		-	DEBUG...................enable to add visual flags for debugging purposes

▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂▂
*/
/* [IMPORT ALL PARTIALS]
-------------------------------------------------------*/
/* Utils */
/* ======================================================================================
   @UTILS -> SASS VARIABLES
   ====================================================================================== */
/* [GLOBAL BOOLEANS]
-------------------------------------------------------*/
/* For targetting old IE (IE < 9) */
/* Media query support for old IE (IE < 9) */
/* Debug mode */
/* [BASE TYPOGRAPHY]
-------------------------------------------------------*/
/* Size */
/* Line height */
/* Line height ratio */
/* Family */
/* [MORE TYPOGRAPHY]
-------------------------------------------------------*/
/* --Sizes-- */
/* Small */
/* Extra small */
/* Large */
/* Extra large */
/* Headings */
/* Families */
/* [SPACING]
-------------------------------------------------------*/
/* Base */
/* Half */
/* Third */
/* Quarter */
/* Sixth */
/* Micro */
/* Double */
/* [BREAKPOINTS]
-------------------------------------------------------*/
/*
	Note: 
		-	Not ideal to set fixed breakpoints like this rather better let the design dictate breakpoints however they're usually common breakpoints in every build esp. 'Palm', and they need to be used to define the flexible width classes at specific breakpoints for the grid system (see: 'utils/widths').
		-	The breakdown for the breakpoints uses this chart as a guide: http://static.lukew.com/unified_device_design.png.
			-	Here's the thinking:
				-	Palm: smartphones and featurephones i.e. anything that can fit into the palm of a hand.
				-	Lap: typically tablets, notebooks and laptops i.e. anything that is portable that doesn't include phones.
					-	Lap small: smaller tablets/notebooks and e-readers e.g. Kindle.
					-	Lap large: larger tablets and laptops.
				-	Desk: desktop computers, TV's, etc. i.e. anything that is not portable.
					-	Desk small: smaller desktop computer monitors.
					-	Desk large:	larger desktop computer monitors, TV's, and who knows what else?
			-	Breakpoints:
				-	Palm: 	0 - 640px
				-	Lap:	641px - 1199px
					-	Lap small:	641px - 900px
					-	Lap large:	901px - 1199px
				-	Desk:	1200px +
					-	Desk small:	1200px - 1365px
					-	Desk large:	1366px +
				**	Of course the values for these breakpoints can change per build, it just boils down to the type of design, however 'Palm' would typically always use the same breakpoint as human beings palm's aren't exactly growing :) 
	
	Credit: 
		-	http://www.lukew.com/ff/entry.asp?1679
		-	https://developers.google.com/webmasters/smartphone-sites/details?hl=en
*/
/* --Start and end points-- */
/*
	Note: these vars typically won't appear outside of this partial, they're used as a way to set-up all the breakpoints easily, when declaring breakpoints in media queries througout the build most of the time the 'Readable breakpoints' are used, one exception is when media query min/max ranges are used which 'out of the box' is only for defining the flexible width classes at specific breakpoints for the grid system (see: 'utils/widths').
		
*/
/* Start points */
/* End points */
/* --Readable breakpoints-- */
/* Palm */
/* Non-palm */
/* Lap */
/* Desk */
/* --Arbitrary breakpoints-- */
/* [GRID / LAYOUT]
-------------------------------------------------------*/
/* Page container max width - don't forget to update in 'old-ie.scss' */
/* --Grid-- */
/* Gutter */
/*
	Note: be sure to set the vars below to 'false' if they're not needed as they generate a lot of CSS.
*/
/* Push */
/* Pull */
/* [COLOR PALETTE]
-------------------------------------------------------*/
/* Brand color */
/*$color-brand-pink: #ff3287 !default;
$color-brand-pink-lighter: #fa74ab !default;

$color-brand-blue: #1888bb !default;
$color-brand-blue-lighter: #3facdd !default;

$color-brand-yellow: #fcbd19 !default;
$color-brand-yellow-lighter: #fcdf19 !default;

$color-post-it: #ffe47e !default;
$color-post-it-blue: #4d90ff !default;*/
/* --Brand color variations: http://www.colorhexa.com/1983c0-- */
/* -Monochromatic color- 
$color-brand-light: #f5dde0 !default;
$color-brand-lighter: #299fe3 !default;
$color-brand-lightest: #3fa9e6 !default;
$color-brand-dark: #ff3287 !default;
$color-brand-darkest: #c40152 !default;*/
/* Fuschia */
/* Base text color */
/* Link colors */
/* --Greyscale-- */
/* Light */
/* Lighter */
/* Lightest */
/* Off white */
/* Dark */
/* Darker */
/* --feedback_ */
/* Error */
/* Success */
/* Warning */
/* Info */
/* --Misc-- */
/* Attention (red) */
/* [FLEXIBLE WIDTHS]
-------------------------------------------------------*/
/* Whole */
/* Halves */
/* Thirds */
/* Quarters */
/* Fifths */
/* Sixths */
/* Eighths */
/* Tenths */
/* Twelfths */
/* [MISC]
-------------------------------------------------------*/
/* Off-screen px value */
/* `z-index` max value */
/* Border radius */
/* ======================================================================================
   @UTILS -> SASS MIXINS
   ====================================================================================== */
/* [NICELY FORMED TYPE STYLE]
-------------------------------------------------------*/
/*
	Usage:
		Create a fully formed type style (sizing and vertical rhythm).

	Notes:
		-	The line height sets the `line-height` to a multiple of `$line-height` that's not smaller than `$font-size`, this can be overridden.
		-	`$sledgehammer` is an optional argument that allows for the `!important` keyword to be specified, when the optional `$line-height-val` argument does not need to be included then it has to be called using a named argument: `$sledgehammer: !important` so that we can skip over `$line-height-val` avoiding having to redundantly redeclare it.

	Credit:
		-	https://github.com/csswizardry/inuit.css/blob/master/inuit.css/generic/_mixins.scss
		-	twitter.com/redclov3r/status/250301539321798657

	Examples:
		@include font-size(18);
		@include font-size(12, 1.5);
		@include font-size(24, 1, !important);
		@include font-size(24, $sledgehammer: !important);
*/
/* [STYLE ALL HEADINGS EASILY]
-------------------------------------------------------*/
/*
	Usage:
		Style any number of headings in one fell swoop.

	Credit:
		https://github.com/csswizardry/inuit.css/blob/master/generic/_mixins.scss

	Example:
		@include headings(1, 3) {color: red;}
*/
/* [CONVERT PX TO EM/REM]
-------------------------------------------------------*/
/*
	Usage:
		To convert `px` to `em`'s or `rem`'s for multiple properties or values or both.

	Notes:
		-	Accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers are converted; everything else is passed through.
		-	For the `to-rem` `@mixin` we fallback to `px` value for old IE and this is only compiled to 'old-ie.css'.
		-	For the `to-em` `@mixin` `$context` is an optional argument that allows making measurements relative to the parent font size rather than the current.
		-	`$sledgehammer` is an optional argument that allows for the `!important` keyword to be specified, when used in the `to-em` `@mixin` and the optional `$context` argument does not need to be included then it has to be called using a named argument: `$sledgehammer: !important` so that we can skip over `$context` avoiding having to redundantly redeclare it.
		-	'REM' `@mixin` outputs a `px` fallback for old IE and Opera Mini, when Opera Mini supports `rem` (http://caniuse.com/#feat=rem) change the `@mixin` to an archived version (11-02-2013).

	Credit:
		https://gist.github.com/2237465

	Examples:
		@include to-em(line-height, 30)
		@include to-rem(line-height, 30)
		@include to-em(width height, 125);
		@include to-rem(padding, 0 25);
		@include to-em(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
		@include to-rem(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966));
		@include to-em(padding margin, $spacing-base, $sledgehammer: !important);
		@include to-rem(margin, $spacing-base, !important);
*/
/* EM */
/* REM */
/* [CSS3]
-------------------------------------------------------*/
/*
	Property:
		`rgba`

	Usage:
		RGBA background color with an old IE fallback (no alpha transparency).

	Example:
		@include rgba-bg(#000, 0.8);
*/
/*
	Property:
		`linear-gradient`

	Usage:
		Simple CSS3 linear gradients with old IE/Webkit fallbacks.

	Notes:
		-	This mixin is very basic in that it only caters for two colour's ('from' and 'to'), no colour stops, only linear (no radial), not repeating, etc. in most cases this is all you need, for more involved gradients then look into Compass: http://compass-style.org/examples/compass/css3/gradient/ however keep an eye on their vendor prefixes as they tend to be dated.
		-	When Webkit supports the new syntax (see: http://caniuse.com/#feat=css-gradients) then the Webkit specific syntax can be removed, in the meantime any direction keywords used need to be reversed (see: http://generatedcontent.org/post/37949105556/updateyourcss3).
		-	There's support for IE 9 using the `-ms-filter` property same as old IE but be mindful that if it's turned on and there's a `border-radius` property being used then the element will not get rounded corners.
		-	In order to skip over optional arguments then named arguments need to be used: `$from: #7a7a7a, $to: #1a1a1a,` so that we avoid having to redundantly redeclare the optional arguments, see: http://stackoverflow.com/questions/14435927/skipping-an-optional-argument-in-sass-mixin.
		-	Handy reminders:
			-	Direction keywords: 'top', 'right', 'bottom', 'left', 'top left', 'top right', 'bottom left' and 'bottom right'.
			-	Degree values:
				-	0deg is equivalent to to top, 90deg is equivalent to to right, 180deg is equivalent to to bottom, 270deg is equivalent to to left and 360deg brings you back to to top again.
				-	How to support old syntax: "If you use an angle, the starting point of the gradient line has shifted. Previously 0deg started at the East position. Angles increased in an anticlockwise direction, such that 90deg started at the North position. With the unprefixed syntax the gradient line for 0deg starts at the North position and the angle increases clockwise. The formula for switching from the old the new degree value is abs(oldDegValue − 450) mod 360."

	Examples:
		@include linear-gradient(#f63, #ff6);
		@include linear-gradient(#f63, #ff6, top left, bottom right);
		@include linear-gradient($from: #f63, $to: #ff6, $old-ie-filter: true, $ie-9-filter: true);
		@include linear-gradient(#f63, #ff6, bottom, top, true, true, true, #000);
		@include linear-gradient-light(#f63);
		@include linear-gradient-light(#f63, top, bottom);
		@include linear-gradient-dark(#f63);
		@include linear-gradient-dark(#f63, top, bottom);

*/
/* Using 'direction' keywords */
/* Using 'degree' values */
/* Simple light gradient (only a bg color needs to be used) */
/* Simple dark gradient (only a bg color needs to be used) */
/*
	Property:
		`transform`

	Usage:
		CSS3 Transforms for 'Rotate', 'Scale', 'Translate' and 'Scale'.

	Note:
		Keep an eye on browser support: http://caniuse.com/#feat=transforms2d.

	Credit:
		https://github.com/madr/css3-sass-mixins/blob/master/_all.scss

	Examples:
		@include rotate(-12.5);
		@include scale(1.5, 2);
		@include translate(40%);
		@include translate3d(10%);
		@include skew(45, 30);

		@include transform-origin(200px 400px);
*/
/* Base `@mixin` */
/* Transform origin */
/* --Different transforms-- */
/* Rotate */
/* Scale */
/* --Translate-- */
/* 2D */
/* 3D */
/* Skew */
/* [OPACITY]
-------------------------------------------------------*/
/*
	Usage:
		Quick way to declare `opacity` for modern browsers and old IE.

	Examples:
		@include opacity(0.2);
		@include opacity(0.9, !important);
*/
/* [VENDOR PREFIXES]
-------------------------------------------------------*/
/*
	Usage:
		Specify vendor prefixes for CSS3 properties.

	Note:
		Keep an eye on browser support:
		-	Transition: 	http://caniuse.com/#search=transition
		-	Animation: 		http://caniuse.com/#feat=css-animation
		-	Multi-column: 	http://caniuse.com/#feat=multicolumn
		-	Hyphens: 		http://caniuse.com/#feat=css-hyphens
		-	Box sizing: 	http://caniuse.com/#feat=css3-boxsizing
		-	Border image: 	http://caniuse.com/#feat=border-image
		-	User-select:	http://caniuse.com/#feat=user-select-none

	Credit:
		-	https://github.com/csswizardry/inuit.css/pull/102#issuecomment-12825976
		-	https://gist.github.com/3911033

	Examples:
		@include prefix(transition, border 0.2s linear, box-shadow 0.2s linear);
		@include prefix(animation, fade-in 1.5s 0.5s both);
		@include prefix(border-image, url(img/preloader.gif) 3 repeat);

		Loose version:
		@include prefix-loose(transition, all .15s, (-webkit-, ""));
*/
/* If you need to prefix something quicky and it's not in the above list, but the above `@mixin` should always be used */
/*
	Usage:
		Create CSS keyframe animations for the necessary vendors.

	Note:
		Keep an eye on browser support: http://caniuse.com/#feat=css-animation.

	Examples:
		@include prefix(animation, shrink 3s);}
		@include prefix-keyframe(shrink) {
			from {font-size: 5em;}
		}
*/
/* [INPUT PLACEHOLDER]
-------------------------------------------------------*/
/*
	Usage:
		Take care of all the different browser vendor prefixes for the form input `placeholder` attr.

	Example:
		@include input-placeholder {
			.foo {background: red;}
		}
*/
/* [TARGET BROWSERS]
-------------------------------------------------------*/
/*
	Usage:
		For targetting specific browsers.

	Notes:
		-	The non-old IE `@mixin`s should be avoided at all costs (last resort).
		-	Whenever the old IE `@mixin` is called it will only appear in 'old-ie.css'.
		-	'Mozilla' `@mixin` cannot be nested in a style declaration, has to exist as it's own rule.

	Examples:
		@include target-webkit {
			.foo {background: red;}
		}
		@include target-mozilla {
			.foo {background: red;}
		}
		@include old-ie {
			.foo {background: red;}
		}
*/
/* Webkit */
/* Mozilla */
/* Opera */
/*doesnotexist:-o-prefocus,
.selector {
	color: red;
}*/
/* Old IE */
/* [MEDIA QUERY STUFF]
-------------------------------------------------------*/
/*
	Usage:
		Set-up media queries for min/max widths inc. ranges and handle support for old IE, also include a flag to only target 'screen' media so as to not affect 'print' media.

	Note:
		For old IE we're wrapping `@media screen` around `@content` in order to prevent 'print' media being affected however be careful because `@extend` will not work so might be that this has to be removed?

	Credit:
		http://jakearchibald.github.com/sass-ie/

	Examples:
		@include respond-min($lap) {
			.foo {background: red;}
		}
		@include respond-min($lap, true) {
			.foo {background: red;}
		}
		@include respond-max($palm) {
			.foo {background: red;}
		}
		@include respond-range(500, 780) {
			.foo {background: red;}
		}
		@include respond-range-fixed(lap-lrg) {
			.foo {background: red;}
		}
*/
/* Min width */
/* Max width */
/* --Min/max ranges-- */
/* Accepts any range */
/* --Grouped (comma seperated list)-- */
/* Accepts 2 `min-width` values */
/* Accepts 2 `max-width` values */
/* Accepts 1 `min-width` value AND 1 `max-width` value */
/* Fixed ranges using the pre-defined breakpoints in 'utils/vars' */
/*
	Usage:
		For targetting iOS devices.

	Example:
		@include target-iOS {
			.foo {background: red;}
		}
*/
/*
	Usage:
		For targetting high resolution displays (retina).

	Note:
		On retina, use image that's scaled by 2.

	Credit:
		http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss

	Example:
		.logo {
			background: url("logo.png") no-repeat;
			@include img-2x("logo@2x.png", 100px, 25px);
		}
*/
/* [ARROWS]
-------------------------------------------------------*/
/*
	Usage:
		Creates a CSS arrow on a given element, they're 12 locations the arrow can be placed. For full details see the 'Credit' URL.

	Credit:
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/generic/_mixins.scss

	Examples:
		@include arrow(top, left, red);
		@include arrow(bottom, center, red, black);
*/
/* [PLACEHOLDER SELECTOR MEDIA QUERY FIX]
-------------------------------------------------------*/
/*
	Usage:
		Placeholder selectors cannot be extended within media queries therefore to keep things DRY we use a `@mixin` to contain it's styles and when a selector is in a media query the `@mixin` needs to be called not the placeholder selector.
*/
/* Disguised link */
/* Clear fix */
/* --Hide-- */
/* Hide only visually but have it available for screen readers */
/* Turns off `@mixin hide-visually` i.e. bring back into view */
/* ======================================================================================
   @UTILS -> SASS FUNCTIONS
   ====================================================================================== */
/* [CONVERT PX TO EM/REM]
-------------------------------------------------------*/
/* 
	Usage:
		To convert `px` to `em`s or `rem`s.
	
	Note:
		'REM' `@function` outputs a `px` fallback for old IE and Opera Mini, when Opera Mini supports `rem` (http://caniuse.com/#feat=rem) change the `@function` to an archived version (11-02-2013).
	
	Credit:
		https://gist.github.com/2237465
	
	Example:
		.foo {margin-left: to-em(8, 20);}
		.foo {padding: to-rem(8) 0;}
*/
/* EM */
/* REM */
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 11, ../sass/partials/utils/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, ../sass/partials/utils/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../sass/partials/utils/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 68, ../sass/partials/utils/_normalize.scss */
html {
  background: #fff;
  /* 1 */
  color: #000;
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
}

/**
 * Remove default margin.
 */
/* line 80, ../sass/partials/utils/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 92, ../sass/partials/utils/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 100, ../sass/partials/utils/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 114, ../sass/partials/utils/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 123, ../sass/partials/utils/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

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

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 140, ../sass/partials/utils/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 148, ../sass/partials/utils/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 158, ../sass/partials/utils/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 167, ../sass/partials/utils/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 179, ../sass/partials/utils/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 187, ../sass/partials/utils/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 195, ../sass/partials/utils/_normalize.scss */
small {
  font-size: 80%;
}

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

/* line 211, ../sass/partials/utils/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 215, ../sass/partials/utils/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 227, ../sass/partials/utils/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 235, ../sass/partials/utils/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 247, ../sass/partials/utils/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
/* line 259, ../sass/partials/utils/_normalize.scss */
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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 270, ../sass/partials/utils/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 281, ../sass/partials/utils/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 295, ../sass/partials/utils/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 307, ../sass/partials/utils/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 320, ../sass/partials/utils/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 332, ../sass/partials/utils/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 342, ../sass/partials/utils/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 375, ../sass/partials/utils/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 386, ../sass/partials/utils/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 399, ../sass/partials/utils/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ======================================================================================
   @UTILS -> RESET
   ====================================================================================== */
/* 
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)
*/
/* line 11, ../sass/partials/utils/_reset.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
time,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
main {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Reset `box-sizing` to the nice `border-box` */
/* line 89, ../sass/partials/utils/_reset.scss */
*, *:before, *:after {
  /* Transition */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Lists */
/* line 95, ../sass/partials/utils/_reset.scss */
ol,
ul {
  list-style: none;
}

/* endif */
/* Utils -> Placeholders */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOTTOM SPACING
   ====================================================================================== */
/*
	Usage:
		Applies the default bottom margin in order to try to keep a consistent vertical rhythm.
	
	Demo:
		Style Guide -> Utilities -> Bottom Spacing
*/
/* line 13, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
.list, dl, p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, table, .quote, hr, pre, .grid,
.grid__item, .island,
.islet, .slats, .slats__img,
.slats__img--rev, .divider, .feedback_block, .pull-left,
.pull-right,
.pull-center {
  margin-bottom: 18px;
  margin-bottom: 1.38462rem;
  /* Turn off bottom margin for the last element */
}
/* line 17, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
.list:last-child, dl:last-child, p:last-child, h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child, table:last-child, .quote:last-child, hr:last-child, pre:last-child, .grid:last-child,
.grid__item:last-child, .island:last-child,
.islet:last-child, .slats:last-child, .slats__img:last-child,
.slats__img--rev:last-child, .divider:last-child, .feedback_block:last-child, .pull-left:last-child,
.pull-right:last-child,
.pull-center:last-child {
  margin-bottom: 0;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> CLEAR FIX
   ====================================================================================== */
/*
	Usage:
		So parent containers can contain their floated children.
	
	Demo:
		Style Guide -> Utilities -> Clear Fix
	
	Credit:
		http://nicolasgallagher.com/micro-clearfix-hack
*/
/* line 951, ../sass/partials/utils/_mixins.scss */
.island:after,
.islet:after, .slats:after, .flexslider .slides:after, .modal__footer:after, .form-main__field:after {
  content: "";
  display: table;
  clear: both;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> DISGUISED LINK
   ====================================================================================== */
/*
	Usage:
		Make a link not look like a link.
	
	Note:
		Have to declare the styles in a `@mixin`, see the 'PLACEHOLDER SELECTOR MEDIA QUERY FIX' section in 'utils/mixins' for the explanation.
	
	Demo:
		Style Guide -> Utilities -> Disguised Link
*/
/* line 16, ../sass/partials/utils/placeholders/_disguised-link.scss */
.complex-link, .vcard .url {
  color: inherit;
  text-decoration: inherit;
  cursor: text;
  /* Pseudo classes */
}
/* line 944, ../sass/partials/utils/_mixins.scss */
.complex-link:visited, .vcard .url:visited, .complex-link:hover, .vcard .url:hover, .complex-link:focus, .vcard .url:focus {
  color: inherit;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> IMAGE REPLACEMENT
   ====================================================================================== */
/*
	Usage:
		For replacing a text element with an image.
		
	Note:
		Still undecided whether to go with the latest H5BP technique? Will decide after a few builds. If revert back to the prior technique then make sure to update all `em` values to `px`.
	
	Demo:
		Style Guide -> Utilities -> Image Replacement
	
	Credit:
		http://html5boilerplate.com/
*/
/*%img-replacement {
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}*/
/* line 25, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* Pseudo element */
}
/* line 31, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Alternate version */
/* line 40, ../sass/partials/utils/placeholders/_image-replacement.scss */
.flex-direction-nav a {
  text-indent: -9999px;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE BG
   ====================================================================================== */
/*
	Usage:
		Declare the main sprite background image.
	
	Demo:
		Style Guide -> Utilities -> Sprite BG
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-bg.scss */
.sprite, .aside h1, .aside h2,
.list-custom li,
h1, .h1,
h2, .h2,
.flex-direction-nav a,
.flex-control-nav a {
  background-image: url("img/sprite.png");
  background-repeat: no-repeat;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE / ICON
   ====================================================================================== */
/*
	Usage:
		Common styles for sprited elements and icon fonts.
	
	Demo:
		Style Guide -> Utilities -> Sprite / Icon
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-icon.scss */
.sprite, .icon:before {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> TRANSITIONS
   ====================================================================================== */
/*
	Usage:
		Common CSS3 transition styles.
	
	Demo:
		Style Guide -> Utilities -> Transitions
*/
/* Subtle */
/* line 14, ../sass/partials/utils/placeholders/_transitions.scss */
a, .nav-user .icon:before, .complex-link__target, .accordion__header, .btn, .btn:before, .btn:after {
  /* Transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* Off */
/* line 17, ../sass/partials/utils/placeholders/_transitions.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  /* Transition */
  -webkit-transition: none;
  transition: none;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> ARROWS
   ====================================================================================== */
/*
	Usage: 
		Creates a CSS arrow on a given element, they're 12 locations the arrow can be placed. For full details see the 'Credit' URL.
	
	Demo:
		Style Guide -> Utilities -> Arrows
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_arrows.scss
*/
/* Set variables */
/* --Start abstraction-- */
/* Forms the basis for any/all CSS arrows */
/* --Define individual edges so we can combine what we need, when we need-- */
/* Top */
/* Upper */
/* Middle */
/* Lower */
/* Bottom */
/* Near */
/* Left */
/* Center */
/* Right */
/* Far */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOX SHADOWS
   ====================================================================================== */
/*
	Usage:
		Handy CSS3 box shadow styles.
	
	Demo:
		Style Guide -> Utilities -> Box Shadows
*/
/* --Simple directional box shadows-- */
/* Set variables */
/* Top */
/* Bottom */
/* line 30, ../sass/partials/utils/placeholders/_box-shadows.scss */
.js .drop-down {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.4);
}

/* Right */
/* Left */
/* --Simple embossed box shadows-- */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> HIDE
   ====================================================================================== */
/*
	Usage: 
		Hides elements in various ways.
	
	Note:
		Most of the time the relevant 'hide' helper classes (see: helpers/hide) will handle this.
*/
/* Hide only visually but have it available for screen readers */
/* line 14, ../sass/partials/utils/placeholders/_hide.scss */
.hide-visually {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Turns off `%hide-visually` i.e. bring back into view */
/* line 17, ../sass/partials/utils/placeholders/_hide.scss */
.hide-visually-off {
  position: static;
  height: auto;
  width: auto;
  overflow: visible;
  clip: rect(auto, auto, auto, auto);
  margin: 0;
}

/* Base */
/* ======================================================================================
   @BASE -> FONTS
   ====================================================================================== */
/* 
	Note: all `@font-face` declarations here.
*/
/* [CUSTOM FONTS]
-------------------------------------------------------*/
/* Permanent Marker - main nav */
@font-face {
  font-family: 'PermanentMarker';
  src: url("fonts/permanent-marker/PermanentMarker-webfont.eot");
  src: url("fonts/permanent-marker/PermanentMarker-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/permanent-marker/PermanentMarker-webfont.woff") format("woff"), url("fonts/permanent-marker/PermanentMarker-webfont.ttf") format("truetype"), url("fonts/permanent-marker/PermanentMarker-webfont.svg#PermanentMarkerRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* [Icons]
-------------------------------------------------------*/
@font-face {
  font-family: 'icons';
  src: url("fonts/icons/icons.eot");
  src: url("fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons/icons.svg#icomoon") format("svg"), url("fonts/icons/icons.woff") format("woff"), url("fonts/icons/icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* ======================================================================================
   @BASE -> MAIN
   ====================================================================================== */
/* line 4, ../sass/partials/base/_main.scss */
html, body {
  max-height: 100%;
}

/* line 6, ../sass/partials/base/_main.scss */
html {
  font-size: 0.8125em;
  line-height: 1.38462;
  background: #bfc3c6 url("img/bg-body.jpg") repeat-x;
}

/* line 12, ../sass/partials/base/_main.scss */
body {
  /* Transition */
  -webkit-animation: fade-in 1.5s 0.5s both;
  animation: fade-in 1.5s 0.5s both;
  background: url("img/bg-body-inner.jpg") no-repeat 50% 0;
  /* Get around 2 megapixel limit on bg img's: */
  -webkit-background-size: 1424px 1056px;
}
@media (min-width: 46.875em) and (max-width: 62.4375em) {
  /* line 12, ../sass/partials/base/_main.scss */
  body {
    background-position: 20% 0;
  }
}

/* Animation: fade in the `body` */
@-webkit-keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Set `font-family` and `color` */
/* line 31, ../sass/partials/base/_main.scss */
html,
button,
input,
select,
textarea {
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  color: #000;
}

/* ======================================================================================
   @BASE -> VIEWPORT
   ====================================================================================== */
/* 
	Note: add @viewport rule to future proof (remove if site isn't responsive), leave out `-ms-` prefix, see here: http://nostrongbeliefs.com/why-i-think-we-shouldnt-use-css-viewport-in-ie10-for-now/. 
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* ======================================================================================
   @BASE -> LINKS
   ====================================================================================== */
/* line 5, ../sass/partials/base/_links.scss */
a {
  color: #1C5F61;
  text-decoration: none;
  /* Visited */
  /* Hover/Focus */
  /* Make `tel` links not look like links for non-phone devices at this breakpoint */
  /* Yellow link */
  /*&.yellow__link{background: $color-brand-yellow;
  	&:hover,
  	&:focus,
  	&.is-active {background-color: $color-brand-yellow-lighter;}
  }*/
  /* Pink link */
  /*&.pink__link{background: $color-brand-pink;
  	&:hover,
  	&:focus,
  	&.is-active {background-color: $color-brand-pink-lighter;}
  }*/
  /* Blue link */
  /*&.blue__link{background: $color-brand-blue;
  	&:hover,
  	&:focus,
  	&.is-active {background-color: $color-brand-blue-lighter;}
  }*/
  /* Grey link */
  /*&.grey__link{background: $color-grey;
  	&:hover,
  	&:focus,
  	&.is-active {background-color: $color-grey-lighter;}
  }*/
}
/* line 11, ../sass/partials/base/_links.scss */
a:visited {
  color: #227275;
}
/* line 14, ../sass/partials/base/_links.scss */
a:hover, a:focus {
  color: #278689;
  text-decoration: underline;
}
@media (min-width: 40.0625em) {
  /* line 22, ../sass/partials/base/_links.scss */
  a[href^="tel:"] {
    color: inherit;
    text-decoration: inherit;
    cursor: text;
    /* Pseudo classes */
  }
  /* line 944, ../sass/partials/utils/_mixins.scss */
  a[href^="tel:"]:visited, a[href^="tel:"]:hover, a[href^="tel:"]:focus {
    color: inherit;
  }
  /* line 25, ../sass/partials/base/_links.scss */
  a[href^="tel:"]:focus {
    outline: none;
  }
}

/* Print */
@media print {
  /* line 60, ../sass/partials/base/_links.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* Note: this may be redundant? */
  /* Show the `href` and `title` attr values after the element */
  /* line 64, ../sass/partials/base/_links.scss */
  a[href]:after,
  abbr[title]:after {
    font-size: 80%;
    color: gray !important;
  }

  /* line 70, ../sass/partials/base/_links.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 72, ../sass/partials/base/_links.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Don't show the `href` attr value for the following */
  /* line 75, ../sass/partials/base/_links.scss */
  .header a[href]:after,
  .url[href]:after,
  a[href^="tel:"]:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
}
/* ======================================================================================
   @BASE -> LISTS
   ====================================================================================== */
/* [UNORDERED / ORDERED]
-------------------------------------------------------*/
/* line 8, ../sass/partials/base/_lists.scss */
.list {
  /* Left indent */
}
/* line 12, ../sass/partials/base/_lists.scss */
.list,
.list ul,
.list ol {
  margin-left: 18px;
  margin-left: 1.38462rem;
  /* Increase left indent at this breakpoint 
  @include respond-min($non-palm) {
  	@include to-rem(margin-left, $spacing-dbl);
  }*/
}

/* Unordered bullets */
/* line 25, ../sass/partials/base/_lists.scss */
ul.list {
  list-style: disc;
}
/* line 28, ../sass/partials/base/_lists.scss */
ul.list ul {
  list-style: circle;
}
/* line 31, ../sass/partials/base/_lists.scss */
ul.list ul ul {
  list-style: square;
}

/* Ordered bullets */
/* line 38, ../sass/partials/base/_lists.scss */
ol.list {
  list-style: decimal;
}
/* line 41, ../sass/partials/base/_lists.scss */
ol.list ol {
  list-style: lower-alpha;
}
/* line 44, ../sass/partials/base/_lists.scss */
ol.list ol ol {
  list-style: lower-roman;
}

/* Custom */
/* line 51, ../sass/partials/base/_lists.scss */
.list-custom {
  margin-top: 0.5em;
}
/* line 54, ../sass/partials/base/_lists.scss */
.list-custom li {
  background-position: 0.35em -99px;
  padding-left: 2.2em;
}

/* line 61, ../sass/partials/base/_lists.scss */
ul .list-custom {
  margin-left: 1em;
}

/* [DEFINITION]
-------------------------------------------------------*/
/* line 70, ../sass/partials/base/_lists.scss */
dt {
  font-weight: bold;
}

/* ======================================================================================
   @BASE -> EMBEDDED CONTENT
   ====================================================================================== */
/* 
	1.	Remove the gap between images and the bottom of their containers.
 	2.	Make responsive.
	3.	So that `alt` text is visually offset if images don't load.
*/
/* line 10, ../sass/partials/base/_embedded-content.scss */
img {
  vertical-align: middle;
  /* 1 */
  max-width: 100%;
  /* 2 */
  height: auto;
  /* 2 */
  font-style: italic;
  /* 3 */
}

/* Images in `figure` elements */
/* line 18, ../sass/partials/base/_embedded-content.scss */
figure > img {
  display: block;
}

/* ======================================================================================
   @BASE -> PARAGRAPHS
   ====================================================================================== */
/* ======================================================================================
   @BASE -> HEADINGS
   ====================================================================================== */
/*
	Note: to target any heading of any level use this generic heading class: `.hn`.
*/
/* Shared */
/* line 51, ../sass/partials/utils/_mixins.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  /*font-weight: bold;*/
  font-family: Impact, Futura-CondensedExtraBold, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  font-weight: normal;
}

/* H1 */
/* line 18, ../sass/partials/base/_headings.scss */
h1, .h1 {
  font-size: 35px;
  font-size: 2.69231rem;
  line-height: 1.02857;
  margin-top: 0;
  /* Note: this is needed to turn off the top margin set in 'utils/normalize'. */
  padding-left: 1.2em;
  background-position: 0 -189px;
}
@media (max-width: 40em) {
  /* line 18, ../sass/partials/base/_headings.scss */
  h1, .h1 {
    font-size: 2rem;
  }
}

/* H2 */
/* line 30, ../sass/partials/base/_headings.scss */
h2, .h2 {
  font-size: 26px;
  font-size: 2rem;
  line-height: 1.38462;
  padding-left: 1.333em;
  background-position: 0 -363px;
}
@media (max-width: 40em) {
  /* line 30, ../sass/partials/base/_headings.scss */
  h2, .h2 {
    font-size: 1.8rem;
  }
}

/* H3 */
/* line 40, ../sass/partials/base/_headings.scss */
h3, .h3 {
  font-size: 24px;
  font-size: 1.84615rem;
  line-height: 1.5;
  color: #1C5F61;
}

/* H4 */
/* line 46, ../sass/partials/base/_headings.scss */
h4, .h4 {
  font-size: 20px;
  font-size: 1.53846rem;
  line-height: 1.8;
}

/* H5 */
/* line 51, ../sass/partials/base/_headings.scss */
h5, .h5 {
  font-size: 13px;
  font-size: 1rem;
  line-height: 1.38462;
}

/* H6 */
/* line 56, ../sass/partials/base/_headings.scss */
h6, .h6 {
  font-size: 14px;
  font-size: 1.07692rem;
  line-height: 1.28571;
}

/* ======================================================================================
   @BASE -> TABLES
   ====================================================================================== */
/* 
	Note: these are very basic styles hence them being in 'base', if you're needing something more styled then your table should become a 'module' inheriting from here. 
*/
/* Base */
/* line 10, ../sass/partials/base/_tables.scss */
table {
  width: 100%;
}

/* Cell padding */
/* line 16, ../sass/partials/base/_tables.scss */
th,
td {
  padding: 0.23077em;
  /* Increase at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 16, ../sass/partials/base/_tables.scss */
  th,
  td {
    padding: 0.69231em;
  }
}

/* Caption 
caption {@extend h2};*/
/* Cell header */
/* line 30, ../sass/partials/base/_tables.scss */
th {
  font-weight: bold;
}

/* Alignments */
/* line 33, ../sass/partials/base/_tables.scss */
caption,
th {
  text-align: left;
}

/* line 36, ../sass/partials/base/_tables.scss */
[colspan] {
  text-align: center;
}

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

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

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

/* Print */
@media print {
  /* line 46, ../sass/partials/base/_tables.scss */
  thead {
    display: table-header-group;
  }
}
/* Striped */
/* line 50, ../sass/partials/base/_tables.scss */
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #e3e3e3;
}

/* Bordered */
/* line 53, ../sass/partials/base/_tables.scss */
.table-bordered {
  /* Thicker border for the last row in the `thead` */
}
/* line 55, ../sass/partials/base/_tables.scss */
.table-bordered th,
.table-bordered td {
  border: 1px solid #bfbfbf;
  /* No borders for empty cells */
}
/* line 60, ../sass/partials/base/_tables.scss */
.table-bordered th:empty,
.table-bordered td:empty {
  border: 0;
}
/* line 64, ../sass/partials/base/_tables.scss */
.table-bordered thead tr:last-child th {
  border-bottom-width: 2px;
}

/* ======================================================================================
   @BASE -> QUOTES
   ====================================================================================== */
/* [INLINE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_quotes.scss */
q {
  quotes: "\2018" "\2019" "\201C" "\201D";
  /* Pseudo elements */
  /* Nested */
}
/* line 11, ../sass/partials/base/_quotes.scss */
q:before {
  content: "\2018";
  /* Left single quotation mark */
  content: open-quote;
}
/* line 16, ../sass/partials/base/_quotes.scss */
q:after {
  content: "\2019";
  /* Right single quotation mark */
  content: close-quote;
}
/* line 23, ../sass/partials/base/_quotes.scss */
q q:before {
  content: "\201C";
  /* Left double quotation mark */
  content: open-quote;
}
/* line 28, ../sass/partials/base/_quotes.scss */
q q:after {
  content: "\201D";
  /* Right double quotation mark */
  content: close-quote;
}

/* [BLOCK]
-------------------------------------------------------*/
/* line 37, ../sass/partials/base/_quotes.scss */
.quote {
  /* Reduce the width and center align at this breakpoint */
  /* Reduce the width at this breakpoint */
  /* Reduce the width align at this breakpoint */
  /* Shared */
  /* The quote */
  /* The source */
}
@media (min-width: 40.0625em) {
  /* line 37, ../sass/partials/base/_quotes.scss */
  .quote {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  /* line 37, ../sass/partials/base/_quotes.scss */
  .quote {
    width: 88%;
  }
}
@media (min-width: 75em) {
  /* line 37, ../sass/partials/base/_quotes.scss */
  .quote {
    width: 70%;
  }
}
/* line 54, ../sass/partials/base/_quotes.scss */
.quote blockquote,
.quote figcaption {
  padding-left: 36px;
  padding-left: 2.76923rem;
  /* Increase padding at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 54, ../sass/partials/base/_quotes.scss */
  .quote blockquote,
  .quote figcaption {
    padding-left: 54px;
    padding-left: 4.15385rem;
    padding-right: 54px;
    padding-right: 4.15385rem;
  }
}
/* line 65, ../sass/partials/base/_quotes.scss */
.quote blockquote {
  font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
  font-size: 20px;
  font-size: 1.53846rem;
  line-height: 1.2;
  font-style: italic;
  color: #1C5F61;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
  quotes: none;
  /* Increase font size at this breakpoint */
  /* Pseudo elements - left/right double quotation marks  */
}
@media (min-width: 40.0625em) {
  /* line 65, ../sass/partials/base/_quotes.scss */
  .quote blockquote {
    font-size: 22px;
    font-size: 1.69231rem;
    line-height: 1.1;
  }
}
/* line 81, ../sass/partials/base/_quotes.scss */
.quote blockquote:before, .quote blockquote:after {
  font-style: normal;
  font-size: 74px;
  font-size: 5.69231rem;
  line-height: 1;
  speak: none;
  position: absolute;
  /* Increase font size at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 81, ../sass/partials/base/_quotes.scss */
  .quote blockquote:before, .quote blockquote:after {
    font-size: 100px;
    font-size: 7.69231rem;
    line-height: 1;
  }
}
/* line 94, ../sass/partials/base/_quotes.scss */
.quote blockquote:before {
  content: "\201C";
  top: 0;
  left: 0;
}
/* line 100, ../sass/partials/base/_quotes.scss */
.quote blockquote:after {
  content: "\201D";
  bottom: 0;
  right: 0;
  line-height: 0.2;
  /* Hide at this breakpoint */
}
@media (max-width: 40em) {
  /* line 100, ../sass/partials/base/_quotes.scss */
  .quote blockquote:after {
    display: none;
  }
}
/* line 114, ../sass/partials/base/_quotes.scss */
.quote figcaption {
  color: gray;
  text-align: right;
  font-size: 11px;
  font-size: 0.84615rem;
  line-height: 1.63636;
  /* Pseudo element - em dash */
}
/* line 120, ../sass/partials/base/_quotes.scss */
.quote figcaption:before {
  content: "\2014";
}

/* ======================================================================================
   @BASE -> TEXT SELECTION
   ====================================================================================== */
/* Firefox */
/* line 6, ../sass/partials/base/_text-selection.scss */
::-moz-selection {
  background: #1C5F61;
  text-shadow: none;
}

/* Everyone else */
/* line 12, ../sass/partials/base/_text-selection.scss */
::selection {
  background: #1C5F61;
  text-shadow: none;
  color: #fff;
}

/* ======================================================================================
   @BASE -> MISCELLANEOUS
   ====================================================================================== */
/* [HORIZONTAL RULE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_misc.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #bfbfbf;
  padding: 0;
  position: relative;
  /* Pesudo element for a more stylised `hr` */
}
/* line 17, ../sass/partials/base/_misc.scss */
hr:after {
  content: "\2767";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 0;
  text-align: center;
  color: #bfbfbf;
}

/* [ABBREVIATION]
-------------------------------------------------------*/
/* line 31, ../sass/partials/base/_misc.scss */
abbr[title] {
  cursor: help;
}

/* [INSERT]
-------------------------------------------------------*/
/* line 35, ../sass/partials/base/_misc.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* [PRE]
-------------------------------------------------------*/
/* [ADDRESS/EM]
-------------------------------------------------------*/
/* line 47, ../sass/partials/base/_misc.scss */
address,
em {
  font-style: normal;
}

/* [SMALL]
-------------------------------------------------------*/
/* line 52, ../sass/partials/base/_misc.scss */
small {
  font-size: 100%;
}

/* [CANVAS]
-------------------------------------------------------*/
/* Set the default behavior for touch-based browsing in IE 10 on devices running Windows 8 */
/* line 57, ../sass/partials/base/_misc.scss */
canvas {
  -ms-touch-action: double-tap-zoom;
}

/* [CODE]
-------------------------------------------------------*/
/* line 61, ../sass/partials/base/_misc.scss */
code {
  color: #b38600;
}

/* [VIDEO]
-------------------------------------------------------*/
/* line 65, ../sass/partials/base/_misc.scss */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  height: 0;
  max-width: 100%;
}
/* line 70, ../sass/partials/base/_misc.scss */
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ======================================================================================
   @BASE -> SKIP LINK
   ====================================================================================== */
/*
	Usage: 
		An accessibility feature to allow assistive technology users e.g. screen readers to easily skip to the main content, also assists keyboard users.
	
	Demo:
		Insert cursor in the browser address bar then start tabbing, it's the first tab stop in the site.
*/
/* line 13, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link {
  /* Pseudo classes */
}
/* line 15, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2147483647;
  width: 100%;
  padding: 0.46154em 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-decoration: none;
  /* Note: this may be redundant? */
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-weight: bold;
  height: auto;
  overflow: visible;
  clip: auto;
  margin: 0;
}

/* Layout */
/* ======================================================================================
   @LAYOUT -> CONTAINERS
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_containers.scss */
.container {
  width: 95%;
  min-width: 280px;
  min-width: 21.53846rem;
  max-width: 967px;
  max-width: 74.38462rem;
  margin: 0 auto;
  /* Print */
}
@media (max-width: 40em) {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container {
    width: 100%;
  }
}
@media (min-width: 52.875em) and (max-width: 62.4375em) {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container {
    width: 80%;
  }
}
@media (min-width: 62.5em) and (max-width: 65.9375em) {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container {
    width: 100%;
  }
}
@media print {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container {
    width: auto;
  }
}

/* ======================================================================================
   @LAYOUT -> HEADER
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_header.scss */
.header {
  /* Base rules */
  /*Inner container*/
}
/* line 7, ../sass/partials/layout/_header.scss */
.header a {
  text-decoration: none;
  font-size: 1.07692em;
}
/* line 12, ../sass/partials/layout/_header.scss */
.header p {
  margin-bottom: 0;
}
/* line 14, ../sass/partials/layout/_header.scss */
.header h1 {
  position: absolute;
  right: .8em;
  /* 12px */
  top: 6em;
  clip: rect(auto, auto, auto, auto);
  overflow: visible;
  height: auto;
  width: 9.1333em;
  /* 137px */
  margin: 0;
  background: none;
  text-align: right;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-5deg);
  color: #000;
}
/* line 32, ../sass/partials/layout/_header.scss */
.header .section {
  max-width: 725px;
  margin: 0 auto;
  min-height: 0;
  background: none;
  background: transparent url("img/bg-main-head.png") no-repeat 0 100%;
}
/* line 40, ../sass/partials/layout/_header.scss */
.header .btn_menu-toggle {
  margin-left: 0.5em;
  margin-top: 0.5em;
}
@media (min-width: 40.0625em) {
  /* line 46, ../sass/partials/layout/_header.scss */
  .header h1 {
    position: static;
    float: right;
    padding: 1em 1em 0 0;
    /*right: 2em;
    margin-right: -9.1333em; */
  }
}
@media (min-width: 48.125em) {
  /* line 55, ../sass/partials/layout/_header.scss */
  .header h1 {
    right: 5%;
  }
}
@media (min-width: 56.25em) {
  /* line 60, ../sass/partials/layout/_header.scss */
  .header h1 {
    font-size: 1.8rem !important;
    top: 4em;
  }
}
@media (min-width: 62.5em) {
  /* line 66, ../sass/partials/layout/_header.scss */
  .header .section {
    background: url("img/bg-main-head.png") no-repeat 18.84615em 100%;
    max-width: 100%;
  }
}
@media (min-width: 66.625em) {
  /* line 5, ../sass/partials/layout/_header.scss */
  .header {
    /*IE*/
    /*CHROME*/
  }
  /* line 72, ../sass/partials/layout/_header.scss */
  .header h1 {
    display: none;
  }
  /* line 73, ../sass/partials/layout/_header.scss */
  .header .section {
    background: url("img/bg-header.png") no-repeat 18.65em 100%;
    position: relative;
    z-index: 3;
    height: 288px;
  }
  /* line 80, ../sass/partials/layout/_header.scss */
  .header .section {
    background-position-x: 18.3em;
  }
  /* line 81, ../sass/partials/layout/_header.scss */
  .header .section:not(*:root) {
    background-position-x: 18.65em;
  }
}

@media (min-width: 40.0625em) {
  /* line 86, ../sass/partials/layout/_header.scss */
  .section.admin-view {
    position: relative;
    margin-top: 1em;
  }
  /* line 91, ../sass/partials/layout/_header.scss */
  .section.admin-view h1 {
    margin-right: 0;
    top: 0;
    float: none;
    position: absolute;
    left: 30%;
  }
  /* line 92, ../sass/partials/layout/_header.scss */
  .section.admin-view .logo img {
    left: 0;
    margin-left: 0;
  }
}
@media (min-width: 56.25em) and (max-width: 62.4375em) {
  /* line 95, ../sass/partials/layout/_header.scss */
  .section.admin-view h1 {
    left: 40%;
  }
}
@media (min-width: 66.625em) {
  /* line 86, ../sass/partials/layout/_header.scss */
  .section.admin-view {
    background: transparent url("img/bg-main-head.png") no-repeat 18.65em bottom;
    margin-top: 0;
    height: auto !important;
  }
  /* line 103, ../sass/partials/layout/_header.scss */
  .section.admin-view h1 {
    display: block;
    top: 2em;
    left: 16em;
  }
  /* line 105, ../sass/partials/layout/_header.scss */
  .section.admin-view .logo img {
    top: 1em;
  }
}

@media (min-width: 66.625em) {
  /* line 109, ../sass/partials/layout/_header.scss */
  .section.admin-view {
    background-position-x: 18.3em;
  }
}

/*IE Admin view*/
/* line 111, ../sass/partials/layout/_header.scss */
.form-main-full .admin-view {
  background-image: none !important;
  height: auto;
}

/* [Navigation] --------------------------------------------------------------------------------------------- */
/* line 115, ../sass/partials/layout/_header.scss */
.header__nav {
  background: transparent url("img/bg-nav-main.png") no-repeat 50% -4em;
  padding-bottom: .5em;
  /* Base rules */
  /* Container */
}
/* line 120, ../sass/partials/layout/_header.scss */
.header__nav a,
.header__nav .nav-main .btn {
  color: #fff;
}
/* line 124, ../sass/partials/layout/_header.scss */
.header__nav .container {
  position: relative;
  z-index: 10;
  width: 100%;
  /* Remove padding and increase width at this breakpoint */
  /* Restore default width at this breakpoint 
  @include respond-min($ipad-portrait) {
  	width: 100%;
  }*/
}
@media (min-width: 40.0625em) {
  /* line 124, ../sass/partials/layout/_header.scss */
  .header__nav .container {
    padding: 0;
    width: 98%;
  }
}

/* --Main navigation-- */
/* Toggle the menu via jQuery */
/* line 145, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle {
  /* Hide */
  display: none;
  /* Show when expanded */
  /* Always show at this breakpoint */
}
/* line 151, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle.is-expanded {
  display: block;
}
@media (min-width: 40.0625em) {
  /* line 145, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    display: block;
  }
}

/* Main navigation */
/* line 160, ../sass/partials/layout/_header.scss */
.nav-main {
  padding: 0.69231em 0;
  /* Remove padding at this breakpoint */
  /* Add right padding to prevent nav colliding with search at this breakpoint */
  /* Add right padding to prevent nav colliding with search at this breakpoint */
  /* Links */
  /* --Conditional links (drop down) at lap viewport range-- */
  /* Hide the conditional links at these breakpoints */
  /* Hide/show of certain links at this breakpoint range */
  /* Drop down trigger */
  /* Drop down */
  /*Drop downs*/
  /* Opened state */
  /* Home link */
  /* Icons */
  /* Icon spacing */
}
@media (min-width: 40.0625em) {
  /* line 160, ../sass/partials/layout/_header.scss */
  .nav-main {
    padding: 0;
  }
}
@media (min-width: 75em) {
  /* line 160, ../sass/partials/layout/_header.scss */
  .nav-main {
    padding-right: 16.92308em;
  }
}
@media (min-width: 85.375em) {
  /* line 160, ../sass/partials/layout/_header.scss */
  .nav-main {
    padding-right: 27.69231em;
  }
}
/* line 179, ../sass/partials/layout/_header.scss */
.nav-main a,
.nav-main .btn {
  padding: 8px 12px;
  padding: 0.61538rem 0.92308rem;
  margin-right: 1px;
  /* Pseudo classes + active state */
  /* Mods at this breakpoint */
}
/* line 185, ../sass/partials/layout/_header.scss */
.nav-main a:hover, .nav-main a:focus, .nav-main a.is-active,
.nav-main .btn:hover,
.nav-main .btn:focus,
.nav-main .btn.is-active {
  background-color: #1C5F61;
}
@media (max-width: 40em) {
  /* line 179, ../sass/partials/layout/_header.scss */
  .nav-main a,
  .nav-main .btn {
    display: block;
    padding-top: 4px;
    padding-top: 0.30769rem;
    padding-bottom: 4px;
    padding-bottom: 0.30769rem;
    border-bottom: 1px solid #144445;
    /*box-shadow: 0 1px 0 $color-brand-light;*/
    margin-right: 0;
  }
}
/* line 202, ../sass/partials/layout/_header.scss */
.nav-main .nav-main__conditional-links {
  display: none;
}
@media (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 160, ../sass/partials/layout/_header.scss */
  .nav-main {
    /* Hide links in main nav we have no room for */
    /* Show the conditional links (drop down) */
  }
  /* line 207, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__hide-show {
    display: none;
  }
  /* line 210, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__conditional-links {
    display: inline-block;
    font-size: 1.07692em;
  }
}
/* line 214, ../sass/partials/layout/_header.scss */
.nav-main .btn {
  line-height: 1.61538;
  vertical-align: baseline;
}
/* line 220, ../sass/partials/layout/_header.scss */
.nav-main .drop-down {
  background-color: #1C5F61;
  width: 20rem;
  /* Links */
  /* Last link in list */
  /* Icons */
}
/* line 225, ../sass/partials/layout/_header.scss */
.nav-main .drop-down a {
  display: block;
  padding-top: 8px;
  padding-top: 0.61538rem;
  padding-bottom: 8px;
  padding-bottom: 0.61538rem;
  border-bottom: 1px solid #144445;
  box-shadow: 0 1px 0 #1C5F61;
  margin-right: 0;
  /* Pseudo classes + active state */
}
/* line 233, ../sass/partials/layout/_header.scss */
.nav-main .drop-down a:hover, .nav-main .drop-down a:focus, .nav-main .drop-down a.is-active {
  background-color: #195355;
}
/* line 238, ../sass/partials/layout/_header.scss */
.nav-main .drop-down li {
  margin: 0;
}
/* line 241, ../sass/partials/layout/_header.scss */
.nav-main .drop-down li:last-child a {
  border: 0;
  box-shadow: none;
}
/* line 247, ../sass/partials/layout/_header.scss */
.nav-main .drop-down .icon:before {
  width: 1em;
  text-align: center;
}
/* line 254, ../sass/partials/layout/_header.scss */
.nav-main .drop-down-container {
  font-size: 1.05em;
}
/* line 255, ../sass/partials/layout/_header.scss */
.nav-main .drop-down-container .btn {
  padding-top: 0.5em;
}
/* line 258, ../sass/partials/layout/_header.scss */
.nav-main .drop-down-container.is-active {
  /* Trigger */
}
/* line 260, ../sass/partials/layout/_header.scss */
.nav-main .drop-down-container.is-active .btn {
  background-color: #1C5F61;
}
/* line 264, ../sass/partials/layout/_header.scss */
.nav-main .nav-main__home {
  border-top: 1px solid #144445;
  /*box-shadow: inset 0 1px 0 $color-brand-light,
  			0 1px 0 $color-brand-light;*/
  /* Add bg color and remove border/shadow at this breakpoint */
  /* Reveal link text at this breakpoint */
  /* Pseudo classes */
  /* Icon */
}
@media (min-width: 40.0625em) {
  /* line 264, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__home {
    background-color: #1C5F61;
    border: 0;
    box-shadow: none;
    position: relative;
    top: 1px;
  }
}
@media (max-width: 40em) {
  /* line 280, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__home .hide-visually {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    margin: 0;
  }
}
/* line 291, ../sass/partials/layout/_header.scss */
.nav-main .nav-main__home:hover, .nav-main .nav-main__home:focus {
  box-shadow: inset 0 0 0 #1C5F61, 0 1px 0 #1C5F61;
  /* No box shadow at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 291, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__home:hover, .nav-main .nav-main__home:focus {
    box-shadow: none;
  }
}
/* line 303, ../sass/partials/layout/_header.scss */
.nav-main .nav-main__home .icon:before {
  font-size: 18px;
  font-size: 1.38462rem;
  line-height: 0;
  /* Reduce font size and add some right spacing at this breakpoint */
}
@media (max-width: 40em) {
  /* line 303, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__home .icon:before {
    font-size: 13px;
    font-size: 1rem;
    line-height: 1;
    margin-right: 0.46154em;
  }
}
/* line 315, ../sass/partials/layout/_header.scss */
.nav-main .icon:before {
  width: 1em;
  text-align: center;
  /* Remove fixed widths at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 315, ../sass/partials/layout/_header.scss */
  .nav-main .icon:before {
    width: auto;
    text-align: left;
  }
}
/* line 327, ../sass/partials/layout/_header.scss */
.nav-main .icon_spacing:before {
  margin-right: 0.46154em;
  /* Decrease spacing at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 327, ../sass/partials/layout/_header.scss */
  .nav-main .icon_spacing:before {
    margin-right: 0.34615em;
  }
}

/* Search */
/* line 338, ../sass/partials/layout/_header.scss */
.search-mini {
  position: absolute;
  right: 0.5em;
  top: 0.61538em;
  background-color: #fff;
  padding: 0.30769em 3.38462em 0.30769em 0.92308em;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.92308rem;
  line-height: 1.5;
  width: 76%;
  /* IE 9 */
  /* Adjust width and top positioning at this breakpoint */
  /* Increase width at this breakpoint */
  /* Increase width at this breakpoint */
  /* All items */
  /* Text input */
  /* Submit button */
  /* Submit button icon */
}
/* line 349, ../sass/partials/layout/_header.scss */
.ie9 .search-mini {
  top: 0.46154em;
}
@media (min-width: 40.0625em) {
  /* line 338, ../sass/partials/layout/_header.scss */
  .search-mini {
    top: 0.38462em;
    width: 15.38462em;
    /* IE 9 */
  }
  /* line 357, ../sass/partials/layout/_header.scss */
  .ie9 .search-mini {
    top: 0.30769em;
  }
}
@media (min-width: 48em) {
  /* line 338, ../sass/partials/layout/_header.scss */
  .search-mini {
    width: 19.23077em;
  }
}
@media (min-width: 85.375em) {
  /* line 338, ../sass/partials/layout/_header.scss */
  .search-mini {
    width: 23.07692em;
  }
}
/* line 371, ../sass/partials/layout/_header.scss */
.search-mini * {
  vertical-align: middle;
}
/* line 374, ../sass/partials/layout/_header.scss */
.search-mini input {
  border: 0;
  padding: 0.46154em 0;
  width: 100%;
  /* IE 9 */
  /* Focus pseudo class */
}
/* line 380, ../sass/partials/layout/_header.scss */
.ie9 .search-mini input {
  padding-top: 0.61538em;
  padding-bottom: 0.53846em;
}
/* line 386, ../sass/partials/layout/_header.scss */
.search-mini input:focus {
  outline: none;
}
/* line 390, ../sass/partials/layout/_header.scss */
.search-mini .btn {
  position: absolute;
  top: 0;
  right: 0.92308em;
  height: 100%;
  width: 2em;
}
/* line 399, ../sass/partials/layout/_header.scss */
.search-mini .icon:before {
  color: #1C5F61;
  font-size: 15px;
  font-size: 1.15385rem;
  line-height: 1;
  /* IE 9 */
}
/* line 404, ../sass/partials/layout/_header.scss */
.ie9 .search-mini .icon:before {
  position: static;
}

/* [Public navigation] --------------------------------------------------------------------------------------------- */
/* line 410, ../sass/partials/layout/_header.scss */
.nav-main-public {
  padding: 0 0 0.69231em 0;
  position: relative;
  /* Faux table layout at this breakpoint */
  /*@include respond-min($non-palm) {
  	position: absolute;
  	top:to-em(90);
  	left:42%;
  }*/
  /* Links */
}
/* line 422, ../sass/partials/layout/_header.scss */
.nav-main-public a,
.nav-main-public .btn {
  padding: 10px;
  padding: 0.76923rem;
  margin-right: 1px;
}
@media (max-width: 40em) {
  /* line 422, ../sass/partials/layout/_header.scss */
  .nav-main-public a,
  .nav-main-public .btn {
    display: block;
  }
}

/* line 433, ../sass/partials/layout/_header.scss */
#nav-main-public {
  padding-top: 0.5em;
}
/* line 436, ../sass/partials/layout/_header.scss */
#nav-main-public li {
  margin: 0;
}
/* line 439, ../sass/partials/layout/_header.scss */
#nav-main-public a:hover, #nav-main-public a:focus, #nav-main-public a.is-active {
  background-color: #1C5F61;
  text-decoration: none;
  border-radius: 4px;
}
@media (max-width: 40em) {
  /* line 433, ../sass/partials/layout/_header.scss */
  #nav-main-public {
    background: transparent url("img/bg-nav-main.png") no-repeat bottom;
    padding-bottom: 1em;
  }
  /* line 450, ../sass/partials/layout/_header.scss */
  #nav-main-public li {
    background-color: #000;
    margin: 0 auto;
  }
  /* line 454, ../sass/partials/layout/_header.scss */
  #nav-main-public li a {
    padding: 0.5em;
    border-bottom: 1px solid #4d4d4d;
  }
  /* line 459, ../sass/partials/layout/_header.scss */
  #nav-main-public li:last-child a {
    border-bottom: 0;
    box-shadow: none;
  }
}
@media (min-width: 40.0625em) and (max-width: 44.9375em) {
  /* line 463, ../sass/partials/layout/_header.scss */
  #nav-main-public a {
    font-size: 0.95em;
    padding: 1em 0.4em;
  }
}
@media (min-width: 45em) {
  /* line 466, ../sass/partials/layout/_header.scss */
  #nav-main-public a {
    font-size: 1em;
    padding: 1em 0.4em;
  }
}
@media (min-width: 47.5em) {
  /* line 469, ../sass/partials/layout/_header.scss */
  #nav-main-public a {
    font-size: 1em;
    padding: 1em 0.6em;
  }
}
@media (min-width: 62.5em) {
  /* line 472, ../sass/partials/layout/_header.scss */
  #nav-main-public a {
    padding: 0.5em 1.3em;
    font-size: 1.2em;
  }
}

/* [Admin navigation] --------------------------------------------------------------------------------------------- */
@media (max-width: 40em) {
  /* line 478, ../sass/partials/layout/_header.scss */
  #nav-main, #nav-main-student, #nav-main-teacher {
    background: transparent url("img/bg-nav-main.png") no-repeat bottom;
    padding-bottom: 1em;
  }
  /* line 483, ../sass/partials/layout/_header.scss */
  #nav-main li, #nav-main-student li, #nav-main-teacher li {
    background-color: #000;
    margin: 0 auto;
  }
  /* line 487, ../sass/partials/layout/_header.scss */
  #nav-main li a, #nav-main-student li a, #nav-main-teacher li a {
    padding: 0.5em;
    border-bottom: 1px solid #4d4d4d;
  }
  /* line 488, ../sass/partials/layout/_header.scss */
  #nav-main li a.nav-main__home, #nav-main-student li a.nav-main__home, #nav-main-teacher li a.nav-main__home {
    border-top: 1px solid #4d4d4d;
  }
  /* line 493, ../sass/partials/layout/_header.scss */
  #nav-main li a:hover, #nav-main-student li a:hover, #nav-main-teacher li a:hover {
    text-decoration: none;
  }
  /* line 497, ../sass/partials/layout/_header.scss */
  #nav-main li.nav-main__hide-show a, #nav-main-student li.nav-main__hide-show a, #nav-main-teacher li.nav-main__hide-show a {
    border-bottom: 0;
  }
  /* line 499, ../sass/partials/layout/_header.scss */
  #nav-main li:last-child a, #nav-main-student li:last-child a, #nav-main-teacher li:last-child a {
    border-bottom: 0;
    box-shadow: none;
  }
}
@media (min-width: 40.0625em) {
  /* line 478, ../sass/partials/layout/_header.scss */
  #nav-main, #nav-main-student, #nav-main-teacher {
    padding-top: 0.4em;
  }
}

/* [Brand & User] --------------------------------------------------------------------------------------------- */
/* line 510, ../sass/partials/layout/_header.scss */
.header__brand-user {
  /* Increase the width at this breakpoint range */
  /* Base rules 
  &,
  a {color: $color-brand-light;}*/
  /* Inner container */
}
@media (min-width: 40.0625em) and (max-width: 48em) {
  /* line 510, ../sass/partials/layout/_header.scss */
  .header__brand-user {
    width: 95%;
  }
}
/* line 522, ../sass/partials/layout/_header.scss */
.header__brand-user > div {
  padding: 0.69231em 0;
  /* Faux table layout at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 522, ../sass/partials/layout/_header.scss */
  .header__brand-user > div {
    display: table;
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 40.0625em) and (max-width: 62.4375em) {
  /* line 510, ../sass/partials/layout/_header.scss */
  .header__brand-user {
    max-width: 725px;
  }
}

/* Logo */
/* line 540, ../sass/partials/layout/_header.scss */
.logo img {
  width: 148px;
  height: 85px;
}
@media (min-width: 31.25em) and (max-width: 66.625em) {
  /* line 540, ../sass/partials/layout/_header.scss */
  .logo img {
    position: relative;
    left: 0;
    /*margin-left: -148px;*/
  }
}
@media (min-width: 56.25em) {
  /* line 540, ../sass/partials/layout/_header.scss */
  .logo img {
    width: 222px;
    height: 127px;
    /*margin-left: -222px;*/
  }
}
@media (min-width: 66.625em) {
  /* line 540, ../sass/partials/layout/_header.scss */
  .logo img {
    margin-left: 0;
    width: auto;
    height: auto;
    padding-top: 2em;
  }
}

/* User area -logged in*/
/* line 564, ../sass/partials/layout/_header.scss */
.user-area {
  text-align: center;
  padding: 0.34615em;
  background-color: rgba(242, 242, 242, 0.6);
  color: #1C5F61;
  margin-top: 1em;
  /* Faux table layout at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 564, ../sass/partials/layout/_header.scss */
  .user-area {
    position: absolute;
    right: 0;
    top: -1em;
    vertical-align: middle;
    padding: 0.69231em;
    border-radius: 4px;
  }
}
@media (min-width: 56.25em) {
  /* line 564, ../sass/partials/layout/_header.scss */
  .user-area {
    top: 0;
  }
}
@media (min-width: 66.625em) {
  /* line 564, ../sass/partials/layout/_header.scss */
  .user-area {
    margin-top: 5em;
    padding: 1em;
  }
}
/* line 585, ../sass/partials/layout/_header.scss */
.user-area > div {
  padding-top: 0.5em;
}
@media (min-width: 64em) {
  /* line 585, ../sass/partials/layout/_header.scss */
  .user-area > div {
    padding-top: 0;
    padding-bottom: 0.5em;
    text-align: left;
  }
}
@media (min-width: 64em) {
  /* line 597, ../sass/partials/layout/_header.scss */
  .user-area .nav-user li {
    margin-right: 1em;
  }
  /* line 599, ../sass/partials/layout/_header.scss */
  .user-area .nav-user li:last-child {
    margin-right: 0;
  }
}

/* User & notifications */
/* line 607, ../sass/partials/layout/_header.scss */
.user-notifications {
  /* Links */
  /* Notifications */
}
/* line 610, ../sass/partials/layout/_header.scss */
.user-notifications a {
  text-decoration: underline;
  color: #1C5F61;
  /* Pseudo classes */
}
/* line 615, ../sass/partials/layout/_header.scss */
.user-notifications a:hover, .user-notifications a:focus {
  text-decoration: none;
}
/* line 620, ../sass/partials/layout/_header.scss */
.user-notifications > span {
  display: block;
  /* Make inline-block at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 620, ../sass/partials/layout/_header.scss */
  .user-notifications > span {
    display: inline-block;
  }
}
@media (min-width: 64em) {
  /* line 607, ../sass/partials/layout/_header.scss */
  .user-notifications {
    text-align: left;
    padding-bottom: 0.5em;
  }
}

/* Username */
/* line 636, ../sass/partials/layout/_header.scss */
.user-notifications__username {
  color: #1C5F61;
  /* Increase font size at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 636, ../sass/partials/layout/_header.scss */
  .user-notifications__username {
    font-size: 15px;
    font-size: 1.15385rem;
    line-height: 1.2;
  }
}

/* Notification count */
/* line 647, ../sass/partials/layout/_header.scss */
.user-notifications__count {
  border-radius: 10px;
  background-color: #1C5F61;
  color: #fff;
  padding: 0 0.61538em;
  display: inline-block;
  /* Transition */
  -webkit-animation: bounce 0.6s 3s 3 both;
  animation: bounce 0.6s 3s 3 both;
}

/* 'Bounce' animation */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/* User navigation */
/* line 670, ../sass/partials/layout/_header.scss */
.nav-user {
  padding-top: 0.46154em;
  /* Items */
  /* Links */
  /* Icons */
}
/* line 674, ../sass/partials/layout/_header.scss */
.nav-user li {
  margin-left: 0.34615em;
  /* Pseudo element - slash */
  /* Remove slash at this breakpoint */
}
/* line 678, ../sass/partials/layout/_header.scss */
.nav-user li:after {
  color: #1C5F61;
}
@media (min-width: 64em) {
  /* line 682, ../sass/partials/layout/_header.scss */
  .nav-user li:after {
    display: none;
  }
}
/* line 687, ../sass/partials/layout/_header.scss */
.nav-user a {
  color: #1C5F61;
  /* Pad out and add rounded corners at this breakpoint */
  /* Pseudo classes + active state */
  /* Reveal link text at this breakpoint */
}
@media (min-width: 64em) {
  /* line 687, ../sass/partials/layout/_header.scss */
  .nav-user a {
    padding: 0.23077em 0.46154em;
    border-radius: 4px;
    background-color: #1C5F61;
    color: #fff;
  }
}
/* line 699, ../sass/partials/layout/_header.scss */
.nav-user a:hover, .nav-user a:focus, .nav-user a.is-active {
  /* Icons */
  /* Add hover styles at this breakpoint */
}
/* line 704, ../sass/partials/layout/_header.scss */
.nav-user a:hover .icon:before, .nav-user a:focus .icon:before, .nav-user a.is-active .icon:before {
  color: #fff;
  background-color: #1C5F61;
}
@media (min-width: 64em) {
  /* line 699, ../sass/partials/layout/_header.scss */
  .nav-user a:hover, .nav-user a:focus, .nav-user a.is-active {
    color: #fff;
    background-color: #144445;
    /* Icons */
  }
  /* line 715, ../sass/partials/layout/_header.scss */
  .nav-user a:hover .icon:before, .nav-user a:focus .icon:before, .nav-user a.is-active .icon:before {
    background: none;
  }
}
@media (min-width: 64em) {
  /* line 721, ../sass/partials/layout/_header.scss */
  .nav-user a .hide-visually {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    margin: 0;
  }
}
/* line 733, ../sass/partials/layout/_header.scss */
.nav-user .icon:before {
  font-size: 18px;
  font-size: 1.38462rem;
  line-height: 1;
  padding: 1px 0.38462em 0;
  border-radius: 10px;
  line-height: 1.38462;
  /* Reset some of the above and add right spacing at this breakpoint */
}
@media (min-width: 64em) {
  /* line 733, ../sass/partials/layout/_header.scss */
  .nav-user .icon:before {
    padding: 0;
    line-height: 1;
    transition: none;
    margin-right: 0.23077em;
    /* Webkit - icon flush top */
  }
}
@media all and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 0) {
  /* line 733, ../sass/partials/layout/_header.scss */
  .nav-user .icon:before {
    position: relative;
  }
}

/* Localised sites */
/* shared */
/* line 758, ../sass/partials/layout/_header.scss */
.header .localised-sites {
  position: absolute;
  overflow: hidden;
  left: 407px;
  top: 102px;
  width: 220px;
  height: 32px;
  /*Links*/
}
/* line 767, ../sass/partials/layout/_header.scss */
.header .localised-sites a {
  position: absolute;
  overflow: hidden;
  height: 32px;
  width: 32px;
  top: 0;
  border-radius: 16px;
  color: transparent;
}
@media (max-width: 66.625em) {
  /* line 758, ../sass/partials/layout/_header.scss */
  .header .localised-sites {
    display: none;
  }
}

/* Oz */
/* line 783, ../sass/partials/layout/_header.scss */
.localised-sites-oz {
  left: 0;
}

/* UK */
/* line 786, ../sass/partials/layout/_header.scss */
.localised-sites-uk {
  left: 91px;
}

/* US */
/* line 789, ../sass/partials/layout/_header.scss */
.localised-sites-us {
  right: 0;
}

/* [ASIDE]
-------------------------------------------------------*/
/* line 3, ../sass/partials/layout/_aside.scss */
.aside {
  width: auto;
  float: none;
  min-height: 26.92308em;
  position: relative;
  z-index: 1;
  margin-top: 1.53846em;
  color: #fff;
  background-color: #000;
}
/* line 13, ../sass/partials/layout/_aside.scss */
.aside h1, .aside h2 {
  text-transform: uppercase;
  margin-bottom: 0;
  padding: .8em 1em .75em 1.5em;
  font-size: 1.5rem;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.45);
  background-position: 0 0;
}
/* line 21, ../sass/partials/layout/_aside.scss */
.aside h1 .s-star-sml-white, .aside h2 .s-star-sml-white {
  position: relative;
  top: -3px;
}
/* line 27, ../sass/partials/layout/_aside.scss */
.aside h2 {
  padding-top: 0.6em;
}
/* line 32, ../sass/partials/layout/_aside.scss */
.aside .aside-chunk {
  /* Padding for list icons in side nav */
  /* Aside nested */
}
/* line 34, ../sass/partials/layout/_aside.scss */
.aside .aside-chunk li span {
  margin: 0 0.38462em;
}
/* line 38, ../sass/partials/layout/_aside.scss */
.aside .aside-chunk .list-aside-nested {
  margin: 0.1538em 0 0.375em 21px;
}
/* line 42, ../sass/partials/layout/_aside.scss */
.aside .aside-chunk a {
  color: #fff;
}
/* line 45, ../sass/partials/layout/_aside.scss */
.aside .aside-chunk a:visited {
  color: #fff;
}
@media (min-width: 84.375em) {
  /* line 32, ../sass/partials/layout/_aside.scss */
  .aside .aside-chunk {
    width: 22.30769em;
  }
}
/* line 55, ../sass/partials/layout/_aside.scss */
.aside .form-main__field {
  padding-bottom: 0;
  border-top: 0;
}
/* line 60, ../sass/partials/layout/_aside.scss */
.aside .form-main__inputs--actions {
  margin-top: 0;
  text-align: right;
}
@media (max-width: 62.4375em) {
  /* line 3, ../sass/partials/layout/_aside.scss */
  .aside {
    float: none;
    /*width: auto;*/
    max-width: 725px;
    min-height: 0;
    border-radius: 0;
    /*margin-top: 0;*/
    margin: 0 auto;
    padding: 60px 0 0 0;
    box-shadow: none;
    background: url("img/bg-footer-inner.png") no-repeat 0 0;
    /*background-size: contain;*/
  }
  /* line 77, ../sass/partials/layout/_aside.scss */
  .aside .aside-inner {
    background: #000 url("img/bg-aside.png");
    padding: 30px 9px;
    border-radius: 8px;
    width: 90%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 12px 2px rgba(0, 0, 0, 0.55);
  }
}
@media (min-width: 26.25em) and (max-width: 38.6875em) {
  /* line 91, ../sass/partials/layout/_aside.scss */
  .aside .aside-inner {
    padding-left: 8%;
    padding-right: 8%;
  }
}
@media (min-width: 38.75em) and (max-width: 62.4375em) {
  /* line 98, ../sass/partials/layout/_aside.scss */
  .aside .aside-chunk {
    float: left;
    width: 48%;
  }
  /* line 102, ../sass/partials/layout/_aside.scss */
  .aside .trial-message {
    width: 100%;
    float: none;
  }
  /* line 106, ../sass/partials/layout/_aside.scss */
  .aside .aside-chunk-other {
    float: right;
  }
}
@media (min-width: 62.5em) {
  /* line 3, ../sass/partials/layout/_aside.scss */
  .aside {
    width: 268px;
    float: left;
    min-height: 658px;
    border-radius: 8px 0 0 8px;
    box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 12px 2px rgba(0, 0, 0, 0.55);
    position: relative;
    z-index: 1;
    padding-bottom: 50px;
    margin-top: 7px;
  }
}

/* line 125, ../sass/partials/layout/_aside.scss */
ul li {
        /*text-align: center;
		padding-bottom: to-em(2);*/
  margin: 0.53846em auto;
  /*background: url("img/aside-border.png") no-repeat bottom;*/
}
/* line 131, ../sass/partials/layout/_aside.scss */
ul li:first-child {
  margin: 0;
}
/* line 135, ../sass/partials/layout/_aside.scss */
ul li a {
  /*color: #fff;*/
  text-decoration: none;
}
/* line 140, ../sass/partials/layout/_aside.scss */
ul li a:hover {
  text-decoration: underline;
  /*color:#fff;*/
}

/* aside style */
/* line 148, ../sass/partials/layout/_aside.scss */
.aside input[type="text"],
.aside input[type="password"],
.aside textarea,
.aside select {
  background: #585858;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  border: 0;
}

/* line 163, ../sass/partials/layout/_aside.scss */
.aside-chunk-login, .aside-chunk-other {
  padding-left: 9px;
}

/* New Trial message */
/* line 166, ../sass/partials/layout/_aside.scss */
.trial-message {
  background-color: #fff;
  text-align: center;
  padding-top: 1.5em;
}
/* line 171, ../sass/partials/layout/_aside.scss */
.trial-message h2 {
  position: relative;
  padding: 0.5em 1em;
  font-size: 2rem;
  background: repeating-linear-gradient(to right, #126465, #126465 1px, #116a6a 1px, #116a6a 2px);
  left: -0.3em;
}
/* line 178, ../sass/partials/layout/_aside.scss */
.trial-message h2:before {
  border-top: 0.3em solid #000;
  bottom: -0.3em;
  border-left: 0.3em solid transparent;
  left: 0;
  content: "";
  position: absolute;
}
/* line 187, ../sass/partials/layout/_aside.scss */
.trial-message p {
  color: #000;
  padding: 0.5em 0 0 0;
}
/* line 188, ../sass/partials/layout/_aside.scss */
.trial-message p a {
  color: #2f9d9d !important;
}
/* line 190, ../sass/partials/layout/_aside.scss */
.trial-message .label {
  font-size: 1.2em;
  color: #fff;
  background: transparent url("/img/label.png") no-repeat 0 0;
  background-size: contain;
  height: 3.84615em;
  width: 15.38462em;
  margin: 0 auto;
}

/* line 201, ../sass/partials/layout/_aside.scss */
.label-btm {
  height: 3.46154em;
  background: transparent url("/img/label-btm.png") no-repeat 0 0;
  background-size: contain;
}

/* [MAIN FULL]
-------------------------------------------------------*/
/* line 6, ../sass/partials/layout/_main.scss */
.main-full .island-body {
  background: white;
}

/* [MAIN TWO COLUMN]
-------------------------------------------------------*/
/* line 13, ../sass/partials/layout/_main.scss */
.main {
  background: url("img/bg-main.png") repeat-y 0 0;
  /*width: auto;*/
  max-width: 725px;
  float: none;
  padding-bottom: 3.76923em;
  /*margin-bottom: to-em(80);margin-top: to-em(67);*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  /* Inner Container */
}
/* line 26, ../sass/partials/layout/_main.scss */
.main .main-header {
  position: absolute;
  display: block;
  top: -5.15385em;
  height: 5.15385em;
  width: 100%;
  background: url("img/bg-main-head.png") no-repeat 0px 0px;
}
/* line 35, ../sass/partials/layout/_main.scss */
.main .main-footer {
  height: 3.76923em;
  position: absolute;
  display: block;
  bottom: -3.76923em;
  width: 100%;
  background: url("img/bg-main-foot.png") no-repeat 0px 0px;
}
/* line 45, ../sass/partials/layout/_main.scss */
.main .main-inner {
  min-height: 743px;
  background: url("img/bg-main-inner.png") no-repeat 0 7px;
  padding: 3.077em 4.461em;
}
@media (max-width: 46.8125em) {
  /* line 45, ../sass/partials/layout/_main.scss */
  .main .main-inner {
    padding-right: 2.30768em;
    /* 30px */
    padding-left: 3.5388em;
    /* 46px */
  }
}
@media (max-width: 62.4375em) {
  /* line 45, ../sass/partials/layout/_main.scss */
  .main .main-inner {
    min-height: 0;
  }
}
@media (max-width: 66.625em) {
  /* line 45, ../sass/partials/layout/_main.scss */
  .main .main-inner {
    padding-top: 3.5388em;
    /* 46px */
  }
}
@media (min-width: 62.5em) {
  /* line 13, ../sass/partials/layout/_main.scss */
  .main {
    /*width: 800px;*/
    width: 722px;
    float: right;
    margin-left: -58px;
    padding-bottom: 9.23077em;
  }
}
@media (min-width: 84.375em) {
  /* line 13, ../sass/partials/layout/_main.scss */
  .main {
    float: right;
    margin-top: 0em;
  }
}

/* [MAIN FULL]
-------------------------------------------------------*/
/* line 80, ../sass/partials/layout/_main.scss */
.main-full {
  margin: 5.15385em 0;
  background: url("img/bg-main-full.png") repeat-y 0 0;
  position: relative;
  z-index: 2;
  /* Inner Container */
}
/* line 87, ../sass/partials/layout/_main.scss */
.main-full .main-inner {
  background: url("img/bg-main-inner-x.png") repeat-x 0 7px;
  padding: 3.077em 4.461em;
  margin: 0 .5em;
}
/* line 93, ../sass/partials/layout/_main.scss */
.main-full .main-header-full {
  position: absolute;
  display: block;
  top: -5.15385em;
  height: 5.15385em;
  width: 100%;
  background: url("img/bg-main-head-full.png") no-repeat 0px 0px;
}
/* line 102, ../sass/partials/layout/_main.scss */
.main-full .main-footer-full {
  height: 3.76923em;
  position: absolute;
  display: block;
  bottom: -3.76923em;
  width: 100%;
  background: url("img/bg-main-foot-full.png") no-repeat 0px 0px;
}

/* [BREADCRUMB]
-------------------------------------------------------*/
/* line 115, ../sass/partials/layout/_main.scss */
.breadcrumbs {
  text-align: right;
  margin-top: -3em;
  padding-bottom: 3.5em;
}
@media (max-width: 56.1875em) {
  /* line 115, ../sass/partials/layout/_main.scss */
  .breadcrumbs {
    margin-top: -1.5em;
    text-align: center;
  }
}

/* [VIDEO - Home page]
-------------------------------------------------------*/
/* line 129, ../sass/partials/layout/_main.scss */
#video #wrapper {
  border: 1px solid #f2f2f2;
  height: 10em;
  margin-bottom: 1em;
}
@media (min-width: 21.25em) {
  /* line 129, ../sass/partials/layout/_main.scss */
  #video #wrapper {
    height: 15.38462em;
  }
}
@media (min-width: 28.75em) {
  /* line 129, ../sass/partials/layout/_main.scss */
  #video #wrapper {
    height: 23.69231em;
  }
}
@media (min-width: 40.0625em) {
  /* line 129, ../sass/partials/layout/_main.scss */
  #video #wrapper {
    height: 25.38462em;
  }
}

/* ======================================================================================
   @MODULES
   ====================================================================================== */
/* [Lesson videos]
-------------------------------------------------------*/
/* line 147, ../sass/partials/layout/_main.scss */
.lesson-display {
  min-width: 100%;
  overflow: hidden;
  display: none;
  /*border-radius:1em;
  box-shadow: 0px 0px 15px #222;
  -moz-box-shadow: 0px 0px 15px #222;
  -webkit-box-shadow: 0px 0px 15px #222;*/
  margin-top: -1em;
}

/*  Mobile Portrait */
@media (min-width: 320px) {
  /* line 159, ../sass/partials/layout/_main.scss */
  .lesson-display {
    display: block;
  }
}
/* Mobile Landscape */
@media (min-width: 480px) {
  /* line 167, ../sass/partials/layout/_main.scss */
  .lesson-display {
    height: 225px;
  }
}
/* Mobile Landscape */
@media (min-width: 550px) {
  /* line 175, ../sass/partials/layout/_main.scss */
  .lesson-display {
    height: 274px;
  }
}
/* Mobile Landscape */
@media (min-width: 650px) {
  /* line 183, ../sass/partials/layout/_main.scss */
  .lesson-display {
    height: 318px;
  }
}
/* tablet Landscape */
@media (min-width: 768px) {
  /* line 191, ../sass/partials/layout/_main.scss */
  .lesson-display {
    height: 341px;
  }
}
/* [Dynamic Tabular]
-------------------------------------------------------*/
/* Shared - tabular and list */
/* line 200, ../sass/partials/layout/_main.scss */
.custom-grid {
  background: white;
  margin: 15px 0;
}

/* Heading */
/* line 203, ../sass/partials/layout/_main.scss */
.custom-grid-hdr {
  padding-bottom: .267em;
}

/* 4px */
/* Formatting for titles or content seperations between quesitons */
/* line 207, ../sass/partials/layout/_main.scss */
.title-content p {
  margin: 5px;
  padding-left: 5px;
  font-size: .9em;
}

/* Items */
/* line 210, ../sass/partials/layout/_main.scss */
.custom-grid-list li,
.custom-grid-tbl td,
.custom-grid-tbl th {
  padding: 0.5em 0.333em;
  text-align: left;
}

/* line 217, ../sass/partials/layout/_main.scss */
.custom-grid-list li,
.custom-grid-tbl tbody td,
.custom-grid-tbl tbody th {
  border-bottom: 1px dotted #e3e3e3;
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 224, ../sass/partials/layout/_main.scss */
.custom-grid-list li:hover,
.custom-grid-tbl tbody tr:hover td,
.custom-grid-tbl tbody tr:hover th {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Questions */
/* line 229, ../sass/partials/layout/_main.scss */
.custom-grid-tbl th:first-child,
.custom-grid-list legend {
  text-align: left;
}

/* line 232, ../sass/partials/layout/_main.scss */
.custom-grid-tbl thead th:first-child,
.custom-grid-list legend {
  width: 52%;
}

/* Answers */
/* line 238, ../sass/partials/layout/_main.scss */
.custom-grid-answers,
.custom-grid-tbl thead th,
.form-field {
  line-height: 1.4em;
}

/* line 244, ../sass/partials/layout/_main.scss */
.form-field div {
  line-height: 2em;
}

/* Submit */
/* line 249, ../sass/partials/layout/_main.scss */
.custom-grid .custom-grid-submit {
  text-align: right;
  padding: .8em;
  /* 12px */
}

/* Tabular */
/* base rules */
/* line 257, ../sass/partials/layout/_main.scss */
.custom-grid-tbl th {
  font-weight: normal;
}

/* head */
/* line 260, ../sass/partials/layout/_main.scss */
.custom-grid-tbl thead th {
  color: #fff;
  width: 10%;
  background-color: #333;
}

/* line 266, ../sass/partials/layout/_main.scss */
.custom-grid-tbl .icon {
  font-size: 1.2em;
}

/* [SURVEY]
-------------------------------------------------------*/
/* Shared - tabular and list */
/* line 274, ../sass/partials/layout/_main.scss */
.survey {
  background: white;
  margin: 15px 0;
}

/* Heading */
/* line 277, ../sass/partials/layout/_main.scss */
.survey-hdr {
  padding-bottom: .267em;
}

/* 4px */
/* Formatting for titles or content seperations between quesitons */
/* line 281, ../sass/partials/layout/_main.scss */
.title-content p {
  margin: 5px;
  padding-left: 5px;
  font-size: .9em;
}

/* Items */
/* line 284, ../sass/partials/layout/_main.scss */
.survey-list li,
.survey-tbl td,
.survey-tbl th {
  padding: 0.5em 0.333em;
  /*text-align: left;*/
  text-align: center;
}

/* line 292, ../sass/partials/layout/_main.scss */
.survey-list li,
.survey-tbl tbody td,
.survey-tbl tbody th {
  border-bottom: 1px dotted #e3e3e3;
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 299, ../sass/partials/layout/_main.scss */
.survey-list li:hover,
.survey-tbl tbody tr:hover td,
.survey-tbl tbody tr:hover th {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Questions */
/* line 304, ../sass/partials/layout/_main.scss */
.survey-tbl th:first-child,
.survey-list legend {
  text-align: left;
}

/* line 307, ../sass/partials/layout/_main.scss */
.survey-tbl thead th:first-child,
.survey-list legend {
  width: 52%;
}

/* Answers */
/* line 313, ../sass/partials/layout/_main.scss */
.survey-answers,
.survey-tbl thead th,
.form-field {
  line-height: 1.4em;
}

/* line 319, ../sass/partials/layout/_main.scss */
.form-field div {
  line-height: 2em;
}

/* Submit */
/* line 324, ../sass/partials/layout/_main.scss */
.survey .survey-submit {
  text-align: right;
  padding: .8em;
  /* 12px */
}

/* Tabular */
/* base rules */
/* line 332, ../sass/partials/layout/_main.scss */
.survey-tbl th {
  font-weight: normal;
}

/* head */
/* line 335, ../sass/partials/layout/_main.scss */
.survey-tbl thead th {
  color: #fff;
  width: 10%;
  background-color: #333;
}

/*.survey-tbl {
	.icon {font-size:1.2em;}
}*/
/* List */
/* line 345, ../sass/partials/layout/_main.scss */
.survey-list {
  border-top: 1px dotted #e3e3e3;
}

/* Shared */
/* line 348, ../sass/partials/layout/_main.scss */
.survey-list legend,
.survey-answers > div {
  float: left;
}

/* Answers */
/* line 352, ../sass/partials/layout/_main.scss */
.survey-answers {
  float: right;
  width: 46%;
}

/* Answer columns */
/* line 358, ../sass/partials/layout/_main.scss */
.survey-answers > div {
  width: 20%;
}

/* Answer labels */
/* line 361, ../sass/partials/layout/_main.scss */
.survey-answers label {
  display: block;
}

/* textbox */
/* line 364, ../sass/partials/layout/_main.scss */
.survey-answers > div.txt {
  width: 60%;
}

/* Submit */
/* line 368, ../sass/partials/layout/_main.scss */
ol.survey-list li.survey-submit {
  background: none;
  border: 0;
}

/* Checkboxes */
/* line 374, ../sass/partials/layout/_main.scss */
.survey-checkboxes {
  font-size: 13px;
  font-size: 1.3rem;
}

/* Columns */
/* line 380, ../sass/partials/layout/_main.scss */
.survey-checkboxes li {
  float: left;
  width: 100%;
}

/* line 385, ../sass/partials/layout/_main.scss */
.survey-checkboxes.survey-col-2 li {
  width: 50%;
}

/* line 387, ../sass/partials/layout/_main.scss */
.survey-checkboxes.survey-col-3 li {
  width: 33.33333333333333%;
}

/* Answers */
/* line 390, ../sass/partials/layout/_main.scss */
.survey-checkboxes li {
  margin-top: 0.5em;
  position: relative;
}

/* Checkboxes */
/* line 396, ../sass/partials/layout/_main.scss */
.survey-checkboxes input[type="checkbox"] {
  position: absolute;
  left: 0;
  top: 1px;
}

/* Firefox */
@-moz-document url-prefix() {
  /* line 404, ../sass/partials/layout/_main.scss */
  .survey-checkboxes input[type="checkbox"] {
    top: 2px;
  }
}
/* Labels */
/* line 408, ../sass/partials/layout/_main.scss */
.survey-checkboxes label {
  display: inline-block;
  margin: 0 1.3846em;
  /* 18px */
}

/* 'Other' label */
/* line 414, ../sass/partials/layout/_main.scss */
.survey-checkboxes .other-label label {
  display: block;
  margin: 0 0 0.1538em 0;
}

/* Results */
/* line 423, ../sass/partials/layout/_main.scss */
.survey-results {
  background: url("img/bg-survey-results.png") no-repeat 0 0;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  text-transform: lowercase;
  color: #fff;
  height: 285px;
}

/* Rating scale items */
/* line 435, ../sass/partials/layout/_main.scss */
.survey-results li {
  text-align: center;
  position: relative;
  padding-top: 16px;
  height: 33px;
}

/* scale 5 */
/* line 443, ../sass/partials/layout/_main.scss */
.survey-results .survey-result-5 {
  height: 45px;
  padding-top: 44px;
}

/* active states */
/* line 449, ../sass/partials/layout/_main.scss */
.survey-results .is-active {
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* scale 5 */
/* line 455, ../sass/partials/layout/_main.scss */
.survey-result-5.is-active {
  background-image: url("img/bg-survey-results-active5.png");
}

/* scale 4 */
/* line 458, ../sass/partials/layout/_main.scss */
.survey-result-4.is-active {
  background-image: url("img/bg-survey-results-active4.png");
}

/* scale 3 */
/* line 461, ../sass/partials/layout/_main.scss */
.survey-result-3.is-active {
  background-image: url("img/bg-survey-results-active3.png");
}

/* scale 2 */
/* line 464, ../sass/partials/layout/_main.scss */
.survey-result-2.is-active {
  background-image: url("img/bg-survey-results-active2.png");
}

/* scale 1 */
/* line 467, ../sass/partials/layout/_main.scss */
.survey-result-1.is-active {
  background-image: url("img/bg-survey-results-active1.png");
}

/* Your score indicator */
/* line 470, ../sass/partials/layout/_main.scss */
.survey-results .s-arrow-r {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
}

/* scale 5 */
/* line 479, ../sass/partials/layout/_main.scss */
.survey-result-5 .s-arrow-r {
  margin-left: -145px;
}

/* scale 4 */
/* line 482, ../sass/partials/layout/_main.scss */
.survey-result-4 .s-arrow-r {
  margin-left: -199px;
}

/* scale 3 */
/* line 485, ../sass/partials/layout/_main.scss */
.survey-result-3 .s-arrow-r {
  margin-left: -241px;
}

/* scale 2 */
/* line 488, ../sass/partials/layout/_main.scss */
.survey-result-2 .s-arrow-r {
  margin-left: -278px;
}

/* scale 1 */
/* line 491, ../sass/partials/layout/_main.scss */
.survey-result-1 .s-arrow-r {
  margin-left: -321px;
}

/* [LESSON SLIDES]
-------------------------------------------------------*/
/* line 496, ../sass/partials/layout/_main.scss */
#pic {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  -ms-border-radius: 1em;
  border-radius: 1em;
  box-shadow: 0px 0px 15px #222;
  -moz-box-shadow: 0px 0px 15px #222;
  -webkit-box-shadow: 0px 0px 15px #222;
  /* Safari */
}
/* line 508, ../sass/partials/layout/_main.scss */
#pic :hover {
  cursor: crosshair;
}

/* [PROGRESS]
-------------------------------------------------------*/
/* line 513, ../sass/partials/layout/_main.scss */
.progress {
  position: relative;
  width: 100%;
  color: black;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #CCC;
}

/* line 522, ../sass/partials/layout/_main.scss */
.progress .bar {
  background: #ff3287;
}

/* line 523, ../sass/partials/layout/_main.scss */
.progress span {
  height: 22px;
  display: block;
}

/* line 524, ../sass/partials/layout/_main.scss */
.progress-border {
  border: 1px solid white;
  border-right: 0;
}

/* line 525, ../sass/partials/layout/_main.scss */
.progress span.start {
  position: absolute;
  top: 0;
  left: 5px;
}

/* line 526, ../sass/partials/layout/_main.scss */
.progress span.complete {
  position: absolute;
  top: 0;
  right: 5px;
}

/* ======================================================================================
   @.NET CONTROLS
   ====================================================================================== */
/* [UPDATE PANEL]
-------------------------------------------------------*/
/* line 537, ../sass/partials/layout/_main.scss */
.update-overlay {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
}

/* line 539, ../sass/partials/layout/_main.scss */
* html .update-overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

/* line 543, ../sass/partials/layout/_main.scss */
.update-loader {
  z-index: 100;
  position: fixed;
  width: 120px;
  margin-left: -60px;
  top: 50%;
  left: 50%;
}

/* line 545, ../sass/partials/layout/_main.scss */
* html .update-loader {
  position: absolute;
  margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

/* [TOOLTIPS]
-------------------------------------------------------*/
/* line 550, ../sass/partials/layout/_main.scss */
.tooltip {
  background-color: #000;
  border: 1px solid #fff;
  padding: 8px 8px;
  width: 200px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 12px;
}

/* line 551, ../sass/partials/layout/_main.scss */
.info-tooltip {
  width: 100px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

/* [MODAL]
-------------------------------------------------------*/
/* line 555, ../sass/partials/layout/_main.scss */
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* line 556, ../sass/partials/layout/_main.scss */
.modal-confirm-box {
  background-color: White;
  padding: 10px;
  border: 3px solid #ccc;
  height: 200px;
  width: 370px;
  position: relative;
  color: #333;
}

/* line 557, ../sass/partials/layout/_main.scss */
.modal-confirm-box input.modal-button {
  width: 50px;
  height: 30px;
  position: relative;
  background: #339999;
  color: white;
}

/* [GRID]
-------------------------------------------------------*/
/* line 561, ../sass/partials/layout/_main.scss */
.gridview {
  text-align: left;
  width: 100%;
  margin: 10px auto 0 auto;
  color: #333;
}

/* line 562, ../sass/partials/layout/_main.scss */
.gridview .gvInputs {
  width: 630px;
  position: relative;
  padding: 0 0 0 0;
  border-bottom: 1px dotted #CCC;
  margin: 5px 0 5px 10px;
}

/* line 563, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputText {
  width: 150px;
  position: absolute;
  top: 2px;
  left: 0px;
}

/* line 564, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement {
  width: 400px;
  line-height: 20px;
  padding: 0 0 0 150px;
}

/* line 565, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement .tb {
  width: 145px;
  line-height: 16px;
  height: 16px;
  padding: 0;
}

/* line 566, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement .ddl {
  width: auto;
  line-height: 24px;
  padding: 0;
}

/* line 567, ../sass/partials/layout/_main.scss */
.gridview .gvHead {
  line-height: 30px;
  background: url("/img/gridview/gridview-header-repeat.png") repeat-x;
  padding: 0 0 0 10px;
  color: #FFF;
  font-weight: bold;
}

/* line 568, ../sass/partials/layout/_main.scss */
.gridview th {
  font-weight: bold;
  color: #FFF;
  padding: 0 0 0 5px;
  vertical-align: middle;
  border-right: 1px solid #999;
}

/* line 569, ../sass/partials/layout/_main.scss */
.gridview .gvHead a, .gridview .gvHead a:link, .gridview .gvHead a:visited {
  background: url("/img/gridview/gridview-header-sort.png") no-repeat 95% 50%;
  font-weight: bold;
  color: #FFF;
  line-height: 25px;
  display: block;
  text-align: left;
  text-decoration: none;
}

/* line 570, ../sass/partials/layout/_main.scss */
.gridview .gvHead a:hover {
  background: url("/img/gridview/gridview-header-sort-hover.png") no-repeat 95% 50%;
}

/* line 571, ../sass/partials/layout/_main.scss */
.gridview .gvRow {
  background: #F1F1F1;
  line-height: 2em;
}

/* line 572, ../sass/partials/layout/_main.scss */
.gridview .gvRow td {
  padding: 5px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  vertical-align: top;
}

/* line 573, ../sass/partials/layout/_main.scss */
.gridview .gvAlternate {
  background: #FFF;
  line-height: 2em;
}

/* line 574, ../sass/partials/layout/_main.scss */
.gridview .gvAlternate td {
  padding: 5px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  vertical-align: top;
}

/* line 576, ../sass/partials/layout/_main.scss */
.gridview .gvItem td {
  padding: 5px;
  vertical-align: top;
}

/* line 577, ../sass/partials/layout/_main.scss */
.gridview .amount {
  padding: 0;
  margin: 0;
  line-height: 15px;
}

/* line 578, ../sass/partials/layout/_main.scss */
.gridview .gvPager td {
  border: 0;
  border-top: 1px solid #CCCCCC;
  color: #333;
}

/* line 581, ../sass/partials/layout/_main.scss */
.gridview .toolbar .icon {
  padding: 0.25em 0.25em;
}
/* line 583, ../sass/partials/layout/_main.scss */
.gridview .toolbar .icon:before {
  top: 0;
  width: 16px;
}
/* line 585, ../sass/partials/layout/_main.scss */
.gridview .toolbar .btn {
  margin-top: -2px;
}

/* [GRID PAGINATION]
-------------------------------------------------------*/
/* line 592, ../sass/partials/layout/_main.scss */
.paging-div {
  float: right;
  margin: 10px 4px;
}

/* line 593, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left {
  background: url("/img/gridview/paging-far-left.gif") no-repeat;
  display: block;
  float: left;
  height: 24px;
  margin: 0 4px 0 0;
  width: 24px;
}

/* line 594, ../sass/partials/layout/_main.scss */
.paging-div .page-left {
  background: url("/img/gridview/paging-left.gif") no-repeat;
  display: block;
  float: left;
  height: 24px;
  width: 24px;
}

/* line 595, ../sass/partials/layout/_main.scss */
.paging-div .page-far-right {
  background: url("/img/gridview/paging-far-right.gif") no-repeat;
  display: block;
  float: left;
  height: 24px;
  margin: 0 4px 0 4px;
  width: 24px;
}

/* line 596, ../sass/partials/layout/_main.scss */
.paging-div .page-right {
  background: url("/img/gridview/paging-right.gif") no-repeat;
  display: block;
  float: left;
  height: 24px;
  width: 24px;
}

/* line 597, ../sass/partials/layout/_main.scss */
.paging-div .page-info {
  float: left;
  line-height: 16px;
  padding: 3px 12px 0 12px;
}

/* ======================================================================================
   @LAYOUT -> FOOTER
   ====================================================================================== */
/* Container */
/* line 6, ../sass/partials/layout/_footer.scss */
.footer {
  clear: both;
  background: url("img/bg-footer.jpg") no-repeat 50% 100%;
  width: 100%;
}
/* line 11, ../sass/partials/layout/_footer.scss */
.footer .section {
  color: #fff;
  background: url("img/bg-footer-inner.png") no-repeat 245px 0;
  padding-top: 144px;
  position: relative;
}
/* line 17, ../sass/partials/layout/_footer.scss */
.footer .section .logo-set {
  display: none;
}
/* line 20, ../sass/partials/layout/_footer.scss */
.footer .back-to-top {
  position: absolute;
  left: 50%;
  top: 97px;
  color: #000;
}
@media (min-width: 78.125em) {
  /* line 20, ../sass/partials/layout/_footer.scss */
  .footer .back-to-top {
    display: none;
  }
}
@media (max-width: 62.4375em) {
  /* line 32, ../sass/partials/layout/_footer.scss */
  .footer .section {
    background: none;
    padding-top: 40px;
    text-align: center;
  }
  /* line 38, ../sass/partials/layout/_footer.scss */
  .footer .back-to-top {
    position: static;
    left: 0;
  }
}

/* line 44, ../sass/partials/layout/_footer.scss */
.form-main-full .footer {
  margin-top: -6.1em;
}
/* line 47, ../sass/partials/layout/_footer.scss */
.form-main-full .footer .section {
  background: url("img/bg-main-foot-full.png") no-repeat 0 0;
}

/* Inner container */
/* line 54, ../sass/partials/layout/_footer.scss */
.footer-inner {
  min-height: 268px;
  position: relative;
  padding-top: 1.167em;
  /* 14px */
  /* Base rules */
  /* Sub navigation */
}
/* line 60, ../sass/partials/layout/_footer.scss */
.footer-inner a {
  color: #fff;
  text-decoration: underline;
}
/* line 64, ../sass/partials/layout/_footer.scss */
.footer-inner a:hover, .footer-inner a:focus {
  text-decoration: none;
}
/* line 68, ../sass/partials/layout/_footer.scss */
.footer-inner nav {
  position: absolute;
  right: 0;
  top: 1.167em;
  /* 14px */
}
@media (max-width: 62.4375em) {
  /* line 54, ../sass/partials/layout/_footer.scss */
  .footer-inner {
    margin-top: 1.8466em;
    /* 24px */
    padding-top: 0;
    min-height: 274px;
  }
  /* line 79, ../sass/partials/layout/_footer.scss */
  .footer-inner nav {
    position: static;
  }
}

/* Layout -> Grid */
/* ======================================================================================
   @LAYOUT -> GRID
   ====================================================================================== */
/* 
	Usage:
		Fluid and nestable grid system.
	
	Note:
		-	Grid is built 'mobile first'.
		-	Grid does not work in IE 7 as it does not support: `box-sizing: border-box;`, if you need to support IE 7 then use `margin` instead of `padding` for the grid gutters and use `:first-child` to remove the `margin` from the first grid cell child instead of the negative left margin on `.grid`.
	
	Demo:
		Style Guide -> Grid
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Grid container */
/* line 21, ../sass/partials/layout/grid/_grid.scss */
.grid {
  /* Negative `margin-left` to negate the columns' gutters */
  margin-left: -18px;
  margin-left: -1.38462rem;
  /* Clear fix */
  /* Very infrequently occuring grid rows as children of grid rows */
}
/* line 951, ../sass/partials/utils/_mixins.scss */
.grid:after {
  content: "";
  display: table;
  clear: both;
}
/* line 29, ../sass/partials/layout/grid/_grid.scss */
.grid > .grid {
  margin-left: 0;
}

/* Grid item */
/* line 33, ../sass/partials/layout/grid/_grid.scss */
.grid__item {
  width: 100%;
  float: left;
  padding-left: 18px;
  padding-left: 1.38462rem;
  /* Print - have to re-linearise as all browsers except Chrome will honor any width classes above the `$non-palm` breakpoint */
}
@media print {
  /* line 33, ../sass/partials/layout/grid/_grid.scss */
  .grid__item {
    width: 100% !important;
  }
}

/* Apply bottom margins between the grid elements for linearised version */
/* line 45, ../sass/partials/layout/grid/_grid.scss */
.grid,
.grid__item {
  /* Turn off bottom margin at this breakpoint (non-linearised) and only for 'screen' media so as not to affect 'print' media */
}
@media screen and (min-width: 40.0625em) {
  /* line 45, ../sass/partials/layout/grid/_grid.scss */
  .grid,
  .grid__item {
    margin-bottom: 0;
  }
}

/* --Extenders-- */
/* 'Gutterless' and 'Center align' */
/* line 58, ../sass/partials/layout/grid/_grid.scss */
.grid--gutterless,
.grid--center {
  margin-left: 0;
}

/* Gutterless */
/* line 62, ../sass/partials/layout/grid/_grid.scss */
.grid--gutterless > .grid__item {
  padding-left: 0;
}

/* Center align */
/* line 65, ../sass/partials/layout/grid/_grid.scss */
.grid--center > .grid__item {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  float: none;
}

/* Reversed */
/* line 73, ../sass/partials/layout/grid/_grid.scss */
.grid--rev > .grid__item {
  float: right;
}

/* Table */
/* line 76, ../sass/partials/layout/grid/_grid.scss */
.grid--table {
  display: table;
}
/* line 79, ../sass/partials/layout/grid/_grid.scss */
.grid--table > .grid__item {
  display: table-cell;
  float: none;
}

/* Lists */
/* line 86, ../sass/partials/layout/grid/_grid.scss */
.grid--list {
  /* This is for applying bottom spacing which you may or may not need? */
  margin-bottom: -18px;
  margin-bottom: -1.38462rem;
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  /* If all the `li`s aren't the same height when the grid is used on lists then we have to clear the 1st `li` in the row by using this class, not the most attractive way to handle it but it will have to do for now */
}
/* line 91, ../sass/partials/layout/grid/_grid.scss */
.grid--list .grid__item {
  margin-bottom: 18px;
  margin-bottom: 1.38462rem;
}
/* line 94, ../sass/partials/layout/grid/_grid.scss */
.grid--list .grid__item--clear {
  clear: left;
}

/* ======================================================================================
   @LAYOUT -> GRID -> WIDTHS
   ====================================================================================== */
/*
	Usage: 
		Set-up flexible widths via classes which are mostly used for the grid system, the mixin allows you to define widths at specific breakpoints.
	
	Note:
		All the width values come from: 'utils/vars -> FLEXIBLE WIDTHS' so they can be used outside of this `@mixin`.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Output all the flexible width classes */
/* 
	Note: these may not be required esp. if the width classes are only being used for the grid.
*/
/* Whole */
/* line 19, ../sass/partials/layout/grid/_widths.scss */
.one-whole {
  width: 100%;
}

/* Halves */
/* line 22, ../sass/partials/layout/grid/_widths.scss */
.one-half {
  width: 50%;
}

/* Thirds */
/* line 25, ../sass/partials/layout/grid/_widths.scss */
.one-third {
  width: 33.333%;
}

/* line 26, ../sass/partials/layout/grid/_widths.scss */
.two-thirds {
  width: 66.666%;
}

/* Quarters */
/* line 29, ../sass/partials/layout/grid/_widths.scss */
.one-quarter {
  width: 25%;
}

/* line 30, ../sass/partials/layout/grid/_widths.scss */
.two-quarters {
  width: 50%;
}

/* line 31, ../sass/partials/layout/grid/_widths.scss */
.three-quarters {
  width: 75%;
}

/* Fifths */
/* line 34, ../sass/partials/layout/grid/_widths.scss */
.one-fifth {
  width: 20%;
}

/* line 35, ../sass/partials/layout/grid/_widths.scss */
.two-fifths {
  width: 40%;
}

/* line 36, ../sass/partials/layout/grid/_widths.scss */
.three-fifths {
  width: 60%;
}

/* line 37, ../sass/partials/layout/grid/_widths.scss */
.four-fifths {
  width: 80%;
}

/* Sixths */
/* line 40, ../sass/partials/layout/grid/_widths.scss */
.one-sixth {
  width: 16.666%;
}

/* line 41, ../sass/partials/layout/grid/_widths.scss */
.two-sixths {
  width: 33.333%;
}

/* line 42, ../sass/partials/layout/grid/_widths.scss */
.three-sixths {
  width: 50%;
}

/* line 43, ../sass/partials/layout/grid/_widths.scss */
.four-sixths {
  width: 66.666%;
}

/* line 44, ../sass/partials/layout/grid/_widths.scss */
.five-sixths {
  width: 83.333%;
}

/* Eighths */
/* line 47, ../sass/partials/layout/grid/_widths.scss */
.one-eighth {
  width: 12.5%;
}

/* line 48, ../sass/partials/layout/grid/_widths.scss */
.two-eighths {
  width: 25%;
}

/* line 49, ../sass/partials/layout/grid/_widths.scss */
.three-eighths {
  width: 37.5%;
}

/* line 50, ../sass/partials/layout/grid/_widths.scss */
.four-eighths {
  width: 50%;
}

/* line 51, ../sass/partials/layout/grid/_widths.scss */
.five-eighths {
  width: 62.5%;
}

/* line 52, ../sass/partials/layout/grid/_widths.scss */
.six-eighths {
  width: 75%;
}

/* line 53, ../sass/partials/layout/grid/_widths.scss */
.seven-eighths {
  width: 87.5%;
}

/* Tenths */
/* line 56, ../sass/partials/layout/grid/_widths.scss */
.one-tenth {
  width: 10%;
}

/* line 57, ../sass/partials/layout/grid/_widths.scss */
.two-tenths {
  width: 20%;
}

/* line 58, ../sass/partials/layout/grid/_widths.scss */
.three-tenths {
  width: 30%;
}

/* line 59, ../sass/partials/layout/grid/_widths.scss */
.four-tenths {
  width: 40%;
}

/* line 60, ../sass/partials/layout/grid/_widths.scss */
.five-tenths {
  width: 50%;
}

/* line 61, ../sass/partials/layout/grid/_widths.scss */
.six-tenths {
  width: 60%;
}

/* line 62, ../sass/partials/layout/grid/_widths.scss */
.seven-tenths {
  width: 70%;
}

/* line 63, ../sass/partials/layout/grid/_widths.scss */
.eight-tenths {
  width: 80%;
}

/* line 64, ../sass/partials/layout/grid/_widths.scss */
.nine-tenths {
  width: 90%;
}

/* Twelfths */
/* line 67, ../sass/partials/layout/grid/_widths.scss */
.one-twelfth {
  width: 8.333%;
}

/* line 68, ../sass/partials/layout/grid/_widths.scss */
.two-twelfths {
  width: 16.666%;
}

/* line 69, ../sass/partials/layout/grid/_widths.scss */
.three-twelfths {
  width: 25%;
}

/* line 70, ../sass/partials/layout/grid/_widths.scss */
.four-twelfths {
  width: 33.333%;
}

/* line 71, ../sass/partials/layout/grid/_widths.scss */
.five-twelfths {
  width: 41.666%;
}

/* line 72, ../sass/partials/layout/grid/_widths.scss */
.six-twelfths {
  width: 50%;
}

/* line 73, ../sass/partials/layout/grid/_widths.scss */
.seven-twelfths {
  width: 58.333%;
}

/* line 74, ../sass/partials/layout/grid/_widths.scss */
.eight-twelfths {
  width: 66.666%;
}

/* line 75, ../sass/partials/layout/grid/_widths.scss */
.nine-twelfths {
  width: 75%;
}

/* line 76, ../sass/partials/layout/grid/_widths.scss */
.ten-twelfths {
  width: 83.333%;
}

/* line 77, ../sass/partials/layout/grid/_widths.scss */
.eleven-twelfths {
  width: 91.666%;
}

/* --Output all the flexible width classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-one-half` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Non-palm */
@media (min-width: 40.0625em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap */
/* Lap */
@media (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media (min-width: 40.0625em) and (max-width: 56.25em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Portable */
@media (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .portable-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .portable-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk */
@media (min-width: 75em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media (min-width: 75em) and (max-width: 85.3125em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk large */
@media (min-width: 85.375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* ======================================================================================
   @LAYOUT -> GRID -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull classes, to move grid items over to the right by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* ======================================================================================
   @LAYOUT -> GRID -> PUSH
   ====================================================================================== */
/*
	Usage: 
		Push classes, to move grid items over to the left by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* Abstractions */
/* ======================================================================================
   @ABSTRACTIONS - > HORIZONTAL LIST
   ====================================================================================== */
/* 
	Usage: 
		Make list items for `ul` and `ol` elements render horizontally.
	
	Note:
		Most only kick in at a certain breakpoint however this would be decided on a per project basis.
	
	Demo:
		Style Guide -> Abstractions -> Horizontal List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_nav.scss
*/
@media (min-width: 40.0625em) {
  /* line 20, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list {
    /* List items */
  }
  /* line 23, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li {
    margin: 0;
    /* List items + links */
  }
  /* line 27, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li,
  .horiz-list > li > a {
    display: inline-block;
  }

  /* --Extenders-- */
  /* With dividers */
  /* line 35, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--dividers > li {
    border-left: 1px solid #bfbfbf;
    padding-left: 0.69231em;
    margin-left: 0.69231em;
    /* Kill rules for the first item */
  }
  /* line 41, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--dividers > li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
  }

  /* Center align */
  /* line 49, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--center {
    text-align: center;
  }

  /* Fit (force the items to occupy 100% of the available width of its parent) */
  /* line 52, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit {
    display: table;
    width: 100%;
    /* List items */
    /* When combined with the `.horiz-list--dividers` extender */
  }
  /* line 57, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit > li {
    display: table-cell;
    /* Links */
  }
  /* line 61, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit > li > a {
    display: block;
  }
  /* line 65, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit.horiz-list--dividers > li {
    margin-left: 0;
    padding-right: 0.69231em;
  }
}
/* Comma/slash seperated */
/* line 76, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li,
.horiz-list--slash > li {
  /* List items + links */
  /* Note: if the breakpoint above isn't used then this can be removed. */
  /* Pseudo element */
  /* Remove pseudo element on last child */
}
/* line 79, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li,
.horiz-list--comma > li > a,
.horiz-list--slash > li,
.horiz-list--slash > li > a {
  display: inline-block;
}
/* line 83, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li:after,
.horiz-list--slash > li:after {
  margin-right: 0.34615em;
}
/* line 86, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li:last-child:after,
.horiz-list--slash > li:last-child:after {
  display: none;
}

/* line 90, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--slash > li:after {
  content: "/";
  margin-left: 0.34615em;
}

/* line 95, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li:after {
  content: ",";
}

/* ======================================================================================
   @ABSTRACTIONS -> DEFINITION LIST
   ====================================================================================== */
/*
	Usage: 
		Make the `dt` and `dd` elements of a definition list render side-by-side.

	Demo:
		Style Guide -> Abstractions -> Definition List
*/
/* Definiton title */
/* line 14, ../sass/partials/abstractions/_definition-list.scss */
.def-list__title {
  float: left;
  clear: left;
  margin-right: 0.34615em;
  /* Left indent at this breakpoint */
  /* Pseudo element - colon */
}
@media (min-width: 48em) {
  /* line 14, ../sass/partials/abstractions/_definition-list.scss */
  .def-list__title {
    margin-right: 0;
  }
}
/* line 25, ../sass/partials/abstractions/_definition-list.scss */
.def-list__title:after {
  content: ":";
}

/* Definiton description - left indent at this breakpoint */
@media (min-width: 40.0625em) {
  /* line 30, ../sass/partials/abstractions/_definition-list.scss */
  .def-list__desc {
    margin-left: 7.69231em;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> BLOCK LIST
   ====================================================================================== */
/*
	Usage: 
		Create big blocky lists of content.
	
	Demo:
		Style Guide -> Abstractions -> Block List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/partials/objects/_list-block.scss
*/
/* Shared */
/* line 18, ../sass/partials/abstractions/_block-list.scss */
.block-list,
.block-list > li {
  border: 0 solid #d4d4d4;
}

/* line 22, ../sass/partials/abstractions/_block-list.scss */
.block-list {
  border-top-width: 1px;
  /* List items */
}
/* line 26, ../sass/partials/abstractions/_block-list.scss */
.block-list > li {
  border-bottom-width: 1px;
  padding: 0.69231em;
}

/* Links */
/* line 33, ../sass/partials/abstractions/_block-list.scss */
.block-list__link {
  display: block;
  padding: 0.69231em;
  margin: -0.69231em;
}

/* ======================================================================================
   @ABSTRACTIONS -> COMPLEX LINK
   ====================================================================================== */
/*
	Usage: 
		Add link styles to only selected items within links.

	Note: 
		The base link styles are repeated here so not very DRY (need to look into this).
	
	Demo:
		Style Guide -> Abstractions -> Complex Link
	
	Credit: 
		http://github.com/necolas/suit-utils/blob/master/link.css#L18
*/
/* line 19, ../sass/partials/abstractions/_complex-link.scss */
.complex-link {
  /* Pseudo classes for link target */
}
/* line 23, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:visited .complex-link__target {
  color: #278689;
}
/* line 25, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:hover .complex-link__target, .complex-link:focus .complex-link__target {
  color: #611e1c;
  text-decoration: none;
  /* Note: this may be redundant? */
}

/* Link target */
/* line 33, ../sass/partials/abstractions/_complex-link.scss */
.complex-link__target {
  color: #1C5F61;
  text-decoration: underline;
  /* Note: this may be redundant? */
  cursor: pointer;
}

/* ======================================================================================
   @ABSTRACTIONS -> SPLIT
   ====================================================================================== */
/*
	Usage: 
		Simple split item for creating two elements floated away from one another.

	Demo:
		Style Guide -> Abstractions -> Split
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_split.scss
*/
/* Right align at this breakpoint */
@media (min-width: 40.0625em) {
  /* line 18, ../sass/partials/abstractions/_split.scss */
  .split {
    text-align: right;
  }
}
/* Title */
/* line 22, ../sass/partials/abstractions/_split.scss */
.split__title {
  float: left;
  margin-right: 0.34615em;
  /* Float away at this breakpoint */
  /* Pseudo element - colon */
}
@media (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_split.scss */
  .split__title {
    text-align: left;
    clear: left;
  }
}
/* line 33, ../sass/partials/abstractions/_split.scss */
.split__title:after {
  content: ":";
}

/* ======================================================================================
   @ABSTRACTIONS -> FRAME
   ====================================================================================== */
/*
	Usage: 
		Apply a nice framed effect typically to the `img` and `figure` elements.
	
	Demo:
		Style Guide -> Abstractions -> Frame
*/
/* line 13, ../sass/partials/abstractions/_frame.scss */
.frame {
  background-color: #fff;
  padding: 0.34615em;
  border-radius: 4px;
  border-bottom: 1px solid #bfbfbf;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  display: block;
  /* Old IE */
}

/* Extend: change to `inline-block` */
/* line 29, ../sass/partials/abstractions/_frame.scss */
.frame--inline {
  display: inline-block;
}

/* Caption */
/* line 32, ../sass/partials/abstractions/_frame.scss */
.frame__caption {
  padding: 0.34615em;
  font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
  font-style: italic;
  color: gray;
  text-align: center;
}

/* ======================================================================================
   @ABSTRACTIONS -> ISLAND
   ====================================================================================== */
/*
	Usage: 
		Simple, boxed off content.

	Demo:
		Style Guide -> Abstractions -> Island
	
	Credit: 
		http://csswizardry.com/2011/10/the-island-object
*/
/* Shared */
/* line 17, ../sass/partials/abstractions/_island.scss */
.island,
.islet {
  display: block;
}

/* Island - full padding */
/* line 25, ../sass/partials/abstractions/_island.scss */
.island {
  padding: 18px;
  padding: 1.38462rem;
}

/* Islet - half the padding */
/* line 28, ../sass/partials/abstractions/_island.scss */
.islet {
  padding: 9px;
  padding: 0.69231rem;
}

/* Island - aside */
/* line 31, ../sass/partials/abstractions/_island.scss */
.island-aside {
  padding-top: 0em;
}

/* line 35, ../sass/partials/abstractions/_island.scss */
.island-body {
  border-radius: 2px;
  border: 1px solid #e3e3e3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 10px 2px rgba(200, 200, 200, 0.55);
}

/* line 46, ../sass/partials/abstractions/_island.scss */
.aside .island {
  width: 225px;
  margin-left: 17px;
  border: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}
@media (max-width: 62.4375em) {
  /* line 46, ../sass/partials/abstractions/_island.scss */
  .aside .island {
    width: auto;
    margin: 0 17px;
  }
}

/*Island in Progress page*/
/* line 63, ../sass/partials/abstractions/_island.scss */
.progress-island {
  background: transparent url("img/corkboard.png") 0 0;
  border: 5px solid bisque;
}

/* ======================================================================================
   @ABSTRACTIONS -> SLATS
   ====================================================================================== */
/*
	Usage: 
		Place any image- and text-like content side-by-side.

	Demo:
		Style Guide -> Abstractions -> Slats
	
	Credit: 
		http://stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*/
/* Image container */
/* line 22, ../sass/partials/abstractions/_slats.scss */
.slats__img,
.slats__img--rev {
  /* Remove bottom margin at this breakpoint */
  /* Images in `.islets`s need an appropriately sized margin */
}
@media (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_slats.scss */
  .slats__img,
  .slats__img--rev {
    margin-bottom: 0;
  }
}
/* line 32, ../sass/partials/abstractions/_slats.scss */
.islet .slats__img, .islet
.slats__img--rev {
  margin-bottom: 9px;
  margin-bottom: 0.69231rem;
  /* Remove bottom margin at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 32, ../sass/partials/abstractions/_slats.scss */
  .islet .slats__img, .islet
  .slats__img--rev {
    margin-bottom: 0;
  }
}

/* line 42, ../sass/partials/abstractions/_slats.scss */
.slats__img {
  float: left;
  margin-right: 18px;
  margin-right: 1.38462rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 47, ../sass/partials/abstractions/_slats.scss */
.islet .slats__img {
  margin-right: 9px;
  margin-right: 0.69231rem;
}

/* Extend: reverse the image location (right instead of left) */
/* line 51, ../sass/partials/abstractions/_slats.scss */
.slats__img--rev {
  float: right;
  margin-left: 18px;
  margin-left: 1.38462rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 56, ../sass/partials/abstractions/_slats.scss */
.islet .slats__img--rev {
  margin-left: 9px;
  margin-left: 0.69231rem;
}

/* Images */
/* line 60, ../sass/partials/abstractions/_slats.scss */
.slats__img img,
.slats__img--rev img {
  display: block;
}

/* Body container columnised at this breakpoint */
@media (min-width: 40.0625em) {
  /* line 65, ../sass/partials/abstractions/_slats.scss */
  .slats__body {
    overflow: hidden;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> COLUMNS
   ====================================================================================== */
/*
	Usage: 
		Easily create columns of text using CSS3.
	
	Demo:
		Style Guide -> Abstractions -> Columns
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_columns.scss
*/
/* Cols only kick in at this breakpoint */
@media screen and (min-width: 40.0625em) {
  /* Output all the col classes */
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

  /* Base rules */
  /* line 40, ../sass/partials/abstractions/_columns.scss */
  .txt-cols {
    /* Transition */
    -webkit-column-gap: 1.38462rem;
    -moz-column-gap: 1.38462rem;
    column-gap: 1.38462rem;
    /* Column rule, if used then increase `column-gap` to `$spacing-dbl` */
    /*@include prefix(column-rule, 1px dotted black);*/
  }
}
/* --Output all the col classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-txt-cols--2` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Lap */
/* Lap */
@media (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media (min-width: 40.0625em) and (max-width: 56.25em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Portable */
@media (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk */
@media (min-width: 75em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media (min-width: 75em) and (max-width: 85.3125em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk large */
@media (min-width: 85.375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> ARROWS
   ====================================================================================== */
/*
	Usage:
		Creates CSS arrows.

	Note:
		Same as: 'utils/placeholders/arrows' except this version doesn't apply to an existing element rather it's an independent element which is more flexible.

	Demo:
		Style Guide -> Abstractions -> Arrows
*/
/* Set variables */
/* Start abstraction */
/* line 22, ../sass/partials/abstractions/_arrows.scss */
.arrow {
  width: 0;
  height: 0;
  border: 10px inset transparent;
  display: inline-block;
  vertical-align: middle;
}

/* Down */
/* line 31, ../sass/partials/abstractions/_arrows.scss */
.arrow--down {
  border-top-color: #262626;
  margin-bottom: -10px;
}

/* Up */
/* line 37, ../sass/partials/abstractions/_arrows.scss */
.arrow--up {
  border-bottom-color: #262626;
  margin-top: -10px;
}

/* Left */
/* line 43, ../sass/partials/abstractions/_arrows.scss */
.arrow--left {
  border-right-color: #262626;
}

/* Right */
/* line 46, ../sass/partials/abstractions/_arrows.scss */
.arrow--right {
  border-left-color: #262626;
}

/* ======================================================================================
   @ABSTRACTIONS -> DIVIDER
   ====================================================================================== */
/*
	Usage: 
		Apply a dividing line between two elements.
	
	Demo:
		Style Guide -> Abstractions -> Divider
*/
/* line 13, ../sass/partials/abstractions/_divider.scss */
.divider {
  border-bottom: 1px solid gray;
  box-shadow: 0 1px 0 #e3e3e3;
  padding-bottom: 18px;
  padding-bottom: 1.38462rem;
}

/* --Extenders-- */
/* Larger spacing */
/* line 23, ../sass/partials/abstractions/_divider.scss */
.divider--lrg {
  padding-bottom: 36px;
  padding-bottom: 2.76923rem;
  margin-bottom: 36px;
  margin-bottom: 2.76923rem;
}

/* Smaller spacing */
/* line 29, ../sass/partials/abstractions/_divider.scss */
.divider--sml {
  padding-bottom: 9px;
  padding-bottom: 0.69231rem;
  margin-bottom: 9px;
  margin-bottom: 0.69231rem;
}

/* ======================================================================================
   @ABSTRACTIONS -> VERTICAL ALIGNMENT
   ====================================================================================== */
/*
	Usage: 
		Vertically align an element within it's parent via CSS `display: table`.
	
	Demo:
		Style Guide -> Abstractions -> Vertical Alignment
*/
/* line 13, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align {
  display: table;
  width: 100%;
  height: 100%;
}

/* line 19, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align__inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ======================================================================================
   @ABSTRACTIONS -> PRESERVE ASPECT RATIO
   ====================================================================================== */
/*
	Usage:
		To preserve the aspect ratio (16:9) of an element usually a video delivered via an `iframe`.
	
	Demo:
		Style Guide -> Abstractions -> Preserve Aspect Ratio
		
	Credit:
		http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
*/
/* line 16, ../sass/partials/abstractions/_preserve-aspect-ratio.scss */
.preserve-aspect-ratio {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

/* line 23, ../sass/partials/abstractions/_preserve-aspect-ratio.scss */
.preserve-aspect-ratio__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ======================================================================================
   @MODULES -> ABSTRACTIONS -> DROP DOWN
   ====================================================================================== */
/*
	Usage: 
		A generic drop down powered by the 'Twitter Bootstrap Drop down' plugin. Individual drop down's that require custom styles will become a 'module'.
	
	Demo:
		Style Guide -> Abstractions -> Drop Down
*/
/* Container for the drop down and drop down trigger */
/* line 14, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container {
  position: relative;
}

/* The drop down */
/* line 17, ../sass/partials/abstractions/_drop-down.scss */
.js .drop-down {
  display: none;
  position: absolute;
  z-index: 2147483647;
  top: 100%;
  left: 0;
}

/* The drop down opened */
/* line 27, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container.is-active > .drop-down {
  display: block;
}

/* Modules */
/* ======================================================================================
   @MODULES -> FEEDBACK
   ====================================================================================== */
/*
	Usage: 
		Provides appropriately designed UI feedback messages for users to acknowledge their actions and to orient users to their location in the site. Most common use case is for errors e.g. form validation errors. Read more here: http://styleguide.yahoo.com/writing/write-clear-user-interface-text/feedback-messages-and-error-messages.
	
	Demo:
		Style Guide -> Modules -> Feedback
*/
/* line 13, ../sass/partials/modules/_feedback.scss */
.feedback {
  padding: 0.34615em 0.69231em;
  border: 1px solid;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.3);
  /* Links */
}
/* line 20, ../sass/partials/modules/_feedback.scss */
.feedback a {
  text-decoration: underline;
  /* Note: this may be redundant? */
  /* Pseudo classes */
  /* Note: this may be redundant? */
}
/* line 24, ../sass/partials/modules/_feedback.scss */
.feedback a:hover, .feedback a:focus {
  text-decoration: none;
}

/* Block */
/* line 30, ../sass/partials/modules/_feedback.scss */
.feedback_block {
  padding-top: 0.69231em;
  padding-bottom: 0.69231em;
  /* Shared */
  /* Paragraphs and lists */
}
/* line 35, ../sass/partials/modules/_feedback.scss */
.feedback_block .hn,
.feedback_block p,
.feedback_block .list {
  margin-bottom: 0;
}
/* line 40, ../sass/partials/modules/_feedback.scss */
.feedback_block p,
.feedback_block .list {
  margin-top: 0.34615em;
}

/* Error */
/* line 45, ../sass/partials/modules/_feedback.scss */
.feedback_error {
  background-color: #f7c2c2;
  border-color: #f39797;
  /* Parent, links + headings */
}
/* line 50, ../sass/partials/modules/_feedback.scss */
.feedback_error,
.feedback_error a,
.feedback_error .hn {
  color: #6f0f0f;
}

/* Error */
/* line 56, ../sass/partials/modules/_feedback.scss */
.feedback_validation {
  background-color: #f7c2c2;
  border-color: #f39797;
  display: block;
  font-size: 13px;
  font-size: 1rem;
  line-height: 1.35;
  /* Parent, links + headings */
}
/* line 63, ../sass/partials/modules/_feedback.scss */
.feedback_validation,
.feedback_validation a,
.feedback_validation .hn {
  color: #6f0f0f;
}

/* Warning */
/* line 69, ../sass/partials/modules/_feedback.scss */
.feedback_warning {
  background-color: #faf2c9;
  border-color: #f3de7c;
  /* Parent, links + headings */
}
/* line 74, ../sass/partials/modules/_feedback.scss */
.feedback_warning,
.feedback_warning a,
.feedback_warning .hn {
  color: #4e4207;
}

/* Success */
/* line 80, ../sass/partials/modules/_feedback.scss */
.feedback_success {
  background-color: #cfe9c5;
  border-color: #a5cf83;
  /* Parent, links + headings */
}
/* line 85, ../sass/partials/modules/_feedback.scss */
.feedback_success,
.feedback_success a,
.feedback_success .hn {
  color: #2b4119;
}

/* Info */
/* line 91, ../sass/partials/modules/_feedback.scss */
.feedback_info {
  background-color: #c7e4f3;
  border-color: #86c5e6;
  /* Parent, links + headings */
}
/* line 96, ../sass/partials/modules/_feedback.scss */
.feedback_info,
.feedback_info a,
.feedback_info .hn {
  color: #154c69;
}

/* ======================================================================================
   @MODULES -> MICROFORMAT - hCard
   ====================================================================================== */
/*
	Usage: 
		The Microformat hCard: http://microformats.org/wiki/hcard.
	
	Demo:
		Style Guide -> Modules -> Microformat (hCard)
*/
/* Base rules */
/* line 14, ../sass/partials/modules/_microformat(hCard).scss */
.vcard {
  /* `.org` heading */
  /* Make the `.url` link not look like a link */
  /* Nested `.adr` elements */
}
/* line 15, ../sass/partials/modules/_microformat(hCard).scss */
.vcard p {
  margin-bottom: 0;
}
/* line 18, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .org {
  font-size: 100%;
}
/* line 25, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr span {
  display: block;
}
/* line 27, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr .region,
.vcard .adr .postal-code {
  display: inline;
}

/* ======================================================================================
   @MODULES -> SPRITE
   ====================================================================================== */
/* 
	Usage: 
		Applies a background image and nothing else, usually from a sprite. 
		
	Demo:
		Style Guide -> Modules -> Sprite
*/
/* line 13, ../sass/partials/modules/_sprite.scss */
.sprite {
  /* Typical size of a background image */
  width: 16px;
  height: 16px;
  margin-right: 9px;
  /* Print */
}
@media print {
  /* line 13, ../sass/partials/modules/_sprite.scss */
  .sprite {
    display: none;
  }
}

/* --Set sprites-- */
/* Star */
/* small - white */
/* line 32, ../sass/partials/modules/_sprite.scss */
.s-star-sml-white {
  width: 16px;
  height: 16px;
  background-position: -498px 0;
}

/* Arrows */
/* right */
/* line 40, ../sass/partials/modules/_sprite.scss */
.s-arrow-r {
  width: 17px;
  height: 18px;
  background-position: -514px 0;
}

/* up */
/* line 47, ../sass/partials/modules/_sprite.scss */
.s-arrow-u {
  width: 18px;
  height: 17px;
  background-position: -531px 0;
}

/* alt */
/* line 54, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.s-arrow-alt-r,
.flex-direction-nav a {
  width: 26px;
  height: 26px;
}

/* left */
/* line 62, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.flex-prev {
  background-position: -549px 0;
}

/* right */
/* line 66, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-r,
.flex-next {
  background-position: -575px 0;
}

/* Icons */
/* shared */
/* line 71, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost,
.s-icon-pdf {
  margin-right: 0;
  height: 16px;
}

/* pdf */
/* line 78, ../sass/partials/modules/_sprite.scss */
.s-icon-pdf {
  width: 16px;
  background-position: -625px 0;
}

/* pdf */
/* line 84, ../sass/partials/modules/_sprite.scss */
.s-icon-word {
  width: 16px;
  background-position: -421px 0;
}

/* ghost - renders no icon, is used to create the space of an icon */
/* line 90, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost {
  width: 0;
}

/* --Extenders-- */
/* Apply some spacing between the sprite element and adjacent text */
/* line 95, ../sass/partials/modules/_sprite.scss */
.sprite--spacing {
  margin-right: 0.23077em;
}

/* Pull in sprite bg image */
/* ======================================================================================
   @MODULES -> ICON
   ====================================================================================== */
/*
	Usage: 
		Applies an icon font and nothing else (similar to the sprite module).
	
	Demo:
		Style Guide -> Modules -> Icon
*/
/* line 13, ../sass/partials/modules/_icon.scss */
.icon:before {
  speak: none;
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 1.0em;
}

/* Icon bounce on hover, duration, delay, iteration count, fill mode */
/*span:hover.icon {@include prefix(animation, bounce .6s 3s 3 both);}*/
/* --Set icons-- modifiers use _. replaced -- for HTML validation */
/* Settings */
/* line 32, ../sass/partials/modules/_icon.scss */
.icon_settings:before {
  content: "\e000";
}

/* Products */
/* line 35, ../sass/partials/modules/_icon.scss */
.icon_products:before {
  content: "\e001";
}

/* Users */
/* line 38, ../sass/partials/modules/_icon.scss */
.icon_users:before {
  content: "\e002";
}

/* Orders */
/* line 41, ../sass/partials/modules/_icon.scss */
.icon_orders:before {
  content: "\e003";
}

/* Login */
/* line 44, ../sass/partials/modules/_icon.scss */
.icon_login:before {
  content: "\e023";
}

/* Logout */
/* line 47, ../sass/partials/modules/_icon.scss */
.icon_logout:before {
  content: "\e004";
}

/* News */
/* line 50, ../sass/partials/modules/_icon.scss */
.icon_news:before {
  content: "\e005";
}

/* Content */
/* line 53, ../sass/partials/modules/_icon.scss */
.icon_content:before {
  content: "\e006";
}

/* Media */
/* line 56, ../sass/partials/modules/_icon.scss */
.icon_media:before {
  content: "\e007";
}

/* Info */
/* line 59, ../sass/partials/modules/_icon.scss */
.icon_info:before {
  content: "\e008";
}

/* Success */
/* line 62, ../sass/partials/modules/_icon.scss */
.icon_success:before {
  content: "\e009";
}

/* Error */
/* line 65, ../sass/partials/modules/_icon.scss */
.icon_error:before {
  content: "\e00a";
}

/* Warning */
/* line 68, ../sass/partials/modules/_icon.scss */
.icon_warning:before {
  content: "\e00b";
}

/* Search */
/* line 71, ../sass/partials/modules/_icon.scss */
.icon_search:before {
  content: "\e00c";
}

/* Email Campaigns */
/* line 74, ../sass/partials/modules/_icon.scss */
.icon_email:before {
  content: "\e00d";
}

/* Home */
/* line 77, ../sass/partials/modules/_icon.scss */
.icon_home:before {
  content: "\e00e";
}

/* Help */
/* line 80, ../sass/partials/modules/_icon.scss */
.icon_help:before {
  content: "\e010";
}

/* Website */
/* line 83, ../sass/partials/modules/_icon.scss */
.icon_website:before {
  content: "\e011";
}

/* Analytics */
/* line 86, ../sass/partials/modules/_icon.scss */
.icon_analytics:before {
  content: "\e012";
}

/* Menu */
/* line 89, ../sass/partials/modules/_icon.scss */
.icon_caret-down:before {
  content: "\e013";
}

/* Arrow right */
/* line 92, ../sass/partials/modules/_icon.scss */
.icon_arrow-right:before {
  content: "\e019";
}

/* Thick tick */
/* line 95, ../sass/partials/modules/_icon.scss */
.icon_thick-tick:before {
  content: "\e625";
}

/*- Pencil -*/
/* line 98, ../sass/partials/modules/_icon.scss */
.icon_pencil:before {
  content: "\e609";
}

/*- Credit Card -*/
/* line 101, ../sass/partials/modules/_icon.scss */
.icon_credit-card:before {
  content: "\e60F";
}

/* Couple of humans */
/* line 104, ../sass/partials/modules/_icon.scss */
.icon_group:before {
  content: "\e016";
}

/* Stack of files */
/* line 107, ../sass/partials/modules/_icon.scss */
.icon_files:before {
  content: "\e015";
}

/* Stack */
/* line 110, ../sass/partials/modules/_icon.scss */
.icon_stack:before {
  content: "\e017";
}

/* Timer */
/* line 113, ../sass/partials/modules/_icon.scss */
.icon_timer:before {
  content: "\e02d";
}

/* Flask */
/* line 116, ../sass/partials/modules/_icon.scss */
.icon_flask:before {
  content: "\e62e";
}

/* Factsheets */
/* line 119, ../sass/partials/modules/_icon.scss */
.icon_factsheet:before {
  content: "\e018";
}

/* Video */
/* line 122, ../sass/partials/modules/_icon.scss */
.icon_video:before {
  content: "\e601";
}

/* Games (Pacman) */
/* line 125, ../sass/partials/modules/_icon.scss */
.icon_game:before {
  content: "\e605";
}

/* Apps (Mobile screen) */
/* line 128, ../sass/partials/modules/_icon.scss */
.icon_app:before {
  content: "\e01d";
}

/*---*/
/*- Functionality icons -*/
/*Functionality: Bookmark*/
/* line 134, ../sass/partials/modules/_icon.scss */
.icon_bookmark:before {
  content: "\e014";
}

/* Functionality: Print*/
/* line 137, ../sass/partials/modules/_icon.scss */
.icon_print:before {
  content: "\e01c";
}

/* Functionality: Print*/
/* line 140, ../sass/partials/modules/_icon.scss */
.icon_pdf:before {
  content: "\e62b";
}

/* Functionality: Edit*/
/* line 143, ../sass/partials/modules/_icon.scss */
.icon_edit:before {
  content: "\e027";
}

/* Functionality: Trash*/
/* line 146, ../sass/partials/modules/_icon.scss */
.icon_trash:before {
  content: "\e029";
}

/* Functionality: Topic Builder */
/* line 149, ../sass/partials/modules/_icon.scss */
.icon_topic-builder:before {
  content: "\e02b";
}

/* Functionality: Copy */
/* line 152, ../sass/partials/modules/_icon.scss */
.icon_copy:before {
  content: "\e600";
}

/* Functionality Link */
/* line 155, ../sass/partials/modules/_icon.scss */
.icon_link:before {
  content: "\e6d9";
}

/* Functionality: Previous */
/* line 158, ../sass/partials/modules/_icon.scss */
.icon_play-prev:before {
  content: "\ea15";
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

/* Functionality: Play */
/* line 161, ../sass/partials/modules/_icon.scss */
.icon_play-next:before {
  content: "\ea15";
}

/* Functionality: Skip Next */
/* line 164, ../sass/partials/modules/_icon.scss */
.icon_skip-next:before {
  content: "\ea19";
}

/* Functionality: Skip Previous */
/* line 167, ../sass/partials/modules/_icon.scss */
.icon_skip-prev:before {
  content: "\ea18";
}

/* Functionality: Download */
/* line 170, ../sass/partials/modules/_icon.scss */
.icon_download:before {
  content: "\e631";
}

/*- Evidence Rating -*/
/* Evidence rating: Not yet Reviewed */
/* This uses ".icon_help" */
/* Evidence rating: Star rating*/
/* line 178, ../sass/partials/modules/_icon.scss */
.icon_star:before {
  content: "\e621";
}

/* Evidence rating: Under review */
/*.icon_under-review:before {content: "\e02f";}*/
/* Evidence rating: Expert review*/
/*.icon_expert-review:before {content: "\e02e";}*/
/* Evidence rating: Supported by one study. Note that the case for Supported by multiple studies will repeat this icon twice*/
/*.icon_partners:before {content: "\e00f";}*/
/*- Social Icons -*/
/*Facebook*/
/* line 192, ../sass/partials/modules/_icon.scss */
.icon_facebook:before {
  content: "\e62f";
}

/* line 193, ../sass/partials/modules/_icon.scss */
.icon_thumbsup:before {
  content: "\e622";
}

/*Twitter*/
/* line 196, ../sass/partials/modules/_icon.scss */
.icon_twitter:before {
  content: "\e630";
}

/*-- Cursor changes --*/
/* line 199, ../sass/partials/modules/_icon.scss */
.hover-help {
  cursor: help;
}

/* line 200, ../sass/partials/modules/_icon.scss */
.hover-pointer {
  cursor: pointer;
}

/* --Extenders-- */
/* Apply some spacing between the icon element and adjacent text */
/* line 205, ../sass/partials/modules/_icon.scss */
.icon_spacing:before {
  margin-right: 0.23077em;
}

/* Remove the negative 1px top positiong */
/* line 208, ../sass/partials/modules/_icon.scss */
.icon_flush-top:before {
  position: static;
}

/* Fixed width */
/* line 211, ../sass/partials/modules/_icon.scss */
.icon_fixed-width:before {
  width: 1em;
  text-align: center;
}

/* -Alternate sizes- */
/* Small */
/* line 219, ../sass/partials/modules/_icon.scss */
.icon_sml:before {
  font-size: 11px;
  font-size: 0.84615rem;
  line-height: 1;
}

/* Large */
/* line 222, ../sass/partials/modules/_icon.scss */
.icon_lrg:before {
  font-size: 32px;
  font-size: 2.46154rem;
  line-height: 1;
}

/* Huge */
/* line 225, ../sass/partials/modules/_icon.scss */
.icon_huge:before {
  font-size: 64px;
  font-size: 4.92308rem;
  line-height: 1;
}

/* Default */
/* line 228, ../sass/partials/modules/_icon.scss */
.icon_default:before {
  font-size: inherit;
}

/* 'Bounce' animation */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/*Badges and trophies*/
/* line 244, ../sass/partials/modules/_icon.scss */
.badge {
  padding-right: 0.5em;
}

/* ======================================================================================
   @MODULES -> PRELOADER
   ====================================================================================== */
/*
	Usage: 
		Provides feedback to the user letting them know that their action is being processed e.g. a form submission. It renders an animating spinner (light) but can also include a message with the spinner e.g. "Loading, please wait..." (full).
	
	Demo:
		Style Guide -> Modules -> Preloader
*/
/* line 15, ../sass/partials/modules/_preloader.scss */
.preloader, .preloader * {
  display: inline-block;
}
/* line 18, ../sass/partials/modules/_preloader.scss */
.preloader * {
  vertical-align: middle;
}
/* line 20, ../sass/partials/modules/_preloader.scss */
.preloader em {
  font-style: italic;
}

/* Spinner animation */
/* line 24, ../sass/partials/modules/_preloader.scss */
.preloader--light,
.preloader__spinner {
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("img/preloader.gif") no-repeat 0 0;
}

/* Create some space between the spinner and the message */
/* line 33, ../sass/partials/modules/_preloader.scss */
.preloader__spinner {
  margin-right: 0.34615em;
}

/* Remove the spinner as it's parent has hijacked it's styles */
/* line 36, ../sass/partials/modules/_preloader.scss */
.preloader--light .preloader__spinner {
  display: none;
}

/* ======================================================================================
   @MODULES -> PAGINATION
   ====================================================================================== */
/*
	Usage: 
		For paginating between many sets of pages e.g. search results. There's a lighter version (pager) which just renders the 'Prev' and 'Next' links.
	
	Demo:
		-	Style Guide -> Modules -> Pagination
		-	Style Guide -> Modules -> Pager
*/
/* line 14, ../sass/partials/modules/_pagination.scss */
.pagination {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  padding: 0.46154em;
  text-align: center;
  /* Shared */
  /* Pagination items */
  /* Links & Buttons */
  /* Pseudo elements - 'Previous' and 'Next' links */
  /* Previous - single left-pointing angle quotation mark */
  /* Next - single right-pointing angle quotation mark */
}
/* line 21, ../sass/partials/modules/_pagination.scss */
.pagination li,
.pagination a, .pagination input[type=submit],
.pagination .pagination__skip:before {
  display: inline-block;
}
/* line 26, ../sass/partials/modules/_pagination.scss */
.pagination li {
  margin: 0.23077em 0em 0.23077em 0.15385em;
  /* Adjust margin at this breakpoint */
  /* Turn off margin for first child */
}
@media (min-width: 48em) {
  /* line 26, ../sass/partials/modules/_pagination.scss */
  .pagination li {
    margin: 0em 0em 0em 0.15385em;
  }
}
/* line 35, ../sass/partials/modules/_pagination.scss */
.pagination li:first-child {
  margin-left: 0;
}
/* line 39, ../sass/partials/modules/_pagination.scss */
.pagination a, .pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 0.15385em 0.46154em;
  background-color: #e3e3e3;
  text-decoration: none;
  /* Note: this may be redundant? */
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  /* Pseudo classes + active state */
}
/* line 50, ../sass/partials/modules/_pagination.scss */
.pagination a:hover, .pagination a:focus, .pagination a.is-active, .pagination button:hover, .pagination button:focus, .pagination button.is-active,
.pagination html input[type="button"]:hover,
.pagination html input[type="button"]:focus,
.pagination html input[type="button"].is-active,
.pagination input[type="reset"]:hover,
.pagination input[type="reset"]:focus,
.pagination input[type="reset"].is-active,
.pagination input[type="submit"]:hover,
.pagination input[type="submit"]:focus,
.pagination input[type="submit"].is-active {
  background-color: #4d4d4d;
  border-color: #262626;
  color: #fff;
}
/* line 59, ../sass/partials/modules/_pagination.scss */
.pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 0.34615em 0.46154em;
  color: #1C5F61;
}
/* line 68, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before,
.pagination a[rel="next"]:after {
  speak: none;
  vertical-align: top;
}
/* line 75, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before {
  content: "\2039";
  margin-right: 0.34615em;
}
/* line 81, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="next"]:after {
  content: "\203a";
  margin-left: 0.34615em;
}

/* Page count */
/* line 88, ../sass/partials/modules/_pagination.scss */
.pagination__count {
  padding-right: 0.23077em;
  /* Change the display at this breakpoint */
}
@media (max-width: 40em) {
  /* line 93, ../sass/partials/modules/_pagination.scss */
  .pagination .pagination__count {
    display: block;
  }
}

/* Page jump - pseudo element - horizontal ellipsis glyph */
/* line 98, ../sass/partials/modules/_pagination.scss */
.pagination__skip:before {
  content: "\2026";
  speak: none;
  margin-right: 0.34615em;
  color: gray;
  vertical-align: bottom;
}

/* ======================================================================================
   @MODULES -> THUMBNAIL GRID
   ====================================================================================== */
/* 
	Usage: 
		Renders thumbnail images in a grid, typically used for photo galleries.
	
	Note: 
		This module uses the grid, adjust the `li` grid width classes accordingly.
		
	Demo:
		Style Guide -> Modules -> Thumbnail Grid
*/
/* line 16, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid {
  margin-bottom: -18px;
  margin-bottom: -1.38462rem;
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Items */
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Images */
  /* Pseudo classes */
}
/* line 20, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid li {
  margin-bottom: 18px;
  margin-bottom: 1.38462rem;
}
/* line 23, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid img {
  /* Transition */
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
/* line 26, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid a:hover img,
.thumbnail-grid a:focus img {
  opacity: 0.7;
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.6);
  /* Note: consider using the `%box-shadow-btm` placeholder */
}

/* Modules -> Widgets */
/* ======================================================================================
   @MODULES -> WIDGETS -> ACCORDION
   ====================================================================================== */
/*
	Usage: 
		Typically for preserving screen real estate e.g. a complex menu as each item can be 'expanded' to reveal the content associated with that item and it can also be 'collapsed' to hide its associated content. There can be zero or more items expanded at a time, depending on the jQuery plugin configuration.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Accordion
*/
/* line 13, ../sass/partials/modules/widgets/_accordion.scss */
.accordion {
  border: 1px solid #bfbfbf;
  /* Accordion items */
}
/* line 17, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li {
  border-top: 1px solid #bfbfbf;
  /* Turn off border for first child */
}
/* line 21, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li:first-child {
  border-top: 0;
}

/* Shared */
/* line 26, ../sass/partials/modules/widgets/_accordion.scss */
.accordion__header,
.accordion__content {
  width: 100%;
}

/* Note: have to set a width otherwise animation jumps. */
/* Heading */
/* line 30, ../sass/partials/modules/widgets/_accordion.scss */
.accordion__header {
  padding: 0.34615em 0.69231em;
  background-color: #e3e3e3;
  font-size: 100%;
  margin: 0;
  /* JS on */
  /* Print */
  /* Pseudo element - plus glyph */
  /* Expanded state */
}
/* line 38, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion__header {
  cursor: pointer;
  /* Pseudo classes */
}
/* line 42, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion__header:hover, .js .accordion__header:focus {
  background: #4d4d4d;
  color: #fff;
}
@media print {
  /* line 30, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion__header {
    border-bottom: 1px solid;
  }
}
/* line 55, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion__header:before {
  content: "\002B";
  display: inline-block;
  speak: none;
  margin-right: 0.34615em;
  vertical-align: top;
  /* Print */
}
@media print {
  /* line 55, ../sass/partials/modules/widgets/_accordion.scss */
  .js .accordion__header:before {
    display: none;
  }
}
/* line 69, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion__header {
  background: #1C5F61;
  color: #fff;
  /* Pseudo element - minus glyph */
}
/* line 74, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion__header:before {
  content: "\2212";
}

/* Content */
/* line 79, ../sass/partials/modules/widgets/_accordion.scss */
.accordion__content {
  padding: 0.69231em;
  display: none;
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
@media (min-width: 40.0625em) {
  /* line 79, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion__content {
    padding: 1.38462em;
  }
}
/* line 89, ../sass/partials/modules/widgets/_accordion.scss */
.no-js .accordion__content {
  display: block;
}
@media print {
  /* line 79, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion__content {
    display: block !important;
    /* Note: need to use `!important` in order to override the inline display rule applied by the jQuery plugin. */
  }
}

/* ======================================================================================
   @MODULES -> WIDGETS -> FLEXSLIDER
   ====================================================================================== */
/*
	Usage: 
		A fully responsive jQuery slider, typically for photo galleries.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Flexslider
	
	Credit: 
		http://www.woothemes.com/flexslider/
*/
/* line 16, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  position: relative;
  background-color: #fff;
  display: none;
  /* Slides container */
  /* Slides - hide the slides before JS is loaded to avoid images jumping */
  /* Images */
}
@media (min-width: 40.625em) {
  /* line 16, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider {
    display: block;
  }
}
/* line 26, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides {
  /* Print - this is only for the 'slide' effect but should check this */
  /* 
  	Note: it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
  */
}
@media print {
  /* line 26, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider .slides {
    width: auto !important;
    margin: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
}
/* line 43, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  /* First child should always be visible */
  /* Print */
  /* 
  	Note: it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
  */
}
/* line 48, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}
@media print {
  /* line 43, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider .slides > li {
    float: none !important;
    display: none !important;
    width: auto !important;
    /* Active slide should always be visible */
  }
  /* line 63, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider .slides > li.flex-active-slide {
    display: block !important;
  }
}
/* line 68, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides img {
  display: block;
  margin: 0 auto;
}

/* --Navigation controls-- */
/* Shared */
/* Shared */
/* line 78, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging a,
.flex-direction-nav a {
  text-decoration: none;
}

/* Note: this may be redundant? */
/* Pager nav */
/* line 82, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging {
  position: absolute;
  bottom: 0.46154em;
  left: 50%;
  margin-left: -38px;
  /* Note: this equals half of what the width is */
  /* Print */
  /* Pager nav items */
  /* Links */
}
@media print {
  /* line 82, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-control-paging {
    display: none;
  }
}
/* line 94, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li {
  display: inline-block;
}
/* line 97, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging a {
  display: block;
  cursor: pointer;
  margin-right: 0.34615em;
  padding: 0 0.34615em;
  /* Pseudo classes + active state */
}
/* line 104, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging a:hover, .flex-control-paging a:focus, .flex-control-paging a.flex-active {
  background-color: #1C5F61;
  color: #fff;
}

/* Prev/next nav */
/* Print */
@media print {
  /* line 117, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav {
    display: none;
  }
}
/* Links */
/* line 121, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a {
  width: 26px;
  height: 26px;
  overflow: hidden;
  position: absolute;
  top: 4.38462em;
  margin-top: -20px;
  /* Note: this equals half of what the height is */
  background-color: transparent;
}

/* Prev */
/* line 133, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-prev {
  left: 0;
}

/* Next */
/* line 136, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-next {
  right: 0;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> ADAPTIVE GOOGLE MAP
   ====================================================================================== */
/*
	Usage: 
		Adaptive Google map.
	
	Note: 
		Loads in a static Google map image for palm sized viewports and a dynamic Google map (full API) for non-palm sized viewports.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Adaptive Google Map
	
	Credit:
		http://codepen.io/bradfrost/full/tLxAs
*/
/* line 19, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map {
  position: relative;
  /* Have this so the preloader is contained within it's parent */
  min-height: 100px;
  /* Preloader */
}
/* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map .preloader {
  position: absolute;
  top: 1.38462em;
  left: 1.38462em;
}

/* Static */
/* line 33, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__static {
  margin-bottom: 9px;
  margin-bottom: 0.69231rem;
  background: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false") no-repeat 50% 50%;
  /* Retina */
  /* Hide at this breakpoint */
  /* Print */
  /* Hide image so we can use a bg img instead to maintain scale, see: http://webdesigntutsplus.s3.amazonaws.com/tuts/365_google_maps/demo/index.html */
}
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* line 33, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    background-image: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false&scale=2");
    background-size: 640px 400px;
  }
}
@media (min-width: 40.0625em) {
  /* line 33, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    display: none;
  }
}
@media print {
  /* line 33, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    display: block !important;
    text-align: center;
  }
}
/* line 51, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__static img {
  opacity: 0;
  /* Print */
}
@media print {
  /* line 51, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static img {
    opacity: 1;
  }
}

/* Dynamic */
/* line 62, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic {
  /* Print */
  /* Turn off responsive images */
}
@media print {
  /* line 62, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__dynamic {
    display: none;
  }
}
/* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic img {
  max-width: none;
}

/* Map link - hide at this breakpoint only when JS is on */
@media (min-width: 40.0625em) {
  /* line 75, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map__link {
    display: none;
  }
}
/* ======================================================================================
   @MODULES -> WIDGETS -> MODAL
   ====================================================================================== */
/*
	Usage: 
		Typically for dialog prompts e.g. warning/error messages in the form of an overlay (child window). Depending on the jQuery plugin configuration the parent window (page the dialog is overlaying) can either be interacted with again i.e. closing the dialog by clicking anywhere outside the dialog or by only clicking the 'Close' button within the dialog (the latter is true modal behaviour).
	
	Note: 
		`.is-modal-active` class gets appended to the `body` element when the modal is open.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Modal
		
	Credit: 
		http://twitter.github.com/bootstrap/javascript.html#modals
*/
/* Shared fade state */
/* line 20, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade,
.modal-backdrop.is-fade {
  opacity: 0;
  /* Transition */
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

/* Modal backdrop */
/* line 27, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*z-index: $z-index-max - 1;*/
  z-index: 1;
  background-color: #000;
}
/* line 37, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop, .modal-backdrop.is-fade.is-active {
  opacity: 0.8;
}

/* Modal */
/* line 42, ../sass/partials/modules/widgets/_modal.scss */
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  /*z-index: $z-index-max;*/
  z-index: 2;
  width: 90%;
  margin: -60px 0 0 -45%;
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  /* Fix the width and adjust offsets at this breakpoint */
  /* Fade state */
}
@media (min-width: 48em) {
  /* line 42, ../sass/partials/modules/widgets/_modal.scss */
  .modal {
    width: 43.07692em;
    margin-top: -250px;
    margin-left: -280px;
  }
}
/* line 64, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade {
  top: -25%;
  /* Transition */
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  /* Active state */
}
/* line 69, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade.is-active {
  top: 50%;
  opacity: 1;
}

/* Modal header */
/* line 77, ../sass/partials/modules/widgets/_modal.scss */
.modal__header {
  padding: 0.34615em 1em;
  border-bottom: 1px solid #d4d4d4;
  position: relative;
  /* Modal title */
  /* Close button */
}
/* line 83, ../sass/partials/modules/widgets/_modal.scss */
.modal__header .hn {
  margin: 0;
}
/* line 86, ../sass/partials/modules/widgets/_modal.scss */
.modal__header .btn_close {
  position: absolute;
  right: 0.76923em;
  top: 50%;
  margin-top: -0.84615em;
}

/* Modal body */
/* line 95, ../sass/partials/modules/widgets/_modal.scss */
.modal__body {
  max-height: 15.38462em;
  padding: 1em;
  overflow-y: auto;
  /* Increase the max height at this breakpoint */
}
@media (min-width: 48em) {
  /* line 95, ../sass/partials/modules/widgets/_modal.scss */
  .modal__body {
    max-height: 30.76923em;
  }
}

/* Modal footer */
/* line 107, ../sass/partials/modules/widgets/_modal.scss */
.modal__footer {
  padding: 1em;
  text-align: right;
  background-color: #f2f2f2;
  border-top: 1px solid #d4d4d4;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> SOCIAL MEDIA SHARE
   ====================================================================================== */
/*
	Usage: 
		Embedding all or whatever is required of the Social Media share buttons.
	
	Note: 
		Eventually they'll be 3 versions of this widget: 
		-	'Full API' (done).
		-	'Medium' (http://filamentgroup.com/lab/socialcount/).
		-	'Light'.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Social Media Share
*/
/* Print */
@media print {
  /* line 21, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full {
    display: none;
  }
}
/* Used to create a space between each button */
/* line 25, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full__spacer {
  display: inline-block;
  width: 0.46154em;
  height: 4px;
}

/* Break the buttons onto 2 lines */
/* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full__spacer--middle {
  display: block;
  /* Bring buttons back onto 1 line at this breakpoint */
}
@media (min-width: 26.25em) {
  /* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full__spacer--middle {
    display: inline-block;
  }
}

/* Facebook */
/* line 42, ../sass/partials/modules/widgets/_social-media-share.scss */
.fb-like {
  vertical-align: top;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TABS
   ====================================================================================== */
/*
	Usage: 
		Similar to the accordion in terms of preserving screen real estate but a tabbed interface is typically rendered horizontally not vertically and rather than 'expanding' and 'collapsing' each item the item simply appears and you can only ever see one item at a time.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tabs
*/
/* Tab nav */
/* line 14, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav {
  /* Apply a subtle bg color at this breakpoint */
  /* JS off */
  /* Print */
  /* Items */
  /* Links */
  /* Pseudo classes + active state */
}
@media (min-width: 40.0625em) {
  /* line 14, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav {
    background-color: #f2f2f2;
  }
}
/* line 22, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab__nav {
  display: none;
}
@media print {
  /* line 14, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav {
    display: none;
  }
}
/* line 30, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav li {
  border-bottom: 4px solid transparent;
  /* Items go into horizontal mode therefore require some spacing between them at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 30, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav li {
    margin-right: 0.34615em;
    border-bottom: 0;
  }
}
/* line 41, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav a {
  padding: 0.34615em 1.38462em;
  text-decoration: none;
  /* Note: this may be redundant? */
  color: gray;
  border: 1px solid #d4d4d4;
  border-radius: 4px 4px 0 0;
  margin-bottom: -1px;
  display: block;
  /* Change the border color at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 41, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav a {
    border-color: transparent;
  }
}
/* line 57, ../sass/partials/modules/widgets/_tabs.scss */
.tab__nav a:hover,
.tab__nav a:focus,
.tab__nav .is-active a {
  background-color: #fff;
  border-color: #d4d4d4;
  color: #1C5F61;
  /* Change the border color at this breakpoint */
}
@media (min-width: 40.0625em) {
  /* line 57, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__nav a:hover,
  .tab__nav a:focus,
  .tab__nav .is-active a {
    border-bottom-color: #fff;
  }
}

/* Tab Content */
/* line 72, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content {
  display: none;
  padding: 0.69231rem;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  /* Active tab */
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
/* line 79, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content.is-active {
  display: block;
}
@media (min-width: 40.0625em) {
  /* line 72, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__content {
    padding: 1.38462rem;
  }
}
/* line 87, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab__content {
  display: block;
  margin-bottom: 1.38462rem;
}
@media print {
  /* line 72, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__content {
    display: block;
    margin-bottom: 1.38462rem;
  }
}

/* Tab content heading - typically for 'print' media and 'non-JS' users */
/* line 100, ../sass/partials/modules/widgets/_tabs.scss */
.tab__content__hdr {
  display: none;
  /* JS off */
  /* Print */
}
/* line 104, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab__content__hdr {
  display: block;
}
@media print {
  /* line 100, ../sass/partials/modules/widgets/_tabs.scss */
  .tab__content__hdr {
    display: block;
  }
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TOOLTIP
   ====================================================================================== */
/*
	Usage: 
		A small overlay that is displayed when the mouse hovers over an element that requires it. Typically the tooltip's job is to describe the element it's being used on e.g. a menu only uses icons, when a mouse hovers over an icon the overlay will appear describing what the icon is.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tooltip
	
	Credit:
		http://stevenbenner.github.com/jquery-powertip/
*/
/* Set variables */
/* Start module */
/* line 32, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip {
  cursor: default;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  padding: 0.46154em;
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647;
  /* Pseudo element - arrows */
  /* --Positioning-- */
  /* North / South */
  /* East / West */
  /* North / North East / North West */
  /* East */
  /* South / South East / South West */
  /* West */
  /* North East / South East */
  /* North West / South West */
}
/* line 44, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip:before {
  content: "";
  position: absolute;
}
/* line 52, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: -5px;
  left: 50%;
}
/* line 61, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before, #tooltip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}
/* line 70, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.ne:before, #tooltip.nw:before {
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}
/* line 78, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before {
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}
/* line 84, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.s:before, #tooltip.se:before, #tooltip.sw:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}
/* line 92, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.w:before {
  border-left: 10px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}
/* line 98, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.ne:before, #tooltip.se:before {
  border-right: 10px solid transparent;
  border-left: 0;
  left: 10px;
}
/* line 106, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.nw:before, #tooltip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0;
  right: 10px;
}

/* Forms */
/* ======================================================================================
   @FORMS -> BASE
   ====================================================================================== */
/* Indicate that `label` will shift focus to the associated `input` element */
/* line 6, ../sass/partials/forms/_base.scss */
label {
  cursor: pointer;
}

/* Text inputs via the `.txt-input` class, `textarea` and `select` */
/* line 9, ../sass/partials/forms/_base.scss */
.txt-input,
textarea,
select {
  width: 100%;
  padding: 0.46154em;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-shadow: inset -1px 1px 2px 0 rgba(51, 153, 153, 0.6);
  background-color: rgba(51, 153, 153, 0.4);
  /* Transition */
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  /* Focus pseudo class */
}
/* line 21, ../sass/partials/forms/_base.scss */
.txt-input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.35);
  /* Old IE */
}

/* Textarea */
/* line 33, ../sass/partials/forms/_base.scss */
textarea {
  height: 9em;
  resize: vertical;
}

/* Select list */
/* line 39, ../sass/partials/forms/_base.scss */
select {
  width: auto;
}

/* Alternate sizes */
/* line 42, ../sass/partials/forms/_base.scss */
.txt-input_sml {
  width: 80px;
  width: 6.15385rem;
}

/* line 44, ../sass/partials/forms/_base.scss */
.txt-input_med {
  width: 236px;
  width: 18.15385rem;
}

/* Placeholder */
/* Webkit */
/* line 485, ../sass/partials/utils/_mixins.scss */
::-webkit-input-placeholder {
  color: #aaa;
}

/* Firefox 18- */
/* line 490, ../sass/partials/utils/_mixins.scss */
:-moz-placeholder {
  color: #aaa;
}

/* Firefox 19+ */
/* line 495, ../sass/partials/utils/_mixins.scss */
::-moz-placeholder {
  color: #aaa;
}

/* MS */
/* line 500, ../sass/partials/utils/_mixins.scss */
:-ms-input-placeholder {
  color: #aaa;
}

/* jQuery plugin (old IE) */
/* line 505, ../sass/partials/utils/_mixins.scss */
input.placeholder {
  color: #aaa;
}

/* Disabled and Read-only */
/* 
	Note: it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
*/
/* line 55, ../sass/partials/forms/_base.scss */
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
.is-disabled {
  cursor: not-allowed !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.7!important;
}

/* 'Required field' indicator (asterisk) */
/* line 67, ../sass/partials/forms/_base.scss */
.req-field {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1;
  color: #e80000;
  cursor: help;
}

/* Resets some defaults 
form p {margin: 0;}*/
/* ======================================================================================
   @FORMS -> LAYOUT
   ====================================================================================== */
/*
	Usage: 
		These styles handle a typical form layout which is linear (label above input(s) i.e. stacked) for small viewports and side by side (label and input(s) aligned horizontally) for larger viewports.
	
	Basic HTML anatomy:
		<form class="form-main">
		
			<fieldset>
		
				<legend class="form-main__header">Heading</legend>
			
				<div class="form-main__field">
				
					<label class="form-main__label">Label</label>
					
					<div class="form-main__inputs">
						[input(s)]
						<p class="form-main__notes">Helper notes...</p>
						<p class="feedback feedback_success">Feedback - success</p>
						<p class="feedback feedback_error">Feedback - error</p>
						<span class="preloader"><span class="preloader__spinner"></span> <em aria-live="polite" aria-controls="input-id-here">Preloader</em></span>
					</div>
					
				</div>
				
				....
				....
			
			</fieldset>
			
		</form>
				
	Demo:
		Style Guide -> Form Patterns
*/
/* Heading - `legend` */
/* line 42, ../sass/partials/forms/_layout.scss */
.form-main__header {
  /* Add default spacing that works cross browser i.e. browsers not supporting bottom margin */
  padding-bottom: 18px;
  padding-bottom: 1.38462rem;
  margin-bottom: 0;
}

/* Field */
/* line 49, ../sass/partials/forms/_layout.scss */
.form-main__field {
  padding-top: 9px;
  padding-top: 0.69231rem;
  padding-bottom: 9px;
  padding-bottom: 0.69231rem;
  border-top: 1px dotted #ccc;
}

/* Label */
/* line 57, ../sass/partials/forms/_layout.scss */
.form-main__label {
  display: block;
  margin-bottom: 0.23077em;
  /* Sits to the left of it's input(s) at this breakpoint */
}
@media (min-width: 48em) {
  /* line 57, ../sass/partials/forms/_layout.scss */
  .form-main__label {
    width: 19.69231em;
    float: left;
    text-align: right;
    margin: 0.15385em 0 0;
    padding-right: 1.07692em;
    position: relative;
    /* 'Required field' indicator (asterisk) */
  }
  /* line 71, ../sass/partials/forms/_layout.scss */
  .form-main__label .req-field {
    position: absolute;
    right: 0;
    top: 0.23077em;
  }
}

/* Input(s) - sits to the right of it's label at this breakpoint */
@media (min-width: 48em) {
  /* line 81, ../sass/partials/forms/_layout.scss */
  .form-main__inputs {
    margin-left: 21.53846em;
    /*width: $two-fifths;*/
  }
}
/* --Extenders-- */
/* The 'Actions' and 'Solo checkbox' extenders need this to position their 'Preloader' and 'Checkbox' */
/* line 90, ../sass/partials/forms/_layout.scss */
.form-main__inputs--solo-checkbox,
.form-main__inputs--actions {
  position: relative;
}

/* Apply a top margin to 'Actions' extender due to the `:last-child` rule in `@extend %mrg-base;` for 'Field' */
/* line 94, ../sass/partials/forms/_layout.scss */
.form-main__inputs--actions {
  margin-top: 18px;
  margin-top: 1.38462rem;
  /* Print */
}
@media print {
  /* line 94, ../sass/partials/forms/_layout.scss */
  .form-main__inputs--actions {
    display: none;
  }
}

/* Input(s) nested elements */
/* line 104, ../sass/partials/forms/_layout.scss */
.form-main__inputs {
  /* Vertical alignment for all `input`'s and `label`'s */
  /* Adjustments at this breakpoint */
}
/* line 106, ../sass/partials/forms/_layout.scss */
.form-main__inputs label,
.form-main__inputs input {
  vertical-align: middle;
}
@media (min-width: 48em) {
  /* line 104, ../sass/partials/forms/_layout.scss */
  .form-main__inputs {
    /* Nudge `type="file"` `input` down */
    /* Horizontal list */
  }
  /* line 112, ../sass/partials/forms/_layout.scss */
  .form-main__inputs input[type="file"] {
    margin-top: 0.30769em;
  }
  /* line 115, ../sass/partials/forms/_layout.scss */
  .form-main__inputs .horiz-list li {
    margin-left: 0.69231em;
    /* Turn off margin for first item */
  }
  /* line 119, ../sass/partials/forms/_layout.scss */
  .form-main__inputs .horiz-list li:first-child {
    margin-left: 0;
  }
}

/* Solo checkbox */
/* line 125, ../sass/partials/forms/_layout.scss */
.form-main__inputs--solo-checkbox {
  /* Checkbox */
  /* Label */
}
/* line 127, ../sass/partials/forms/_layout.scss */
.form-main__inputs--solo-checkbox input {
  position: absolute;
  top: 0.42308em;
  left: 0;
}
/* line 134, ../sass/partials/forms/_layout.scss */
.form-main__inputs--solo-checkbox label {
  padding-left: 1.38462em;
  display: block;
}

/* Feedback, Notes and Preloader */
/* line 141, ../sass/partials/forms/_layout.scss */
.form-main__inputs .form-main__notes,
.form-main__field .feedback,
.form-main__field .preloader {
  margin-top: 0.34615em;
}

/* Notes */
/* line 146, ../sass/partials/forms/_layout.scss */
.form-main__notes {
  display: block;
  font-size: 11px;
  font-size: 0.84615rem;
  line-height: 1.35;
  color: gray;
}

/* Preloader within 'Actions' */
/* line 153, ../sass/partials/forms/_layout.scss */
.form-main__inputs--actions .preloader {
  vertical-align: middle;
  margin-top: 0;
}

/* Field Block */
/* line 161, ../sass/partials/forms/_layout.scss */
.form-main__block label,
.form-main__block .faux-lbl {
  width: auto;
  float: none;
  display: block;
  text-align: left;
  margin: 0 0 .33em;
  /* 5px */
  padding-right: 0;
}
/* line 171, ../sass/partials/forms/_layout.scss */
.form-main__block label .req-field,
.form-main__block .faux-lbl .req-field {
  position: static;
}
/* line 174, ../sass/partials/forms/_layout.scss */
.form-main__block div {
  margin-left: 0;
  width: 100%;
}

/*Custom styling of inputs - radiobuttons + checkboxes*/
/* line 182, ../sass/partials/forms/_layout.scss */
.radio-button-list input, .checkbox-list input {
  opacity: 0;
  position: absolute;
}
/* line 187, ../sass/partials/forms/_layout.scss */
.radio-button-list label, .checkbox-list label {
  position: relative;
}
/* line 189, ../sass/partials/forms/_layout.scss */
.radio-button-list input, .radio-button-list label, .checkbox-list input, .checkbox-list label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
}
/* line 196, ../sass/partials/forms/_layout.scss */
.radio-button-list input + label:before, .checkbox-list input + label:before {
  content: '';
  background: #fff;
  border: 1px solid #bfbfbf;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}
/* line 207, ../sass/partials/forms/_layout.scss */
.radio-button-list input:checked + label:before, .checkbox-list input:checked + label:before {
  background: #1C5F61;
  box-shadow: inset 0px 0px 0px 2px #fff;
}

/* line 214, ../sass/partials/forms/_layout.scss */
.radio-button-list input + label:before {
  border-radius: 50%;
}

/* line 218, ../sass/partials/forms/_layout.scss */
.checkbox-list input:checked + label:before {
  font-family: 'icons';
  content: "\e625";
  color: #1C5F61;
}

/* ======================================================================================
   @FORMS -> VALIDATION
   ====================================================================================== */
/* 
	Usage:
		For highlighting text inputs for validation.
	
	Note: 
		It is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
	
	Demo:
		Style Guide -> Form Patterns
*/
/* Error */
/* line 17, ../sass/partials/forms/_validation.scss */
.input-error {
  border-color: #c43c35 !important;
  /* Focus pseudo class */
}
/* line 21, ../sass/partials/forms/_validation.scss */
.input-error:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(196, 60, 53, 0.75) !important;
}

/* Success */
/* line 28, ../sass/partials/forms/_validation.scss */
.input-success {
  border-color: #57a957 !important;
  background-color: #cfe9c5 !important;
  /* Focus pseudo class */
}
/* line 33, ../sass/partials/forms/_validation.scss */
.input-success:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(87, 169, 87, 0.75) !important;
}

/* Buttons */
/* ======================================================================================
   @BUTTONS -> BASE
   ====================================================================================== */
/* 
	Usage: 
		Basic button structural/reset styling that all buttons need, can only be extended from not used by itself.
	
	Demo:
		Style Guide -> Buttons -> Base
*/
/* Reset all the browser default styles */
/* line 14, ../sass/partials/buttons/_base.scss */
.btn {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: 0;
  padding: 0;
  /* Print */
  /* Parent + pseudo elements */
  /* Parent + pseudo classes */
  /* --Extenders-- */
  /* 
  	Note: have to increase the specificity by chaining the base `.btn` class to make it easy to override non-simple extenders. 
  */
  /* Make span full width of parent */
  /* Small and large sizes */
  /* Apply right spacing for adjacent buttons */
}
@media print {
  /* line 14, ../sass/partials/buttons/_base.scss */
  .btn {
    display: none;
  }
}
/* line 33, ../sass/partials/buttons/_base.scss */
.btn, .btn:hover, .btn:focus {
  text-decoration: none;
}
/* line 44, ../sass/partials/buttons/_base.scss */
.btn.btn_full {
  display: block;
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 53, ../sass/partials/buttons/_base.scss */
.btn.btn_sml {
  font-size: 11px;
  font-size: 0.84615rem;
  line-height: normal;
}
/* line 55, ../sass/partials/buttons/_base.scss */
.btn.btn_lrg {
  font-size: 15px;
  font-size: 1.15385rem;
  line-height: normal;
}
/* line 58, ../sass/partials/buttons/_base.scss */
.btn.btn_spacing {
  margin-right: 0.34615em;
}

/* ======================================================================================
   @BUTTONS -> MAIN
   ====================================================================================== */
/* 
	Usage: 
		The main button for the site.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Main
*/
/* line 16, ../sass/partials/buttons/_main.scss */
.btn_main {
  padding: 0.34615em 1.38462em;
  background-color: #1C5F61;
  border-radius: 4px;
  font-weight: bold;
  text-decoration: none;
  /* Parent + pseudo classes */
  /* Pseudo classes */
  /* --Extenders-- */
  /* Disabled (has to match the bg for the default state) */
}
/* line 25, ../sass/partials/buttons/_main.scss */
.btn_main, .btn_main:visited, .btn_main:hover, .btn_main:focus {
  color: #fff;
}
/* line 31, ../sass/partials/buttons/_main.scss */
.btn_main:hover, .btn_main:focus, .btn_main.btn_menu-toggle.is-expanded {
  background-color: #134041;
  background-image: -webkit-linear-gradient(top, #227275, #134041);
  background-image: linear-gradient(to bottom, #227275, #134041);
  text-decoration: none;
}
/* line 39, ../sass/partials/buttons/_main.scss */
.btn_main:active, .btn_main.btn_menu-toggle.is-expanded {
  box-shadow: inset 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.2), inset 0 0 0.2em rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* line 50, ../sass/partials/buttons/_main.scss */
.btn_main[disabled], .btn_main.is-disabled {
  background-color: #1C5F61;
  background-image: -webkit-linear-gradient(top, #1C5F61, #0b2526);
  background-image: linear-gradient(to bottom, #1C5F61, #0b2526);
}

/* --Extenders-- */
/* Compact - reduce padding by 50% */
/* line 57, ../sass/partials/buttons/_main.scss */
.btn_main-compact {
  padding: 0.46154em 0.69231em;
}

/*The list of buttons in a lesson module*/
/* line 60, ../sass/partials/buttons/_main.scss */
.horiz-list .btn_main {
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 1em;
}

/*Toolbar*/
/* line 63, ../sass/partials/buttons/_main.scss */
.toolbar {
  /* For the toolbar of icons in each section */
  min-width: 5.53846em;
  float: left;
}
/* line 68, ../sass/partials/buttons/_main.scss */
.toolbar .icon {
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  background-color: #fff;
  padding: 0.2em 0.1em;
}
/* line 73, ../sass/partials/buttons/_main.scss */
.toolbar .icon:before {
  top: 2px;
}
/* line 76, ../sass/partials/buttons/_main.scss */
.toolbar .btn {
  height: 24px;
  width: 24px;
  display: inline-block;
  float: none;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  padding: 0;
  /*reset padding*/
  /*&.btn_delete {margin-top:-0.25em;}*/
}
/* line 87, ../sass/partials/buttons/_main.scss */
.toolbar .btn:hover {
  color: #bfbfbf;
}

/* line 91, ../sass/partials/buttons/_main.scss */
.btn_ghost {
  background-color: transparent;
  border: 1px solid #1C5F61;
  border-radius: 3px;
  min-width: 6.92308em;
  text-align: center;
}
/* line 96, ../sass/partials/buttons/_main.scss */
.btn_ghost.txt-warning {
  border-color: orange;
}
/* line 97, ../sass/partials/buttons/_main.scss */
.btn_ghost.txt-success {
  border-color: green;
}

/* line 100, ../sass/partials/buttons/_main.scss */
.btn_delete {
  background: #fff url(img/icons/icon-delete.png) no-repeat -1px 0;
}
/* line 102, ../sass/partials/buttons/_main.scss */
.btn_delete:hover {
  background: #fff url(img/icons/icon-delete-hover.png) no-repeat -1px 0;
}

/* line 105, ../sass/partials/buttons/_main.scss */
.btn_copy {
  background: #fff url(img/icons/icon-copy.png) no-repeat -1px 0;
}
/* line 107, ../sass/partials/buttons/_main.scss */
.btn_copy:hover {
  background: #fff url(img/icons/icon-copy-hover.png) no-repeat -1px 0;
}

/* line 110, ../sass/partials/buttons/_main.scss */
.btn_active {
  background: #fff url(img/icons/icon-active.png) no-repeat -1px 0;
}
/* line 112, ../sass/partials/buttons/_main.scss */
.btn_active:hover {
  background: #fff url(img/icons/icon-active-hover.png) no-repeat -1px 0;
}

/* line 115, ../sass/partials/buttons/_main.scss */
.btn_inactive {
  background: #fff url(img/icons/icon-inactive.png) no-repeat -1px 0;
}
/* line 117, ../sass/partials/buttons/_main.scss */
.btn_inactive:hover {
  background: #fff url(img/icons/icon-inactive-hover.png) no-repeat -1px 0;
}

/* line 120, ../sass/partials/buttons/_main.scss */
.btn_pdf {
  padding-left: 2.30769em;
  background: #1C5F61 url(img/icons/icon-pdf-white.png) no-repeat 5px 0;
}
/* line 123, ../sass/partials/buttons/_main.scss */
.btn_pdf, .btn_pdf:visited, .btn_pdf:hover, .btn_pdf:focus {
  background: url(img/icons/icon-pdf-white.png) no-repeat 5px 0;
  background-color: #144445;
}

/* line 131, ../sass/partials/buttons/_main.scss */
.btn_excel {
  padding-left: 2.30769em;
  background: #1C5F61 url(img/icons/icon-excel-white.png) no-repeat 5px 0;
}
/* line 134, ../sass/partials/buttons/_main.scss */
.btn_excel:hover {
  background: url(img/icons/icon-excel-white.png) no-repeat 5px 0;
  background-color: #144445;
}

/* line 141, ../sass/partials/buttons/_main.scss */
.survey-tbl .toolbar .icon {
  padding-left: 0.4em;
  padding-right: 0.4em;
  margin-right: 0.25em;
  position: relative;
  top: 1px;
}
/* line 144, ../sass/partials/buttons/_main.scss */
.survey-tbl .toolbar .icon:before {
  top: -1px;
}

/* ======================================================================================
   @BUTTONS -> MENU TOGGLE
   ====================================================================================== */
/*
	Usage: 
		Toggles the main menu (site navigation) at small screen sizes.
	
	Note: 
		-	If an icon font is being used then make use of a 'menu' icon, nice design here: http://codepen.io/ekidd/pen/CJdov. 
		-	Extends from `.btn` and `.btn_main`, see: 'buttons/base' and 'buttons/main'.
	
	Demo:
		Style Guide -> Buttons -> Menu Toggle
*/
/* line 17, ../sass/partials/buttons/_menu-toggle.scss */
.btn_menu-toggle {
  position: relative;
  width: 3.84615rem;
  height: 2.61538rem;
  /* Hide at this breakpoint and for non-JS users */
}
@media (min-width: 40.0625em) {
  /* line 17, ../sass/partials/buttons/_menu-toggle.scss */
  .btn_menu-toggle {
    display: none;
  }
}
/* line 27, ../sass/partials/buttons/_menu-toggle.scss */
.no-js .btn_menu-toggle {
  display: none;
}

/* Create the icon (three lines) */
/* line 31, ../sass/partials/buttons/_menu-toggle.scss */
.btn_menu-toggle__icon {
  left: 50%;
  top: 50%;
  margin: -1px 0px 0px -14px;
  margin: -0.07692rem 0rem 0rem -1.07692rem;
  pointer-events: none;
  /* Shared */
  /* Pseudo elements - top/bottom lines */
}
/* line 38, ../sass/partials/buttons/_menu-toggle.scss */
.btn_menu-toggle__icon, .btn_menu-toggle__icon:before, .btn_menu-toggle__icon:after {
  position: absolute;
  width: 2.15385rem;
  height: 0.23077rem;
  border-radius: 1.53846rem;
  background: #fff;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}
/* line 50, ../sass/partials/buttons/_menu-toggle.scss */
.btn_menu-toggle__icon:before, .btn_menu-toggle__icon:after {
  content: "";
  left: 0;
}
/* line 56, ../sass/partials/buttons/_menu-toggle.scss */
.btn_menu-toggle__icon:before {
  top: -0.46154rem;
}
/* line 58, ../sass/partials/buttons/_menu-toggle.scss */
.btn_menu-toggle__icon:after {
  top: 0.46154rem;
}

/* ======================================================================================
   @BUTTONS -> CLOSE
   ====================================================================================== */
/* 
	Usage: 
		For closing/removing UI components e.g. a dialog/modal.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Close
*/
/* line 17, ../sass/partials/buttons/_close.scss */
.btn_close {
  /* Pseudo element - 'x' */
  /* Pseudo classes */
}
/* line 20, ../sass/partials/buttons/_close.scss */
.btn_close:before {
  content: "x";
  display: block;
  speak: none;
  font: bold 1.38462em/1.38462em Verdana, Geneva, Tahoma, sans-serif;
  padding: 0em 0.53846em 0.38462em;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
/* line 32, ../sass/partials/buttons/_close.scss */
.btn_close:hover:before, .btn_close:focus:before {
  opacity: 0.9;
}

/* ======================================================================================
   @BUTTONS -> FAUX LINK
   ====================================================================================== */
/*
	Usage: 
		Make a button look like a link.
	
	Note: 
		-	The base link styles are repeated here so not very DRY (need to look into this). 
		-	Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Faux Link
*/
/* line 17, ../sass/partials/buttons/_faux-link.scss */
.btn_faux-link {
  color: #1C5F61;
  text-decoration: underline;
  /* Note: this may be redundant? */
  /* Pseudo classes */
}
/* line 22, ../sass/partials/buttons/_faux-link.scss */
.btn_faux-link:hover, .btn_faux-link:focus {
  color: #611e1c;
  text-decoration: none;
  /* Note: this may be redundant? */
}

/* Helpers */
/* ======================================================================================
   @HELPERS -> HIDE
   ====================================================================================== */
/*
	Usage: 
		Hides elements in various ways, see inline comments.
*/
/* Hide from both screen readers and browsers */
/* line 11, ../sass/partials/helpers/_hide.scss */
.hide-fully {
  display: none;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media (max-width: 40em) {
  /* line 17, ../sass/partials/helpers/_hide.scss */
  .hide-fully--palm {
    display: none;
  }
}
/* Non-palm */
@media (min-width: 40.0625em) {
  /* line 22, ../sass/partials/helpers/_hide.scss */
  .hide-fully--non-palm {
    display: none;
  }
}
/* Lap */
/* Lap */
@media (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 27, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap {
    display: none;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 32, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-sml {
    display: none;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 37, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-lrg {
    display: none;
  }
}
/* Desk small */
/* Portable */
@media (max-width: 74.9375em) {
  /* line 42, ../sass/partials/helpers/_hide.scss */
  .hide-fully--portable {
    display: none;
  }
}
/* Desk */
@media (min-width: 75em) {
  /* line 47, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk {
    display: none;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media (min-width: 75em) and (max-width: 85.3125em) {
  /* line 52, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-sml {
    display: none;
  }
}
/* Desk large */
@media (min-width: 85.375em) {
  /* line 57, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-lrg {
    display: none;
  }
}
/* Hide only visually but have it available for screen readers */
/* Form `legend` requires this */
/* line 64, ../sass/partials/helpers/_hide.scss */
legend.hide-visually {
  left: -9999px;
}

/* Turns off `.hide-visually` i.e. bring back into view */
/* [IMAGE REPLACEMENT]
-------------------------------------------------------*/
/* line 71, ../sass/partials/helpers/_hide.scss */
.ir {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

/* Hide stuff relating to JS */
/* line 78, ../sass/partials/helpers/_hide.scss */
.no-js .js-disabled-hide,
.js .js-enabled-hide,
.js .js-hide-show {
  display: none;
}

/* Print */
@media print {
  /* line 84, ../sass/partials/helpers/_hide.scss */
  .hide-print {
    display: none;
  }

  /* line 86, ../sass/partials/helpers/_hide.scss */
  .js-hide-show {
    display: block !important;
  }
}
/* ======================================================================================
   @HELPERS -> SPACING
   ====================================================================================== */
/*
	Usage: 
		Apply spacing via the base bottom margin or variants of it e.g. half / double, can also apply 'top' margins, or to remove spacing applied via margins use any of the `.flush` classes.
	
	Demo:
		Style Guide -> Helpers -> Spacing
*/
/* On */
/* line 14, ../sass/partials/helpers/_spacing.scss */
.mrg-on {
  margin-bottom: 18px!important;
  margin-bottom: 1.38462rem!important;
}

/* Off */
/* line 17, ../sass/partials/helpers/_spacing.scss */
.mrg-off {
  margin-bottom: 0px!important;
  margin-bottom: 0rem!important;
}

/* Base */
/* line 20, ../sass/partials/helpers/_spacing.scss */
.mrg-base {
  margin-bottom: 18px!important;
  margin-bottom: 1.38462rem!important;
}

/* line 22, ../sass/partials/helpers/_spacing.scss */
.mrg-base-top {
  margin-top: 18px!important;
  margin-top: 1.38462rem!important;
}

/* Half */
/* line 25, ../sass/partials/helpers/_spacing.scss */
.mrg-half {
  margin-bottom: 9px!important;
  margin-bottom: 0.69231rem!important;
}

/* line 27, ../sass/partials/helpers/_spacing.scss */
.mrg-half-top {
  margin-top: 9px!important;
  margin-top: 0.69231rem!important;
}

/* Double */
/* line 30, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl {
  margin-bottom: 36px!important;
  margin-bottom: 2.76923rem!important;
}

/* line 32, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl-top {
  margin-top: 36px!important;
  margin-top: 2.76923rem!important;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media (max-width: 40em) {
  /* line 38, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--palm {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Non-palm */
@media (min-width: 40.0625em) {
  /* line 43, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--non-palm {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Lap */
/* Lap */
@media (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 48, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--lap {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 53, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--lap-sml {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 58, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--lap-lrg {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Desk small */
/* Portable */
@media (max-width: 74.9375em) {
  /* line 63, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--portable {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Desk */
@media (min-width: 75em) {
  /* line 68, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--desk {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media (min-width: 75em) and (max-width: 85.3125em) {
  /* line 73, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--desk-sml {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Desk large */
@media (min-width: 85.375em) {
  /* line 78, ../sass/partials/helpers/_spacing.scss */
  .mrg-base--desk-lrg {
    margin-bottom: 18px!important;
    margin-bottom: 1.38462rem!important;
  }
}
/* Flush */
/* line 82, ../sass/partials/helpers/_spacing.scss */
.flush {
  margin: 0 !important;
}

/* line 84, ../sass/partials/helpers/_spacing.scss */
.flush-top {
  margin-top: 0 !important;
}

/* line 86, ../sass/partials/helpers/_spacing.scss */
.flush--right {
  margin-right: 0 !important;
}

/* line 88, ../sass/partials/helpers/_spacing.scss */
.flush--btm {
  margin-bottom: 0 !important;
}

/* line 90, ../sass/partials/helpers/_spacing.scss */
.flush--left {
  margin-left: 0 !important;
}

/* line 92, ../sass/partials/helpers/_spacing.scss */
.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 97, ../sass/partials/helpers/_spacing.scss */
.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* ======================================================================================
   @HELPERS -> DISPLAY
   ====================================================================================== */
/*
	Usage: 
		Changes the `display` property of an element.
	
	Demo:
		Style Guide -> Helpers -> Display
*/
/* line 13, ../sass/partials/helpers/_display.scss */
.block {
  display: block !important;
}

/* line 15, ../sass/partials/helpers/_display.scss */
.inline {
  display: inline !important;
}

/* line 17, ../sass/partials/helpers/_display.scss */
.inline-block {
  display: inline-block !important;
}

/* ======================================================================================
   @HELPERS -> TEXT
   ====================================================================================== */
/*
	Usage: 
		Various helpers specifically for text.
	
	Demo:
		Style Guide -> Helpers -> Text
*/
/* Sizes */
/* line 14, ../sass/partials/helpers/_text.scss */
.txt-sml {
  font-size: 11px!important;
  font-size: 0.84615rem!important;
  line-height: 1.63636;
}

/* line 16, ../sass/partials/helpers/_text.scss */
.txt-lrg {
  font-size: 15px!important;
  font-size: 1.15385rem!important;
  line-height: 1.2;
}

/* line 18, ../sass/partials/helpers/_text.scss */
.txt-reset {
  font-size: 100% !important;
}

/* Colour 
.txt-color-brand-dark {color: $color-brand-dark !important;}*/
/* Alignments */
/* line 24, ../sass/partials/helpers/_text.scss */
.txt-center {
  text-align: center !important;
}

/* line 26, ../sass/partials/helpers/_text.scss */
.txt-left {
  text-align: left !important;
}

/* line 28, ../sass/partials/helpers/_text.scss */
.txt-right {
  text-align: right !important;
}

/* Styles */
/* line 31, ../sass/partials/helpers/_text.scss */
.txt-italic {
  font-style: italic !important;
}

/* line 33, ../sass/partials/helpers/_text.scss */
.txt-bold {
  font-weight: bold !important;
}

/* line 35, ../sass/partials/helpers/_text.scss */
.txt-caps {
  text-transform: uppercase !important;
}

/* Truncate */
/* line 38, ../sass/partials/helpers/_text.scss */
.txt-truncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Break word */
/* line 46, ../sass/partials/helpers/_text.scss */
.txt-break-word {
  word-wrap: break-word !important;
  -ms-word-break: break-all !important;
  word-break: break-all !important;
  /* Non standard for webkit */
  word-break: break-word !important;
  /* Hyphens */
  /* Transition */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  /* Note: 'layout' is needed for IE. */
  /* Note: `table-layout: fixed;` is needen when this is used within tables, the rule needs to go on the `table` element. */
}

/*Permanent Marker text*/
/* line 59, ../sass/partials/helpers/_text.scss */
.txt-perm-marker-default {
  font-size: 1.1rem !important;
}

/* Font families */
/* line 63, ../sass/partials/helpers/_text.scss */
.txt-perm-marker {
  font-family: PermanentMarker, Arial, Helvetica, sans-serif !important;
}

/* line 65, ../sass/partials/helpers/_text.scss */
.txt-success {
  color: green;
}

/* line 66, ../sass/partials/helpers/_text.scss */
.txt-warning {
  color: orange;
}

/* line 67, ../sass/partials/helpers/_text.scss */
.txt-error {
  color: red;
}

/* ======================================================================================
   @HELPERS -> FLOAT
   ====================================================================================== */
/*
	Usage: 
		Float an element to either the right or left or remove float altogether.
	
	Demo:
		Style Guide -> Helpers -> Float
*/
/* line 13, ../sass/partials/helpers/_float.scss */
.float-left {
  float: left !important;
}

/* line 15, ../sass/partials/helpers/_float.scss */
.float-right {
  float: right !important;
}

/* line 17, ../sass/partials/helpers/_float.scss */
.float-none {
  float: none !important;
}

/* [CONTAIN FLOATS]
-------------------------------------------------------*/
/* line 21, ../sass/partials/helpers/_float.scss */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

/* line 27, ../sass/partials/helpers/_float.scss */
.cf:after {
  clear: both;
}

/* ======================================================================================
   @HELPERS -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull elements to the left, right or center of their parent container. Elements pulled to the left or right are floated with any surrounding element(s) flowing around it. Typical usage is for aligning images to either the left or right of it's accompanying content.
	
	Demo:
		Style Guide -> Helpers -> Pull
*/
/* line 18, ../sass/partials/helpers/_pull.scss */
.pull-left img,
.pull-right img,
.pull-center img {
  display: block;
}

/* line 21, ../sass/partials/helpers/_pull.scss */
.pull-left {
  float: left;
  margin-right: 18px;
  margin-right: 1.38462rem;
}

/* line 26, ../sass/partials/helpers/_pull.scss */
.pull-right {
  float: right;
  margin-left: 18px;
  margin-left: 1.38462rem;
}

/* line 31, ../sass/partials/helpers/_pull.scss */
.pull-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* ======================================================================================
   @HELPERS - VERTICAL ALIGNMENTS
   ====================================================================================== */
/*
	Usage: 
		Changes the vertical alignment of an element.
	
	Demo:
		Style Guide -> Helpers -> Vertical Alignments
*/
/* line 13, ../sass/partials/helpers/_vertical-alignments.scss */
.align-top {
  vertical-align: top !important;
}

/* line 15, ../sass/partials/helpers/_vertical-alignments.scss */
.align-middle {
  vertical-align: middle !important;
}

/* line 17, ../sass/partials/helpers/_vertical-alignments.scss */
.align-baseline {
  vertical-align: baseline !important;
}

/* line 19, ../sass/partials/helpers/_vertical-alignments.scss */
.align-bottom {
  vertical-align: bottom !important;
}

/* Print */
@media print {
  /* ======================================================================================
     @PRINT
     ====================================================================================== */
  /* 
  	Note: all print styles live in context with their corresponding rule sets except styles set here as they cannot be used in context i.e. they need to be set globally, it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
  */
  /* =======================================================================
     HIDE
     ======================================================================= */
  /* line 16, ../sass/partials/print/_print.scss */
  nav,
  video,
  audio {
    display: none !important;
  }

  /* =======================================================================
     RESET
     ======================================================================= */
  /* line 25, ../sass/partials/print/_print.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #000 !important;
    -ms-filter: none !important;
    /* Old IE */
  }

  /* =======================================================================
     PAGE BREAKS / ORPHANS and WIDOWS
     ======================================================================= */
  /* [PAGE BREAKS]
  -------------------------------------------------------*/
  /* After */
  /* line 45, ../sass/partials/print/_print.scss */
  h2, .h2,
  h3, .h3 {
    page-break-after: avoid;
  }

  /* Inside */
  /* line 49, ../sass/partials/print/_print.scss */
  tr,
  img,
  pre,
  blockquote {
    page-break-inside: avoid;
  }

  /* [ORPHANS and WIDOWS]
  -------------------------------------------------------*/
  /* line 56, ../sass/partials/print/_print.scss */
  p,
  h2, .h2,
  h3, .h3 {
    orphans: 3;
    widows: 3;
  }
}