@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]
-------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
/* 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 */
/*2.5*/
/* Triple */
/* [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]
-------------------------------------------------------*/
/*$light-grey: rgba(9, 30, 66, 0.04);*/
/* Brand color */
/*Blue green*/
/* --Brand color variations: http://www.colorhexa.com/1983c0-- */
/* Base text color */
/* Link colors */
/* --Greyscale-- */
/* Light */
/* Lighter */
/* Lightest */
/* Off white */
/* Grey fill */
/* 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);
		
*/
/* 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.
	
	Credit: 
		http://jakearchibald.github.com/sass-ie/
	
	Examples:
		@include respond-min($lap) {
			.foo {background: red;}
		}
		@include respond-min($lap, $screen-only: 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 */
/* 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 */
/* ======================================================================================
   @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.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* 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. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, ../sass/partials/utils/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 74, ../sass/partials/utils/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, ../sass/partials/utils/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 94, ../sass/partials/utils/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 107, ../sass/partials/utils/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 115, ../sass/partials/utils/_normalize.scss */
b,
strong {
  font-weight: 600;
}

/* line 119, ../sass/partials/utils/_normalize.scss */
.strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 125, ../sass/partials/utils/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 133, ../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 143, ../sass/partials/utils/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 152, ../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 164, ../sass/partials/utils/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 172, ../sass/partials/utils/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 180, ../sass/partials/utils/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 188, ../sass/partials/utils/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 196, ../sass/partials/utils/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 200, ../sass/partials/utils/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 212, ../sass/partials/utils/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 220, ../sass/partials/utils/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 232, ../sass/partials/utils/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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 245, ../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 256, ../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 270, ../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 282, ../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 295, ../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 307, ../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 317, ../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 329, ../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.
 */
/*input[type="search"]::-webkit-search-cancel-button,*/
/* line 342, ../sass/partials/utils/_normalize.scss */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 350, ../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 361, ../sass/partials/utils/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 374, ../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 */
@media (max-width: 768px) {
  /* line 4, ../sass/partials/utils/_global.scss */
  .u-hide-mobile {
    display: none !important;
  }
}

/* line 11, ../sass/partials/utils/_global.scss */
.u-flex-row {
  display: flex;
  flex-direction: row !important;
}

/* line 17, ../sass/partials/utils/_global.scss */
.u-flex-row-media, .u-filter-row {
  display: flex;
  flex-direction: column;
}
/* line 21, ../sass/partials/utils/_global.scss */
.u-flex-row-media .txt-input-med + .txt-input-med, .u-filter-row .txt-input-med + .txt-input-med, .u-flex-row-media input + input, .u-filter-row input + input, .u-flex-row-media select + select, .u-filter-row select + select {
  margin-left: 0;
  margin-top: 0.5em;
}
@media (min-width: 768px) {
  /* line 17, ../sass/partials/utils/_global.scss */
  .u-flex-row-media, .u-filter-row {
    flex-direction: row !important;
  }
  /* line 29, ../sass/partials/utils/_global.scss */
  .u-flex-row-media .txt-input-med + .txt-input-med, .u-filter-row .txt-input-med + .txt-input-med, .u-flex-row-media input + input, .u-filter-row input + input, .u-flex-row-media select + select, .u-filter-row select + select {
    margin-left: .5em;
    margin-top: 0;
  }
}

/* line 37, ../sass/partials/utils/_global.scss */
.u-filter-row {
  flex-direction: column !important;
}
@media (min-width: 768px) {
  /* line 37, ../sass/partials/utils/_global.scss */
  .u-filter-row {
    flex-direction: row-reverse !important;
  }
}
@media (max-width: 768px) {
  /* line 50, ../sass/partials/utils/_global.scss */
  .u-filter-row .filter {
    margin-right: 0 !important;
    margin-bottom: .5em !important;
  }
  /* line 55, ../sass/partials/utils/_global.scss */
  .u-filter-row .btn-search {
    margin-top: 0 !important;
  }
}

/* line 62, ../sass/partials/utils/_global.scss */
.u-flex-respond, .c-feedback__container .u-flex-respond-reverse {
  display: flex;
  flex-direction: column;
}
/* line 66, ../sass/partials/utils/_global.scss */
.u-flex-respond *, .c-feedback__container .u-flex-respond-reverse * {
  margin-bottom: .5em;
}
/* line 70, ../sass/partials/utils/_global.scss */
.u-flex-respond .btn-main + .btn-main, .c-feedback__container .u-flex-respond-reverse .btn-main + .btn-main, .u-flex-respond .button--transparent + .btn-main, .c-feedback__container .u-flex-respond-reverse .button--transparent + .btn-main, .u-flex-respond .button--left + .btn-main, .c-feedback__container .u-flex-respond-reverse .button--left + .btn-main, .u-flex-respond .btn-main + .button--transparent, .c-feedback__container .u-flex-respond-reverse .btn-main + .button--transparent, .u-flex-respond .button--transparent + .button--transparent, .c-feedback__container .u-flex-respond-reverse .button--transparent + .button--transparent, .u-flex-respond .button--left + .button--transparent, .c-feedback__container .u-flex-respond-reverse .button--left + .button--transparent, .u-flex-respond .btn-main + .button--left, .c-feedback__container .u-flex-respond-reverse .btn-main + .button--left, .u-flex-respond .button--transparent + .button--left, .c-feedback__container .u-flex-respond-reverse .button--transparent + .button--left, .u-flex-respond .button--left + .button--left, .c-feedback__container .u-flex-respond-reverse .button--left + .button--left {
  margin-left: 0 !important;
}
@media (min-width: 768px) {
  /* line 62, ../sass/partials/utils/_global.scss */
  .u-flex-respond, .c-feedback__container .u-flex-respond-reverse {
    flex-direction: row;
  }
  /* line 77, ../sass/partials/utils/_global.scss */
  .u-flex-respond *, .c-feedback__container .u-flex-respond-reverse * {
    margin-bottom: 0;
  }
  /* line 81, ../sass/partials/utils/_global.scss */
  .u-flex-respond .btn-main + .btn-main, .c-feedback__container .u-flex-respond-reverse .btn-main + .btn-main, .u-flex-respond .button--transparent + .btn-main, .c-feedback__container .u-flex-respond-reverse .button--transparent + .btn-main, .u-flex-respond .button--left + .btn-main, .c-feedback__container .u-flex-respond-reverse .button--left + .btn-main, .u-flex-respond .btn-main + .button--transparent, .c-feedback__container .u-flex-respond-reverse .btn-main + .button--transparent, .u-flex-respond .button--transparent + .button--transparent, .c-feedback__container .u-flex-respond-reverse .button--transparent + .button--transparent, .u-flex-respond .button--left + .button--transparent, .c-feedback__container .u-flex-respond-reverse .button--left + .button--transparent, .u-flex-respond .btn-main + .button--left, .c-feedback__container .u-flex-respond-reverse .btn-main + .button--left, .u-flex-respond .button--transparent + .button--left, .c-feedback__container .u-flex-respond-reverse .button--transparent + .button--left, .u-flex-respond .button--left + .button--left, .c-feedback__container .u-flex-respond-reverse .button--left + .button--left {
    margin-left: .4em !important;
  }
}

/* line 88, ../sass/partials/utils/_global.scss */
.u-index {
  z-index: 99999 !important;
}

/* line 92, ../sass/partials/utils/_global.scss */
.u-bold-500 {
  font-weight: 500 !important;
}

/* line 96, ../sass/partials/utils/_global.scss */
.u-row {
  flex-direction: row !important;
}

/* line 100, ../sass/partials/utils/_global.scss */
.u-align-start {
  align-items: flex-start;
}

/* line 104, ../sass/partials/utils/_global.scss */
.u-push-right {
  display: flex;
  margin-left: auto;
}

/* 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 */
ul,
ol, dl, p, table, .quote, .quote blockquote, hr, pre, .grid,
.grid-item, .grid.snippet, .grid.snippet .grid-item, .island,
.islet, .slats, .slats-img,
.slats-img-rev, .divider, .feedback-block, .form-main-field, .pull-left,
.pull-right,
.pull-center {
  margin-bottom: 24px;
  margin-bottom: 1.33333rem;
  /* Turn off bottom margin for the last element */
}
/* line 17, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
ul:last-child,
ol:last-child, dl:last-child, p:last-child, table:last-child, .quote:last-child, .quote blockquote:last-child, hr:last-child, pre:last-child, .grid:last-child,
.grid-item:last-child, .grid.snippet .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, .form-main-field: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 870, ../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 863, ../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-control-paging a, .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 {
  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;
  /*margin-right: to-em(10);*/
  /*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, .logo img, .footer .nav-footer img, .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 */
/* line 28, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-top, .speech-bubble.arrow-right, .speech-bubble.arrow-left {
  position: relative;
  /* Pseudo elements */
}
/* line 32, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-top:before, .speech-bubble.arrow-right:before, .speech-bubble.arrow-left:before, .speech-bubble.arrow-top:after, .speech-bubble.arrow-right:after, .speech-bubble.arrow-left:after {
  content: "";
  position: absolute;
  border-collapse: separate;
}
/* line 39, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-top:before, .speech-bubble.arrow-right:before, .speech-bubble.arrow-left:before {
  border: 8px solid transparent;
}
/* line 41, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-top:after, .speech-bubble.arrow-right:after, .speech-bubble.arrow-left:after {
  border: 5px solid transparent;
}

/* --Define individual edges so we can combine what we need, when we need-- */
/* Top */
/* line 50, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-top:before, .speech-bubble.arrow-top:after {
  bottom: 100%;
}

/* Upper */
/* Middle */
/* line 67, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-right:before, .speech-bubble.arrow-left:before, .speech-bubble.arrow-right:after, .speech-bubble.arrow-left:after {
  top: 50%;
  margin-top: -8px;
}
/* line 73, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-right:after, .speech-bubble.arrow-left:after {
  margin-top: -5px;
}

/* Lower */
/* Bottom */
/* Near */
/* line 97, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-left:before, .speech-bubble.arrow-left:after {
  right: 100%;
}

/* Left */
/* Center */
/* line 114, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-top:before, .speech-bubble.arrow-top:after {
  left: 50%;
  margin-left: -8px;
}
/* line 120, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-top:after {
  margin-left: -5px;
}

/* Right */
/* Far */
/* line 136, ../sass/partials/utils/placeholders/_arrows.scss */
.speech-bubble.arrow-right:before, .speech-bubble.arrow-right:after {
  left: 100%;
}

/* ======================================================================================
   @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 */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> RESET LISTS
   ====================================================================================== */
/*
	Usage: 
		Simply strips away default styles for unordered and ordered lists i.e. 'reset'.
	
	Demo:
		Style Guide -> Utilities -> Reset Lists
*/
/* line 13, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list {
  /* Parent + any child lists */
}
/* line 15, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list,
.horiz-list ul,
.horiz-list ol {
  margin: 0;
  list-style: none;
}

/* line 1, ../sass/partials/utils/placeholders/_inline.scss */
.outcome[style*="visibility: hidden;"] {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 8, ../sass/partials/utils/placeholders/_inline.scss */
.certificate {
  background: transparent url("/css/img/cert-bg2.png") no-repeat 1em -1em;
  background-size: cover;
  height: 94em;
  position: relative;
}
/* line 14, ../sass/partials/utils/placeholders/_inline.scss */
.certificate .crems {
  position: absolute;
  bottom: 8%;
  left: 45.7%;
}
/* line 20, ../sass/partials/utils/placeholders/_inline.scss */
.certificate .logo, .certificate .heading, .certificate .content {
  text-align: center;
}
/* line 24, ../sass/partials/utils/placeholders/_inline.scss */
.certificate .logo img {
  margin-top: 10%;
}
/* line 28, ../sass/partials/utils/placeholders/_inline.scss */
.certificate .content {
  background: transparent url("/css/img/rose-bg.png") no-repeat 50% 5em;
}
/* line 32, ../sass/partials/utils/placeholders/_inline.scss */
.certificate .heading img {
  margin-top: 5%;
}
/* line 36, ../sass/partials/utils/placeholders/_inline.scss */
.certificate .textbox {
  width: 50%;
  padding-top: 6%;
  border-bottom: 1px dotted #000;
  margin: 0 auto;
}
/* line 43, ../sass/partials/utils/placeholders/_inline.scss */
.certificate table {
  padding-top: 12%;
  margin: 0 auto;
  width: 50%;
}

/* Base */
/* ======================================================================================
   @BASE -> FONTS
   ====================================================================================== */
/* 
	Note: all `@font-face` declarations here.
*/
/* [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;
}
@font-face {
  font-family: 'emoticons';
  src: url("fonts/emoticons.eot?-erybr4");
  src: url("fonts/emoticons.eot?#iefix-erybr4") format("embedded-opentype"), url("fonts/emoticons.ttf?-erybr4") format("truetype"), url("fonts/emoticons.woff?-erybr4") format("woff"), url("fonts/emoticons.svg?-erybr4#emoticons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 33, ../sass/partials/base/_fonts.scss */
.text-grey {
  color: gray;
}

/* ======================================================================================
   @BASE -> MAIN
   ====================================================================================== */
/* line 5, ../sass/partials/base/_main.scss */
html {
  font-size: 14px;
  line-height: 1.33333;
  font-weight: 300;
  height: 100%;
}

@media (min-width: 2000px) {
  /* line 13, ../sass/partials/base/_main.scss */
  html {
    font-size: 1em;
  }
}
/*@media(min-width:768px) {
    html {
        font-size: ($font-size/15)+em;
    }
}*/
/* line 24, ../sass/partials/base/_main.scss */
body {
  height: 100%;
  /* Transition */
  -webkit-animation: fade-in 1.5s 0.5s both;
  animation: fade-in 1.5s 0.5s both;
  background-color: #1F384C;
  overflow-x: hidden;
}

/* 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 38, ../sass/partials/base/_main.scss */
html,
button,
input,
select,
textarea {
  font-family: Montserrat, sans-serif;
  color: #000;
}

@media all and (max-width: 40em) {
  /* line 48, ../sass/partials/base/_main.scss */
  .main-page, .c-sleep-hazards__prompt, .c-feedback__body {
    font-size: 0.85em;
  }
}
/*Support tab*/
/* line 55, ../sass/partials/base/_main.scss */
.support-tab {
  display: flex !important;
  align-items: center;
  background-color: #05472a !important;
  overflow: hidden;
  width: 100%;
}
/* line 63, ../sass/partials/base/_main.scss */
.support-tab:hover {
  /*text-shadow: 0 0 3px $dark-blue;*/
}
/* line 65, ../sass/partials/base/_main.scss */
.support-tab:hover .h7 {
  color: #fff;
}
/* line 70, ../sass/partials/base/_main.scss */
.support-tab .h7 {
  padding: 0 1em;
  color: #dcf7da;
  font-weight: 500;
  margin: 0 auto;
}
/* line 77, ../sass/partials/base/_main.scss */
.support-tab .icon {
  background-color: #dcf7da;
  color: #05472a;
  padding: 1em 1em 0.7em 1em;
  display: inline-block;
}
@media all and (min-width: 64em) {
  /* line 55, ../sass/partials/base/_main.scss */
  .support-tab {
    margin: 0;
    position: fixed;
    top: 30%;
    left: 0;
    z-index: 999;
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    -ms-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    border: none !important;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    width: unset;
  }
}
@media all and (min-width: 75em) {
  /* line 55, ../sass/partials/base/_main.scss */
  .support-tab {
    font-size: 1.3em;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 110, ../sass/partials/base/_main.scss */
  .support-tab {
    width: auto;
  }

  /* line 113, ../sass/partials/base/_main.scss */
  .module-card__container .module-card a {
    overflow: hidden;
  }

  /* line 116, ../sass/partials/base/_main.scss */
  .module-card__container .module-card {
    font-size: 14px;
  }
}
/* ======================================================================================
   @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: #05472a;
  text-decoration: none;
  /* Visited */
  /*&:visited {color: #000;}*/
  /* Hover/Focus */
  /* Make `tel` links not look like links for non-phone devices at this breakpoint */
}
/* line 12, ../sass/partials/base/_links.scss */
a:hover, a:focus {
  /*color: $color-brand;*/
  text-decoration: underline;
}
@media all and (min-width: 40.0625em) {
  /* line 19, ../sass/partials/base/_links.scss */
  a[href^="tel:"] {
    color: inherit;
    text-decoration: inherit;
    cursor: text;
    /* Pseudo classes */
  }
  /* line 863, ../sass/partials/utils/_mixins.scss */
  a[href^="tel:"]:visited, a[href^="tel:"]:hover, a[href^="tel:"]:focus {
    color: inherit;
  }
  /* line 22, ../sass/partials/base/_links.scss */
  a[href^="tel:"]:focus {
    outline: none;
  }
}

/* line 29, ../sass/partials/base/_links.scss */
.download {
  margin: 0.2em 0 0.5em 0;
  display: inline-block;
}

/*Admin*/
/* line 33, ../sass/partials/base/_links.scss */
.dashboard a:hover, .dashboard a:focus {
  text-decoration: none;
}

/* line 39, ../sass/partials/base/_links.scss */
.modules .snippet a {
  color: #ed7b58;
  font-weight: bold;
}

/* Print */
@media print {
  /* line 45, ../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 49, ../sass/partials/base/_links.scss */
  a[href]:after,
  abbr[title]:after {
    font-size: 80%;
    color: gray !important;
  }

  /* line 55, ../sass/partials/base/_links.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 57, ../sass/partials/base/_links.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Don't show the `href` attr value for the following */
  /* line 60, ../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 7, ../sass/partials/base/_lists.scss */
ul,
ol {
  /* Left indent */
}
/* line 11, ../sass/partials/base/_lists.scss */
ul,
ul ul,
ul ol,
ol,
ol ul,
ol ol {
  margin-left: 24px;
  margin-left: 1.33333rem;
  /* Increase left indent at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 11, ../sass/partials/base/_lists.scss */
  ul,
  ul ul,
  ul ol,
  ol,
  ol ul,
  ol ol {
    margin-left: 48px;
    margin-left: 2.66667rem;
  }
}
/* line 21, ../sass/partials/base/_lists.scss */
ul li,
ol li {
  line-height: 1.5;
}

/* [LISTS]
-------------------------------------------------------*/
/* Unordered and Ordered lists via the 'list' class */
/* line 29, ../sass/partials/base/_lists.scss */
.list,
.list ul,
.list ol {
  /*@include to-rem(margin-left, $spacing-dbl);*/
  margin-left: 1.1em;
}

/* half indent */
/* line 37, ../sass/partials/base/_lists.scss */
.list-indent-half {
  margin-left: 24px;
  margin-left: 1.33333rem;
}

/* unordered bullets */
/* line 42, ../sass/partials/base/_lists.scss */
ul.list {
  list-style: disc;
}

/* line 44, ../sass/partials/base/_lists.scss */
.list ul {
  list-style: circle;
}

/* line 46, ../sass/partials/base/_lists.scss */
.list ul ul {
  list-style: square;
}

/* ordered bullets */
/* line 49, ../sass/partials/base/_lists.scss */
ol.list {
  list-style: decimal;
}

/* line 51, ../sass/partials/base/_lists.scss */
.list ol {
  list-style: lower-alpha;
}

/* line 53, ../sass/partials/base/_lists.scss */
.list ol ol {
  list-style: lower-roman;
}

/* [DEFINITION]
-------------------------------------------------------*/
/* line 60, ../sass/partials/base/_lists.scss */
dt {
  font-weight: 700;
}

/* [CUSTOM] 
-------------------------------------------------------*/
/*Alternate coloured backgrounds*/
/* line 69, ../sass/partials/base/_lists.scss */
.list-colour-alt div:after {
  content: "";
  display: table;
  clear: both;
}
/* line 74, ../sass/partials/base/_lists.scss */
.list-colour-alt div.form-main-field {
  padding: 1em 0;
  margin-bottom: 0;
}
/* line 77, ../sass/partials/base/_lists.scss */
.list-colour-alt div.form-main-field:nth-child(odd) {
  background: #f2f2f2;
}
/* line 82, ../sass/partials/base/_lists.scss */
.list-colour-alt div .icon {
  padding-left: 0.5em;
}
/* line 83, ../sass/partials/base/_lists.scss */
.list-colour-alt div .icon-success:before {
  color: #2b4119;
}
/* line 84, ../sass/partials/base/_lists.scss */
.list-colour-alt div .icon-warning:before {
  color: #6f0f0f;
}
/* line 85, ../sass/partials/base/_lists.scss */
.list-colour-alt div .btn-sml {
  float: right;
}
/* line 87, ../sass/partials/base/_lists.scss */
.list-colour-alt div .btn-sml:before {
  content: "Configuration";
}
@media all and (max-width: 28.125em) {
  /* line 92, ../sass/partials/base/_lists.scss */
  .list-colour-alt div .btn-sml:before {
    content: "";
  }
  /* line 93, ../sass/partials/base/_lists.scss */
  .list-colour-alt div .btn-sml .icon {
    padding-left: 0;
  }
  /* line 95, ../sass/partials/base/_lists.scss */
  .list-colour-alt div .btn-sml .icon:before {
    margin-right: 0;
  }
}
/* line 102, ../sass/partials/base/_lists.scss */
.list-colour-alt .table-admin label, .list-colour-alt .table-flex label {
  margin: 0;
}

/* GRAPHICAL LISTS */
/*Arrows*/
/* line 108, ../sass/partials/base/_lists.scss */
.list-arrow {
  margin-left: 0;
}
/* line 111, ../sass/partials/base/_lists.scss */
.list-arrow li {
  background: transparent url(img/icon/icon-right.png) no-repeat -0.8em -5px;
  padding-left: 1.5em;
}

/*Tick circles*/
/* line 117, ../sass/partials/base/_lists.scss */
.list-circle-tick {
  margin-left: 0;
}
/* line 120, ../sass/partials/base/_lists.scss */
.list-circle-tick li {
  background: transparent url(img/icon/icon-green-tick.png) no-repeat 0em -1px;
  padding-left: 2em;
}

/*Tick and cross*/
/* line 130, ../sass/partials/base/_lists.scss */
.list-tick li:before, .list-cross li:before {
  font-family: 'icons';
  position: absolute;
  margin-left: -1.5em;
  margin-top: 0.1em;
}

/* line 139, ../sass/partials/base/_lists.scss */
.list-tick li:before {
  content: "\ea10";
}

/* line 143, ../sass/partials/base/_lists.scss */
.list-cross li:before {
  content: "\e902";
}

/*Secondary Pages*/
/* line 149, ../sass/partials/base/_lists.scss */
.main-page ul, .c-sleep-hazards__prompt ul, .c-feedback__body ul {
  list-style: disc;
  margin-left: 1em;
}
/* line 152, ../sass/partials/base/_lists.scss */
.main-page ul.tab-nav, .c-sleep-hazards__prompt ul.tab-nav, .c-feedback__body ul.tab-nav {
  margin-left: 0;
}
/* line 156, ../sass/partials/base/_lists.scss */
.main-page ol, .c-sleep-hazards__prompt ol, .c-feedback__body ol {
  list-style: decimal;
  margin-left: 1em;
}

/*vignettes*/
/* line 162, ../sass/partials/base/_lists.scss */
.vignettes {
  list-style: none !important;
  margin-left: 0 !important;
}
/* line 165, ../sass/partials/base/_lists.scss */
.vignettes li {
  margin-bottom: 1em;
}
@media all and (max-width: 63.9375em) {
  /* line 167, ../sass/partials/base/_lists.scss */
  .vignettes li a {
    width: 100%;
    cursor: pointer;
  }
}
@media all and (min-width: 64em) {
  /* line 162, ../sass/partials/base/_lists.scss */
  .vignettes {
    column-count: 2;
  }
}

/*QUIZ*/
/* line 174, ../sass/partials/base/_lists.scss */
.quiz {
  list-style: none !important;
  margin-left: 0 !important;
}
/* line 178, ../sass/partials/base/_lists.scss */
.quiz li {
  padding: 0.5em;
}
/* line 181, ../sass/partials/base/_lists.scss */
.quiz li li {
  margin-bottom: 0;
}
/* line 186, ../sass/partials/base/_lists.scss */
.quiz > li:nth-child(even) {
  background-color: rgba(142, 142, 142, 0.1);
}

/* line 192, ../sass/partials/base/_lists.scss */
.results li {
  padding-left: 2.5em;
}
/* line 194, ../sass/partials/base/_lists.scss */
.results li.result-correct {
  background: transparent no-repeat url(/img/icon/icon-correct.png) 0.5em 0.6em;
}
/* line 201, ../sass/partials/base/_lists.scss */
.results li.result-wrong {
  background: transparent no-repeat url(/img/icon/icon-wrong.png) 0.5em 0.6em;
}
/* line 205, ../sass/partials/base/_lists.scss */
.results li .right {
  color: #22971f;
  text-align: left;
}
/* line 209, ../sass/partials/base/_lists.scss */
.results li .wrong {
  color: #e94d23;
  text-align: left;
}
/* line 214, ../sass/partials/base/_lists.scss */
.results li ul {
  list-style: none;
  margin-left: 0;
}
/* line 218, ../sass/partials/base/_lists.scss */
.results li ul li {
  padding-left: 0;
}
/* line 222, ../sass/partials/base/_lists.scss */
.results li .result-footer {
  text-align: right;
  background-color: #fff8e6;
}
/* line 226, ../sass/partials/base/_lists.scss */
.results li .result-footer .btn {
  display: inline-block;
  padding: 0.7em 2em;
  background-color: #FFC434;
  color: #000;
  font-weight: bold;
}
/* line 235, ../sass/partials/base/_lists.scss */
.results > li:nth-child(even) {
  background-color: rgba(142, 142, 142, 0.08);
}
/* line 238, ../sass/partials/base/_lists.scss */
.results .result {
  padding: 0.5em 1em 0.5em 2.5em;
}

/*Mix and Match*/
/* line 245, ../sass/partials/base/_lists.scss */
.mix-match {
  display: table;
  margin-top: 0.5em;
  max-width: 64em;
}
/* line 250, ../sass/partials/base/_lists.scss */
.mix-match li {
  font-size: 85%;
  min-height: 3.125em;
}
/* line 255, ../sass/partials/base/_lists.scss */
.mix-match .connectedSortable {
  display: table-cell;
  list-style: none;
  vertical-align: top;
}
/* line 260, ../sass/partials/base/_lists.scss */
.mix-match .connectedSortable:first-child {
  padding-right: 1em;
}
/* line 266, ../sass/partials/base/_lists.scss */
.mix-match .question li, .mix-match .answer li {
  border: 1px solid #d4d4d4;
  margin-bottom: 1em;
}
/* line 271, ../sass/partials/base/_lists.scss */
.mix-match .question li {
  width: 17.5em;
  padding: 0.8em 0.5em;
}
/* line 275, ../sass/partials/base/_lists.scss */
.mix-match .answer li {
  padding: 0 0.5em 0.1em 0;
  background-color: rgba(89, 89, 89, 0.1);
}
/* line 281, ../sass/partials/base/_lists.scss */
.mix-match .answer .btn-main, .mix-match .answer .button--transparent, .mix-match .answer .button--left {
  display: inline-block;
  float: left;
  height: 3.125em;
  margin-right: 1em;
  color: #fff;
  position: relative;
  padding-left: 0.7em;
}
/* line 290, ../sass/partials/base/_lists.scss */
.mix-match .answer .btn-main .icon-bars, .mix-match .answer .button--transparent .icon-bars, .mix-match .answer .button--left .icon-bars {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* line 300, ../sass/partials/base/_lists.scss */
.c-list-scrollable {
  border: 1px solid #EFEEE6;
  border-radius: 4px;
  padding: 2em;
  overflow-y: scroll;
  max-height: 750px;
  list-style-type: decimal !important;
  margin-left: 0 !important;
  margin-bottom: 1em !important;
}

/* ======================================================================================
   @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;
}

/*MISCELLANEOUS*/
/* line 23, ../sass/partials/base/_embedded-content.scss */
.percentage {
  width: 6.11111em;
  height: 6.11111em;
  text-align: center;
  padding-top: 1.5em;
  color: #ed7b58;
  background: transparent url("img/percent-complete-tracks.png") no-repeat 0 0;
}
/* line 31, ../sass/partials/base/_embedded-content.scss */
.percentage .h2 {
  font-size: 1.8em;
  margin-bottom: -0.2em;
  line-height: 1.5em;
  color: #ed7b58 !important;
}
/* line 38, ../sass/partials/base/_embedded-content.scss */
.percentage span {
  font-size: 0.6em;
}

/* line 44, ../sass/partials/base/_embedded-content.scss */
.content-body img.full-width {
  width: 100%;
}

/* ======================================================================================
   @BASE -> PARAGRAPHS
   ====================================================================================== */
/* line 7, ../sass/partials/base/_paragraphs.scss */
.secondary-page p {
  margin-bottom: 1em;
}

/* line 12, ../sass/partials/base/_paragraphs.scss */
.console-bg .content-body {
  font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #000;
}

/* ======================================================================================
   @BASE -> HEADINGS
   ====================================================================================== */
/* 
	Note: to target any heading of any level use this generic heading class: `.hn`.
*/
/* Shared */
/* line 10, ../sass/partials/base/_headings.scss */
h1, .h1,
h2, .h2,
h3, .h3, .module-card__title,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 500;
  /*margin-bottom:0.5em;*/
  /*&:before {
      content:" ";
      width:to-em(5);
      height:to-em(5);
      display: inline-block;
      margin-bottom:0.15em;margin-right:0.5em;
      background-color:$color-brand;
  }*/
}

/* line 34, ../sass/partials/base/_headings.scss */
.orange h1:before, .orange .h1:before,
.orange h2:before, .orange .h2:before,
.orange h3:before, .orange .h3:before, .orange .module-card__title:before,
.orange h4:before, .orange .h4:before,
.orange h5:before, .orange .h5:before,
.orange h6:before, .orange .h6:before {
  background-color: #F47623;
}

/* H1 */
/* line 41, ../sass/partials/base/_headings.scss */
h1, .h1 {
  font-size: 40px;
  font-size: 2.22222rem;
  line-height: 1.2;
  line-height: 1.3;
  font-weight: 800;
}

/* H2 */
/* line 48, ../sass/partials/base/_headings.scss */
h2, .h2 {
  font-size: 35px;
  font-size: 1.94444rem;
  line-height: 1.37143;
  font-weight: 800;
}

/* H3 */
/* line 54, ../sass/partials/base/_headings.scss */
h3, .h3, .module-card__title {
  font-size: 25px;
  font-size: 1.38889rem;
  line-height: 1.92;
  font-weight: 800;
}
@media all and (max-width: 40em) {
  /* line 54, ../sass/partials/base/_headings.scss */
  h3, .h3, .module-card__title {
    font-size: 1.2em;
  }
}

/* H4 */
/* line 65, ../sass/partials/base/_headings.scss */
h4, .h4 {
  font-size: 20px;
  font-size: 1.11111rem;
  line-height: 1.2;
  line-height: 1.5;
  font-weight: 800;
}

/* H5 */
/* line 72, ../sass/partials/base/_headings.scss */
h5, .h5 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.33333;
  font-weight: 500;
}

/* H6 */
/* line 78, ../sass/partials/base/_headings.scss */
h6, .h6 {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1.71429;
}

/* line 83, ../sass/partials/base/_headings.scss */
.normal-heading:before {
  display: none;
}

/*Static pages*/
/* line 88, ../sass/partials/base/_headings.scss */
.secondary-page h2, .secondary-page .h2,
.secondary-page h3, .secondary-page .h3, .secondary-page .module-card__title,
.secondary-page h4, .secondary-page .h4 {
  margin: 1em 0 0.5em 0;
}

/* line 95, ../sass/partials/base/_headings.scss */
.module-heading {
  text-transform: uppercase;
  background-color: #737f34;
  color: #fff;
  padding-left: 0.5em;
  padding-right: 0.5em;
  min-width: 50%;
  display: inline-block;
  /*&:before {display:none;}*/
}
@media all and (max-width: 40em) {
  /* line 95, ../sass/partials/base/_headings.scss */
  .module-heading {
    font-size: 1.5em;
    padding: 0.3em;
  }
}

/* line 110, ../sass/partials/base/_headings.scss */
.green .module-heading {
  background-color: #737f34;
}
/* line 112, ../sass/partials/base/_headings.scss */
.green .module-heading:before {
  background-color: #92a545;
}
/* line 114, ../sass/partials/base/_headings.scss */
.green .sub-heading {
  background-color: #737f34;
}

/* line 119, ../sass/partials/base/_headings.scss */
.orange .module-heading {
  background-color: #F47623;
}
/* line 121, ../sass/partials/base/_headings.scss */
.orange .module-heading:before {
  background-color: #f69454;
}
/* line 123, ../sass/partials/base/_headings.scss */
.orange .sub-heading {
  background-color: #F47623;
}

/* line 128, ../sass/partials/base/_headings.scss */
.teal .module-heading {
  background-color: #339999;
}
/* line 130, ../sass/partials/base/_headings.scss */
.teal .module-heading:before {
  background-color: #66cccc;
}
/* line 132, ../sass/partials/base/_headings.scss */
.teal .sub-heading {
  background-color: #339999;
}

/* line 137, ../sass/partials/base/_headings.scss */
.purple .module-heading {
  background-color: #89539E;
}
/* line 139, ../sass/partials/base/_headings.scss */
.purple .module-heading:before {
  background-color: #cdb3d7;
}
/* line 141, ../sass/partials/base/_headings.scss */
.purple .sub-heading {
  background-color: #89539E;
}

/* line 146, ../sass/partials/base/_headings.scss */
.blue .module-heading {
  background-color: #6ECDDD;
}
/* line 148, ../sass/partials/base/_headings.scss */
.blue .module-heading:before {
  background-color: #228090;
}
/* line 150, ../sass/partials/base/_headings.scss */
.blue .sub-heading {
  background-color: #6ECDDD;
}

/* line 156, ../sass/partials/base/_headings.scss */
.edit-section {
  padding: 0.5em 0 0 0;
  margin: 1em 0;
  color: #fff !important;
  display: table !important;
}

/* ======================================================================================
   @BASE -> TABLES
   ====================================================================================== */
/* line 5, ../sass/partials/base/_tables.scss */
table {
  width: 100%;
}

/* line 10, ../sass/partials/base/_tables.scss */
tr {
  font-weight: 500;
}
/* line 13, ../sass/partials/base/_tables.scss */
tr td {
  padding: 1em !important;
}

/* line 18, ../sass/partials/base/_tables.scss */
caption,
th {
  text-align: left;
}

/* line 23, ../sass/partials/base/_tables.scss */
th,
td {
  vertical-align: middle;
}

/*Width classes*/
/* line 29, ../sass/partials/base/_tables.scss */
.tiny {
  width: 1%;
}

/* line 33, ../sass/partials/base/_tables.scss */
.short {
  width: 12.5%;
}

/* line 37, ../sass/partials/base/_tables.scss */
.med {
  width: 20%;
}

/* line 41, ../sass/partials/base/_tables.scss */
.long {
  width: 35%;
}

/* line 45, ../sass/partials/base/_tables.scss */
.x-long {
  width: 55%;
}

/*Word wrap long URLs*/
/* line 50, ../sass/partials/base/_tables.scss */
td[data-hr=URL] {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Print */
@media print {
  /* line 68, ../sass/partials/base/_tables.scss */
  thead {
    display: table-header-group;
  }
}
/* ======================================================================================
   GRID TABLES
   ====================================================================================== */
/*Display table*/
/* line 80, ../sass/partials/base/_tables.scss */
.grid-table .table-label {
  background-color: #05472a;
}
/* line 84, ../sass/partials/base/_tables.scss */
.grid-table .grid-table-row:nth-child(odd) {
  background-color: #f2f2f2;
}
/* line 88, ../sass/partials/base/_tables.scss */
.grid-table .grid-table-cell {
  padding: 0.5em;
}
/* line 91, ../sass/partials/base/_tables.scss */
.grid-table .grid-table-cell.h4 {
  background-color: #05472a;
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 25%;
}
/* line 99, ../sass/partials/base/_tables.scss */
.grid-table .grid-table-heading {
  display: none;
}
/* line 103, ../sass/partials/base/_tables.scss */
.grid-table .hide-text {
  display: block;
}
@media all and (max-width: 40em) {
  /* line 78, ../sass/partials/base/_tables.scss */
  .grid-table {
    border: 1px solid #bfbfbf;
  }
  /* line 110, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-cell.h4 {
    width: 100%;
    padding-left: 1em;
    margin-bottom: 0;
  }
  /* line 116, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-cell {
    padding: 0 1em 1em 1.5em !important;
  }
  /* line 119, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-cell.h5 {
    padding-top: 1em !important;
    margin-bottom: 0.5em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 78, ../sass/partials/base/_tables.scss */
  .grid-table {
    display: table;
    width: 100%;
  }
  /* line 130, ../sass/partials/base/_tables.scss */
  .grid-table .hide-text {
    display: none;
  }
  /* line 134, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-heading {
    display: block;
  }
  /* line 138, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-row {
    display: table-row;
  }
  /* line 141, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-row .grid-table-cell {
    display: table-cell;
  }
}

/* Other tables */
/* line 149, ../sass/partials/base/_tables.scss */
.table-admin, .table-flex {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  background-color: #fff;
  /* Zebra striping */
}
/* line 155, ../sass/partials/base/_tables.scss */
.table-admin td, .table-flex td, .table-admin th, .table-flex th {
  vertical-align: top;
  /* Width */
}
/* line 158, ../sass/partials/base/_tables.scss */
.table-admin td.tiny, .table-flex td.tiny, .table-admin th.tiny, .table-flex th.tiny {
  width: 1%;
}
/* line 162, ../sass/partials/base/_tables.scss */
.table-admin td.strong, .table-flex td.strong, .table-admin td .strong, .table-flex td .strong, .table-admin th.strong, .table-flex th.strong, .table-admin th .strong, .table-flex th .strong {
  font-weight: 500;
}
/* line 167, ../sass/partials/base/_tables.scss */
.table-admin th, .table-flex th {
  background-color: #05472a;
  padding: 0.5em;
  color: #fff;
  font-weight: normal;
}
/* line 173, ../sass/partials/base/_tables.scss */
.table-admin th a, .table-flex th a {
  color: #fff;
}
/* line 178, ../sass/partials/base/_tables.scss */
.table-admin tr:nth-of-type(even), .table-flex tr:nth-of-type(even) {
  background: #EFEEE6;
}
/* line 182, ../sass/partials/base/_tables.scss */
.table-admin td, .table-flex td {
  text-align: left;
  padding: 0.5em;
}
/* line 186, ../sass/partials/base/_tables.scss */
.table-admin td .toolbar, .table-flex td .toolbar {
  width: 100%;
}
/* line 191, ../sass/partials/base/_tables.scss */
.table-admin .form-main-inputs, .table-flex .form-main-inputs {
  margin-left: 0;
}
/* line 194, ../sass/partials/base/_tables.scss */
.table-admin .form-main-inputs .custom-cb-label, .table-flex .form-main-inputs .custom-cb-label {
  margin: 0;
}
/* line 197, ../sass/partials/base/_tables.scss */
.table-admin .form-main-inputs .custom-cb-label:before, .table-flex .form-main-inputs .custom-cb-label:before {
  border-radius: 0;
}
/* line 203, ../sass/partials/base/_tables.scss */
.table-admin .unread, .table-flex .unread {
  font-weight: 500;
}
/* line 207, ../sass/partials/base/_tables.scss */
.table-admin .js-toggle-content, .table-flex .js-toggle-content {
  margin-top: 0.5em;
}
/* line 212, ../sass/partials/base/_tables.scss */
.table-admin .title .icon-attach, .table-flex .title .icon-attach {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  padding: 0.1em 0.2em;
}
/* line 213, ../sass/partials/base/_tables.scss */
.table-admin .title .icon-attach:before, .table-flex .title .icon-attach:before {
  margin-right: 0;
}
@media all and (max-width: 47.5em) {
  /* line 149, ../sass/partials/base/_tables.scss */
  .table-admin, .table-flex {
    display: block;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
  }
  /* line 226, ../sass/partials/base/_tables.scss */
  .table-admin thead, .table-flex thead, .table-admin tbody, .table-flex tbody, .table-admin th, .table-flex th, .table-admin td, .table-flex td, .table-admin tr, .table-flex tr {
    display: block;
  }
  /* line 230, ../sass/partials/base/_tables.scss */
  .table-admin thead tr, .table-flex thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /* line 236, ../sass/partials/base/_tables.scss */
  .table-admin td, .table-flex td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 5.55556em;
    clear: both;
    min-height: 40px;
  }
  /* line 245, ../sass/partials/base/_tables.scss */
  .table-admin td.title > a, .table-flex td.title > a {
    margin-left: 6em;
  }
  /* line 251, ../sass/partials/base/_tables.scss */
  .table-admin td.description p, .table-flex td.description p {
    margin-left: 6em;
  }
  /* line 257, ../sass/partials/base/_tables.scss */
  .table-admin td.date p, .table-flex td.date p {
    margin-left: 6em;
  }
  /* line 262, ../sass/partials/base/_tables.scss */
  .table-admin td a, .table-flex td a {
    width: auto !important;
  }
  /* line 266, ../sass/partials/base/_tables.scss */
  .table-admin td .btn-faux-link, .table-flex td .btn-faux-link {
    width: 100%;
    margin-bottom: 1em;
  }
  /* line 272, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar, .table-flex .toolbar {
    float: none;
    padding: 1em 0 0.8em 0.6em;
  }
}
@media all and (min-width: 47.5625em) {
  /* line 279, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-6-items, .table-flex .toolbar-6-items {
    width: 10.55556em;
  }
  /* line 283, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-5-items, .table-flex .toolbar-5-items {
    width: 9.16667em;
  }
  /* line 287, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-4-items, .table-flex .toolbar-4-items {
    width: 7.5em;
  }
  /* line 291, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-3-items, .table-flex .toolbar-3-items {
    width: 6.11111em;
  }
  /* line 295, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-2-items, .table-flex .toolbar-2-items {
    width: 4.44444em;
    /*text-align:right;*/
  }
  /* line 300, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-1-item, .table-flex .toolbar-1-item {
    width: 2.77778em;
    text-align: right;
  }
}
@media all and (min-width: 64em) {
  /* line 149, ../sass/partials/base/_tables.scss */
  .table-admin, .table-flex {
    /*More/Less*/
    /*td {
        display: flex;
    }*/
  }
  /* line 312, ../sass/partials/base/_tables.scss */
  .table-admin .title, .table-flex .title {
    position: relative;
  }
  /* line 315, ../sass/partials/base/_tables.scss */
  .table-admin .title .btn-toggle-content-wrap, .table-flex .title .btn-toggle-content-wrap {
    position: absolute;
    right: 0;
    top: 0.2em;
  }
  /* line 320, ../sass/partials/base/_tables.scss */
  .table-admin .title .btn-toggle-content-wrap .btn-faux-link, .table-flex .title .btn-toggle-content-wrap .btn-faux-link {
    margin-top: 0;
  }
}

@media (max-width: 64em) {
  /* line 332, ../sass/partials/base/_tables.scss */
  .table-flex td {
    display: flex;
  }
}

/* line 339, ../sass/partials/base/_tables.scss */
.tab-content .table-admin, .tab-content .table-flex {
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 0 1em;
  /*tr {
      background-color: transparent;
  }*/
}
/* line 346, ../sass/partials/base/_tables.scss */
.tab-content .table-admin td, .tab-content .table-flex td {
  vertical-align: middle;
  /*background-color: #fff;*/
}
/* line 351, ../sass/partials/base/_tables.scss */
.tab-content .table-admin .h4, .tab-content .table-flex .h4 {
  background-color: #7ec48c;
  color: #fff;
  font-weight: normal;
}
/* line 352, ../sass/partials/base/_tables.scss */
.tab-content .table-admin .h4:before, .tab-content .table-flex .h4:before {
  display: none;
}

/* ASSESSMENT MODULE TABLES */
/* line 364, ../sass/partials/base/_tables.scss */
.table-assessment, .table-admin, .table-flex {
  text-align: left;
}
/* line 368, ../sass/partials/base/_tables.scss */
.table-assessment tr th, .table-admin tr th, .table-flex tr th {
  background-color: #05472a;
  color: #fff;
  font-weight: normal;
}
/* line 373, ../sass/partials/base/_tables.scss */
.table-assessment tr th .id-column, .table-admin tr th .id-column, .table-flex tr th .id-column {
  width: 0.55556em;
  padding-right: 0;
}
/* line 377, ../sass/partials/base/_tables.scss */
.table-assessment tr th .id-column .icon:before, .table-admin tr th .id-column .icon:before, .table-flex tr th .id-column .icon:before {
  margin-right: 0;
}
/* line 382, ../sass/partials/base/_tables.scss */
.table-assessment tr th h2, .table-admin tr th h2, .table-flex tr th h2 {
  float: left;
  margin: 0.5em 0 0 0;
}
/* line 387, ../sass/partials/base/_tables.scss */
.table-assessment tr th .btn, .table-admin tr th .btn, .table-flex tr th .btn {
  float: right;
}
/* line 391, ../sass/partials/base/_tables.scss */
.table-assessment tr th.sort-handle-heading, .table-admin tr th.sort-handle-heading, .table-flex tr th.sort-handle-heading {
  padding: 0.8em 0 0.8em 0.5em;
  text-align: center;
  width: 1%;
}
/* line 398, ../sass/partials/base/_tables.scss */
.table-assessment tr th, .table-admin tr th, .table-flex tr th {
  padding: 0.8em;
}
/* line 402, ../sass/partials/base/_tables.scss */
.table-assessment tr td, .table-admin tr td, .table-flex tr td {
  padding: 0.3em 0.8em;
  vertical-align: middle;
}
/* line 406, ../sass/partials/base/_tables.scss */
.table-assessment tr td.sort-handle, .table-admin tr td.sort-handle, .table-flex tr td.sort-handle {
  padding: 0.3em 0 0.3em 0.6em;
}
/* line 409, ../sass/partials/base/_tables.scss */
.table-assessment tr td.sort-handle span, .table-admin tr td.sort-handle span, .table-flex tr td.sort-handle span {
  display: inline-block;
  text-align: center;
}
/* line 414, ../sass/partials/base/_tables.scss */
.table-assessment tr td.sort-handle .icon:before, .table-admin tr td.sort-handle .icon:before, .table-flex tr td.sort-handle .icon:before {
  margin-right: 0;
}
/* line 419, ../sass/partials/base/_tables.scss */
.table-assessment tr td a, .table-admin tr td a, .table-flex tr td a {
  /*width: 100%;*/
}
/* line 421, ../sass/partials/base/_tables.scss */
.table-assessment tr td a:hover, .table-admin tr td a:hover, .table-flex tr td a:hover {
  text-decoration: none;
}
/* line 428, ../sass/partials/base/_tables.scss */
.table-assessment .date, .table-admin .date, .table-flex .date {
  margin-right: 1em;
}
/* line 432, ../sass/partials/base/_tables.scss */
.table-assessment .message, .table-admin .message, .table-flex .message {
  width: 12.77778em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 439, ../sass/partials/base/_tables.scss */
.table-assessment .text-full, .table-admin .text-full, .table-flex .text-full {
  width: 83%;
  display: inline-block;
}
/* line 444, ../sass/partials/base/_tables.scss */
.table-assessment .text-short, .table-admin .text-short, .table-flex .text-short {
  display: none;
}
/* line 448, ../sass/partials/base/_tables.scss */
.table-assessment .short-cell, .table-admin .short-cell, .table-flex .short-cell {
  width: 3%;
}
/* line 451, ../sass/partials/base/_tables.scss */
.table-assessment .short-cell .disc, .table-admin .short-cell .disc, .table-flex .short-cell .disc {
  margin-left: 0;
}
/* line 456, ../sass/partials/base/_tables.scss */
.table-assessment .med-cell, .table-admin .med-cell, .table-flex .med-cell {
  width: 20%;
}
/* line 460, ../sass/partials/base/_tables.scss */
.table-assessment .id-cell, .table-admin .id-cell, .table-flex .id-cell {
  width: 10%;
}
/* line 464, ../sass/partials/base/_tables.scss */
.table-assessment .name-cell, .table-admin .name-cell, .table-flex .name-cell {
  width: 20%;
}
/* line 468, ../sass/partials/base/_tables.scss */
.table-assessment .user-type-cell, .table-admin .user-type-cell, .table-flex .user-type-cell {
  width: 8.33333em;
}
/* line 472, ../sass/partials/base/_tables.scss */
.table-assessment .date-cell, .table-admin .date-cell, .table-flex .date-cell {
  width: 5em;
}
@media all and (min-width: 40.0625em) {
  /* line 478, ../sass/partials/base/_tables.scss */
  .table-assessment .status, .table-assessment .side-bar .module .status-complete, .side-bar .module .table-assessment .status-complete, .table-assessment .side-bar .module .status-active, .side-bar .module .table-assessment .status-active, .table-assessment .side-bar .module .status-incomplete, .side-bar .module .table-assessment .status-incomplete, .table-admin .status, .table-flex .status, .table-admin .side-bar .module .status-complete, .side-bar .module .table-admin .status-complete, .table-flex .side-bar .module .status-complete, .side-bar .module .table-flex .status-complete, .table-admin .side-bar .module .status-active, .side-bar .module .table-admin .status-active, .table-flex .side-bar .module .status-active, .side-bar .module .table-flex .status-active, .table-admin .side-bar .module .status-incomplete, .side-bar .module .table-admin .status-incomplete, .table-flex .side-bar .module .status-incomplete, .side-bar .module .table-flex .status-incomplete {
    position: absolute;
    right: 2.5em;
    top: -0.82em;
  }
  /* line 483, ../sass/partials/base/_tables.scss */
  .table-assessment .status .icon, .table-assessment .side-bar .module .status-complete .icon, .side-bar .module .table-assessment .status-complete .icon, .table-assessment .side-bar .module .status-active .icon, .side-bar .module .table-assessment .status-active .icon, .table-assessment .side-bar .module .status-incomplete .icon, .side-bar .module .table-assessment .status-incomplete .icon, .table-admin .status .icon, .table-flex .status .icon, .table-admin .side-bar .module .status-complete .icon, .side-bar .module .table-admin .status-complete .icon, .table-flex .side-bar .module .status-complete .icon, .side-bar .module .table-flex .status-complete .icon, .table-admin .side-bar .module .status-active .icon, .side-bar .module .table-admin .status-active .icon, .table-flex .side-bar .module .status-active .icon, .side-bar .module .table-flex .status-active .icon, .table-admin .side-bar .module .status-incomplete .icon, .side-bar .module .table-admin .status-incomplete .icon, .table-flex .side-bar .module .status-incomplete .icon, .side-bar .module .table-flex .status-incomplete .icon {
    font-size: 2em;
    color: #05472a;
  }
  /* line 487, ../sass/partials/base/_tables.scss */
  .table-assessment .status .icon:before, .table-assessment .side-bar .module .status-complete .icon:before, .side-bar .module .table-assessment .status-complete .icon:before, .table-assessment .side-bar .module .status-active .icon:before, .side-bar .module .table-assessment .status-active .icon:before, .table-assessment .side-bar .module .status-incomplete .icon:before, .side-bar .module .table-assessment .status-incomplete .icon:before, .table-admin .status .icon:before, .table-flex .status .icon:before, .table-admin .side-bar .module .status-complete .icon:before, .side-bar .module .table-admin .status-complete .icon:before, .table-flex .side-bar .module .status-complete .icon:before, .side-bar .module .table-flex .status-complete .icon:before, .table-admin .side-bar .module .status-active .icon:before, .side-bar .module .table-admin .status-active .icon:before, .table-flex .side-bar .module .status-active .icon:before, .side-bar .module .table-flex .status-active .icon:before, .table-admin .side-bar .module .status-incomplete .icon:before, .side-bar .module .table-admin .status-incomplete .icon:before, .table-flex .side-bar .module .status-incomplete .icon:before, .side-bar .module .table-flex .status-incomplete .icon:before {
    margin-right: 0;
  }
}
@media all and (max-width: 40em) {
  /* line 495, ../sass/partials/base/_tables.scss */
  .table-assessment thead, .table-assessment .text-full, .table-assessment .icon-edit, .table-admin thead, .table-flex thead, .table-admin .text-full, .table-flex .text-full, .table-admin .icon-edit, .table-flex .icon-edit {
    display: none;
  }
  /* line 499, ../sass/partials/base/_tables.scss */
  .table-assessment .text-short, .table-admin .text-short, .table-flex .text-short {
    display: block;
    float: left;
    padding-top: 0.5em;
  }
  /* line 505, ../sass/partials/base/_tables.scss */
  .table-assessment tr, .table-admin tr, .table-flex tr {
    border-bottom: 1px solid #fff;
  }
  /* line 509, ../sass/partials/base/_tables.scss */
  .table-assessment tr td .status, .table-assessment tr td .side-bar .module .status-complete, .side-bar .module .table-assessment tr td .status-complete, .table-assessment tr td .side-bar .module .status-active, .side-bar .module .table-assessment tr td .status-active, .table-assessment tr td .side-bar .module .status-incomplete, .side-bar .module .table-assessment tr td .status-incomplete, .table-admin tr td .status, .table-flex tr td .status, .table-admin tr td .side-bar .module .status-complete, .side-bar .module .table-admin tr td .status-complete, .table-flex tr td .side-bar .module .status-complete, .side-bar .module .table-flex tr td .status-complete, .table-admin tr td .side-bar .module .status-active, .side-bar .module .table-admin tr td .status-active, .table-flex tr td .side-bar .module .status-active, .side-bar .module .table-flex tr td .status-active, .table-admin tr td .side-bar .module .status-incomplete, .side-bar .module .table-admin tr td .status-incomplete, .table-flex tr td .side-bar .module .status-incomplete, .side-bar .module .table-flex tr td .status-incomplete {
    padding: 0.47em 0.8em;
    width: 2.6em;
    background-color: #05472a;
    position: absolute;
    right: 0;
  }
  /* line 516, ../sass/partials/base/_tables.scss */
  .table-assessment tr td .status .icon-tick:before, .table-assessment tr td .side-bar .module .status-complete .icon-tick:before, .side-bar .module .table-assessment tr td .status-complete .icon-tick:before, .table-assessment tr td .side-bar .module .status-active .icon-tick:before, .side-bar .module .table-assessment tr td .status-active .icon-tick:before, .table-assessment tr td .side-bar .module .status-incomplete .icon-tick:before, .side-bar .module .table-assessment tr td .status-incomplete .icon-tick:before, .table-admin tr td .status .icon-tick:before, .table-flex tr td .status .icon-tick:before, .table-admin tr td .side-bar .module .status-complete .icon-tick:before, .side-bar .module .table-admin tr td .status-complete .icon-tick:before, .table-flex tr td .side-bar .module .status-complete .icon-tick:before, .side-bar .module .table-flex tr td .status-complete .icon-tick:before, .table-admin tr td .side-bar .module .status-active .icon-tick:before, .side-bar .module .table-admin tr td .status-active .icon-tick:before, .table-flex tr td .side-bar .module .status-active .icon-tick:before, .side-bar .module .table-flex tr td .status-active .icon-tick:before, .table-admin tr td .side-bar .module .status-incomplete .icon-tick:before, .side-bar .module .table-admin tr td .status-incomplete .icon-tick:before, .table-flex tr td .side-bar .module .status-incomplete .icon-tick:before, .side-bar .module .table-flex tr td .status-incomplete .icon-tick:before {
    margin-right: 0;
  }
  /* line 521, ../sass/partials/base/_tables.scss */
  .table-assessment tr td.sort-handle, .table-admin tr td.sort-handle, .table-flex tr td.sort-handle {
    padding: 0.3em 1em;
  }
  /* line 524, ../sass/partials/base/_tables.scss */
  .table-assessment tr td.sort-handle + td, .table-admin tr td.sort-handle + td, .table-flex tr td.sort-handle + td {
    padding-left: 0.3em;
  }
}
@media all and (max-width: 47.5em) {
  /* line 533, ../sass/partials/base/_tables.scss */
  .table-assessment tr td, .table-admin tr td, .table-flex tr td {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 30px;
  }
  /* line 534, ../sass/partials/base/_tables.scss */
  .table-assessment tr td:first-child, .table-admin tr td:first-child, .table-flex tr td:first-child {
    padding-top: 0.5em;
  }
  /* line 542, ../sass/partials/base/_tables.scss */
  .table-assessment tr td .toolbar, .table-admin tr td .toolbar, .table-flex tr td .toolbar {
    padding: 0 0 0.5em 0;
  }
}

/* line 552, ../sass/partials/base/_tables.scss */
.table-assessment tr th h2 {
  color: #fff;
}
/* line 556, ../sass/partials/base/_tables.scss */
.table-assessment tr th:first-child {
  width: 0.55556em;
  padding-right: 0;
  text-align: center;
}
/* line 561, ../sass/partials/base/_tables.scss */
.table-assessment tr th:first-child .icon:before {
  margin-right: 0;
}
/* line 567, ../sass/partials/base/_tables.scss */
.table-assessment tr td:first-child {
  vertical-align: middle;
}
/* line 572, ../sass/partials/base/_tables.scss */
.table-assessment .icon-edit {
  width: 4.44444em;
  text-align: center;
}
/* line 576, ../sass/partials/base/_tables.scss */
.table-assessment .icon-edit:before {
  border: 2px solid #05472a;
  border-radius: 50%;
  padding: 0.4em 0.36em;
}
@media all and (min-width: 40.0625em) {
  /* line 584, ../sass/partials/base/_tables.scss */
  .table-assessment tr:nth-of-type(odd) {
    background: #f2f2f2;
  }
  /* line 588, ../sass/partials/base/_tables.scss */
  .table-assessment td > a:first-child {
    position: relative;
    width: 100%;
    display: block;
  }
  /* line 593, ../sass/partials/base/_tables.scss */
  .table-assessment td > a:first-child .icon-edit {
    position: absolute;
    right: -0.7em;
    top: -0.2em;
    text-align: right;
  }
}
@media all and (max-width: 40em) {
  /* line 604, ../sass/partials/base/_tables.scss */
  .table-assessment tr td {
    background-color: #05472a;
  }
  /* line 607, ../sass/partials/base/_tables.scss */
  .table-assessment tr td a {
    color: #fff;
  }
}

/* line 617, ../sass/partials/base/_tables.scss */
.table-resource tr th {
  padding: 0;
  background-color: #a54146;
}
/* line 621, ../sass/partials/base/_tables.scss */
.table-resource tr th .icon {
  padding: 0.3em 0.4em;
  width: 1.66667em;
  text-align: center;
  display: inline-block;
  margin-right: 0.2em;
}
/* line 629, ../sass/partials/base/_tables.scss */
.table-resource tr th.dark {
  padding: 0.2em 0.4em 0.3em 0.4em;
  background-color: #616161 !important;
}
/* line 633, ../sass/partials/base/_tables.scss */
.table-resource tr th.dark:first-child {
  text-align: center;
  width: 2.11111em;
}
/* line 637, ../sass/partials/base/_tables.scss */
.table-resource tr th.dark:first-child label:before {
  margin-right: 0;
}
/* line 644, ../sass/partials/base/_tables.scss */
.table-resource tr td {
  padding: 0.3em;
  word-break: break-all;
}
/* line 648, ../sass/partials/base/_tables.scss */
.table-resource tr td .custom-cb-label:before {
  margin-right: 0 !important;
}
/* line 652, ../sass/partials/base/_tables.scss */
.table-resource tr td.short-cell {
  text-align: center;
}
/* line 657, ../sass/partials/base/_tables.scss */
.table-resource tr td .glossary img {
  width: 1.5em;
}
/* line 663, ../sass/partials/base/_tables.scss */
.table-resource tr .icon.teal {
  background-color: #48c0aa;
  font-size: 0.95em;
}
/* line 667, ../sass/partials/base/_tables.scss */
.table-resource tr .icon.teal:hover {
  background-color: #339999;
}

/* line 675, ../sass/partials/base/_tables.scss */
.main-page nav[role="navigation"], .c-sleep-hazards__prompt nav[role="navigation"], .c-feedback__body nav[role="navigation"] {
  display: table;
  width: 100%;
  /*background-color:$color-off-white;*/
}
/* line 679, ../sass/partials/base/_tables.scss */
.main-page nav[role="navigation"] .grid-item, .c-sleep-hazards__prompt nav[role="navigation"] .grid-item, .c-feedback__body nav[role="navigation"] .grid-item {
  margin-bottom: 0;
}
/* line 683, ../sass/partials/base/_tables.scss */
.main-page nav[role="navigation"] .btn, .c-sleep-hazards__prompt nav[role="navigation"] .btn, .c-feedback__body nav[role="navigation"] .btn {
  background-color: #05472a;
  padding: 0.4em 0.7em;
}
/* line 687, ../sass/partials/base/_tables.scss */
.main-page nav[role="navigation"] .btn.teal, .c-sleep-hazards__prompt nav[role="navigation"] .btn.teal, .c-feedback__body nav[role="navigation"] .btn.teal {
  background-color: #ed7b58;
}
/* line 691, ../sass/partials/base/_tables.scss */
.main-page nav[role="navigation"] .btn.aspNetDisabled, .c-sleep-hazards__prompt nav[role="navigation"] .btn.aspNetDisabled, .c-feedback__body nav[role="navigation"] .btn.aspNetDisabled {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: none;
  color: #000;
}
/* line 698, ../sass/partials/base/_tables.scss */
.main-page nav[role="navigation"] .btn-save, .c-sleep-hazards__prompt nav[role="navigation"] .btn-save, .c-feedback__body nav[role="navigation"] .btn-save {
  background-image: url("img/icon/icon-save-big.png");
}

/*Responsive tables using data-attributes*/
@media all and (max-width: 40em) {
  /* line 705, ../sass/partials/base/_tables.scss */
  .table-responsive {
    font-size: 0.7em;
  }
  /* line 709, ../sass/partials/base/_tables.scss */
  .table-responsive thead {
    display: none;
  }
  /* line 713, ../sass/partials/base/_tables.scss */
  .table-responsive th {
    display: block;
  }
  /* line 717, ../sass/partials/base/_tables.scss */
  .table-responsive td {
    display: block;
    text-align: left !important;
    padding: 0.3em !important;
    /*font-size: 85%;*/
  }
  /* line 722, ../sass/partials/base/_tables.scss */
  .table-responsive td:before {
    content: attr(data-hr) ": ";
    /*content: attr(data-hr)": ";*/
    font-weight: bold;
    display: inline-block;
    width: 8em;
  }
}

@media all and (max-width: 40em) {
  /* line 733, ../sass/partials/base/_tables.scss */
  .responsive-hide {
    display: none;
  }
}

/*Module training*/
/* line 741, ../sass/partials/base/_tables.scss */
.content-body table {
  background-color: #e3e3e3;
}
/* line 744, ../sass/partials/base/_tables.scss */
.content-body table thead td {
  background-color: #05472a;
  font-weight: bold;
  color: #fff;
}
/* line 750, ../sass/partials/base/_tables.scss */
.content-body table td {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0.5em;
}

/*Ranking rules*/
/* line 760, ../sass/partials/base/_tables.scss */
.rankable .h4:before, .ranked .h4:before {
  display: none;
}

/* line 766, ../sass/partials/base/_tables.scss */
.rankable .sort-row {
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
/* line 772, ../sass/partials/base/_tables.scss */
.rankable .h4 {
  color: #05472a;
}
/* line 776, ../sass/partials/base/_tables.scss */
.rankable .sort-handle {
  display: none;
}

@media all and (max-width: 49.9375em) {
  /* line 783, ../sass/partials/base/_tables.scss */
  .rank-the-rules .grid-item {
    width: 100%;
  }
  /* line 788, ../sass/partials/base/_tables.scss */
  .rank-the-rules .table-admin .sort-row, .rank-the-rules .table-flex .sort-row {
    display: table-row;
  }
  /* line 791, ../sass/partials/base/_tables.scss */
  .rank-the-rules .table-admin .sort-row td, .rank-the-rules .table-flex .sort-row td {
    display: table-cell;
    padding: 0.7em 0.3em;
  }
  /* line 795, ../sass/partials/base/_tables.scss */
  .rank-the-rules .table-admin .sort-row td.sort-handle, .rank-the-rules .table-flex .sort-row td.sort-handle {
    display: none;
  }
  /* line 803, ../sass/partials/base/_tables.scss */
  .rank-the-rules .ranked tr {
    display: table-row;
  }
  /* line 806, ../sass/partials/base/_tables.scss */
  .rank-the-rules .ranked tr td {
    display: table-cell;
    padding: 0.7em 0.3em;
    border-bottom: 1px solid gray;
  }
}

@media all and (max-width: 64em) {
  /* line 819, ../sass/partials/base/_tables.scss */
  th, tfoot {
    display: none;
  }

  /* line 823, ../sass/partials/base/_tables.scss */
  th {
    display: none !important;
  }

  /* line 827, ../sass/partials/base/_tables.scss */
  td {
    display: block;
    text-align: left !important;
    padding-bottom: 0;
    padding-top: 0.5em;
  }
  /* line 833, ../sass/partials/base/_tables.scss */
  td:last-child {
    padding-bottom: .5em;
  }
  /* line 837, ../sass/partials/base/_tables.scss */
  td[data-hr]:before {
    content: attr(data-hr) ": ";
    font-weight: 500;
    width: 40%;
    display: inline-block;
  }
  /* line 845, ../sass/partials/base/_tables.scss */
  td[data-hr="Title"] h6 {
    display: inline-block;
  }
  /* line 850, ../sass/partials/base/_tables.scss */
  td[data-hr="Options"]:before {
    content: "";
  }
  /* line 854, ../sass/partials/base/_tables.scss */
  td[data-hr="Options"]:after {
    display: table;
  }
  /* line 858, ../sass/partials/base/_tables.scss */
  td[scope="row"]:before, td[scope="options"]:before {
    content: "";
    width: 0;
  }
  /* line 863, ../sass/partials/base/_tables.scss */
  td label:before {
    top: -0.7em !important;
  }
}
/* ======================================================================================
   @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]
-------------------------------------------------------*/
/*Other blockquote*/
/* line 39, ../sass/partials/base/_quotes.scss */
.content-body blockquote {
  font-style: italic;
  margin: 0 1em 1em 0;
  padding: 0.5em 3em;
  text-align: center;
  position: relative;
}
/* line 45, ../sass/partials/base/_quotes.scss */
.content-body blockquote:before, .content-body blockquote:after {
  line-height: 0.1em;
  margin-right: 0.2em;
  font-size: 100px;
  font-family: arial;
  position: absolute;
  color: #bfbfbf;
}
/* line 53, ../sass/partials/base/_quotes.scss */
.content-body blockquote:before {
  content: "\201C";
  top: 0.4em;
  left: -0.1em;
}
/* line 58, ../sass/partials/base/_quotes.scss */
.content-body blockquote:after {
  content: "\201D";
  right: -0.1em;
  bottom: 0;
}

/* line 66, ../sass/partials/base/_quotes.scss */
.quote {
  margin-left: 2.55556em;
  padding: 1.33333em 0;
  /* Reduce the width and center align at this breakpoint */
  /* Source */
}
@media all and (min-width: 48em) {
  /* line 66, ../sass/partials/base/_quotes.scss */
  .quote {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 78, ../sass/partials/base/_quotes.scss */
.quote blockquote {
  font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
  font-size: 20px;
  font-size: 1.11111rem;
  line-height: 1.2;
  font-style: italic;
  color: #262626;
  position: relative;
  quotes: none;
  /* Increase the font size at this breakpoint */
  /* Pseudo element - double quotation marks */
  /* Nested paragraphs */
}
@media all and (min-width: 48em) {
  /* line 78, ../sass/partials/base/_quotes.scss */
  .quote blockquote {
    font-size: 20px;
    font-size: 1.11111rem;
    line-height: 1.2;
  }
}
/* line 93, ../sass/partials/base/_quotes.scss */
.quote blockquote:before, .quote blockquote:after {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-size: 5.55556rem;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
}
/* line 101, ../sass/partials/base/_quotes.scss */
.quote blockquote:before {
  content: "\201C";
  top: -0.28em;
  left: -0.56em;
  /* Increase the font size and offsets at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 101, ../sass/partials/base/_quotes.scss */
  .quote blockquote:before {
    font-size: 130px;
    font-size: 7.22222rem;
    line-height: 1.10769;
    top: -0.23077em;
    left: -0.53846em;
  }
}
/* line 113, ../sass/partials/base/_quotes.scss */
.quote blockquote:after {
  content: "\201D";
  top: 1em;
  left: auto;
  right: -0.56em;
}
/* line 122, ../sass/partials/base/_quotes.scss */
.quote blockquote p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* line 126, ../sass/partials/base/_quotes.scss */
.quote figcaption {
  color: gray;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.5;
  /* Pseudo element - em dash */
}
/* line 131, ../sass/partials/base/_quotes.scss */
.quote figcaption:before {
  content: "\2014";
}

/* line 135, ../sass/partials/base/_quotes.scss */
.main-page blockquote, .c-sleep-hazards__prompt blockquote, .c-feedback__body blockquote {
  font-size: 20px;
  font-size: 1.11111rem;
  line-height: 1.2;
  font-style: italic;
  color: #262626;
  position: relative;
  quotes: none;
  padding-left: 4em;
  /* Increase the font size at this breakpoint */
  /* Pseudo element - double quotation marks */
        /*&:after {
            content: "\201D";
       
            top: (to-em(150, 150));
			left: auto;
            right:-(to-em(56, 100));
        }*/
  /* Nested paragraphs */
}
@media all and (min-width: 48em) {
  /* line 135, ../sass/partials/base/_quotes.scss */
  .main-page blockquote, .c-sleep-hazards__prompt blockquote, .c-feedback__body blockquote {
    font-size: 20px;
    font-size: 1.11111rem;
    line-height: 1.2;
  }
}
/* line 149, ../sass/partials/base/_quotes.scss */
.main-page blockquote:before, .c-sleep-hazards__prompt blockquote:before, .c-feedback__body blockquote:before, .main-page blockquote:after, .c-sleep-hazards__prompt blockquote:after, .c-feedback__body blockquote:after {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100px;
  font-size: 5.55556rem;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
}
/* line 157, ../sass/partials/base/_quotes.scss */
.main-page blockquote:before, .c-sleep-hazards__prompt blockquote:before, .c-feedback__body blockquote:before {
  content: "\201C";
  top: -0.28em;
  left: -0.56em;
  /* Increase the font size and offsets at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 157, ../sass/partials/base/_quotes.scss */
  .main-page blockquote:before, .c-sleep-hazards__prompt blockquote:before, .c-feedback__body blockquote:before {
    font-size: 130px;
    font-size: 7.22222rem;
    line-height: 1.10769;
    top: -0.23077em;
    left: -0em;
  }
}
/* line 178, ../sass/partials/base/_quotes.scss */
.main-page blockquote p, .c-sleep-hazards__prompt blockquote p, .c-feedback__body blockquote p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

/*Fact-check*/
/*.teal {*/
/* line 183, ../sass/partials/base/_quotes.scss */
.fact-check blockquote {
  background-color: #05472a;
  padding: 1em;
  color: #fff;
  font-style: normal;
  text-align: center;
  width: 100%;
  margin-bottom: 2em;
}
/* line 191, ../sass/partials/base/_quotes.scss */
.fact-check blockquote:before {
  display: none;
}
/* line 195, ../sass/partials/base/_quotes.scss */
.fact-check .blockquote-blurb {
  margin-top: -2.3em;
  padding: 1em;
  color: #fff;
  background-color: #339999;
  margin-bottom: 1em;
}

/*}*/
/* ======================================================================================
   @BASE -> TEXT SELECTION
   ====================================================================================== */
/* Firefox */
/* line 6, ../sass/partials/base/_text-selection.scss */
::-moz-selection {
  background: #05472a;
  text-shadow: none;
  color: #fff;
}

/* Everyone else */
/* line 13, ../sass/partials/base/_text-selection.scss */
::selection {
  background: #05472a;
  text-shadow: none;
  color: #fff;
}

/* line 19, ../sass/partials/base/_text-selection.scss */
.txt-green {
  color: #7ec48c;
}

/* line 22, ../sass/partials/base/_text-selection.scss */
.txt-orange {
  color: orange;
}

/* line 23, ../sass/partials/base/_text-selection.scss */
.txt-red {
  color: red;
}

/* line 24, ../sass/partials/base/_text-selection.scss */
.txt-blue {
  color: blue;
}

/* line 25, ../sass/partials/base/_text-selection.scss */
.txt-black {
  color: black;
}

/* line 26, ../sass/partials/base/_text-selection.scss */
.txt-white {
  color: white;
}

/* ======================================================================================
   @BASE -> MISCELLANEOUS
   ====================================================================================== */
/* [HORIZONTAL RULE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_misc.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 0.05556em 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;
}

/*Custom*/
/* line 61, ../sass/partials/base/_misc.scss */
.clear:after {
  content: "";
  display: table;
  clear: both;
}

/* line 67, ../sass/partials/base/_misc.scss */
.block-number {
  display: inline-block;
  background-color: #05472a;
  padding: 0.1em 0.4em;
  margin-right: 0.5em;
  color: #fff;
}

/* line 73, ../sass/partials/base/_misc.scss */
.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 5.5em;
  height: 5.5em;
  text-align: right;
}
/* line 80, ../sass/partials/base/_misc.scss */
.ribbon span {
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
  line-height: 2.3em;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 114px;
  display: block;
  background: #05472a;
  box-shadow: 0 3px 10px -5px black;
  position: absolute;
  top: 9px;
  right: -31px;
}
/* line 89, ../sass/partials/base/_misc.scss */
.ribbon span:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
/* line 95, ../sass/partials/base/_misc.scss */
.ribbon span:after {
  content: "";
  position: absolute;
  right: 4px;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

/* line 107, ../sass/partials/base/_misc.scss */
.strong {
  font-weight: bold;
}

/* line 108, ../sass/partials/base/_misc.scss */
.medium {
  font-weight: 400;
}

/* line 109, ../sass/partials/base/_misc.scss */
.light {
  font-weight: 300;
}

/* line 111, ../sass/partials/base/_misc.scss */
.js-toggle-content {
  padding: 0.8em 0.1em;
}

/*Stack trace*/
/* line 116, ../sass/partials/base/_misc.scss */
.tracecontent, #__asptrace {
  background-color: #fff !important;
}

/*Responsive videos*/
/* line 121, ../sass/partials/base/_misc.scss */
.embed-container {
  position: relative;
  padding-bottom: 62%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
/* line 128, ../sass/partials/base/_misc.scss */
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 136, ../sass/partials/base/_misc.scss */
.video-desc {
  background-color: #f2f2f2;
  padding: 1em;
  text-align: left;
}

/* line 139, ../sass/partials/base/_misc.scss */
.one-off-vid {
  max-width: 38.88889em;
  margin: 0 auto;
}

/*Colors*/
/* line 142, ../sass/partials/base/_misc.scss */
.red {
  background-color: #a54146;
}

/* line 143, ../sass/partials/base/_misc.scss */
.green {
  background-color: #92a545;
}

/* line 144, ../sass/partials/base/_misc.scss */
.orange {
  background-color: #F47623;
}

/* line 145, ../sass/partials/base/_misc.scss */
.teal {
  background-color: #339999;
}

/* line 146, ../sass/partials/base/_misc.scss */
.blue {
  background-color: #6ECDDD;
}

/* line 147, ../sass/partials/base/_misc.scss */
.yellow {
  background-color: #ede27c;
}

/* line 148, ../sass/partials/base/_misc.scss */
.purple {
  background-color: #89539E;
}

/* line 150, ../sass/partials/base/_misc.scss */
.grey-fill {
  background-color: #e3e3e3;
}

/* line 152, ../sass/partials/base/_misc.scss */
.full-width {
  width: 100%;
}

/* line 156, ../sass/partials/base/_misc.scss */
.all-events {
  pointer-events: all !important;
}

/* line 162, ../sass/partials/base/_misc.scss */
.slant-bottom {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  padding-bottom: 4em;
  background-color: #2A445E;
  padding: 3em 0;
}

/* ======================================================================================
   @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.44444em 0;
  background-color: rgba(5, 71, 42, 0.9);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-weight: 700;
  height: auto;
  overflow: visible;
  clip: auto;
  margin: 0;
}

/* Layout */
/* ======================================================================================
   @LAYOUT -> CONTAINERS
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_containers.scss */
.container, .c-container-main, .c-container-small, .c-container-med, .c-container-lg, .l-container-form {
  width: 90%;
  max-width: 1350px;
  /*@include to-rem(min-width, 280);*/
  /*@include to-rem(max-width, $page-container-max-width);*/
  margin: 0 auto;
  /* Print */
}
@media print {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container, .c-container-main, .c-container-small, .c-container-med, .c-container-lg, .l-container-form {
    width: auto;
  }
}
@media all and (max-width: 68.75em) {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container, .c-container-main, .c-container-small, .c-container-med, .c-container-lg, .l-container-form {
    /*width:100%;*/
    width: 90%;
  }
}

/*Flex model*/
/* line 24, ../sass/partials/layout/_containers.scss */
.flex {
  display: flex;
}
/* line 27, ../sass/partials/layout/_containers.scss */
.flex .survey-inputs {
  flex-grow: 1;
}

/*Grey and white panels*/
/* line 34, ../sass/partials/layout/_containers.scss */
.pnl-grey {
  background-color: #f2f2f2;
  padding: 0.5em 0.2em;
  margin-bottom: 0.5em;
}

/* line 40, ../sass/partials/layout/_containers.scss */
.pnl-white {
  background-color: #fff;
  padding: 0.5em 0.2em;
  margin-bottom: 0.5em;
}

/*Admin & Public*/
/*Public*/
/* line 48, ../sass/partials/layout/_containers.scss */
.public-bg {
  /*margin-bottom:2em;*/
}
@media all and (max-width: 48em) {
  /* line 51, ../sass/partials/layout/_containers.scss */
  .public-bg .non-palm-two-thirds {
    margin-bottom: 0;
    width: 100%;
  }
  /* line 55, ../sass/partials/layout/_containers.scss */
  .public-bg .non-palm-one-third {
    width: 100%;
  }
}

/*CUSTOM*/
/* line 63, ../sass/partials/layout/_containers.scss */
.main-page, .c-sleep-hazards__prompt, .c-feedback__body {
  width: 100%;
  background-color: #fff;
  padding: 1em 1.5em;
  z-index: 2;
  position: relative;
  background-size: cover;
}
@media all and (max-width: 63.9375em) {
  /* line 63, ../sass/partials/layout/_containers.scss */
  .main-page, .c-sleep-hazards__prompt, .c-feedback__body {
    padding: 1em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 76, ../sass/partials/layout/_containers.scss */
  .main-page .non-palm-two-thirds, .c-sleep-hazards__prompt .non-palm-two-thirds, .c-feedback__body .non-palm-two-thirds {
    min-height: 22em;
  }
}

/* line 81, ../sass/partials/layout/_containers.scss */
.dashboard {
  /*background-color: #fff;*/
  min-height: 70%;
  padding: 1em 0;
}
/* line 87, ../sass/partials/layout/_containers.scss */
.dashboard .main-page, .dashboard .c-sleep-hazards__prompt, .dashboard .c-feedback__body {
  min-height: 0;
  margin-bottom: 2em;
}
@media all and (max-width: 68.75em) {
  /* line 87, ../sass/partials/layout/_containers.scss */
  .dashboard .main-page, .dashboard .c-sleep-hazards__prompt, .dashboard .c-feedback__body {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  /* line 81, ../sass/partials/layout/_containers.scss */
  .dashboard {
    padding: 3em 0;
  }
}

/*Secondary Pages*/
/* line 105, ../sass/partials/layout/_containers.scss */
.secondary-page .main-page, .secondary-page .c-sleep-hazards__prompt, .secondary-page .c-feedback__body {
  padding-top: 1em !important;
  padding-bottom: 3em !important;
}
@media all and (max-width: 54.3125em) {
  /* line 105, ../sass/partials/layout/_containers.scss */
  .secondary-page .main-page, .secondary-page .c-sleep-hazards__prompt, .secondary-page .c-feedback__body {
    background-image: none;
    background-color: #fff;
  }
}

/*Side bar to all pages*/
/* line 116, ../sass/partials/layout/_containers.scss */
.side-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  padding-bottom: 1em;
  background-color: #7ec48c;
  /*@include respond-min(1100) {
      margin-left: -1em;
  }*/
}
/* line 124, ../sass/partials/layout/_containers.scss */
.side-bar a {
  color: #fff;
  font-weight: 400;
}
/* line 129, ../sass/partials/layout/_containers.scss */
.side-bar .heading {
  position: relative;
  left: 1em;
  background-color: #147f7f;
}
/* line 135, ../sass/partials/layout/_containers.scss */
.side-bar .heading .wrap:after {
  position: absolute;
  display: block;
  border-style: solid;
  bottom: -1em;
  content: '';
  right: 0;
  border-width: 1em 1em 0 0;
  border-color: #115d5b transparent transparent transparent;
}
/* line 147, ../sass/partials/layout/_containers.scss */
.side-bar .heading h3, .side-bar .heading .h4 {
  color: #fff;
  text-transform: uppercase;
  padding: 0.7em 0.5em 0.7em 0.7em;
}
@media all and (max-width: 68.6875em) {
  /* line 116, ../sass/partials/layout/_containers.scss */
  .side-bar {
    position: unset !important;
    /*width:100% !important;*/
  }
  /* line 161, ../sass/partials/layout/_containers.scss */
  .side-bar .heading {
    left: 0;
  }
  /* line 164, ../sass/partials/layout/_containers.scss */
  .side-bar .heading .wrap:after {
    border: 0;
  }
}

/* line 172, ../sass/partials/layout/_containers.scss */
.green .side-bar .heading .wrap:after {
  border-color: #565c27 transparent transparent transparent;
}

/* line 178, ../sass/partials/layout/_containers.scss */
.orange .side-bar .heading .wrap:after {
  border-color: #d95d0b transparent transparent transparent;
}

/* line 184, ../sass/partials/layout/_containers.scss */
.teal .side-bar .heading .wrap:after {
  border-color: black transparent transparent transparent;
}

/* line 190, ../sass/partials/layout/_containers.scss */
.blue .side-bar .heading .wrap:after {
  border-color: #2ba5ba transparent transparent transparent;
}

/* line 196, ../sass/partials/layout/_containers.scss */
.purple .side-bar .heading .wrap:after {
  border-color: #4f305b transparent transparent transparent;
}

/*.div-alt {
    .form-main-field {
        padding:0.3em 0;margin-bottom:0;
    } 
    .form-main-field:nth-child(even) {
        background-color: $color-off-white;
    }
}*/
/* line 212, ../sass/partials/layout/_containers.scss */
.outer-container {
  width: 100%;
}

/* line 216, ../sass/partials/layout/_containers.scss */
.u-flex, .u-flex-center, .population-select__list, .u-flex-center-axes, .population-select__submit, .population-select__submit.correct, .population-select__submit.incorrect, .population-select__list li, .u-flex-center-around, .u-flex-center-between, .c-info-banner__icon, .export {
  display: flex;
}

/* line 220, ../sass/partials/layout/_containers.scss */
.u-flex-col {
  display: flex;
  flex-direction: column;
}

/* line 225, ../sass/partials/layout/_containers.scss */
.u-width-100 {
  width: 100%;
}

/* line 230, ../sass/partials/layout/_containers.scss */
.admin-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}

/* line 236, ../sass/partials/layout/_containers.scss */
.admin-card {
  min-height: 14rem;
  padding: 1rem;
  width: 50%;
}
/* line 241, ../sass/partials/layout/_containers.scss */
.admin-card a {
  align-items: center;
  background-color: #fff;
  color: #05472a;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}
/* line 256, ../sass/partials/layout/_containers.scss */
.admin-card img {
  max-height: 3rem;
  margin-bottom: 1.5rem;
  height: 100%;
}
@media (min-width: 64em) {
  /* line 236, ../sass/partials/layout/_containers.scss */
  .admin-card {
    width: 16.666%;
  }
}

/* line 269, ../sass/partials/layout/_containers.scss */
.c-card-feedback__longitude {
  font-size: 1.2em;
  font-weight: 400 !important;
  margin-bottom: .2em !important;
}
/* line 275, ../sass/partials/layout/_containers.scss */
.c-card-feedback p {
  font-weight: 100;
}

/* line 281, ../sass/partials/layout/_containers.scss */
.infograph-curve {
  -webkit-clip-path: polygon(0 0, 100% 3vw, 100% 100%, 0 calc(100% - 3vw));
  clip-path: polygon(0 0, 100% 3vw, 100% 100%, 0 calc(100% - 3vw));
  background-color: #fff;
  border-bottom: 1px dashed #44BED3;
}

/* line 292, ../sass/partials/layout/_containers.scss */
.o-flex-grow {
  flex-grow: 1 !important;
}

/* line 296, ../sass/partials/layout/_containers.scss */
.c-container-main, .c-container-small, .c-container-med {
  padding: calc(1em + 1vw) 0 calc(2em + 2vw);
  position: relative;
}

/* line 302, ../sass/partials/layout/_containers.scss */
.c-container-small {
  max-width: 800px;
}

/* line 307, ../sass/partials/layout/_containers.scss */
.c-container-med {
  max-width: 950px;
}

/* line 312, ../sass/partials/layout/_containers.scss */
.c-container-med {
  max-width: 950px;
}

/* line 317, ../sass/partials/layout/_containers.scss */
.c-container-lg {
  max-width: 1600px;
}

/* line 323, ../sass/partials/layout/_containers.scss */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

/* line 330, ../sass/partials/layout/_containers.scss */
.videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 340, ../sass/partials/layout/_containers.scss */
.u-flex-mob {
  display: flex;
  flex-direction: column !important;
}
@media (min-width: 768px) {
  /* line 340, ../sass/partials/layout/_containers.scss */
  .u-flex-mob {
    flex-direction: row !important;
  }
}

/* line 350, ../sass/partials/layout/_containers.scss */
.o-background-dark {
  /*background: $dark-blue url(/img/landing/bg-dark.svg) no-repeat 0 0;*/
  background-size: cover;
}

/* line 355, ../sass/partials/layout/_containers.scss */
.u-padding-bottom-0 {
  padding-bottom: 0 !important;
}

/* ======================================================================================
   @LAYOUT -> HEADER
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_header.scss */
.header {
  position: relative;
  z-index: 99;
  text-align: center;
  position: relative;
  display: table;
  width: 100%;
  background-color: #fff;
  /*-webkit-box-shadow: 0px 10px 35px -13px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 10px 35px -13px rgba(0,0,0,0.35);
  box-shadow: 0px 10px 35px -13px rgba(0,0,0,0.35);*/
}
/* line 16, ../sass/partials/layout/_header.scss */
.header .header-inner {
  /*Top nav for Super admins*/
  /*Area containing slide menu*/
}
/* line 18, ../sass/partials/layout/_header.scss */
.header .header-inner .header_nav {
  background-color: #2A445E;
  z-index: 99;
  display: none;
  /*Search*/
}
@media all and (min-width: 40.0625em) {
  /* line 18, ../sass/partials/layout/_header.scss */
  .header .header-inner .header_nav {
    padding-right: 2em;
  }
}
/* line 26, ../sass/partials/layout/_header.scss */
.header .header-inner .header_nav .search {
  position: relative;
  display: table;
  width: 100%;
}
/* line 31, ../sass/partials/layout/_header.scss */
.header .header-inner .header_nav .search .search-mini {
  width: 11.11111em;
  float: right;
  margin-bottom: 0.5em;
  color: #fff;
}
/* line 38, ../sass/partials/layout/_header.scss */
.header .header-inner .header_nav .search .txt-input {
  padding: 0.3em;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
}
/* line 46, ../sass/partials/layout/_header.scss */
.header .header-inner .header_nav .search .btn-main, .header .header-inner .header_nav .search .button--transparent, .header .header-inner .header_nav .search .button--left {
  background: transparent url("img/icon-search.png") no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.77778em;
  height: 1.66667em;
  padding: 0;
}
/* line 59, ../sass/partials/layout/_header.scss */
.header .header-inner .user-menu .user-notifications-username {
  color: #fff;
  text-align: right;
}
@media all and (max-width: 40em) {
  /* line 59, ../sass/partials/layout/_header.scss */
  .header .header-inner .user-menu .user-notifications-username {
    text-align: center;
  }
}
/* line 68, ../sass/partials/layout/_header.scss */
.header .header-inner .user-menu .header_brand-user {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 9;
  overflow: hidden;
  padding: 1.5rem 2rem;
}

/* line 80, ../sass/partials/layout/_header.scss */
.logo {
  width: 15em;
  position: relative;
  /*left: 1em;*/
  /*&:hover img,
  &:focus img {
      @include opacity(0.7);
  }*/
}
@media all and (max-width: 54.3125em) {
  /* line 93, ../sass/partials/layout/_header.scss */
  .logo.logo-large {
    display: none;
  }
  /* line 97, ../sass/partials/layout/_header.scss */
  .logo.logo-small {
    display: block;
    text-align: left;
    width: 11.5em;
    top: 0.2em;
    padding-bottom: 0.4em;
  }
}
@media all and (min-width: 54.375em) {
  /* line 107, ../sass/partials/layout/_header.scss */
  .logo.logo-large {
    display: block;
    width: 15rem;
  }
  /* line 112, ../sass/partials/layout/_header.scss */
  .logo.logo-small {
    display: none;
  }
}

/* --Main navigation-- */
/* Toggle the menu via jQuery */
/* line 122, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle {
  /* Hide */
  max-height: 0;
  overflow: hidden;
  /* Transition */
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /* Show when expanded */
  /* Always show at this breakpoint */
}
/* line 128, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle.is-expanded {
  max-height: 13.88889rem;
  /* Note: adjust this to roughly match the height of the menu */
  overflow: visible;
}
@media all and (max-width: 40em) {
  /* line 122, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    clear: both;
  }
  /* line 136, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li {
    display: block;
    text-align: left;
    background-color: #000;
  }
  /* line 141, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li a {
    display: block;
    padding: 0.5em;
  }
  /* line 145, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li a:hover {
    text-decoration: none;
    background-color: #032f1c;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 122, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    max-height: none;
    overflow: visible;
  }
}

/* [Navigation] --------------------------------------------------------------------------------------------- */
/* line 161, ../sass/partials/layout/_header.scss */
.nav-quick-links {
  display: none;
  padding: 1em 2em;
  background-color: #7ec48c;
  position: relative;
}
/* line 168, ../sass/partials/layout/_header.scss */
.nav-quick-links li {
  padding-left: 1em;
}
/* line 172, ../sass/partials/layout/_header.scss */
.nav-quick-links .nav-user {
  text-align: right;
  border: 0;
}
@media all and (max-width: 63.9375em) {
  /* line 161, ../sass/partials/layout/_header.scss */
  .nav-quick-links {
    padding: 1em 1em 0.5em 1em;
  }
}
@media all and (max-width: 40em) {
  /* line 161, ../sass/partials/layout/_header.scss */
  .nav-quick-links {
    padding: 0.5em 0;
  }
  /* line 184, ../sass/partials/layout/_header.scss */
  .nav-quick-links .nav-user {
    text-align: center;
  }
  /* line 187, ../sass/partials/layout/_header.scss */
  .nav-quick-links .nav-user li {
    display: inline-block;
  }
  /* line 190, ../sass/partials/layout/_header.scss */
  .nav-quick-links .nav-user li a {
    font-size: 0.8em;
  }
  /* line 194, ../sass/partials/layout/_header.scss */
  .nav-quick-links .nav-user li:first-child {
    padding-left: 0;
  }
  /* line 199, ../sass/partials/layout/_header.scss */
  .nav-quick-links .nav-user .icon:before {
    margin-right: 0.2em;
  }
}
/* line 206, ../sass/partials/layout/_header.scss */
.nav-quick-links .search {
  position: absolute;
  top: 1.5em;
  left: 1.2em;
  text-align: left;
  width: 33.33333em;
}
/* line 213, ../sass/partials/layout/_header.scss */
.nav-quick-links .search .txt-input {
  border: 0;
}
/* line 217, ../sass/partials/layout/_header.scss */
.nav-quick-links .search .btn-main, .nav-quick-links .search .button--transparent, .nav-quick-links .search .button--left {
  background: url(img/icon-search.png) no-repeat center center;
}
@media all and (max-width: 51.1875em) {
  /* line 206, ../sass/partials/layout/_header.scss */
  .nav-quick-links .search {
    width: 22.22222em;
  }
}
@media all and (max-width: 40em) {
  /* line 206, ../sass/partials/layout/_header.scss */
  .nav-quick-links .search {
    position: unset;
    margin: 1em auto;
    width: auto;
    text-align: center;
  }
  /* line 231, ../sass/partials/layout/_header.scss */
  .nav-quick-links .search .txt-input-med {
    width: 76%;
  }
}

/* line 239, ../sass/partials/layout/_header.scss */
.nav-list .green-menu, .nav-list .blue-menu, .nav-list .teal-menu, .nav-list .orange-menu, .nav-list .dark-menu {
  padding-left: 3em;
}
/* line 242, ../sass/partials/layout/_header.scss */
.nav-list .green-menu {
  background: transparent url(img/icon/green-menu.png) no-repeat 2em 1.1em;
}
/* line 245, ../sass/partials/layout/_header.scss */
.nav-list .orange-menu {
  background: transparent url(img/icon/orange-menu.png) no-repeat 2em 1.1em;
}
/* line 248, ../sass/partials/layout/_header.scss */
.nav-list .teal-menu {
  background: transparent url(img/icon/teal-menu.png) no-repeat 2em 1.1em;
}
/* line 251, ../sass/partials/layout/_header.scss */
.nav-list .blue-menu {
  background: transparent url(img/icon/blue-menu.png) no-repeat 2em 1.1em;
}
/* line 254, ../sass/partials/layout/_header.scss */
.nav-list .dark-menu {
  background: transparent url(img/icon/dark-menu.png) no-repeat 2em 1.1em;
}

/* --Main navigation-- */
/* Toggle the menu via jQuery */
/* line 261, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle {
  color: #fff;
}
/* line 263, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle a {
  color: #fff;
  text-decoration: none;
}
/* line 265, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle .nav-main li {
  padding-right: 1em;
}
/* line 267, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle .js-drop-down-trigger {
  color: #fff;
}
/* line 268, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle .js-drop-down {
  background-color: #000;
  width: 6.11111em;
  text-align: left;
}
/* line 272, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle .js-drop-down li {
  padding: 0.3em 0.5em;
}
/* line 274, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle .js-drop-down li a {
  border-bottom: 1px solid #fff;
  padding: 0.2em 0.3em;
  display: block;
}

/* User menus */
/* line 280, ../sass/partials/layout/_header.scss */
.admin-menu {
  position: absolute;
  top: 0.3em;
  right: 15em;
}
@media all and (max-width: 40em) {
  /* line 280, ../sass/partials/layout/_header.scss */
  .admin-menu {
    right: unset;
    left: 0.8em;
    top: 0.35em;
    text-align: left;
    /*.icon-home:after {content:"Home";}*/
  }
  /* line 287, ../sass/partials/layout/_header.scss */
  .admin-menu li {
    padding-right: 0 !important;
  }
  /* line 288, ../sass/partials/layout/_header.scss */
  .admin-menu .nav-main-conditional-links {
    display: none !important;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 292, ../sass/partials/layout/_header.scss */
  .admin-menu .nav-main-hide-show {
    display: none;
  }
}
@media all and (min-width: 64em) {
  /* line 280, ../sass/partials/layout/_header.scss */
  .admin-menu {
    right: 15em;
  }
  /* line 296, ../sass/partials/layout/_header.scss */
  .admin-menu .nav-main-conditional-links {
    display: none;
  }
}
/* line 298, ../sass/partials/layout/_header.scss */
.admin-menu nav {
  position: relative;
  z-index: 99;
}
@media all and (max-width: 40em) {
  /* line 298, ../sass/partials/layout/_header.scss */
  .admin-menu nav {
    background-color: #000;
  }
  /* line 302, ../sass/partials/layout/_header.scss */
  .admin-menu nav li {
    display: inline-block !important;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 307, ../sass/partials/layout/_header.scss */
  .admin-menu .text {
    display: none;
  }
}

/* ======================================================================================
   @LAYOUT -> HEADER -> BANNER DISPLAY
   ====================================================================================== */
/* line 316, ../sass/partials/layout/_header.scss */
.navigation, .navigation--public {
  background-color: #fff;
  border-top: 1rem solid #05472a;
  color: #000;
  padding: 1em 0;
  /*@include respond-max($palm) {
      text-align: center;
  }*/
}
/* line 321, ../sass/partials/layout/_header.scss */
.navigation h1, .navigation--public h1 {
  color: #000;
  font-size: 2rem;
}
/* line 326, ../sass/partials/layout/_header.scss */
.navigation--public {
  background-color: #05472a;
  color: #fff;
  padding: 1.5rem 0;
  position: relative;
}
/* line 333, ../sass/partials/layout/_header.scss */
.navigation--public h1 {
  color: #fff;
}
/* line 337, ../sass/partials/layout/_header.scss */
.navigation--public img {
  display: none;
}
/* line 341, ../sass/partials/layout/_header.scss */
.navigation--public a {
  color: #fff !important;
}
/* line 345, ../sass/partials/layout/_header.scss */
.navigation--public .h3, .navigation--public .module-card__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 64em) {
  /* line 352, ../sass/partials/layout/_header.scss */
  .navigation--public img {
    bottom: 0;
    display: inline-block;
    left: 0;
    position: absolute;
    transform: translateY(50%);
    z-index: 1;
  }
}
/* line 363, ../sass/partials/layout/_header.scss */
.navigation a, .navigation--public a {
  color: #2A445E;
}
@media all and (max-width: 63.9375em) {
  /* line 316, ../sass/partials/layout/_header.scss */
  .navigation, .navigation--public {
    padding: 0.5em 1em;
  }
}
/* line 375, ../sass/partials/layout/_header.scss */
.navigation span, .navigation--public span {
  font-weight: 500;
}
/* line 379, ../sass/partials/layout/_header.scss */
.navigation h3, .navigation--public h3 {
  margin-bottom: 0 !important;
}

/* line 386, ../sass/partials/layout/_header.scss */
.header-buttons-wrapper {
  display: none;
}
@media (min-width: 1200px) {
  /* line 386, ../sass/partials/layout/_header.scss */
  .header-buttons-wrapper {
    display: flex;
    margin-left: auto;
    padding-right: 7em;
  }
}

/* line 397, ../sass/partials/layout/_header.scss */
.search {
  margin: 1em 0;
}
/* line 401, ../sass/partials/layout/_header.scss */
.search .search-mini .txt-input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 2px solid #E0DED3 !important;
  border-right: none !important;
}
/* line 408, ../sass/partials/layout/_header.scss */
.search .search-mini .btn-main, .search .search-mini .button--transparent, .search .search-mini .button--left {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 415, ../sass/partials/layout/_header.scss */
.search .search-mini .btn-main .icon, .search .search-mini .button--transparent .icon, .search .search-mini .button--left .icon {
  margin-right: 0 !important;
}
@media (min-width: 768px) {
  /* line 397, ../sass/partials/layout/_header.scss */
  .search {
    margin: 0 6em 0 auto;
  }
}

@media (min-width: 768px) {
  /* line 426, ../sass/partials/layout/_header.scss */
  .header_brand-user {
    display: flex;
    align-items: center;
    flex-direction: row !important;
  }
}
/* line 1, ../sass/partials/layout/_aside.scss */
.hp-support {
  margin: 0;
  margin-bottom: 1em;
  top: 0;
  text-align: left;
  color: #fff;
  background-color: #05472a;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -ms-transform-origin: 0% 100%;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
/* line 15, ../sass/partials/layout/_aside.scss */
.hp-support .h3:before, .hp-support .module-card__title:before {
  display: none;
}
/* line 16, ../sass/partials/layout/_aside.scss */
.hp-support a {
  color: #fff;
}
/* line 19, ../sass/partials/layout/_aside.scss */
.hp-support .icon {
  padding: 0.3em 0.6em;
  background-color: #a54146;
  display: inline-block;
  margin-right: 0.5em;
}
@media all and (min-width: 64em) {
  /* line 1, ../sass/partials/layout/_aside.scss */
  .hp-support {
    position: absolute;
    left: 0;
    top: 18%;
    background-color: #05472a;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

/* line 33, ../sass/partials/layout/_aside.scss */
.user-notifications-count {
  background-color: #a54146;
  color: #fff;
  padding: 0 0.4em;
  border-radius: 50%;
  font-weight: normal;
  display: inline-block;
  margin: 0 0.5em;
}

/* [ASIDE]
-------------------------------------------------------*/
/*.aside {
    width: 30%;
    float: left;
    margin-top: to-em($spacing-dbl);
}

@media (max-width: 999px) {
    .aside {
        float: none;
        width: auto;
        min-height: 0;
        border-radius: 0;
        margin-top: 0;
        padding: 60px 0 0 0;
        box-shadow: none;
        background-size: contain;
    }

    .aside-inner {
        padding: 30px 9px;
        border-radius: 8px;
        width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 750px) and (max-width: 999px) {
    .aside {
        background-size: auto;
    }

    .aside-inner {
        width: 90%;
    }
}

@media (min-width: 420px) and (max-width: 619px) {
    .aside-inner {
        padding-left: 8%;
        padding-right: 8%;
    }
}*/
/* ======================================================================================
   @LAYOUT -> MAIN

   ====================================================================================== */
/* line 6, ../sass/partials/layout/_main.scss */
.img-insert {
  display: block;
  margin: 0 auto;
}

/* [BREADCRUMB]
-------------------------------------------------------*/
/* line 14, ../sass/partials/layout/_main.scss */
.breadcrumbs, .breadcrumbs--inline {
  /*@include respond-min($non-palm) {
      text-align: right;
  }*/
}
@media all and (max-width: 40em) {
  /* line 14, ../sass/partials/layout/_main.scss */
  .breadcrumbs, .breadcrumbs--inline {
    font-size: 0.8em;
  }
}

/* line 24, ../sass/partials/layout/_main.scss */
.breadcrumbs--inline {
  display: flex;
  align-items: center;
}
/* line 30, ../sass/partials/layout/_main.scss */
.breadcrumbs--inline h2 {
  font-size: 1em;
}

/* [MAIN - PUBLIC]
-------------------------------------------------------*/
/* line 37, ../sass/partials/layout/_main.scss */
.main {
  width: 100%;
  height: 100%;
  /*z-index: 2;*/
  position: relative;
  background: #fff url(/img/landing/bg-light.svg) no-repeat 0 0;
  background-color: #EFEEE6;
  /*background-color: $dark-blue;*/
  background-size: cover;
}

/* line 48, ../sass/partials/layout/_main.scss */
.main:last-of-type {
  flex: 1;
}

/*#main_nav {
    flex: 0
}*/
/* Inner Container */
/* line 57, ../sass/partials/layout/_main.scss */
.main-inner {
  /*padding-top: 3em;
  padding-bottom: 3em;*/
  width: 100%;
  /*background-color: $dark-blue;*/
}

@media (max-width: 1066px) {
  /* line 67, ../sass/partials/layout/_main.scss */
  .main-inner {
    padding-top: 0;
  }
}
@media (max-width: 999px) {
  /* line 73, ../sass/partials/layout/_main.scss */
  .main-inner {
    min-height: 0;
  }
}
/* [MAIN - ADMIN FULL]
-------------------------------------------------------*/
/* line 80, ../sass/partials/layout/_main.scss */
.main-full {
  width: 100%;
  z-index: 2;
  margin-top: 1.33333em;
}

/* Inner Container */
/* line 87, ../sass/partials/layout/_main.scss */
.main-inner {
  width: 100%;
    /*min-height: to-em(400);
		margin-bottom: to-em($spacing-base);*/
}

@media (max-width: 1100px) {
  /* line 94, ../sass/partials/layout/_main.scss */
  .main-inner {
    padding-top: 0;
  }

  /* 46px */
}
@media (max-width: 1099px) {
  /* line 101, ../sass/partials/layout/_main.scss */
  .main-inner {
    min-height: 0;
  }
}
/* [MAIN - ADMIN]
-------------------------------------------------------*/
/* line 108, ../sass/partials/layout/_main.scss */
.main-right {
  width: 70%;
  float: right;
  margin-left: -3.22222em;
  margin-top: 1.33333em;
  z-index: 2;
  /* Inner Container */
}
/* line 115, ../sass/partials/layout/_main.scss */
.main-right .main-inner {
  width: 100%;
  /*min-height: to-em(670);*/
  margin-bottom: 1.33333em;
  padding: 0 4.461em;
}
@media (max-width: 1066px) {
  /* line 108, ../sass/partials/layout/_main.scss */
  .main-right {
    /* 46px */
  }
  /* line 123, ../sass/partials/layout/_main.scss */
  .main-right .main-inner {
    padding-top: 0;
  }
}
@media (max-width: 999px) {
  /* line 130, ../sass/partials/layout/_main.scss */
  .main-right .main-inner {
    min-height: 0;
  }
}
@media (max-width: 749px) {
  /* line 136, ../sass/partials/layout/_main.scss */
  .main-right .main-inner {
    padding-right: 2.30768em;
    /* 30px */
    padding-left: 3.5388em;
    /* 46px */
  }
}

@media (max-width: 999px) {
  /* line 144, ../sass/partials/layout/_main.scss */
  .main-right {
    float: none;
    width: 100%;
  }
}
@media (max-width: 749px) {
  /* line 151, ../sass/partials/layout/_main.scss */
  .main-right {
    width: auto;
    margin-left: -.46155em;
    /* 6px */
  }
}
@media (min-width: 750px) and (max-width: 999px) {
  /* line 158, ../sass/partials/layout/_main.scss */
  .main-right {
    margin-left: auto;
    margin-right: auto;
  }
}
/* ======================================================================================
   @.NET CONTROLS
   ====================================================================================== */
/* [UPDATE PANEL]
-------------------------------------------------------*/
/* line 172, ../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 185, ../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 191, ../sass/partials/layout/_main.scss */
.update-loader {
  z-index: 100;
  position: fixed;
  width: 120px;
  margin-left: -60px;
  top: 50%;
  left: 50%;
}

/* line 200, ../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 208, ../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 219, ../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 230, ../sass/partials/layout/_main.scss */
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* line 236, ../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 246, ../sass/partials/layout/_main.scss */
.modal-confirm-box input.modal-button {
  width: 50px;
  height: 30px;
  position: relative;
  background: #339999;
  color: white;
}

/*Modules pages*/
/* line 255, ../sass/partials/layout/_main.scss */
.modules {
  /*Myths vs Truths*/
  /*Info panels*/
  /*Info box*/
}
/* line 257, ../sass/partials/layout/_main.scss */
.modules .myth, .modules .truth {
  color: #fff;
  border-radius: 0.5em;
  padding: 1em;
}
/* line 263, ../sass/partials/layout/_main.scss */
.modules .myth {
  border: 0.3em solid #be5b60;
}
/* line 266, ../sass/partials/layout/_main.scss */
.modules .myth .normal-heading {
  font-weight: normal;
  text-transform: uppercase;
}
/* line 272, ../sass/partials/layout/_main.scss */
.modules .truth {
  border: 0.3em solid #f29f86;
}
/* line 275, ../sass/partials/layout/_main.scss */
.modules .truth .normal-heading {
  font-weight: normal;
  text-transform: uppercase;
}
/* line 280, ../sass/partials/layout/_main.scss */
.modules .truth a {
  color: #fff;
}
/* line 285, ../sass/partials/layout/_main.scss */
.modules .info-panel {
  color: #fff;
}
/* line 288, ../sass/partials/layout/_main.scss */
.modules .info-panel .info {
  border-radius: 50%;
  width: 2.22222em;
  height: 2.22222em;
  text-align: center;
  font-size: 1.4em;
  padding-top: 0.6em;
  font-family: 'Times New Roman', serif;
  float: left;
}
/* line 298, ../sass/partials/layout/_main.scss */
.modules .info-panel .info.teal {
  background-color: #f4b29d !important;
}
/* line 302, ../sass/partials/layout/_main.scss */
.modules .info-panel .info.red {
  background-color: #be5b60 !important;
}
/* line 307, ../sass/partials/layout/_main.scss */
.modules .info-panel .txt-center {
  padding: 1em;
  font-size: 0.8em;
  float: right;
  width: 73%;
  position: relative;
}
/* line 314, ../sass/partials/layout/_main.scss */
.modules .info-panel .txt-center:before {
  position: absolute;
  display: inline-block;
  left: -1em;
  top: 1.5em;
  content: '';
}
/* line 322, ../sass/partials/layout/_main.scss */
.modules .info-panel .txt-center.teal:before {
  border-top: 0.5em solid transparent;
  border-right: 1em solid #339999;
  border-bottom: 0.5em solid transparent;
}
/* line 328, ../sass/partials/layout/_main.scss */
.modules .info-panel .txt-center.red:before {
  border-top: 0.5em solid transparent;
  border-right: 1em solid #a54146;
  border-bottom: 0.5em solid transparent;
}
/* line 336, ../sass/partials/layout/_main.scss */
.modules .info-panel .teal .info, .modules .info-panel .teal .txt-center {
  background-color: #f29f86;
}
/* line 342, ../sass/partials/layout/_main.scss */
.modules .info-panel .red .info {
  background-color: #05472a;
}
/* line 347, ../sass/partials/layout/_main.scss */
.modules .info-panel span.js-tooltip.glossary {
  background-position-x: 99.5%;
  padding-right: 1.5em;
}
/* line 355, ../sass/partials/layout/_main.scss */
.modules .info-box ul {
  list-style: none;
  margin-left: 0;
  columns: 2;
  margin: 1em 0;
}
/* line 361, ../sass/partials/layout/_main.scss */
.modules .info-box ul li {
  padding: 0.2em;
  margin-bottom: 0.5em;
}
/* line 365, ../sass/partials/layout/_main.scss */
.modules .info-box ul li:before {
  content: " ";
  width: 0.3125em;
  height: 0.3125em;
  display: inline-block;
  margin-bottom: 0.15em;
  margin-right: 0.3em;
  background-color: #05472a;
}

/* [GRID]
-------------------------------------------------------*/
/* line 381, ../sass/partials/layout/_main.scss */
.gridview {
  text-align: left;
  width: 100%;
  margin: 10px auto 0 auto;
  color: #333;
}

/* line 388, ../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 396, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputText {
  width: 150px;
  position: absolute;
  top: 2px;
  left: 0px;
}

/* line 403, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement {
  width: 400px;
  line-height: 20px;
  padding: 0 0 0 150px;
}

/* line 409, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement .tb {
  width: 145px;
  line-height: 16px;
  height: 16px;
  padding: 0;
}

/* line 416, ../sass/partials/layout/_main.scss */
.gridview .gvInputs .inputElement .ddl {
  width: auto;
  line-height: 24px;
  padding: 0;
}

/* line 422, ../sass/partials/layout/_main.scss */
.gridview .gvHead {
  line-height: 30px;
  /*background: url("/img/gridview/gridview-header-repeat.png") repeat-x;*/
  background-color: #05472a !important;
  color: #FFF;
}

/* line 428, ../sass/partials/layout/_main.scss */
.gridview th {
  font-weight: bold;
  color: #FFF;
  padding: 0.5em;
  padding-left: 0.6em;
  vertical-align: middle;
  /*border-right: 1px solid #999;*/
}

/* line 436, ../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 446, ../sass/partials/layout/_main.scss */
.gridview .gvHead a:hover {
  background: url("/img/gridview/gridview-header-sort-hover.png") no-repeat 95% 50%;
}

/* line 450, ../sass/partials/layout/_main.scss */
.gridview .gvRow {
  background: #FFF;
  line-height: 2em;
}

/* line 455, ../sass/partials/layout/_main.scss */
.gridview .gvRow td {
  padding: 0.5em;
  /*border-left: 1px solid #CCCCCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;*/
  vertical-align: top;
}

/* line 460, ../sass/partials/layout/_main.scss */
.gridview .gvAlternate {
  background: #F1F1F1;
  line-height: 2em;
}

/* line 465, ../sass/partials/layout/_main.scss */
.gridview .gvAlternate td {
  padding: 0.5em;
  /*border-left: 1px solid #CCCCCC;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC;*/
  vertical-align: top;
}

/* line 473, ../sass/partials/layout/_main.scss */
.gridview .gvItem td {
  padding: 0.5em;
  vertical-align: top;
}

/* line 478, ../sass/partials/layout/_main.scss */
.gridview .amount {
  padding: 0;
  margin: 0;
  line-height: 15px;
}

/* line 484, ../sass/partials/layout/_main.scss */
.gridview .gvPager td {
  border: 0;
  /*border-top: 1px solid #CCCCCC;*/
  color: #333;
}

/* [GRID PAGINATION]
-------------------------------------------------------*/
/* line 492, ../sass/partials/layout/_main.scss */
.message-div {
  float: left;
}

/* line 496, ../sass/partials/layout/_main.scss */
.paging-div {
  display: flex;
  align-items: center;
  float: right;
  margin-top: 0.25em;
  /*For any inputs instead of a tags*/
}
/* line 502, ../sass/partials/layout/_main.scss */
.paging-div > div:last-child {
  float: left;
  margin-top: 1em;
}
/* line 506, ../sass/partials/layout/_main.scss */
.paging-div > div:last-child label {
  padding-left: 0;
}
/* line 511, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left, .paging-div .page-left, .paging-div .page-far-right, .paging-div .page-right {
  display: block;
  height: 28px;
  width: 28px;
  padding-top: 0.15em;
  background-color: #fff;
  border: 1px solid #d4d4d4;
}
/* line 519, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left .icon:before, .paging-div .page-left .icon:before, .paging-div .page-far-right .icon:before, .paging-div .page-right .icon:before {
  margin-right: 0;
}
/* line 524, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left, .paging-div .page-left, .paging-div .page-far-right, .paging-div .page-right, .paging-div .page-info {
  float: left;
}
/* line 528, ../sass/partials/layout/_main.scss */
.paging-div .page-far-left, .paging-div .page-far-right {
  margin: 0 5px;
}
/* line 532, ../sass/partials/layout/_main.scss */
.paging-div .page-info {
  line-height: 16px;
  padding: 5px 12px 0 12px;
}
/* line 537, ../sass/partials/layout/_main.scss */
.paging-div .icon:before {
  margin-left: 33%;
}
/* line 541, ../sass/partials/layout/_main.scss */
.paging-div .icon-right:before {
  margin-left: 44%;
}
/* line 545, ../sass/partials/layout/_main.scss */
.paging-div label {
  padding-left: 1em;
}
/* line 550, ../sass/partials/layout/_main.scss */
.paging-div input.page-far-left, .paging-div a.page-far-left {
  background: transparent url(img/icon/icon-jumpLeft.png) no-repeat -2px -3px;
}
/* line 554, ../sass/partials/layout/_main.scss */
.paging-div input.page-left, .paging-div a.page-left {
  background: transparent url(img/icon/icon-left.png) no-repeat -3px -3px;
}
/* line 558, ../sass/partials/layout/_main.scss */
.paging-div input.page-far-right, .paging-div a.page-far-right {
  background: transparent url(img/icon/icon-jumpRight.png) no-repeat -2px -3px;
}
/* line 562, ../sass/partials/layout/_main.scss */
.paging-div input.page-right, .paging-div a.page-right {
  background: transparent url(img/icon/icon-right.png) no-repeat -1px -3px;
}
@media all and (min-width: 24.625em) {
  /* line 568, ../sass/partials/layout/_main.scss */
  .paging-div > div:first-child {
    float: left;
  }
  /* line 572, ../sass/partials/layout/_main.scss */
  .paging-div > div:last-child {
    float: right;
    margin-top: 0;
  }
}
@media all and (max-width: 33.6875em) {
  /* line 496, ../sass/partials/layout/_main.scss */
  .paging-div {
    float: none;
    margin-top: 1em;
  }
  /* line 582, ../sass/partials/layout/_main.scss */
  .paging-div .page-far-left {
    margin-left: 0;
  }
}

/*Toolbox*/
/* line 2, ../sass/partials/layout/_custom.scss */
.toolbox {
  position: absolute;
  text-align: center;
  right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  z-index: 99999;
}
/* line 11, ../sass/partials/layout/_custom.scss */
.toolbox .btn-main, .toolbox .button--transparent, .toolbox .button--left {
  padding: 0.6em 0.7em !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #fff;
}
/* line 17, ../sass/partials/layout/_custom.scss */
.toolbox .btn-main .icon, .toolbox .button--transparent .icon, .toolbox .button--left .icon {
  margin-right: 0 !important;
}
@media (max-width: 768px) {
  /* line 2, ../sass/partials/layout/_custom.scss */
  .toolbox {
    display: flex;
    border-top-left-radius: 0;
  }
  /* line 27, ../sass/partials/layout/_custom.scss */
  .toolbox .btn-main, .toolbox .button--transparent, .toolbox .button--left {
    border-right: 1px solid #fff;
    border-bottom: none;
  }
}

/*Speech Bubble*/
/* line 35, ../sass/partials/layout/_custom.scss */
.speech-bubble {
  background-color: #05472a;
  padding: 1em;
  color: #fff;
  border-radius: 0.5em;
  position: relative;
}
/* line 42, ../sass/partials/layout/_custom.scss */
.speech-bubble a {
  color: #fff;
  font-weight: bold;
}
/* line 47, ../sass/partials/layout/_custom.scss */
.speech-bubble.answer {
  background-color: #147F7F;
}
/* line 763, ../sass/partials/utils/_mixins.scss */
.speech-bubble.arrow-top:before {
  border-bottom-color: #05472a !important;
}
/* line 765, ../sass/partials/utils/_mixins.scss */
.speech-bubble.arrow-top:after {
  border-bottom-color: #05472a !important;
}
/* line 55, ../sass/partials/layout/_custom.scss */
.speech-bubble.arrow-right {
  margin-right: 0.5em;
}
/* line 785, ../sass/partials/utils/_mixins.scss */
.speech-bubble.arrow-right:before {
  border-left-color: #05472a;
}
/* line 787, ../sass/partials/utils/_mixins.scss */
.speech-bubble.arrow-right:after {
  border-left-color: #05472a;
}
/* line 60, ../sass/partials/layout/_custom.scss */
.speech-bubble.arrow-left {
  margin-left: 0.5em;
}
/* line 829, ../sass/partials/utils/_mixins.scss */
.speech-bubble.arrow-left:before {
  border-right-color: #05472a;
}
/* line 831, ../sass/partials/utils/_mixins.scss */
.speech-bubble.arrow-left:after {
  border-right-color: #05472a;
}
@media all and (max-width: 40em) {
  /* line 66, ../sass/partials/layout/_custom.scss */
  .speech-bubble.arrow-right {
    margin-right: 0;
  }
  /* line 69, ../sass/partials/layout/_custom.scss */
  .speech-bubble.arrow-right:before {
    left: 50%;
    margin-left: -7px;
    top: 100%;
    border-left: 1em solid transparent !important;
    border-right: 1em solid transparent;
    border-top: 1em solid #05472a;
    margin-top: 0;
  }
  /* line 79, ../sass/partials/layout/_custom.scss */
  .speech-bubble.arrow-right:after {
    left: 0;
  }
  /* line 84, ../sass/partials/layout/_custom.scss */
  .speech-bubble.arrow-left {
    margin-left: 0;
  }
  /* line 87, ../sass/partials/layout/_custom.scss */
  .speech-bubble.arrow-left:before {
    left: 50%;
    margin-left: -7px;
    top: -1em;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent !important;
    border-bottom: 1em solid #05472a;
  }
  /* line 96, ../sass/partials/layout/_custom.scss */
  .speech-bubble.arrow-left:after {
    right: 0;
  }
}

@media all and (max-width: 40em) {
  /* line 105, ../sass/partials/layout/_custom.scss */
  .green .speech-bubble.arrow-left:before {
    border-bottom: 1em solid #92a545;
  }
}

/* line 112, ../sass/partials/layout/_custom.scss */
.orange .speech-bubble {
  background-color: #F47623;
}

/* line 118, ../sass/partials/layout/_custom.scss */
.purple .speech-bubble {
  background-color: #4f305b;
}
@media all and (max-width: 40em) {
  /* line 123, ../sass/partials/layout/_custom.scss */
  .purple .speech-bubble.arrow-right:before {
    border-top: 1em solid #89539E;
  }
  /* line 129, ../sass/partials/layout/_custom.scss */
  .purple .speech-bubble.arrow-left:before {
    border-bottom: 1em solid #89539E;
  }
}

/* line 139, ../sass/partials/layout/_custom.scss */
.blue .speech-bubble {
  background-color: #2793a5;
}

/*Webinar*/
/* line 145, ../sass/partials/layout/_custom.scss */
.watch-count {
  display: table;
  background-color: #05472a;
  color: #fff;
}
/* line 150, ../sass/partials/layout/_custom.scss */
.watch-count div {
  padding: 0.55em 0.7em;
  display: table-cell;
  vertical-align: top;
}
/* line 156, ../sass/partials/layout/_custom.scss */
.watch-count .watch-count-number {
  float: left;
  background-color: #7ec48c;
  width: 2.11111em;
  text-align: center;
}
/* line 163, ../sass/partials/layout/_custom.scss */
.watch-count .watch-count-views {
  background-color: #7ec48c;
}
@media all and (min-width: 40.0625em) {
  /* line 145, ../sass/partials/layout/_custom.scss */
  .watch-count {
    text-align: right;
    float: right;
  }
}

/* line 173, ../sass/partials/layout/_custom.scss */
.watch-live {
  padding-bottom: 2em;
}
/* line 176, ../sass/partials/layout/_custom.scss */
.watch-live .icon {
  color: #7ec48c !important;
  color: #fff;
  margin-right: 0.5em;
}
@media all and (min-width: 40.0625em) {
  /* line 173, ../sass/partials/layout/_custom.scss */
  .watch-live {
    position: absolute;
    top: 0.8em;
    /*right: 1em;*/
  }
}

/* line 189, ../sass/partials/layout/_custom.scss */
.message-body {
  background-color: #fff;
  text-align: left;
}
/* line 193, ../sass/partials/layout/_custom.scss */
.message-body .message-toolbar {
  border-radius: 0;
}
/* line 196, ../sass/partials/layout/_custom.scss */
.message-body .message-toolbar .btn {
  border: 0;
}
/* line 201, ../sass/partials/layout/_custom.scss */
.message-body .message-bar {
  background-color: #05472a;
  color: #fff;
}
/* line 206, ../sass/partials/layout/_custom.scss */
.message-body .message-header {
  position: relative;
  background-color: #f2f2f2;
  margin-bottom: 0;
}
/* line 211, ../sass/partials/layout/_custom.scss */
.message-body .message-header .message-flag {
  position: absolute;
  right: 0;
  top: 2.5em;
}
/* line 216, ../sass/partials/layout/_custom.scss */
.message-body .message-header .message-flag .icon:before {
  font-size: 2em;
}
@media all and (max-width: 40em) {
  /* line 223, ../sass/partials/layout/_custom.scss */
  .message-body .def-list_desc {
    margin-bottom: 1em;
  }
}

/*Help Section*/
/* line 232, ../sass/partials/layout/_custom.scss */
.help-page .list li {
  margin-bottom: 0.5em;
}
/* line 237, ../sass/partials/layout/_custom.scss */
.help-page p {
  margin-bottom: 0.5em;
}
/* line 241, ../sass/partials/layout/_custom.scss */
.help-page .non-palm-three-quarters .islet {
  background-color: #f2f2f2;
}

/* line 246, ../sass/partials/layout/_custom.scss */
.help-page-title {
  background-color: #05472a;
  color: #fff;
}
/* line 250, ../sass/partials/layout/_custom.scss */
.help-page-title .icon {
  display: inline-block;
  padding: 0.5em;
  margin-right: 0.5em;
  background-color: #05472a;
}
/* line 256, ../sass/partials/layout/_custom.scss */
.help-page-title .icon:before {
  margin-right: 0;
}

/* line 262, ../sass/partials/layout/_custom.scss */
.help-page-subtitle {
  background-color: #05472a;
  color: #fff;
  padding: 0.5em;
}

/*Do-Don'ts*/
/* line 270, ../sass/partials/layout/_custom.scss */
.do-donts .red {
  background-color: #F37776;
}
/* line 274, ../sass/partials/layout/_custom.scss */
.do-donts .yellow, .do-donts .red {
  margin-bottom: 1em;
}
@media all and (min-width: 40.0625em) {
  /* line 274, ../sass/partials/layout/_custom.scss */
  .do-donts .yellow, .do-donts .red {
    display: table;
    width: 90%;
  }
  /* line 281, ../sass/partials/layout/_custom.scss */
  .do-donts .yellow p, .do-donts .red p {
    display: table-cell;
    vertical-align: middle;
    padding: 0.5em 0.5em 0.5em 1em;
    width: 80%;
  }
  /* line 288, ../sass/partials/layout/_custom.scss */
  .do-donts .yellow img, .do-donts .red img {
    position: relative;
    right: -2em;
  }
}

/* line 296, ../sass/partials/layout/_custom.scss */
.modules {
  background-color: transparent;
}
/* line 300, ../sass/partials/layout/_custom.scss */
.modules .non-palm-two-thirds .main-page, .modules .non-palm-two-thirds .c-sleep-hazards__prompt, .modules .non-palm-two-thirds .c-feedback__body {
  background: transparent url("img/page-long.png") no-repeat 0 0;
  background-size: cover;
}
@media all and (max-width: 40em) {
  /* line 300, ../sass/partials/layout/_custom.scss */
  .modules .non-palm-two-thirds .main-page, .modules .non-palm-two-thirds .c-sleep-hazards__prompt, .modules .non-palm-two-thirds .c-feedback__body {
    background-color: #fff;
    background-image: none;
  }
}
@media all and (max-width: 40em) {
  /* line 299, ../sass/partials/layout/_custom.scss */
  .modules .non-palm-two-thirds {
    margin-bottom: 0;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 316, ../sass/partials/layout/_custom.scss */
  .modules .non-palm-one-quarter {
    width: 33%;
  }
  /* line 320, ../sass/partials/layout/_custom.scss */
  .modules .non-palm-three-quarters {
    width: 66%;
  }
}
/* line 325, ../sass/partials/layout/_custom.scss */
.modules .side-bar {
  background-color: #F9FBFC;
}
/* line 328, ../sass/partials/layout/_custom.scss */
.modules .side-bar a {
  color: #6b778c;
}

@media all and (max-width: 68.75em) {
  /* line 336, ../sass/partials/layout/_custom.scss */
  .console-bg.modules .grid:first-child, .console-bg.modules .non-palm-seven-tenths {
    margin-bottom: 0;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 342, ../sass/partials/layout/_custom.scss */
  .console-bg.modules .container > .grid, .console-bg.modules .c-container-main > .grid, .console-bg.modules .c-container-small > .grid, .console-bg.modules .c-container-med > .grid, .console-bg.modules .c-container-lg > .grid, .console-bg.modules .l-container-form > .grid {
    display: block;
  }
  /* line 346, ../sass/partials/layout/_custom.scss */
  .console-bg.modules .non-palm-seven-tenths, .console-bg.modules .non-palm-three-tenths {
    width: 100% !important;
  }
  /* line 351, ../sass/partials/layout/_custom.scss */
  .console-bg.modules .non-palm-three-tenths .side-bar-modules {
    width: 100%;
  }
}

/* line 359, ../sass/partials/layout/_custom.scss */
.content-body p {
  padding-bottom: 0.5em;
}

/*Register*/
@media all and (min-width: 40.0625em) {
  /* line 368, ../sass/partials/layout/_custom.scss */
  .register .slats-img {
    font-weight: bold;
  }
  /* line 373, ../sass/partials/layout/_custom.scss */
  .register .slats-body {
    text-align: left;
  }
  /* line 377, ../sass/partials/layout/_custom.scss */
  .register .form-main-label {
    font-weight: bold;
  }
}
/* line 382, ../sass/partials/layout/_custom.scss */
.register .register-footer {
  position: relative;
}
/* line 385, ../sass/partials/layout/_custom.scss */
.register .register-footer .btn-main-compact {
  border: 0;
  text-transform: none;
  background-color: gray;
  position: absolute;
  left: 1.5em;
  top: 28%;
}

/* line 396, ../sass/partials/layout/_custom.scss */
.content-media {
  margin-bottom: 1.5em;
}

/*Module menu*/
/* line 403, ../sass/partials/layout/_custom.scss */
.module-menu .module {
  color: #fff;
}
/* line 407, ../sass/partials/layout/_custom.scss */
.module-menu .icon-unchecked:before {
  content: "\f10c";
}
/* line 411, ../sass/partials/layout/_custom.scss */
.module-menu ul {
  margin: 0;
}
/* line 414, ../sass/partials/layout/_custom.scss */
.module-menu ul .expand, .module-menu ul .active {
  background-color: #F0F4F7;
}
/* line 419, ../sass/partials/layout/_custom.scss */
.module-menu ul .expand ul li a, .module-menu ul .expand ul.subnav li a, .module-menu ul .active ul li a, .module-menu ul .active ul.subnav li a {
  font-size: 0.8em;
  padding-left: 2.5em;
}
/* line 423, ../sass/partials/layout/_custom.scss */
.module-menu ul .expand ul li a:before, .module-menu ul .expand ul.subnav li a:before, .module-menu ul .active ul li a:before, .module-menu ul .active ul.subnav li a:before {
  content: " ";
  width: 0.27778em;
  height: 0.27778em;
  display: inline-block;
  margin-bottom: 0.15em;
  margin-right: 0.3em;
  border-radius: 50%;
  background-color: #05472a;
}
/* line 438, ../sass/partials/layout/_custom.scss */
.module-menu ul li {
  font-size: 1em;
  border-bottom: 1px solid #F0F4F7;
}
/* line 444, ../sass/partials/layout/_custom.scss */
.module-menu ul li.active a {
  font-weight: 500;
  color: #000;
}
/* line 450, ../sass/partials/layout/_custom.scss */
.module-menu ul li a {
  display: block;
  /*padding: 0.7em 1em 0.5em 2em;*/
}
/* line 453, ../sass/partials/layout/_custom.scss */
.module-menu ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
  text-decoration: none;
}
/* line 458, ../sass/partials/layout/_custom.scss */
.module-menu ul li a.is-active {
  font-weight: 500;
}
/* line 462, ../sass/partials/layout/_custom.scss */
.module-menu ul li a.success {
  /*background-image: url('img/icon/icon-green-tick-hover.png');
  background-repeat: no-repeat;
  background-position: 98% center;*/
}
@media all and (max-width: 68.75em) {
  /* line 438, ../sass/partials/layout/_custom.scss */
  .module-menu ul li {
    font-size: 1em;
  }
  /* line 472, ../sass/partials/layout/_custom.scss */
  .module-menu ul li a {
    padding-top: 0.3em;
  }
  /* line 476, ../sass/partials/layout/_custom.scss */
  .module-menu ul li li a {
    font-size: 0.8em !important;
  }
}

/* line 486, ../sass/partials/layout/_custom.scss */
.green .module-menu .heading {
  background-color: #92a545;
}
/* line 493, ../sass/partials/layout/_custom.scss */
.green ul .expand ul li a:before, .green ul .expand ul.subnav li a:before, .green .active ul li a:before, .green .active ul.subnav li a:before {
  background-color: #737f34;
}

/* line 502, ../sass/partials/layout/_custom.scss */
.orange .module-menu .heading {
  background-color: #f69454;
}
/* line 509, ../sass/partials/layout/_custom.scss */
.orange ul .expand ul li a:before, .orange ul .expand ul.subnav li a:before, .orange .active ul li a:before, .orange .active ul.subnav li a:before {
  background-color: #F47623 !important;
}

/* line 518, ../sass/partials/layout/_custom.scss */
.teal .module-menu .heading {
  background-color: #05472a;
}

/* line 526, ../sass/partials/layout/_custom.scss */
.blue .module-menu .heading {
  background-color: #45bfd3;
}
/* line 533, ../sass/partials/layout/_custom.scss */
.blue ul .expand ul li a:before, .blue ul .expand ul.subnav li a:before, .blue .active ul li a:before, .blue .active ul.subnav li a:before {
  background-color: #c1e9f0;
}

/* line 542, ../sass/partials/layout/_custom.scss */
.purple .module-menu .heading {
  background-color: #a170b4;
}
/* line 549, ../sass/partials/layout/_custom.scss */
.purple ul .expand ul li a:before, .purple ul .expand ul.subnav li a:before, .purple .active ul li a:before, .purple .active ul.subnav li a:before {
  background-color: #b792c5;
}

/*Fact check*/
/* line 557, ../sass/partials/layout/_custom.scss */
.fact-check {
  max-width: 38.88889em;
  margin: 0 auto;
  position: relative;
}
/* line 562, ../sass/partials/layout/_custom.scss */
.fact-check .options {
  position: absolute;
  top: 20%;
  text-transform: uppercase;
  width: 100%;
  display: block;
}
/* line 569, ../sass/partials/layout/_custom.scss */
.fact-check .options .option-blurb {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
/* line 580, ../sass/partials/layout/_custom.scss */
.fact-check .options a:hover img {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  border-radius: 50%;
}
/* line 591, ../sass/partials/layout/_custom.scss */
.fact-check .options a:focus .option .option-blurb {
  opacity: 1;
}

/* line 600, ../sass/partials/layout/_custom.scss */
.option {
  color: #fff;
  font-weight: bold;
  width: 15.55556em;
  position: absolute;
  transition: all .4s;
  outline: 0;
}
/* line 608, ../sass/partials/layout/_custom.scss */
.option .heading {
  padding: 1em;
}
/* line 612, ../sass/partials/layout/_custom.scss */
.option .option-blurb {
  padding: 2em 1em;
}
/* line 616, ../sass/partials/layout/_custom.scss */
.option img {
  position: absolute;
  top: -1em;
  right: -0.85em;
}
/* line 622, ../sass/partials/layout/_custom.scss */
.option.option-disagree {
  text-align: right;
}
/* line 625, ../sass/partials/layout/_custom.scss */
.option.option-disagree img {
  left: -0.85em;
  right: unset;
}
@media all and (min-width: 40.0625em) and (max-width: 52.4375em) {
  /* line 632, ../sass/partials/layout/_custom.scss */
  .option.option-disagree, .option.option-agree {
    width: 11.1em;
  }
}
@media all and (max-width: 40em) {
  /* line 638, ../sass/partials/layout/_custom.scss */
  .option.option-disagree, .option.option-agree {
    width: 10.3em;
  }
  /* line 641, ../sass/partials/layout/_custom.scss */
  .option.option-disagree .heading, .option.option-agree .heading {
    padding: 1em 0.3em;
  }
}

/* line 649, ../sass/partials/layout/_custom.scss */
.fact-check-answer .option {
  width: 100%;
}
/* line 654, ../sass/partials/layout/_custom.scss */
.fact-check-answer .disagree img, .fact-check-answer .agree img {
  width: 2.77778em;
}
/* line 658, ../sass/partials/layout/_custom.scss */
.fact-check-answer .disagree .h4:before, .fact-check-answer .agree .h4:before {
  display: none;
}
/* line 663, ../sass/partials/layout/_custom.scss */
.fact-check-answer .disagree {
  color: #f37676;
  float: right;
}
/* line 668, ../sass/partials/layout/_custom.scss */
.fact-check-answer .agree {
  color: #48c0aa;
}
/* line 672, ../sass/partials/layout/_custom.scss */
.fact-check-answer .non-palm-two-thirds {
  position: relative;
}
/* line 675, ../sass/partials/layout/_custom.scss */
.fact-check-answer .non-palm-two-thirds .disagree {
  position: absolute;
  right: 0;
}
/* line 680, ../sass/partials/layout/_custom.scss */
.fact-check-answer .non-palm-two-thirds .agree {
  position: absolute;
  left: 3em;
  bottom: 0;
}

/*.teal {*/
/* line 693, ../sass/partials/layout/_custom.scss */
.fact-check .option.option-agree .heading {
  background-color: #339999;
}
/* line 697, ../sass/partials/layout/_custom.scss */
.fact-check .option.option-agree .option-blurb {
  background-color: #7ec48c;
}
/* line 703, ../sass/partials/layout/_custom.scss */
.fact-check .option.option-disagree .heading {
  background-color: #993f56;
}
/* line 707, ../sass/partials/layout/_custom.scss */
.fact-check .option.option-disagree .option-blurb {
  background-color: #632938;
}

/* line 714, ../sass/partials/layout/_custom.scss */
.fact-check-answer {
  margin-top: 2em;
}
/* line 717, ../sass/partials/layout/_custom.scss */
.fact-check-answer .option {
  position: relative;
}

@media all and (max-width: 52.4375em) {
  /* line 723, ../sass/partials/layout/_custom.scss */
  .option.answer {
    width: 13em;
  }
}
@media all and (max-width: 40em) {
  /* line 729, ../sass/partials/layout/_custom.scss */
  .chartDiv {
    position: static !important;
    transform: translate(0, 0) !important;
  }

  /* line 734, ../sass/partials/layout/_custom.scss */
  .option.answer {
    transform: translate(0, 0) !important;
    width: 95% !important;
  }
}
/*}*/
/*Study note*/
/* line 741, ../sass/partials/layout/_custom.scss */
.snippet-note {
  position: relative;
  background-color: #3c534b;
  color: #fff;
  padding: 1.5em 1em 1em 6em;
  margin: 4em 0 0 3em;
}
/* line 748, ../sass/partials/layout/_custom.scss */
.snippet-note a {
  color: #fff;
  text-decoration: underline;
}
/* line 752, ../sass/partials/layout/_custom.scss */
.snippet-note a:hover {
  text-decoration: none;
}
/* line 757, ../sass/partials/layout/_custom.scss */
.snippet-note .form-main-notes {
  color: #fff;
}
/* line 761, ../sass/partials/layout/_custom.scss */
.snippet-note .snippet-note-icon {
  background: transparent url("/img/icon/icon-study-note.png") no-repeat 0 0;
  display: block;
  width: 7.22222em;
  height: 7.22222em;
  position: absolute;
  top: -3em;
  left: -3em;
}
@media all and (max-width: 40em) {
  /* line 741, ../sass/partials/layout/_custom.scss */
  .snippet-note {
    padding: 1.5em 1em 0.5em 4em;
    margin: 3em 0 0 3em;
  }
  /* line 772, ../sass/partials/layout/_custom.scss */
  .snippet-note .snippet-note-icon {
    background-size: 80%;
    top: -2em;
  }
}

/*Circular Progress Bar*/
/* line 784, ../sass/partials/layout/_custom.scss */
.progress-bar {
  position: relative;
  height: 8em;
  width: 8em;
}
/* line 789, ../sass/partials/layout/_custom.scss */
.progress-bar div {
  position: absolute;
  height: 8em;
  width: 8em;
  border-radius: 50%;
}
/* line 795, ../sass/partials/layout/_custom.scss */
.progress-bar div span {
  position: absolute;
  font-size: 2em;
  font-weight: normal;
  line-height: 3.5em;
  height: 3.6em;
  width: 3.6em;
  left: 0.2em;
  top: 0.2em;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
}
/* line 810, ../sass/partials/layout/_custom.scss */
.progress-bar .background {
  background-color: #bfbfbf;
}
/* line 814, ../sass/partials/layout/_custom.scss */
.progress-bar .rotate {
  clip: rect(0 4em 8em 0);
}
/* line 818, ../sass/partials/layout/_custom.scss */
.progress-bar .left {
  clip: rect(0 4em 8em 0);
  opacity: 1;
  background-color: #bfbfbf;
}
/* line 824, ../sass/partials/layout/_custom.scss */
.progress-bar .right {
  clip: rect(0 4em 8em 0);
  transform: rotate(180deg);
  opacity: 0;
}

/*Cartoon lessons*/
/* line 832, ../sass/partials/layout/_custom.scss */
.lesson-display svg {
  height: 24.44444em;
}
@media all and (max-width: 31.25em) {
  /* line 832, ../sass/partials/layout/_custom.scss */
  .lesson-display svg {
    height: 16.66667em;
  }
}

/*Back to top*/
/* line 842, ../sass/partials/layout/_custom.scss */
.scroll-2-top {
  padding: 0.5em 0.5em 0.5em 2.15em;
}
/* line 845, ../sass/partials/layout/_custom.scss */
.scroll-2-top span {
  margin-right: .5em;
}

/*Saved resources*/
/* line 852, ../sass/partials/layout/_custom.scss */
.saved-resources .block-hdr {
  padding-right: 0.5em !important;
}
@media all and (max-width: 40em) {
  /* line 857, ../sass/partials/layout/_custom.scss */
  .saved-resources .table-resource {
    border-left: 1px #f2f2f2 solid;
    border-right: 1px #f2f2f2 solid;
  }
  /* line 862, ../sass/partials/layout/_custom.scss */
  .saved-resources tr.list-row {
    position: relative;
  }
  /* line 865, ../sass/partials/layout/_custom.scss */
  .saved-resources tr.list-row td[data-hr="Name"] {
    position: absolute;
    width: 85%;
    top: 0.2em;
    left: 2em;
  }
  /* line 872, ../sass/partials/layout/_custom.scss */
  .saved-resources tr.list-row td.short-cell {
    min-height: 3.5em;
  }
  /* line 876, ../sass/partials/layout/_custom.scss */
  .saved-resources tr.list-row td[data-hr="Date added"] {
    position: absolute;
    left: 3em;
    bottom: 0.3em;
  }
  /* line 882, ../sass/partials/layout/_custom.scss */
  .saved-resources tr.list-row td.toolbar {
    position: absolute;
    bottom: -1em;
    right: 0.5em;
  }
  /* line 887, ../sass/partials/layout/_custom.scss */
  .saved-resources tr.list-row td.toolbar .icon:before {
    top: 1px;
    left: 3px;
  }
  /* line 895, ../sass/partials/layout/_custom.scss */
  .saved-resources nav[role="navigation"] .grid {
    display: table;
    width: 91%;
  }
  /* line 899, ../sass/partials/layout/_custom.scss */
  .saved-resources nav[role="navigation"] .grid .grid-item {
    display: table-cell;
  }
  /* line 902, ../sass/partials/layout/_custom.scss */
  .saved-resources nav[role="navigation"] .grid .grid-item.non-palm-one-quarter {
    width: 25%;
    border: 0;
  }
  /* line 907, ../sass/partials/layout/_custom.scss */
  .saved-resources nav[role="navigation"] .grid .grid-item.non-palm-one-half {
    width: 50%;
    border: 0;
  }
}

/*Merge*/
/* line 919, ../sass/partials/layout/_custom.scss */
.merge .not-selected label {
  color: #bfbfbf;
  font-size: 0.87em;
}
/* line 925, ../sass/partials/layout/_custom.scss */
.merge .disc.icon:before {
  background-color: #000;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  padding-top: 0.3em;
  text-align: center;
  font-size: 0.7em;
}
/* line 938, ../sass/partials/layout/_custom.scss */
.merge .grey-fill-2 {
  background-color: #efefef;
}
/* line 942, ../sass/partials/layout/_custom.scss */
.merge .grid {
  position: relative;
}
/* line 946, ../sass/partials/layout/_custom.scss */
.merge .primary, .merge .secondary {
  border-bottom: 2px solid #fff;
}
/* line 950, ../sass/partials/layout/_custom.scss */
.merge .primary .islet {
  background-color: #6eccdc;
}
/* line 955, ../sass/partials/layout/_custom.scss */
.merge .secondary .islet {
  background-color: #8e56a3;
  color: #fff;
}
/* line 961, ../sass/partials/layout/_custom.scss */
.merge .btn.merge {
  background-color: #8e56a3;
}
/* line 965, ../sass/partials/layout/_custom.scss */
.merge .islet {
  position: relative;
}
/* line 969, ../sass/partials/layout/_custom.scss */
.merge .btn-view {
  background: #6eccdc url("img/icon/icon-search.png") no-repeat -3px -4px;
  padding: 0.67em 0.7em;
  position: absolute;
  right: 2.5em;
  z-index: 999;
}
/* line 977, ../sass/partials/layout/_custom.scss */
.merge .btn-switch {
  background-color: #714585;
  position: absolute;
  right: 0.45em;
  z-index: 99;
  bottom: 0.5em;
}
/* line 984, ../sass/partials/layout/_custom.scss */
.merge .btn-switch:before {
  content: "Make primary account";
}
/* line 988, ../sass/partials/layout/_custom.scss */
.merge .btn-switch:hover {
  background-color: gray;
  background-image: none;
}
@media all and (max-width: 56.25em) {
  /* line 994, ../sass/partials/layout/_custom.scss */
  .merge .btn-switch .btn-switch {
    background-color: #45939b;
  }
  /* line 997, ../sass/partials/layout/_custom.scss */
  .merge .btn-switch .btn-switch:before {
    content: "Switch primary account";
  }
}
/* line 1004, ../sass/partials/layout/_custom.scss */
.merge .search-records {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
/* line 1009, ../sass/partials/layout/_custom.scss */
.merge .search-records .search-mini {
  width: 50%;
}
/* line 1012, ../sass/partials/layout/_custom.scss */
.merge .search-records .search-mini .btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.1em;
  background: transparent url(/css/img/icon/icon-search-dark.png) no-repeat 0.3em 0.3em;
}
/* line 1025, ../sass/partials/layout/_custom.scss */
.merge .accordion .grid .grid-item.right {
  border-left: 1px solid #fff;
}
/* line 1032, ../sass/partials/layout/_custom.scss */
.merge .accordion-header {
  padding: 0;
  background: transparent url("/css/img/icon/arrow-down.png") no-repeat 98.7% 0.8em;
  position: relative;
}
/* line 1037, ../sass/partials/layout/_custom.scss */
.merge .accordion-header td img {
  position: absolute;
  right: 2em;
  top: 0.85em;
}
/* line 1044, ../sass/partials/layout/_custom.scss */
.merge .accordion-content {
  padding: 0;
}
/* line 1047, ../sass/partials/layout/_custom.scss */
.merge .accordion-content .grid-item .islet {
  display: flex;
  width: 100%;
}
/* line 1053, ../sass/partials/layout/_custom.scss */
.merge .hide {
  display: none;
}
@media all and (max-width: 56.25em) {
  /* line 1058, ../sass/partials/layout/_custom.scss */
  .merge .grid-item {
    width: 100%;
  }
  /* line 1061, ../sass/partials/layout/_custom.scss */
  .merge .grid-item.secondary {
    display: none;
  }
  /* line 1066, ../sass/partials/layout/_custom.scss */
  .merge .hide {
    display: block;
    width: 2em;
  }
  /* line 1073, ../sass/partials/layout/_custom.scss */
  .merge .accordion-header .grid-item .float-right.mrg-mini-top {
    margin-top: 0.15em !important;
    margin-right: 1.5em !important;
  }
  /* line 1078, ../sass/partials/layout/_custom.scss */
  .merge .accordion-header .grid-item:last-child {
    display: none;
  }
  /* line 1085, ../sass/partials/layout/_custom.scss */
  .merge .accordion-content .grid-item {
    display: flex;
    /*border-left: 0 !important;*/
  }
  /* line 1090, ../sass/partials/layout/_custom.scss */
  .merge .accordion-content .hide.icon-user-plus {
    background-color: #6eccdc;
  }
  /* line 1093, ../sass/partials/layout/_custom.scss */
  .merge .accordion-content .hide.icon-user-plus:before {
    margin: 1em 0 0 0.45em;
  }
  /* line 1098, ../sass/partials/layout/_custom.scss */
  .merge .accordion-content .hide.icon-user-2 {
    background-color: #8e56a3;
    color: #fff;
  }
  /* line 1102, ../sass/partials/layout/_custom.scss */
  .merge .accordion-content .hide.icon-user-2:before {
    margin: 0.9em 0 0 0.45em;
  }
}
/* line 1109, ../sass/partials/layout/_custom.scss */
.merge .aspNetDisabled {
  display: block;
  width: 100%;
  color: #bfbfbf;
}
/* line 1114, ../sass/partials/layout/_custom.scss */
.merge .aspNetDisabled label:before {
  background-color: #bfbfbf !important;
}
/* line 1120, ../sass/partials/layout/_custom.scss */
.merge label span {
  background-color: #ed7b58;
  color: #fff;
  border-radius: 5px;
  font-size: 0.8em;
  padding: 0.1em 0.3em;
  position: absolute;
  right: 2em;
}

/* line 1132, ../sass/partials/layout/_custom.scss */
.select {
  height: 100%;
  position: relative;
}
/* line 1135, ../sass/partials/layout/_custom.scss */
.select span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/*Merge records*/
@media all and (min-width: 56.25em) {
  /* line 1145, ../sass/partials/layout/_custom.scss */
  .merge .accordion-content.grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  /* line 1150, ../sass/partials/layout/_custom.scss */
  .merge .accordion-content.grid .grid-item {
    height: 100%;
  }
  /* line 1155, ../sass/partials/layout/_custom.scss */
  .merge .search-records .search-mini {
    width: 100% !important;
  }
  /* line 1159, ../sass/partials/layout/_custom.scss */
  .merge .results .grid-item {
    max-height: 30em;
    overflow: auto;
  }
}
@media all and (max-width: 56.1875em) {
  /* line 1168, ../sass/partials/layout/_custom.scss */
  .merge .search-records .search-mini {
    width: 100% !important;
  }
}
@media all and (max-width: 47.5em) {
  /* line 1175, ../sass/partials/layout/_custom.scss */
  .merge .table-admin thead tr, .merge .table-flex thead tr {
    position: unset;
  }
  /* line 1178, ../sass/partials/layout/_custom.scss */
  .merge .table-admin thead tr th, .merge .table-flex thead tr th {
    display: none;
  }
  /* line 1181, ../sass/partials/layout/_custom.scss */
  .merge .table-admin thead tr th:last-child, .merge .table-flex thead tr th:last-child {
    display: block;
    width: 100% !important;
    padding: 0.5em 0.8em;
  }
  /* line 1190, ../sass/partials/layout/_custom.scss */
  .merge .results .grid-item {
    max-height: 20em;
    overflow: auto;
    margin-bottom: 2em;
  }
  /* line 1197, ../sass/partials/layout/_custom.scss */
  .merge .merge-this {
    position: relative;
    top: -4em;
  }
}
/* line 1206, ../sass/partials/layout/_custom.scss */
.logos-partners {
  background-color: #fff;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
}
/* line 1212, ../sass/partials/layout/_custom.scss */
.logos-partners img {
  margin: 0.5em;
  max-height: 100px;
}

/* line 1253, ../sass/partials/layout/_custom.scss */
.gradient-overlay {
  position: relative;
  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 1261, ../sass/partials/layout/_custom.scss */
.gradient-overlay img {
  height: auto;
  width: 100%;
  margin: 0 auto;
  display: block;
}
/* line 1268, ../sass/partials/layout/_custom.scss */
.gradient-overlay::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
/* line 1278, ../sass/partials/layout/_custom.scss */
.gradient-overlay--left::before {
  box-shadow: inset 297px 0px 442px -25px #ed7b58;
}
/* line 1284, ../sass/partials/layout/_custom.scss */
.gradient-overlay--right::before {
  box-shadow: inset -297px 0px 442px -25px #ed7b58;
}

/* line 1292, ../sass/partials/layout/_custom.scss */
.slide-content .slide-img-container {
  /*width: 94%;*/
  /*width: 50%;*/
  width: 81vh;
  margin: 0 auto;
  max-width: 95em !important;
}
@media all and (max-width: 50em) {
  /* line 1301, ../sass/partials/layout/_custom.scss */
  .slide-content .slide-img-container {
    width: 100% !important;
  }
}
/* line 1306, ../sass/partials/layout/_custom.scss */
.slide-content .slide-content-snippets {
  background-color: transparent !important;
  padding: 0 !important;
}
/* line 1313, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet ul {
  list-style: disc;
  margin-left: 1rem;
}
/* line 1318, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides {
  /*Fade technique css using: https://codepen.io/burtclan/pen/mLqxC */
  position: relative;
}
/* line 1324, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides .left img, .slide-content .content-snippet .special-img-slides .middle img, .slide-content .content-snippet .special-img-slides .right img {
  background-color: #fff;
  padding: 1em;
}
/* line 1331, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides .left, .slide-content .content-snippet .special-img-slides .right {
  position: absolute;
  top: 21%;
  /*max-width: 760px;*/
  /*max-width: 550px;*/
  max-width: 58%;
  opacity: 0.6;
  box-shadow: inset 215px 0px 98px -25px #fff, inset -215px 0px 98px -25px #fff;
  cursor: pointer;
}
/* line 1341, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides .left img, .slide-content .content-snippet .special-img-slides .right img {
  width: 100%;
}
@media all and (min-width: 93.75em) {
  /* line 1347, ../sass/partials/layout/_custom.scss */
  .slide-content .content-snippet .special-img-slides .left, .slide-content .content-snippet .special-img-slides .right {
    /*max-width: 600px;*/
    max-width: 58%;
  }
  /* line 1352, ../sass/partials/layout/_custom.scss */
  .slide-content .content-snippet .special-img-slides .left {
    left: -58%;
  }
  /* line 1356, ../sass/partials/layout/_custom.scss */
  .slide-content .content-snippet .special-img-slides .right {
    right: -58%;
  }
}
/* line 1361, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides .left {
  left: -61%;
}
/* line 1365, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides .right {
  text-align: right;
  right: -61%;
}
/* line 1370, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides .middle {
  width: 100%;
  color: #fff;
  z-index: 9;
  margin: 0 auto;
}
/* line 1376, ../sass/partials/layout/_custom.scss */
.slide-content .content-snippet .special-img-slides .middle img {
  max-width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media all and (max-width: 64em) {
  /* line 1385, ../sass/partials/layout/_custom.scss */
  .slide-content .content-snippet .special-img-slides .left, .slide-content .content-snippet .special-img-slides .right {
    display: none;
  }
  /* line 1389, ../sass/partials/layout/_custom.scss */
  .slide-content .content-snippet .special-img-slides .middle img {
    max-width: 100%;
  }
  /* line 1393, ../sass/partials/layout/_custom.scss */
  .slide-content .content-snippet .special-img-slides .slide-content .slide-img-container {
    width: 50% !important;
    border: 1px solid red !important;
  }
}

/* line 1404, ../sass/partials/layout/_custom.scss */
.c-app-download {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}
/* line 1409, ../sass/partials/layout/_custom.scss */
.c-app-download img {
  max-width: 35%;
  margin: 0 auto;
}
/* line 1414, ../sass/partials/layout/_custom.scss */
.c-app-download .button--apple {
  max-width: 120px;
  max-height: 100px;
}
/* line 1419, ../sass/partials/layout/_custom.scss */
.c-app-download .button--google {
  max-width: 145px;
  max-height: 66px;
}
@media (min-width: 884px) {
  /* line 1404, ../sass/partials/layout/_custom.scss */
  .c-app-download {
    flex-direction: row;
  }
  /* line 1427, ../sass/partials/layout/_custom.scss */
  .c-app-download img {
    display: inline-block;
    width: 50%;
  }
  /* line 1432, ../sass/partials/layout/_custom.scss */
  .c-app-download__buttons {
    position: absolute;
    right: -1em;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
  }
  /* line 1440, ../sass/partials/layout/_custom.scss */
  .c-app-download__buttons a + a {
    margin-top: .8em;
  }
  /* line 1445, ../sass/partials/layout/_custom.scss */
  .c-app-download .button--google {
    max-width: 250px;
  }
  /* line 1449, ../sass/partials/layout/_custom.scss */
  .c-app-download .button--apple {
    max-width: 130px;
  }
}

/* line 1457, ../sass/partials/layout/_custom.scss */
.team-bio {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5rem;
}
/* line 1462, ../sass/partials/layout/_custom.scss */
.team-bio-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
  border-radius: 16px;
  padding: 1.5rem;
  transition: all 0.25s ease 0s;
  flex: 1 1 200px;
  text-align: center;
  height: 100%;
}
/* line 1476, ../sass/partials/layout/_custom.scss */
.team-bio-card:hover {
  box-shadow: rgba(9, 30, 66, 0.25) 0px 12px 24px -6px, rgba(9, 30, 66, 0.31) 0px 0px 1px;
  transform: scale(1.05);
}
/* line 1481, ../sass/partials/layout/_custom.scss */
.team-bio-card p {
  margin-bottom: 0 !important;
  font-size: .8em;
  width: 100%;
}
/* line 1487, ../sass/partials/layout/_custom.scss */
.team-bio-card img {
  /*border-radius: 16px;*/
  height: 14rem;
  object-fit: contain;
  width: 100%;
}

/* line 1498, ../sass/partials/layout/_custom.scss */
.c-ring--red {
  display: none;
  position: absolute;
  z-index: 0;
  left: 0;
  transform: translate(-50%, -105%);
  top: 100%;
  max-width: 21rem;
}
@media (min-width: 64em) {
  /* line 1498, ../sass/partials/layout/_custom.scss */
  .c-ring--red {
    display: block;
  }
}

/* line 1512, ../sass/partials/layout/_custom.scss */
.c-ring--purple {
  display: none;
  position: absolute;
  z-index: 0;
  left: 0;
  max-width: 21rem;
  transform: translate(-50%, -50%);
  top: 50%;
}
@media (min-width: 64em) {
  /* line 1512, ../sass/partials/layout/_custom.scss */
  .c-ring--purple {
    display: block;
  }
}

/* line 1526, ../sass/partials/layout/_custom.scss */
.c-thumbprint--purple {
  display: none;
  position: absolute;
  z-index: 0;
  right: 0;
  max-width: 21rem;
  transform: translate(-50%, -50%);
  top: 100%;
}
@media (min-width: 64em) {
  /* line 1526, ../sass/partials/layout/_custom.scss */
  .c-thumbprint--purple {
    display: block;
  }
}

/* ======================================================================================
   @LAYOUT -> FOOTER
   ====================================================================================== */
/* ======================================================================================
   @LAYOUT -> FOOTER
   ====================================================================================== */
/* line 8, ../sass/partials/layout/_footer.scss */
.footer {
  clear: both;
  min-height: 90px;
  text-align: center;
  color: #fff;
  background-color: #fff;
  /* Back to top */
  /* Logo navigation */
}
/* line 15, ../sass/partials/layout/_footer.scss */
.footer__affiliates {
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
  font-size: 0;
}
/* line 22, ../sass/partials/layout/_footer.scss */
.footer__metrics {
  display: flex;
  justify-content: space-between;
  font-size: .6em;
  color: #fff;
  padding: 2.5rem;
  background-color: #05472a;
}
/* line 30, ../sass/partials/layout/_footer.scss */
.footer__metrics ul {
  display: flex;
}
/* line 33, ../sass/partials/layout/_footer.scss */
.footer__metrics ul a {
  color: #fff;
}
/* line 38, ../sass/partials/layout/_footer.scss */
.footer__metrics p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  /* line 22, ../sass/partials/layout/_footer.scss */
  .footer__metrics {
    font-size: 1em;
  }
}
/* line 47, ../sass/partials/layout/_footer.scss */
.footer__logo {
  width: 100%;
  font-size: 1rem;
  position: relative;
  min-height: 90px;
  margin: 1em 0;
}
/* line 54, ../sass/partials/layout/_footer.scss */
.footer__logo--max {
  height: 120px !important;
}
/* line 58, ../sass/partials/layout/_footer.scss */
.footer__logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 16.375em !important;
  height: 100%;
}
@media (min-width: 1200px) {
  /* line 70, ../sass/partials/layout/_footer.scss */
  .footer__logo {
    width: 18%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2em;
  }
  /* line 76, ../sass/partials/layout/_footer.scss */
  .footer__logo img {
    max-width: 100%;
  }
  /* line 80, ../sass/partials/layout/_footer.scss */
  .footer__logo--min {
    height: 85% !important;
  }
}
@media (min-width: 1720px) {
  /* line 90, ../sass/partials/layout/_footer.scss */
  .footer__logo {
    width: 12%;
  }
}
/* line 97, ../sass/partials/layout/_footer.scss */
.footer a,
.footer .back-to-top {
  color: #000;
}
/* line 102, ../sass/partials/layout/_footer.scss */
.footer .back-to-top {
  display: inline-block;
  text-decoration: none;
  padding-bottom: 1em;
  /* Pseudo element - up arrow */
  /* Hide at this breakpoint and for print */
}
/* line 107, ../sass/partials/layout/_footer.scss */
.footer .back-to-top:before {
  content: "\2191";
  display: block;
  text-align: center;
  font-size: 28px;
  font-size: 1.55556rem;
  line-height: 0.8;
  font-family: "Courier New", Courier, monospace;
}
@media all and (min-width: 64em) {
  /* line 102, ../sass/partials/layout/_footer.scss */
  .footer .back-to-top {
    display: none;
  }
}
@media print {
  /* line 102, ../sass/partials/layout/_footer.scss */
  .footer .back-to-top {
    display: none;
  }
}
/* line 124, ../sass/partials/layout/_footer.scss */
.footer .nav-footer {
  text-align: center;
  background-color: #fff;
  padding: 2em 0;
  /* logos */
}
/* line 129, ../sass/partials/layout/_footer.scss */
.footer .nav-footer img {
  max-width: 11.11111em;
  padding: 1em;
  /* Pseudo classes + active state */
}
/* line 134, ../sass/partials/layout/_footer.scss */
.footer .nav-footer img:hover, .footer .nav-footer img:focus, .footer .nav-footer img.is-active {
  opacity: 0.7;
}

/* line 144, ../sass/partials/layout/_footer.scss */
.logo-aff {
  height: 120px;
}

/* line 148, ../sass/partials/layout/_footer.scss */
.footer-contact {
  background-color: #05472a;
  text-align: center;
}
/* line 151, ../sass/partials/layout/_footer.scss */
.footer-contact a {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}
@media all and (min-width: 40.0625em) {
  /* line 162, ../sass/partials/layout/_footer.scss */
  .footer-contact .grid .grid-item:first-child {
    text-align: right;
    background-color: #2A445E;
    color: #fff;
    font-weight: bold;
    padding-right: 3em;
    -webkit-clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 97% 100%, 0% 100%);
  }
  /* line 172, ../sass/partials/layout/_footer.scss */
  .footer-contact .grid .grid-item:last-child {
    text-align: left;
  }
}
@media all and (max-width: 40em) {
  /* line 182, ../sass/partials/layout/_footer.scss */
  .footer-contact .grid .grid-item:first-child {
    margin-bottom: 0;
    background-color: #2A445E;
    color: #fff;
    font-weight: bold;
  }
}

/* line 193, ../sass/partials/layout/_footer.scss */
.aff-footer {
  /*background-color: $color-blue-grey;*/
  padding: 1em;
  /*.grid-item {
      margin: 1em 0 1.5em 0;
  }*/
}
@media all and (min-width: 40.0625em) {
  /* line 197, ../sass/partials/layout/_footer.scss */
  .aff-footer .grid {
    display: flex;
    flex-wrap: wrap;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 56.1875em) {
  /* line 207, ../sass/partials/layout/_footer.scss */
  .aff-footer .grid-item {
    width: 33%;
  }
}
@media all and (max-width: 40em) {
  /* line 213, ../sass/partials/layout/_footer.scss */
  .aff-footer img {
    max-width: 8.33333em;
  }
}

/* line 223, ../sass/partials/layout/_footer.scss */
.o-section-white {
  width: 100%;
  background-color: #fff;
}

/* line 229, ../sass/partials/layout/_footer.scss */
.footer-affiliates {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
  padding: calc(1em + 1vw) 0 calc(1em + 1vw);
}
/* line 237, ../sass/partials/layout/_footer.scss */
.footer-affiliates .item {
  display: flex;
  flex: 1;
  flex-basis: 50%;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 1em;
}
/* line 245, ../sass/partials/layout/_footer.scss */
.footer-affiliates .item img {
  max-height: 65px;
}
@media (min-width: 768px) {
  /* line 251, ../sass/partials/layout/_footer.scss */
  .footer-affiliates .item {
    flex-basis: 33%;
    margin-bottom: 1em;
  }
}
@media (min-width: 950px) {
  /* line 258, ../sass/partials/layout/_footer.scss */
  .footer-affiliates .item {
    flex-basis: 0%;
    margin-right: 1em;
  }
}
@media (min-width: 1084px) {
  /* line 265, ../sass/partials/layout/_footer.scss */
  .footer-affiliates .item {
    flex-basis: 12%;
    margin-right: 0.8em;
  }
}
@media (min-width: 1519px) {
  /* line 272, ../sass/partials/layout/_footer.scss */
  .footer-affiliates .item {
    flex-basis: 12%;
  }
  /* line 275, ../sass/partials/layout/_footer.scss */
  .footer-affiliates .item img {
    max-width: 200px;
    max-height: 85px;
  }
}

/* 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: -48px;
  margin-left: -2.66667rem;
  /* Clear fix */
  /* Very infrequently occuring grid rows as children of grid rows */
}
/* line 870, ../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;
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 21, ../sass/partials/layout/grid/_grid.scss */
  .grid {
    margin-left: -1.33333rem;
  }
}

/* Grid item */
/* line 37, ../sass/partials/layout/grid/_grid.scss */
.grid-item {
  width: 100%;
  float: left;
  padding-left: 48px;
  padding-left: 2.66667rem;
  /* Print - have to re-linearise as all browsers except Chrome will honor any width classes above the `$non-palm` breakpoint */
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 37, ../sass/partials/layout/grid/_grid.scss */
  .grid-item {
    padding-left: 1.33333rem;
  }
}
@media print {
  /* line 37, ../sass/partials/layout/grid/_grid.scss */
  .grid-item {
    width: 100% !important;
  }
}

/* Apply bottom margins between the grid elements for linearised version */
/* line 53, ../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 
  @include respond-min($non-palm, $screen-only: true) {
  	margin-bottom: 0;
  }*/
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 53, ../sass/partials/layout/grid/_grid.scss */
  .grid,
  .grid-item {
    margin-bottom: 1.33333em;
  }
}

/* --Extenders-- */
/* 'Gutterless' and 'Center align' */
/* line 73, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless,
.grid-center {
  margin-left: 0;
}

/* Gutterless */
/* line 77, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless > .grid-item {
  padding-left: 0;
}

/* Center align */
/* line 80, ../sass/partials/layout/grid/_grid.scss */
.grid-center > .grid-item {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  float: none;
}

/* Reversed */
/* line 88, ../sass/partials/layout/grid/_grid.scss */
.grid-rev > .grid-item {
  float: right;
}

/* Lists */
/* line 91, ../sass/partials/layout/grid/_grid.scss */
.grid-list {
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  margin-bottom: -24px;
  margin-bottom: -1.33333rem;
  /* 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 96, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item {
  margin-bottom: 24px;
  margin-bottom: 1.33333rem;
}
/* line 99, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item--clear {
  clear: left;
}

/*.tab-content {
    .grid-item{padding:1em;}
}*/
/**Gird height*/
/* line 107, ../sass/partials/layout/grid/_grid.scss */
.grid-alt-height {
  min-height: 28em !important;
}
@media (max-width: 634px) {
  /* line 107, ../sass/partials/layout/grid/_grid.scss */
  .grid-alt-height {
    min-height: 20em !important;
    text-align: center !important;
  }
}

/* ======================================================================================
   @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 all and (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 all and (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 all and (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 all and (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 all and (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 all and (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 all and (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 all and (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 */
/* line 1, ../sass/partials/layout/_column.scss */
.flex-grid, .flex-grid--baseline {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* line 6, ../sass/partials/layout/_column.scss */
.flex-grid .flex-item-6, .flex-grid--baseline .flex-item-6 {
  display: flex;
  flex: 1 0 100%;
  margin-bottom: 2em;
}

/* line 13, ../sass/partials/layout/_column.scss */
.flex-grid--baseline {
  align-items: center;
}

/* line 19, ../sass/partials/layout/_column.scss */
.col-6 {
  /*flex: 0 1 16.666%;*/
}

@media (min-width: 768px) {
  /* line 24, ../sass/partials/layout/_column.scss */
  .flex-grid, .flex-grid--baseline {
    display: flex;
    flex-direction: row;
  }
  /* line 29, ../sass/partials/layout/_column.scss */
  .flex-grid .flex-item-6, .flex-grid--baseline .flex-item-6 {
    flex: 1 0 50%;
    margin-bottom: 0 !important;
  }

  /* line 35, ../sass/partials/layout/_column.scss */
  .flex-grid--baseline {
    align-items: baseline !important;
  }
}
/* Abstractions */
/* ======================================================================================
   @ABSTRACTIONS - > HORIZONTAL LIST
   ====================================================================================== */
/* 
	Usage: 
		Make list items for `ul` and `ol` elements render horizontally.
	
	Note:
		Most only kick in at a certain breakpoint, still undecided on this. Will be able to make a firm decision after using the abstraction in a few builds.
	
	Demo:
		Style Guide -> Abstractions -> Horizontal List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_nav.scss
*/
/* Remove base styles */
@media all and (min-width: 40.0625em) {
  /* line 23, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list {
    /* List items */
  }
  /* line 26, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li {
    /* List items + links */
  }
  /* line 29, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li,
  .horiz-list > li > a {
    display: inline-block;
  }

  /* --Extenders-- */
  /* With dividers */
  /* line 37, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-dividers > li {
    border-left: 1px solid #4d4d4d;
    /*padding-left: to-em($spacing-half);*/
    margin-left: 0.66667em;
    /* Kill rules for the first item */
  }
  /* line 43, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-dividers > li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
  }

  /* Center align */
  /* line 51, ../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 54, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit {
    display: table;
    width: 100%;
    /* List items */
    /* When combined with the `.horiz-list-dividers` extender */
  }
  /* line 59, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit > li {
    display: table-cell;
    /* Links */
  }
  /* line 63, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit > li > a {
    display: block;
  }
  /* line 67, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list-fit.horiz-list-dividers > li {
    margin-left: 0;
    /*padding-right: to-em($spacing-half);*/
  }
}
/* Comma/slash seperated */
/* line 78, ../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 81, ../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 85, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li:after,
.horiz-list-slash > li:after {
  margin-right: 0.33333em;
}
/* line 88, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li:last-child:after,
.horiz-list-slash > li:last-child:after {
  display: none;
}

/* line 92, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-slash > li:after {
  content: "/";
  margin-left: 0.33333em;
}

/* line 97, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list-comma > li:after {
  content: ",";
}

/* Wizard style lists */
/* line 100, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list {
  background-color: #05472a;
}
/* line 103, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li {
  position: relative;
  overflow: visible;
  border-right: 0.4em solid #fff;
  border-left: 0.4em solid #fff;
  background-color: #05472a;
  color: #fff;
  position: relative;
}
/* line 111, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:first-child {
  border-left: 0;
}
/* line 112, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:first-child a {
  padding-left: 1em;
  padding-right: 0;
}
/* line 114, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover {
  background-color: #05472a;
}
/* line 115, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active {
  background-color: #05472a;
}
/* line 116, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active .nav-arrow {
  border-color: #fff #fff #fff #05472a;
}
/* line 117, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active .nav-wedge {
  border-color: #05472a #05472a #05472a transparent;
}
/* line 120, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-viewed {
  background: #05472a url("img/icon/icon-tick.png") no-repeat 97% 49%;
}
/* line 122, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-viewed:hover {
  background-color: #05472a;
}
/* line 123, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-viewed.tab-active {
  background-color: #05472a;
}
/* line 126, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li a {
  color: #fff;
  padding: 0.6em 2.5em 0.6em 0.7em;
  display: block;
}
/* line 132, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1.4em 0 1.4em 0.7em;
  border-color: #fff #fff #fff #05472a;
  z-index: 150;
}
/* line 138, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:last-child {
  border-right-color: #05472a;
}
/* line 140, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:last-child .nav-arrow {
  border-color: transparent transparent transparent #05472a;
}
/* line 143, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:last-child:hover .nav-arrow {
  border-color: transparent transparent transparent #05472a;
}
/* line 147, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.tab-active:last-child .nav-arrow {
  border-color: transparent transparent transparent #05472a;
}
/* line 150, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1.4em 0 1.4em 0.7em;
  border-color: #05472a #05472a #05472a transparent;
  z-index: 150;
}
/* line 158, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover .nav-arrow {
  border-color: #fff #fff #fff #05472a;
}
/* line 159, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover .nav-wedge {
  border-color: #05472a #05472a #05472a transparent;
}
/* line 161, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li:hover a {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}
/* line 168, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.active .nav-arrow {
  border-color: transparent transparent transparent #05472a;
}
/* line 169, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.active .nav-wedge {
  border-color: #05472a #05472a #05472a transparent;
}
/* line 170, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list > li.active a {
  background-color: #05472a;
}
@media all and (max-width: 69.6875em) {
  /* line 100, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list {
    padding-bottom: 0;
  }
  /* line 177, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li a {
    padding: 0.8em 1.5em 0.75em 0.6em;
    font-size: 85%;
  }
  /* line 181, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li .nav-wedge {
    border-width: 19px 0 20px 10px;
  }
  /* line 182, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li .nav-arrow {
    border-width: 19px 0 20px 10px;
  }
}
@media all and (max-width: 52.1875em) {
  /* line 100, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list {
    background-color: #05472a;
    padding-bottom: 0.1em;
  }
  /* line 188, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li {
    display: none;
  }
  /* line 191, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li a {
    font-size: 100%;
    padding: 0.5em 1.5em 0.5em 0.3em;
  }
  /* line 196, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li:first-child, .wizard-list > li.tab-active {
    display: inline-block;
  }
  /* line 197, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li:first-child {
    padding-right: 0;
  }
  /* line 198, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li.tab-active {
    border-right: 0;
  }
  /* line 200, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li.tab-active .nav-arrow {
    display: none;
  }
}
@media all and (max-width: 40em) {
  /* line 206, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list > li a {
    padding: 0.6em 1.5em 0.5em 0.7em;
  }
}

/*Wizard list for Overview*/
/* line 212, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview {
  background-color: transparent;
}
/* line 214, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li {
  width: 24.75%;
}
/* line 216, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li a {
  padding-right: 0;
}
/* line 217, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li:last-child {
  border-right-color: transparent;
}
/* line 219, ../sass/partials/abstractions/_horizontal-list.scss */
.wizard-list-overview li:last-child .nav-arrow {
  right: -15px;
}
@media all and (min-width: 62.875em) and (max-width: 75.3125em) {
  /* line 214, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list-overview li {
    width: 24.7%;
  }
}
@media all and (max-width: 62.8125em) {
  /* line 214, ../sass/partials/abstractions/_horizontal-list.scss */
  .wizard-list-overview li {
    width: 24.6%;
  }
}

/* ======================================================================================
   @ABSTRACTIONS -> DEFINITION LIST
   ====================================================================================== */
/*
	Usage: 
		Make the `dt` and `dd` elements of a definition list render side-by-side.

	Demo:
		Style Guide -> Abstractions -> Definition List
*/
/* line 13, ../sass/partials/abstractions/_definition-list.scss */
.def-list {
  margin-bottom: 0;
  border: 1px solid #bfbfbf;
}

/* Definiton title */
/* line 16, ../sass/partials/abstractions/_definition-list.scss */
.def-list_title {
  float: left;
  clear: left;
  width: 10em;
  background-color: #f2f2f2;
  padding: 0.2em 0.3em;
  /* Left indent at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 16, ../sass/partials/abstractions/_definition-list.scss */
  .def-list_title {
    margin-right: 0;
  }
}

/* Definiton description - left indent at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 29, ../sass/partials/abstractions/_definition-list.scss */
  .def-list_desc {
    padding: 0.2em 0.3em;
  }
}
/*Grey background*/
/* line 36, ../sass/partials/abstractions/_definition-list.scss */
.def-list.grey {
  background-color: #f2f2f2;
}

/*Icons*/
/* line 40, ../sass/partials/abstractions/_definition-list.scss */
.def-list .def-list_desc {
  position: relative;
}
@media all and (min-width: 48em) {
  /* line 42, ../sass/partials/abstractions/_definition-list.scss */
  .def-list .def-list_desc .form-main-inputs {
    position: absolute;
    top: 0;
    right: 0;
    margin-left: 1em;
    width: auto;
  }
}

/* ======================================================================================
   @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.66667em;
}

/* Links */
/* line 33, ../sass/partials/abstractions/_block-list.scss */
.block-list-link {
  display: block;
  padding: 0.66667em;
  margin: -0.66667em;
}

/* ======================================================================================
   @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: #087746;
}
/* line 25, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:hover .complex-link--target, .complex-link:focus .complex-link--target {
  color: #05472a;
  text-decoration: none;
}

/* Link target */
/* line 33, ../sass/partials/abstractions/_complex-link.scss */
.complex-link--target {
  color: #05472a;
  text-decoration: underline;
  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 all and (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.33333em;
  /* Float away at this breakpoint */
  /* Pseudo element - colon */
}
@media all and (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.33333em;
  border-radius: 5px;
  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.33333em;
  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: 24px;
  padding: 1.33333rem;
}
@media all and (max-width: 40em) {
  /* line 25, ../sass/partials/abstractions/_island.scss */
  .island {
    padding: 0.7rem;
  }
}

/* Islet - half the padding */
/* line 34, ../sass/partials/abstractions/_island.scss */
.islet {
  padding: 12px;
  padding: 0.66667rem;
}

/* line 38, ../sass/partials/abstractions/_island.scss */
.island-aside {
  border-radius: 5px;
  border: 1px solid #e3e3e3;
  background: #f2f2f2;
}

/* line 44, ../sass/partials/abstractions/_island.scss */
.island-body {
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 52, ../sass/partials/abstractions/_island.scss */
.dashboard .grade {
  color: #fff;
  padding: 0.2em;
  max-width: 6.66667em;
  margin: 0.3em auto;
}
/* line 56, ../sass/partials/abstractions/_island.scss */
.dashboard .grade.dark {
  background-color: gray;
}
/* line 60, ../sass/partials/abstractions/_island.scss */
.dashboard .title {
  max-width: 12.22222em;
  margin: 0.1em auto;
  min-height: 2.77778em;
}
/* line 65, ../sass/partials/abstractions/_island.scss */
.dashboard .locked img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
@media all and (max-width: 40em) {
  /* line 73, ../sass/partials/abstractions/_island.scss */
  .dashboard .grid-item {
    border-bottom: 1px solid #fff;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 49.9375em) {
  /* line 79, ../sass/partials/abstractions/_island.scss */
  .dashboard .non-palm-one-quarter {
    width: 33%;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 56.1875em) {
  /* line 85, ../sass/partials/abstractions/_island.scss */
  .dashboard .non-palm-one-fifth {
    width: 33.33%;
  }
  /* line 89, ../sass/partials/abstractions/_island.scss */
  .dashboard .grid {
    margin-bottom: 0;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 95, ../sass/partials/abstractions/_island.scss */
  .dashboard .grid:nth-child(2) {
    margin-bottom: 0;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 86.8125em) {
  /* line 101, ../sass/partials/abstractions/_island.scss */
  .dashboard h2, .dashboard .h4 {
    font-size: 1em;
  }
}
@media all and (min-width: 56.25em) and (max-width: 68.6875em) {
  /* line 107, ../sass/partials/abstractions/_island.scss */
  .dashboard .non-palm-one-fifth {
    width: 25%;
  }
}

@media all and (max-width: 51.1875em) {
  /* line 115, ../sass/partials/abstractions/_island.scss */
  .schedule-setup > .grid-item {
    width: 100%;
  }
}

/* line 122, ../sass/partials/abstractions/_island.scss */
.assessment .island-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/*Clinic Setup - Time and date sections*/
/* line 130, ../sass/partials/abstractions/_island.scss */
.assessment .day-block {
  padding: 0 0 0.3em 0;
}
/* line 133, ../sass/partials/abstractions/_island.scss */
.assessment .day-block span:first-child {
  width: 6.66667em;
  display: inline-block;
}
/* line 138, ../sass/partials/abstractions/_island.scss */
.assessment .day-block .time, .assessment .day-block .txt-input {
  color: #05472a;
}
/* line 143, ../sass/partials/abstractions/_island.scss */
.assessment .calendar {
  padding-top: 0;
}
/* line 146, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-day-block {
  height: 14.16667em;
  margin: 0 0.3em;
  border: 1px solid #d4d4d4;
  position: relative;
  padding: 0;
  background-color: #fff;
}
/* line 154, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-day-block span {
  position: absolute;
  width: 100%;
  display: block;
  background-color: #05472a;
}
/* line 162, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time {
  text-align: center;
}
/* line 165, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time .calendar-day-block {
  border: 0;
  background-color: transparent;
  margin-top: 1.9em;
}
/* line 171, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time ul {
  margin-left: 0;
}
/* line 174, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-time ul li {
  height: 0.83333em;
}
/* line 180, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .day-heading {
  text-align: center;
  color: #05472a;
  padding-top: 0;
}
/* line 186, ../sass/partials/abstractions/_island.scss */
.assessment .calendar .calendar-day {
  position: relative;
}
@media all and (max-width: 40em) {
  /* line 192, ../sass/partials/abstractions/_island.scss */
  .assessment .non-palm-one-eighth {
    width: 12.5%;
  }
  /* line 196, ../sass/partials/abstractions/_island.scss */
  .assessment .day-heading {
    font-size: 0.8em;
  }
  /* line 200, ../sass/partials/abstractions/_island.scss */
  .assessment .calendar .calendar-day-block {
    margin: 0;
  }
}
@media all and (max-width: 24.9375em) {
  /* line 206, ../sass/partials/abstractions/_island.scss */
  .assessment .calendar {
    position: relative;
    right: -0.65em;
  }
  /* line 211, ../sass/partials/abstractions/_island.scss */
  .assessment .day-block {
    font-size: 0.8em;
  }
  /* line 214, ../sass/partials/abstractions/_island.scss */
  .assessment .day-block label {
    width: 6.11111em;
  }
  /* line 219, ../sass/partials/abstractions/_island.scss */
  .assessment .txt-input-sml {
    width: 20%;
  }
}

/* Layout of clinic setup footer section*/
/* line 227, ../sass/partials/abstractions/_island.scss */
.assessment .setup-footer {
  border-top: 1px solid #f2f2f2;
  padding-top: 1.5em;
  text-align: right;
}

/* Overview */
/* line 236, ../sass/partials/abstractions/_island.scss */
.overview h2 {
  background-color: #05472a;
  color: #fff;
  padding-left: 0.5em;
}
/* line 242, ../sass/partials/abstractions/_island.scss */
.overview h3 {
  padding-left: 0.5em;
  font-weight: 500;
}
/* line 246, ../sass/partials/abstractions/_island.scss */
.overview h3 .dot {
  margin-left: 0;
}
/* line 252, ../sass/partials/abstractions/_island.scss */
.overview .h3 strong, .overview .module-card__title strong {
  font-weight: 500;
}
/* line 256, ../sass/partials/abstractions/_island.scss */
.overview .h3 .disc, .overview .module-card__title .disc {
  margin-left: 0;
}
/* line 261, ../sass/partials/abstractions/_island.scss */
.overview p {
  padding: 0 0.8em;
}
/* line 265, ../sass/partials/abstractions/_island.scss */
.overview .form-main-inputs {
  margin-top: 0.5em;
}

/*Register*/
/* line 273, ../sass/partials/abstractions/_island.scss */
.register .island-body.header {
  background-color: #000;
  color: #fff;
}
/* line 277, ../sass/partials/abstractions/_island.scss */
.register .island-body.header h1 {
  text-transform: none;
}

/*Profile*/
/* line 286, ../sass/partials/abstractions/_island.scss */
.island-body.heading {
  color: #000;
}
/* line 287, ../sass/partials/abstractions/_island.scss */
.island-body.heading h2 {
  color: #000 !important;
}
/* line 294, ../sass/partials/abstractions/_island.scss */
.island-body.green {
  color: #fff;
  background-color: #05472a;
}

/* ======================================================================================
   @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 all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_slats.scss */
  .slats-img,
  .slats-img-rev {
    margin-bottom: 0;
  }
}
/* line 30, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img, .islet
.slats-img-rev {
  margin-bottom: 12px;
  margin-bottom: 0.66667rem;
  /* Remove bottom margin at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 30, ../sass/partials/abstractions/_slats.scss */
  .islet .slats-img, .islet
  .slats-img-rev {
    margin-bottom: 0;
  }
}

/* line 39, ../sass/partials/abstractions/_slats.scss */
.slats-img {
  float: left;
  margin-right: 24px;
  margin-right: 1.33333rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 43, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img {
  margin-right: 12px;
  margin-right: 0.66667rem;
}
@media all and (max-width: 20em) {
  /* line 39, ../sass/partials/abstractions/_slats.scss */
  .slats-img {
    float: none;
  }
}

/* line 52, ../sass/partials/abstractions/_slats.scss */
.slats-img-sml {
  height: 4em;
}

/* Extend: reverse the image location (right instead of left) */
/* line 57, ../sass/partials/abstractions/_slats.scss */
.slats-img-rev {
  float: right;
  margin-left: 24px;
  margin-left: 1.33333rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 61, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img-rev {
  margin-left: 12px;
  margin-left: 0.66667rem;
}

/* Images */
/* line 67, ../sass/partials/abstractions/_slats.scss */
.slats-img img,
.slats-img-rev img {
  display: block;
}

/* Body container columnised at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 74, ../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 only 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.33333rem;
    -moz-column-gap: 1.33333rem;
    column-gap: 1.33333rem;
    /* 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 all and (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 all and (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 all and (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 all and (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 all and (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 all and (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 all and (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: 7px solid transparent;
  display: inline-block;
  vertical-align: middle;
}

/* Down */
/* line 31, ../sass/partials/abstractions/_arrows.scss */
.arrow-down {
  border-top-color: #262626;
  /*margin-bottom: -$arrow-width;*/
}

/* Up */
/* line 37, ../sass/partials/abstractions/_arrows.scss */
.arrow-up {
  border-bottom-color: #262626;
  margin-top: -7px;
}

/* 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;
}

/* line 49, ../sass/partials/abstractions/_arrows.scss */
.green .arrow-left, .green .arrow-right {
  background-color: #92a545;
}
/* line 52, ../sass/partials/abstractions/_arrows.scss */
.green .arrow-left:before, .green .arrow-left:after {
  border-right-color: #92a545;
}
/* line 55, ../sass/partials/abstractions/_arrows.scss */
.green .arrow-right:before, .green .arrow-right:after {
  border-left-color: #92a545;
}

/* line 62, ../sass/partials/abstractions/_arrows.scss */
.orange .arrow-left, .orange .arrow-right {
  background-color: #F47623;
}
/* line 65, ../sass/partials/abstractions/_arrows.scss */
.orange .arrow-left:before, .orange .arrow-left:after {
  border-right-color: #F47623;
}
/* line 68, ../sass/partials/abstractions/_arrows.scss */
.orange .arrow-right:before, .orange .arrow-right:after {
  border-left-color: #F47623;
}

/* line 74, ../sass/partials/abstractions/_arrows.scss */
.purple .arrow-left, .purple .arrow-right {
  background-color: #89539E;
}
/* line 77, ../sass/partials/abstractions/_arrows.scss */
.purple .arrow-left:before, .purple .arrow-left:after {
  border-right-color: #89539E;
}
/* line 80, ../sass/partials/abstractions/_arrows.scss */
.purple .arrow-right:before, .purple .arrow-right:after {
  border-left-color: #89539E;
}

/* line 86, ../sass/partials/abstractions/_arrows.scss */
.blue .arrow-left, .blue .arrow-right {
  background-color: #45bfd3;
}
/* line 89, ../sass/partials/abstractions/_arrows.scss */
.blue .arrow-left:before, .blue .arrow-left:after {
  border-right-color: #45bfd3;
}
/* line 92, ../sass/partials/abstractions/_arrows.scss */
.blue .arrow-right:before, .blue .arrow-right:after {
  border-left-color: #45bfd3;
}

/* ======================================================================================
   @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 #05472a;
  /*box-shadow: 0 1px 0 $color-grey-lightest;*/
  padding-bottom: 24px;
  padding-bottom: 1.33333rem;
}

/* --Extenders-- */
/* Larger spacing */
/* line 23, ../sass/partials/abstractions/_divider.scss */
.divider-lrg {
  padding-bottom: 48px;
  padding-bottom: 2.66667rem;
  margin-bottom: 48px;
  margin-bottom: 2.66667rem;
}

/* Smaller spacing */
/* line 29, ../sass/partials/abstractions/_divider.scss */
.divider-sml {
  padding-bottom: 12px;
  padding-bottom: 0.66667rem;
  margin-bottom: 12px;
  margin-bottom: 0.66667rem;
}

/* ======================================================================================
   @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;
}

/* ======================================================================================
   @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;
}

/* line 1, ../sass/partials/abstractions/_login-form.scss */
.login-form {
  width: 100%;
  text-align: center;
  color: #fff;
}
/* line 6, ../sass/partials/abstractions/_login-form.scss */
.login-form a {
  color: #fff;
}

@media (min-width: 768px) {
  /* line 12, ../sass/partials/abstractions/_login-form.scss */
  .login-form {
    width: 80%;
    margin-left: auto;
  }
}
/* line 1, ../sass/partials/abstractions/_module-details.scss */
.module-details {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  color: #000;
  padding: 1em 0;
}
/* line 9, ../sass/partials/abstractions/_module-details.scss */
.module-details a:hover {
  text-decoration: none !important;
}
/* line 14, ../sass/partials/abstractions/_module-details.scss */
.module-details__info {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.4em;
  align-items: center;
}
/* line 21, ../sass/partials/abstractions/_module-details.scss */
.module-details__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #44BED3;
  border-radius: 50%;
  min-width: 1.6em;
  height: 1.6em;
  font-weight: 500;
  margin-bottom: .6em;
}
/* line 33, ../sass/partials/abstractions/_module-details.scss */
.module-details__buttons {
  display: flex;
  flex-direction: column;
}
/* line 38, ../sass/partials/abstractions/_module-details.scss */
.module-details__buttons a:not(:first-child) {
  margin-top: .6em;
}
/* line 42, ../sass/partials/abstractions/_module-details.scss */
.module-details__buttons a {
  text-align: center;
  color: #000;
}
/* line 48, ../sass/partials/abstractions/_module-details.scss */
.module-details .button--blue + .button--blue, .module-details .button--right + .button--blue, .module-details .btn-main + .button--blue, .module-details .button--transparent + .button--blue, .module-details .button--left + .button--blue, .module-details .button--blue + .button--right, .module-details .button--right + .button--right, .module-details .btn-main + .button--right, .module-details .button--transparent + .button--right, .module-details .button--left + .button--right, .module-details .button--blue + .btn-main, .module-details .button--right + .btn-main, .module-details .btn-main + .btn-main, .module-details .button--transparent + .btn-main, .module-details .button--left + .btn-main, .module-details .button--blue + .button--transparent, .module-details .button--right + .button--transparent, .module-details .btn-main + .button--transparent, .module-details .button--transparent + .button--transparent, .module-details .button--left + .button--transparent, .module-details .button--blue + .button--left, .module-details .button--right + .button--left, .module-details .btn-main + .button--left, .module-details .button--transparent + .button--left, .module-details .button--left + .button--left {
  margin-left: 0px;
}

@media (min-width: 633px) {
  /* line 55, ../sass/partials/abstractions/_module-details.scss */
  .module-details {
    align-items: center;
    padding: 1em 0;
  }
  /* line 60, ../sass/partials/abstractions/_module-details.scss */
  .module-details .button--blue + .button--blue, .module-details .button--right + .button--blue, .module-details .btn-main + .button--blue, .module-details .button--transparent + .button--blue, .module-details .button--left + .button--blue, .module-details .button--blue + .button--right, .module-details .button--right + .button--right, .module-details .btn-main + .button--right, .module-details .button--transparent + .button--right, .module-details .button--left + .button--right, .module-details .button--blue + .btn-main, .module-details .button--right + .btn-main, .module-details .btn-main + .btn-main, .module-details .button--transparent + .btn-main, .module-details .button--left + .btn-main, .module-details .button--blue + .button--transparent, .module-details .button--right + .button--transparent, .module-details .btn-main + .button--transparent, .module-details .button--transparent + .button--transparent, .module-details .button--left + .button--transparent, .module-details .button--blue + .button--left, .module-details .button--right + .button--left, .module-details .btn-main + .button--left, .module-details .button--transparent + .button--left, .module-details .button--left + .button--left {
    margin-left: 5px;
  }
  /* line 65, ../sass/partials/abstractions/_module-details.scss */
  .module-details__info {
    flex-direction: row;
  }
  /* line 69, ../sass/partials/abstractions/_module-details.scss */
  .module-details__icon {
    margin-right: 1.4em;
  }
  /* line 73, ../sass/partials/abstractions/_module-details.scss */
  .module-details__buttons {
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    max-width: 620px;
  }
}
/* line 1, ../sass/partials/abstractions/_module-card.scss */
.module-card__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5rem;
}

/* line 7, ../sass/partials/abstractions/_module-card.scss */
.module-card {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  margin-bottom: 1rem;
  padding: .5rem;
  width: 50%;
  /*.u-flex {
      margin-bottom: .6em;
  }*/
}
@media (min-width: 64em) {
  /* line 7, ../sass/partials/abstractions/_module-card.scss */
  .module-card {
    width: 33.333%;
  }
}
@media (min-width: 76em) {
  /* line 7, ../sass/partials/abstractions/_module-card.scss */
  .module-card {
    width: 16.666%;
  }
}
/* line 27, ../sass/partials/abstractions/_module-card.scss */
.module-card__image img {
  max-height: 11rem;
  object-fit: cover;
  width: 100%;
}
/* line 40, ../sass/partials/abstractions/_module-card.scss */
.module-card__status--complete {
  background-color: #7ec48c;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.75rem;
}
/* line 53, ../sass/partials/abstractions/_module-card.scss */
.module-card__body {
  display: flex;
  flex-direction: column;
  color: #05472a;
  background-color: #fff;
  height: 100%;
  padding: 1.5rem 1rem;
}
/* line 61, ../sass/partials/abstractions/_module-card.scss */
.module-card__body a {
  display: block;
  text-decoration: underline;
  font-weight: 600;
  color: #05472a !important;
}
/* line 69, ../sass/partials/abstractions/_module-card.scss */
.module-card__footer {
  background-color: #fff;
}
/* line 76, ../sass/partials/abstractions/_module-card.scss */
.module-card__button, .module-card__button--review {
  border: 2px solid;
  border-color: #05472a;
  color: #05472a;
  display: flex !important;
  margin-top: auto;
  text-decoration: none !important;
  font-weight: 700;
}
/* line 85, ../sass/partials/abstractions/_module-card.scss */
.module-card__button span, .module-card__button--review span {
  align-items: center;
  display: flex;
  flex: 1;
  padding: 1rem;
}
/* line 92, ../sass/partials/abstractions/_module-card.scss */
.module-card__button svg, .module-card__button--review svg {
  width: 24px;
}
/* line 96, ../sass/partials/abstractions/_module-card.scss */
.module-card__button--review {
  border-color: #05472a;
  color: #05472a;
}
/* line 103, ../sass/partials/abstractions/_module-card.scss */
.module-card .tag {
  display: flex;
  flex-direction: column;
  font-size: .8em;
  font-weight: 400;
  /*margin-left: auto;*/
  background-color: #F0F4F7;
  color: #2A445E;
  border-radius: 3px;
  padding: .2em;
  text-align: center;
}
/* line 115, ../sass/partials/abstractions/_module-card.scss */
.module-card .tag a:hover {
  text-decoration: none !important;
}
/* line 119, ../sass/partials/abstractions/_module-card.scss */
.module-card .tag:hover {
  background-color: #44BED3;
  text-decoration: none !important;
}
/* line 124, ../sass/partials/abstractions/_module-card.scss */
.module-card .tag:last-of-type {
  margin-left: 7px;
}
/* line 131, ../sass/partials/abstractions/_module-card.scss */
.module-card .border-bottom {
  border-bottom: 1px solid #F0F4F7;
}
/* line 135, ../sass/partials/abstractions/_module-card.scss */
.module-card h5 {
  margin: .4em 0 .4em 0;
}

/* line 140, ../sass/partials/abstractions/_module-card.scss */
.u-flex-col {
  display: flex;
  flex-direction: column;
}

/* line 148, ../sass/partials/abstractions/_module-card.scss */
.module-card_backstory {
  text-align: center;
  display: flex;
  flex-direction: column;
  font-size: .8em;
  font-weight: 400;
  /* margin-left: auto; */
  background-color: #F0F4F7;
  color: #2A445E;
  border-radius: 3px;
  padding: .4em 0;
  text-align: center;
  margin-top: .8em;
}

/* line 164, ../sass/partials/abstractions/_module-card.scss */
.c-progress-circle {
  display: block;
  max-width: 3.5rem;
}

/* line 169, ../sass/partials/abstractions/_module-card.scss */
.c-progress-circle__percentage {
  font-size: 0.65em;
  font-weight: 500;
  text-anchor: middle;
}

/* line 175, ../sass/partials/abstractions/_module-card.scss */
.circle-bg {
  fill: none;
  stroke: #E0DED3;
  stroke-width: 4;
}

/* line 181, ../sass/partials/abstractions/_module-card.scss */
.circle {
  fill: none;
  stroke: #ed7b58;
  stroke-width: 4;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
/* line 1, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger, .training-cartoon .module-menu-trigger, .training-general .module-menu-trigger, .module-menu-trigger {
  position: fixed;
  top: 2rem;
  right: 1em;
  width: 2em;
  box-sizing: border-box;
  background-color: transparent;
  border: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  outline: none;
  z-index: 9999;
}
/* line 15, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger span, .training-cartoon .module-menu-trigger span, .training-general .module-menu-trigger span, .module-menu-trigger span {
  display: block;
  background-color: #05472a;
  height: 4px;
  border-radius: 2px;
  position: relative;
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
/* line 23, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger span:nth-child(2), .module-menu-trigger span:nth-child(2) {
  margin: .5em auto;
}

/* line 29, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger-public {
  width: 3em !important;
  padding: .4em !important;
}

/* line 35, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger.active span, .active.module-menu-trigger span {
  margin: 0 auto;
}
/* line 38, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger.active span:nth-child(1), .active.module-menu-trigger span:nth-child(1) {
  -webkit-transform: translateY(12px) rotate(45deg);
  -ms-transform: translateY(12px) rotate(45deg);
  -o-transform: translateY(12px) rotate(45deg);
  transform: translateY(12px) rotate(45deg);
}
/* line 45, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger.active span:nth-child(2), .active.module-menu-trigger span:nth-child(2) {
  opacity: 0;
  transform: translateY(14px);
}
/* line 50, ../sass/partials/abstractions/_menu-icon.scss */
.menu-trigger.active span:nth-child(3), .active.module-menu-trigger span:nth-child(3) {
  -webkit-transform: translateY(6px) rotate(-45deg);
  -ms-transform: translateY(6px) rotate(-45deg);
  -o-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}

/* line 60, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu, .side-bar {
  border-left: 1px solid;
  border-color: rgba(0, 42, 76, 0.1);
  background-clip: padding-box;
  box-shadow: 0 2px 8px rgba(0, 42, 76, 0.05);
  width: 80%;
  max-width: 325px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate3d(100%, 0, 0);
  transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
  padding: 4em 0 0 0;
  z-index: 999;
  background-color: #F9FBFC;
  overflow: hidden;
}
/* line 80, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu a:hover, .side-bar a:hover {
  text-decoration: none;
}
/* line 85, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu__list--ordered {
  list-style-type: none;
  margin-left: 0 !important;
}
/* line 89, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu__list--ordered li {
  counter-increment: step-counter;
  padding: 1em 2em 1em 4em;
  cursor: pointer;
}
/* line 94, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu__list--ordered li:hover {
  background-color: #F0F4F7;
}
/* line 98, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu__list--ordered li:before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: #05472a;
  color: white;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 50%;
}
/* line 111, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu ul, .side-bar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
/* line 117, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu ul li, .side-bar ul li {
  padding: 1em 2em;
  cursor: pointer;
}
/* line 122, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu ul li:hover, .side-bar ul li:hover {
  background-color: #F0F4F7;
}
/* line 126, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu ul li a, .side-bar ul li a {
  display: flex;
  align-items: center;
  color: #000;
}
/* line 134, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu ul + ol, .side-bar ul + ol {
  margin-top: -1em;
}
/* line 138, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu__icon {
  width: 1.8em;
  margin-right: 0.8em;
}
/* line 143, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu__sub-heading {
  padding: 1em 2em;
  color: #2A445E !important;
}
/* line 147, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu__sub-heading a {
  color: #2A445E;
}

/* line 153, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu.open, .open.side-bar {
  transform: translate3d(0%, 0, 0);
  opacity: 1;
  overflow-y: scroll;
}
/* line 158, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu.open::-webkit-scrollbar, .open.side-bar::-webkit-scrollbar {
  width: 1px;
}
/* line 162, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu.open::-webkit-scrollbar-track, .open.side-bar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
/* line 166, ../sass/partials/abstractions/_menu-icon.scss */
.header-nav-menu.open::-webkit-scrollbar-thumb, .open.side-bar::-webkit-scrollbar-thumb {
  background-color: #2A445E;
  outline: 1px solid slategrey;
}

/* line 1, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon, .training-general {
  /*background-color: #fff;*/
}
/* line 3, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .img-insert, .training-general .img-insert {
  width: 100%;
  /*border: 1px solid $light-grey-blue;*/
  border-radius: 4px;
  /*box-shadow: 0 3px 9px 0 rgba(0, 42, 76, 0.04);*/
  box-shadow: 0 5px 20px 0 rgba(0, 42, 76, 0.04);
  margin: 1em 0;
}
/* line 12, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .module-menu-trigger, .training-general .module-menu-trigger {
  position: absolute;
  top: 0;
  left: 0;
  margin: 1em;
  z-index: 13;
}
/* line 22, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .button, .training-cartoon .button--outline, .training-cartoon .button--outline-purple, .training-cartoon .button--primary, .training-cartoon .button--accent, .training-cartoon .button--subtle, .training-cartoon .button--small, .training-cartoon .button--blue, .training-cartoon .button--right, .training-cartoon .btn-main, .training-cartoon .button--transparent, .training-cartoon .button--left, .training-general .button, .training-general .button--outline, .training-general .button--outline-purple, .training-general .button--primary, .training-general .button--accent, .training-general .button--subtle, .training-general .button--small, .training-general .button--blue, .training-general .button--right, .training-general .btn-main, .training-general .button--transparent, .training-general .button--left {
  padding: .8em 2em;
}

/* line 27, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon-container {
  max-width: 1100px;
}

/* line 33, ../sass/partials/abstractions/_training-cartoon.scss */
.training-general .lesson-image-left, .training-general .lesson-image-right {
  display: none;
}

/* line 38, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon {
  overflow: hidden;
}
/* line 41, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .main-page, .training-cartoon .c-sleep-hazards__prompt, .training-cartoon .c-feedback__body {
  width: 100%;
  padding: 1em 0;
  background-color: transparent;
}
/* line 47, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .lesson-image-center {
  position: relative;
}
/* line 51, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .lesson-image-left, .training-cartoon .lesson-image-right {
  display: none;
}
@media (min-width: 1020px) {
  /* line 56, ../sass/partials/abstractions/_training-cartoon.scss */
  .training-cartoon .lesson-image-center {
    position: relative;
  }
  /* line 60, ../sass/partials/abstractions/_training-cartoon.scss */
  .training-cartoon .lesson-image-left, .training-cartoon .lesson-image-right {
    display: block;
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    width: 50%;
    opacity: 0.2;
    border: 1px solid #F0F4F7;
    border-radius: 4px;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
    cursor: pointer;
  }
  /* line 77, ../sass/partials/abstractions/_training-cartoon.scss */
  .training-cartoon .lesson-image-left {
    left: -32%;
  }
  /* line 81, ../sass/partials/abstractions/_training-cartoon.scss */
  .training-cartoon .lesson-image-right {
    right: -32%;
  }
}

/* line 87, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar {
  justify-content: flex-start;
  position: absolute !important;
  top: 0;
  left: 0;
  border-right: 1px solid;
  border-left: none;
  border-color: rgba(0, 42, 76, 0.1);
  padding: 1em 0 0 0;
  transform: translate3d(-100%, 0, 0);
  opacity: 1;
  color: #2A445E;
}
/* line 101, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar__heading, .side-bar__subheading {
  padding-left: 16px;
}
/* line 105, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar__heading {
  padding-top: 1em;
  margin-bottom: 1em;
}
/* line 110, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar__content {
  margin-bottom: 0 !important;
  margin-right: 0.2em;
}
/* line 115, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar p {
  margin-bottom: 0 !important;
}
/* line 120, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar ul li {
  padding: 1.2em 2.2em;
}
/* line 125, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .icon-arrow-left {
  margin: 0 1em 0 auto;
  cursor: pointer;
  color: #2A445E;
}
/* line 133, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .module li a {
  display: flex;
}
/* line 139, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .module .active.expand a {
  margin-right: 0;
}
/* line 144, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .module .status, .side-bar .module .status-complete, .side-bar .module .status-active, .side-bar .module .status-incomplete {
  display: flex;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  min-width: 18px;
  min-height: 18px;
  font-size: .8em;
}
/* line 155, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .module .status-complete {
  background-color: #44BED3;
  color: #fff;
}
/* line 161, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .module .status-active {
  background-color: #fff;
  border: 1px solid #44BED3;
}
/* line 167, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .module .status-incomplete {
  background-color: #F0F4F7;
  color: #6b778c;
  transform: rotate(45deg);
}
/* line 175, ../sass/partials/abstractions/_training-cartoon.scss */
.side-bar .sidebar.open {
  transform: translate3d(0%, 0, 0) !important;
}

/* line 182, ../sass/partials/abstractions/_training-cartoon.scss */
.subnav li {
  padding: 1.2em 0 0 0 !important;
}

/* line 189, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .main-page.c-card-activity, .training-cartoon .main-page.c-big-link-reveal__toggle, .training-cartoon .c-big-link-reveal__toggle.c-sleep-hazards__prompt, .training-cartoon .c-big-link-reveal__toggle.c-feedback__body, .training-cartoon .c-sleep-hazards__prompt, .training-cartoon .c-feedback__body {
  width: 100%;
  max-width: 100% !important;
}
/* line 195, ../sass/partials/abstractions/_training-cartoon.scss */
.training-cartoon .grid .c-container-main, .training-cartoon .grid .c-container-small, .training-cartoon .grid .c-container-med {
  width: 100%;
}

/* line 202, ../sass/partials/abstractions/_training-cartoon.scss */
.primaryFrame {
  padding: 0 !important;
}

/* line 207, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

/* line 213, ../sass/partials/abstractions/_training-cartoon.scss */
.c-bubble-tail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: top;
}

/* line 220, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message .c-text-message__bubble:before {
  position: absolute;
  top: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  content: "";
}

/* line 229, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--left-aligned {
  flex-direction: row;
}

/* line 233, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--right-aligned {
  flex-direction: row-reverse;
}

/* line 237, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message__avatar {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  border-radius: 50%;
}

/* line 244, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--left-aligned .c-text-message__avatar {
  margin-right: 1.5rem;
}

/* line 248, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--right-aligned .c-text-message__avatar {
  margin-left: 1.5rem;
}

/* line 252, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--left-aligned .c-text-message__bubble:before {
  left: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 257, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--left-aligned .c-text-message__bubble--frame:before {
  transform: unset;
}

/* line 261, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--right-aligned .c-text-message__bubble:before {
  right: 0;
  transform: translate(50%, -50%) rotate(45deg);
}

/* line 266, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message--right-aligned .c-text-message__bubble--frame:before {
  transform: unset;
}

/* line 270, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message__bubble--frame {
  bottom: .5rem;
  font-size: .85rem !important;
  font-weight: 800;
  transform: skewX(-8deg);
}

/* line 277, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message__bubble, .c-text-message__think-bubble {
  position: relative;
  flex: 1 1;
  padding: 1rem;
  background-color: #fff;
  border-radius: 8px;
  font-size: calc(11px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
}

/* line 286, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message__think-bubble {
  border-radius: 1rem;
}

/* line 290, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message__think-bubble:after, .c-text-message__think-bubble:before {
  position: absolute;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  content: "";
}

/* line 298, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message__think-bubble:before {
  top: .2rem;
  left: .25rem;
  width: 1.125rem;
  height: 1.125rem;
  box-shadow: -21px 7px 0 -4px #fff, -31px 9px 0 -6px #fff;
}

/* line 306, ../sass/partials/abstractions/_training-cartoon.scss */
.c-text-message__think-bubble:after {
  right: 2rem;
  bottom: -.6rem;
  width: 1.85rem;
  height: 1.85rem;
  box-shadow: 8px -47px 0 -9px #fff, 25px -58px 0 -8px #fff, -24px 17px 0 -8px #fff, -5px 25px 0 -10px #fff;
}

/* line 1, ../sass/partials/abstractions/_activities.scss */
.c-card-activity, .c-big-link-reveal__toggle, .c-sleep-hazards__prompt, .c-feedback__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #F0F4F7;
  border-radius: 4px;
}

/* line 14, ../sass/partials/abstractions/_activities.scss */
.population-select header {
  padding: 2em 1em;
  text-align: center;
}
/* line 20, ../sass/partials/abstractions/_activities.scss */
.population-select__banner {
  flex-direction: column;
  /*padding: 1em .5em;*/
  text-align: center;
  background-color: #44BED3;
}
/* line 26, ../sass/partials/abstractions/_activities.scss */
.population-select__banner * {
  margin: 1em .5em;
}
/* line 29, ../sass/partials/abstractions/_activities.scss */
.population-select__banner *:first-child {
  margin-bottom: 0;
}
/* line 34, ../sass/partials/abstractions/_activities.scss */
.population-select__banner img {
  width: 10%;
  max-width: 55px;
}
/* line 40, ../sass/partials/abstractions/_activities.scss */
.population-select__selections {
  flex-direction: column;
  padding: 1em;
}
/* line 44, ../sass/partials/abstractions/_activities.scss */
.population-select__selections img {
  width: 6%;
  cursor: pointer;
}
/* line 48, ../sass/partials/abstractions/_activities.scss */
.population-select__selections img:not(:first-child):not(:last-child) {
  margin: 0.8em 0 0.8em 0.8em;
}
/* line 52, ../sass/partials/abstractions/_activities.scss */
.population-select__selections img:last-child {
  margin-left: 0.8em;
}
/* line 58, ../sass/partials/abstractions/_activities.scss */
.population-select__submit, .population-select__submit.correct, .population-select__submit.incorrect {
  color: #A0A0A0;
  border: 1px solid;
  border-radius: 50%;
  min-width: 6em;
  min-height: 6em;
  font-weight: 500;
  cursor: pointer;
}
/* line 68, ../sass/partials/abstractions/_activities.scss */
.population-select__submit.correct {
  background-color: #4DBEA9 !important;
  color: #000;
}
/* line 74, ../sass/partials/abstractions/_activities.scss */
.population-select__submit.incorrect {
  background-color: #F27576 !important;
  color: #000;
}
/* line 81, ../sass/partials/abstractions/_activities.scss */
.population-select__feedback {
  visibility: hidden;
  align-items: center;
  flex-direction: column;
  width: 90%;
  margin: 1em auto 0;
  border: 1px solid #000;
  border-radius: 4px;
  padding: 1.2em;
  min-height: 82px;
  font-weight: 400;
  transform: translateY(-0.5em);
  transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 95, ../sass/partials/abstractions/_activities.scss */
.population-select__feedback p {
  margin-bottom: 0 !important;
}
/* line 99, ../sass/partials/abstractions/_activities.scss */
.population-select__feedback .icon {
  font-size: 2em;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  margin: .5em 0 0 0;
}
/* line 111, ../sass/partials/abstractions/_activities.scss */
.population-select__feedback.correct {
  display: flex;
  visibility: visible;
  background-color: #4DBEA9 !important;
  transform: translateY(0);
}
/* line 117, ../sass/partials/abstractions/_activities.scss */
.population-select__feedback.correct .icon {
  color: #4DBEA9;
}
/* line 122, ../sass/partials/abstractions/_activities.scss */
.population-select__feedback.incorrect {
  display: flex;
  visibility: visible;
  background-color: #F27576 !important;
  transform: translateY(0);
}
/* line 128, ../sass/partials/abstractions/_activities.scss */
.population-select__feedback.incorrect .icon {
  color: #F27576;
}
/* line 134, ../sass/partials/abstractions/_activities.scss */
.population-select__list {
  list-style: none !important;
  margin-left: 0 !important;
}
/* line 139, ../sass/partials/abstractions/_activities.scss */
.population-select__list li {
  margin: 2em 1em;
  border-radius: 50%;
  border: 3px solid #F0F4F7;
  background-color: #F0F4F7;
  color: #A0A0A0;
  font-weight: 500;
  min-width: 2em;
  min-height: 2em;
}
/* line 150, ../sass/partials/abstractions/_activities.scss */
.population-select__list li.selected {
  background-color: #4DBEA9;
  color: #fff;
}

@media (min-width: 768px) {
  /* line 161, ../sass/partials/abstractions/_activities.scss */
  .population-select__banner {
    flex-direction: row;
  }
  /* line 164, ../sass/partials/abstractions/_activities.scss */
  .population-select__banner * {
    margin: 1em .5em !important;
  }
  /* line 169, ../sass/partials/abstractions/_activities.scss */
  .population-select__feedback {
    flex-direction: row;
  }
  /* line 175, ../sass/partials/abstractions/_activities.scss */
  .population-select__feedback.incorrect {
    width: auto;
  }
  /* line 179, ../sass/partials/abstractions/_activities.scss */
  .population-select__feedback .icon {
    margin: 0 0 0 .5em;
  }
}
@media (min-width: 941px) {
  /* line 189, ../sass/partials/abstractions/_activities.scss */
  .population-select .l-content-container, .population-select .population-select__selections {
    width: 70%;
    margin: 0 auto;
  }
  /* line 194, ../sass/partials/abstractions/_activities.scss */
  .population-select__selections {
    flex-direction: row;
    padding: 2em 0;
  }
  /* line 200, ../sass/partials/abstractions/_activities.scss */
  .population-select__submit, .population-select__submit.correct, .population-select__submit.incorrect {
    margin-left: auto;
  }
}
/* line 210, ../sass/partials/abstractions/_activities.scss */
.u-flex, .u-flex-center, .population-select__list, .u-flex-center-axes, .population-select__submit, .population-select__submit.correct, .population-select__submit.incorrect, .population-select__list li, .u-flex-center-around, .u-flex-center-between, .c-info-banner__icon, .export {
  display: flex !important;
}

/* line 214, ../sass/partials/abstractions/_activities.scss */
.u-flex-center, .population-select__list, .u-flex-center-axes, .population-select__submit, .population-select__submit.correct, .population-select__submit.incorrect, .population-select__list li, .u-flex-center-around, .u-flex-center-between, .c-info-banner__icon {
  justify-content: center !important;
}

/* line 219, ../sass/partials/abstractions/_activities.scss */
.u-flex-center-axes, .population-select__submit, .population-select__submit.correct, .population-select__submit.incorrect, .population-select__list li, .u-flex-center-around, .u-flex-center-between, .c-info-banner__icon {
  align-items: center !important;
}

/* line 224, ../sass/partials/abstractions/_activities.scss */
.u-flex-center-around {
  justify-content: space-around !important;
}

/* line 229, ../sass/partials/abstractions/_activities.scss */
.u-flex-center-between {
  justify-content: space-between !important;
}

/* line 234, ../sass/partials/abstractions/_activities.scss */
.u-bold, .population-select header {
  font-weight: 500 !important;
}

/* line 241, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal {
  display: flex;
  flex-direction: column;
}
/* line 245, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal .c-card-activity, .c-big-link-reveal .c-big-link-reveal__toggle, .c-big-link-reveal .c-sleep-hazards__prompt, .c-big-link-reveal .c-feedback__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 251, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal__image {
  max-width: 120px;
}
/* line 255, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal__type {
  text-transform: uppercase;
  font-weight: 500;
  margin-top: 1em;
}
/* line 261, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal .c-card-activity + .c-card-activity, .c-big-link-reveal .c-big-link-reveal__toggle + .c-card-activity, .c-big-link-reveal .c-sleep-hazards__prompt + .c-card-activity, .c-big-link-reveal .c-feedback__body + .c-card-activity, .c-big-link-reveal .c-card-activity + .c-big-link-reveal__toggle, .c-big-link-reveal .c-big-link-reveal__toggle + .c-big-link-reveal__toggle, .c-big-link-reveal .c-sleep-hazards__prompt + .c-big-link-reveal__toggle, .c-big-link-reveal .c-feedback__body + .c-big-link-reveal__toggle, .c-big-link-reveal .c-card-activity + .c-sleep-hazards__prompt, .c-big-link-reveal .c-big-link-reveal__toggle + .c-sleep-hazards__prompt, .c-big-link-reveal .c-sleep-hazards__prompt + .c-sleep-hazards__prompt, .c-big-link-reveal .c-feedback__body + .c-sleep-hazards__prompt, .c-big-link-reveal .c-card-activity + .c-feedback__body, .c-big-link-reveal .c-big-link-reveal__toggle + .c-feedback__body, .c-big-link-reveal .c-sleep-hazards__prompt + .c-feedback__body, .c-big-link-reveal .c-feedback__body + .c-feedback__body {
  margin-left: 0;
  margin-top: 1em;
}
@media (min-width: 768px) {
  /* line 241, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-reveal {
    flex-direction: row;
  }
  /* line 269, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-reveal .c-card-activity + .c-card-activity, .c-big-link-reveal .c-big-link-reveal__toggle + .c-card-activity, .c-big-link-reveal .c-sleep-hazards__prompt + .c-card-activity, .c-big-link-reveal .c-feedback__body + .c-card-activity, .c-big-link-reveal .c-card-activity + .c-big-link-reveal__toggle, .c-big-link-reveal .c-big-link-reveal__toggle + .c-big-link-reveal__toggle, .c-big-link-reveal .c-sleep-hazards__prompt + .c-big-link-reveal__toggle, .c-big-link-reveal .c-feedback__body + .c-big-link-reveal__toggle, .c-big-link-reveal .c-card-activity + .c-sleep-hazards__prompt, .c-big-link-reveal .c-big-link-reveal__toggle + .c-sleep-hazards__prompt, .c-big-link-reveal .c-sleep-hazards__prompt + .c-sleep-hazards__prompt, .c-big-link-reveal .c-feedback__body + .c-sleep-hazards__prompt, .c-big-link-reveal .c-card-activity + .c-feedback__body, .c-big-link-reveal .c-big-link-reveal__toggle + .c-feedback__body, .c-big-link-reveal .c-sleep-hazards__prompt + .c-feedback__body, .c-big-link-reveal .c-feedback__body + .c-feedback__body {
    margin-left: 1em;
    margin-top: 0;
  }
}
/* line 277, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal__toggle {
  justify-content: center;
  padding: 1.5em;
  position: relative;
  overflow: hidden;
  transition: 200ms ease-in;
  min-height: 80px;
  cursor: pointer;
}
/* line 287, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal__toggle p {
  margin-bottom: 0 !important;
}
/* line 291, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal__toggle.color {
  background-color: #f58420;
}
/* line 295, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal__toggle .expand {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  padding: .1em;
  opacity: 0;
  background-color: #f58420;
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
/* line 307, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal__toggle .expand.show {
  transform: translate(-50%, -50%) scale(200);
  opacity: 1;
}
/* line 315, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal .toggle-cta span {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #f58420;
  color: #fff;
  margin-left: .5em;
  padding: .1em;
}
/* line 327, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal .toggle-cta, .c-big-link-reveal .toggle-message {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 9999;
  opacity: 0;
  transition: 200ms ease-in;
  cursor: pointer;
  display: none;
}
/* line 340, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal .toggle-message {
  font-weight: 400;
}
/* line 344, ../sass/partials/abstractions/_activities.scss */
.c-big-link-reveal .show {
  opacity: 1 !important;
  display: flex;
}

/* line 355, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select {
    /*.c-card-activity {
        flex-direction: row;
    }

    .fridge, .pantry {
        position: relative;

        img {
            height: 500px;
        }

        .item {
            z-index: 9999;
            position: absolute;
            cursor: pointer;
        }

        .yogurt {
            top: -12.7em;
            left: 6em;
            width: 5em;
        }
    }

    .drop-container {
        flex: 1;
        padding: 5em;
    }

    .target {
        width: 7em;
        height: 7em;
        border: 2px solid $light-grey;
        border-radius: 50%;
    }*/
}
/* line 391, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .c-card-activity, .c-fridge-select .c-big-link-reveal__toggle, .c-fridge-select .c-sleep-hazards__prompt, .c-fridge-select .c-feedback__body {
  flex-direction: row;
}
/* line 395, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .fridge, .c-fridge-select .pantry {
  position: relative;
}
/* line 398, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .fridge img, .c-fridge-select .pantry img {
  height: 500px;
}
/* line 402, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .fridge .container-row, .c-fridge-select .pantry .container-row {
  position: absolute;
}
/* line 406, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .fridge .first-shelf, .c-fridge-select .pantry .first-shelf {
  top: 27px;
  left: 56px;
}
/* line 411, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .fridge .second-shelf, .c-fridge-select .pantry .second-shelf {
  top: 81px;
  left: 55px;
}
/* line 416, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .fridge .third-shelf, .c-fridge-select .pantry .third-shelf {
  top: 150px;
  left: 52px;
}
/* line 420, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .fridge .third-shelf .holder, .c-fridge-select .pantry .third-shelf .holder {
  margin: 0 !important;
}
/* line 426, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .pantry {
  margin-left: .5em;
}
/* line 429, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .pantry .second-shelf {
  left: 25px;
  top: 89px;
}
/* line 434, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .pantry .third-shelf {
  top: 164px;
  left: 52px;
}
/* line 440, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .item {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 99999;
}
/* line 451, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .held {
  border: solid 10px black;
  background-color: #fff;
}
/* line 456, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .holder {
  position: relative;
  min-width: 45px;
  min-height: 50px;
  margin: 0 .2em;
}
/* line 463, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .holder.circular {
  border: 2px solid #EFEEE6;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
/* line 469, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .holder.circular .item {
  height: 80px;
  width: 80px;
}
/* line 475, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .hovered {
  border: 2px solid #1eb798;
}
/* line 479, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .invisible {
  display: none;
}
/* line 483, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .container-row {
  position: relative;
  display: flex;
  align-items: baseline;
}
/* line 489, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .selection-container {
  display: flex;
  flex-direction: column;
  flex-basis: 33.3333%;
  align-items: center;
  padding: 0 2em 2em 2em;
}
/* line 496, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .selection-container p {
  font-weight: 500;
  text-align: center;
  margin-top: 1em;
}
/* line 503, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .sometimes-row {
  align-items: flex-end;
}
/* line 507, ../sass/partials/abstractions/_activities.scss */
.c-fridge-select .sometimes-row .selection-container:last-of-type {
  flex-direction: row;
}

/* line 522, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards .c-card-activity, .c-sleep-hazards .c-big-link-reveal__toggle, .c-sleep-hazards .c-sleep-hazards__prompt, .c-sleep-hazards .c-feedback__body {
  flex-direction: column;
  align-items: flex-start;
}
/* line 527, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards .u-flex-col {
  flex: 1;
  width: 100%;
  margin-left: 0;
}
/* line 533, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards__content {
  width: 100%;
  margin-top: 1em;
  margin-left: 0 !important;
}
/* line 539, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards__content .c-card-activity, .c-sleep-hazards__content .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-feedback__body {
  flex-direction: column-reverse;
}
/* line 543, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards__content .c-card-activity + .c-card-activity, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-card-activity, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-card-activity, .c-sleep-hazards__content .c-feedback__body + .c-card-activity, .c-sleep-hazards__content .c-card-activity + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-feedback__body + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-card-activity + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-feedback__body + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-card-activity + .c-feedback__body, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-feedback__body, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-feedback__body, .c-sleep-hazards__content .c-feedback__body + .c-feedback__body {
  margin-top: .8em;
}
/* line 547, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards__content span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto .8em auto;
  border-radius: 50%;
  min-width: 2em;
  height: 2em;
  border: 1px solid #fff;
  background-color: #4fbc9c;
  border: 1px solid #2A445E;
  color: #fff;
}
/* line 560, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards__content span:before {
  font-size: 1.8em;
}
/* line 566, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards__prompt {
  background-color: #EFEEE6;
  width: 50%;
  align-items: center !important;
  justify-content: center;
  margin: 1em auto 0 auto;
}
/* line 575, ../sass/partials/abstractions/_activities.scss */
.c-sleep-hazards__prompt.complete {
  background-color: #4fbc9c;
  color: #fff;
  width: 100%;
}
@media (min-width: 1180px) {
  /* line 583, ../sass/partials/abstractions/_activities.scss */
  .c-sleep-hazards .c-card-activity, .c-sleep-hazards .c-big-link-reveal__toggle, .c-sleep-hazards .c-sleep-hazards__prompt, .c-sleep-hazards .c-feedback__body {
    flex-direction: row;
    align-items: flex-start;
  }
  /* line 589, ../sass/partials/abstractions/_activities.scss */
  .c-sleep-hazards .u-flex-col {
    margin-left: 1em;
  }
  /* line 593, ../sass/partials/abstractions/_activities.scss */
  .c-sleep-hazards svg {
    min-width: 650px;
  }
  /* line 597, ../sass/partials/abstractions/_activities.scss */
  .c-sleep-hazards__content {
    width: 100%;
    margin-left: 1em;
    margin-top: 0;
  }
  /* line 602, ../sass/partials/abstractions/_activities.scss */
  .c-sleep-hazards__content .c-card-activity + .c-card-activity, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-card-activity, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-card-activity, .c-sleep-hazards__content .c-feedback__body + .c-card-activity, .c-sleep-hazards__content .c-card-activity + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-feedback__body + .c-big-link-reveal__toggle, .c-sleep-hazards__content .c-card-activity + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-feedback__body + .c-sleep-hazards__prompt, .c-sleep-hazards__content .c-card-activity + .c-feedback__body, .c-sleep-hazards__content .c-big-link-reveal__toggle + .c-feedback__body, .c-sleep-hazards__content .c-sleep-hazards__prompt + .c-feedback__body, .c-sleep-hazards__content .c-feedback__body + .c-feedback__body {
    margin-top: .8em;
  }
  /* line 606, ../sass/partials/abstractions/_activities.scss */
  .c-sleep-hazards__content span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    min-width: 2.5em;
    height: 2.5em;
    border: 1px solid #fff;
    background-color: #4fbc9c;
    border: 1px solid #2A445E;
    color: #fff;
    margin-left: .6em;
    margin-top: 0;
  }
  /* line 620, ../sass/partials/abstractions/_activities.scss */
  .c-sleep-hazards__content span:before {
    font-size: 2em;
  }
}

/* line 635, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1em;
  position: relative;
}
/* line 643, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__header:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 2px;
  background-color: #EFEEE6;
  border-radius: 40px;
}
/* line 655, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__header .u-flex-col {
  align-items: center;
}
/* line 659, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__header img {
  max-width: 150px;
}
/* line 663, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__header .title {
  font-weight: 500;
}
/* line 668, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__body {
  display: flex;
  flex-direction: column;
}
/* line 672, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__body * {
  margin-top: 1em;
}
/* line 676, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__body .u-flex, .c-big-link-scenario__body .u-flex-center, .c-big-link-scenario__body .population-select__list, .c-big-link-scenario__body .u-flex-center-axes, .c-big-link-scenario__body .population-select__submit, .c-big-link-scenario__body .population-select__list li, .population-select__list .c-big-link-scenario__body li, .c-big-link-scenario__body .u-flex-center-around, .c-big-link-scenario__body .u-flex-center-between, .c-big-link-scenario__body .c-info-banner__icon, .c-big-link-scenario__body .export {
  flex-direction: column;
}
/* line 680, ../sass/partials/abstractions/_activities.scss */
.c-big-link-scenario__body p {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  /* line 688, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-scenario__header {
    flex-direction: row;
  }
  /* line 691, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-scenario__header .u-flex-col {
    align-items: flex-start;
  }
  /* line 695, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-scenario__header img {
    margin-right: 1em;
  }
  /* line 700, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-scenario__body {
    flex-direction: row;
    align-items: flex-start;
    padding-top: 2em;
  }
  /* line 705, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-scenario__body img {
    max-width: 52%;
    margin-right: 2em;
  }
  /* line 710, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-scenario__body * {
    margin-top: 0;
  }
  /* line 714, ../sass/partials/abstractions/_activities.scss */
  .c-big-link-scenario__body p {
    margin-bottom: 2em !important;
  }
}

/* line 726, ../sass/partials/abstractions/_activities.scss */
.c-activity-select p {
  font-weight: 500;
}
/* line 730, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__cartoon {
  height: 100%;
  width: 1350px;
  border-radius: 8px;
}
/* line 736, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__card {
  border-radius: 4px;
  border: 1px solid #EFEEE6;
  width: 15%;
  margin-right: .5em;
  margin-bottom: .5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  max-height: 150px;
  min-height: 150px;
  text-align: center;
  cursor: pointer;
  transition: box-shadow 320ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 752, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__card:hover {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
/* line 756, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__card svg {
  width: 80px;
}
/* line 760, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__card--selected {
  border: 1px solid #1eb798;
}
/* line 765, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__input {
  background-color: #EFEEE6;
}
/* line 768, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__input input {
  width: 100%;
  padding: .3em;
  margin-bottom: auto;
}
/* line 773, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__input input:focus {
  outline: none;
}
/* line 778, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__input .btn-main, .c-activity-select__input .button--transparent, .c-activity-select__input .button--left {
  padding: .4em !important;
  width: 100%;
}
/* line 784, ../sass/partials/abstractions/_activities.scss */
.c-activity-select__list {
  list-style: none !important;
  flex-wrap: wrap;
}

/* line 1, ../sass/partials/abstractions/_info-banner.scss */
.c-info-banner, .c-feedback__guideline {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #F0F4F7;
  border-radius: 4px;
  padding: 1em;
  font-size: 1.1em;
  background-color: #fff;
}
/* line 11, ../sass/partials/abstractions/_info-banner.scss */
.c-info-banner__icon {
  margin: 0 0 1em;
  border-radius: 50%;
  min-width: 2.5rem;
  min-height: 2.5rem;
  font-weight: 500;
  color: #fff !important;
  background-color: #05472a !important;
  -webkit-print-color-adjust: exact;
}
/* line 23, ../sass/partials/abstractions/_info-banner.scss */
.c-info-banner p, .c-feedback__guideline p {
  font-size: 14px;
}

/* line 28, ../sass/partials/abstractions/_info-banner.scss */
.u-border-none {
  border: none !important;
  background-color: transparent;
}

@media (min-width: 768px) {
  /* line 35, ../sass/partials/abstractions/_info-banner.scss */
  .c-info-banner, .c-feedback__guideline {
    flex-direction: row;
  }
  /* line 38, ../sass/partials/abstractions/_info-banner.scss */
  .c-info-banner__icon {
    margin: 0 1.5rem 0 0;
  }
}
/* line 44, ../sass/partials/abstractions/_info-banner.scss */
.c-info-banner-survey {
  align-items: flex-start;
  margin-bottom: 1em;
}
/* line 48, ../sass/partials/abstractions/_info-banner.scss */
.c-info-banner-survey p {
  font-size: 1.1em !important;
  padding-bottom: 0 !important;
}

/* line 1, ../sass/partials/abstractions/_activity-select.scss */
.activity-select {
  display: flex;
  flex-wrap: wrap;
}
/* line 5, ../sass/partials/abstractions/_activity-select.scss */
.activity-select__card {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  max-width: 120px;
  padding: .8em;
  /*border: 1px solid $green-correct;*/
  border: 1px solid;
  border-color: rgba(9, 30, 66, 0.09);
  border-radius: 4px;
}
/* line 18, ../sass/partials/abstractions/_activity-select.scss */
.activity-select img {
  max-width: 80%;
  align-self: flex-start;
}
/* line 23, ../sass/partials/abstractions/_activity-select.scss */
.activity-select button {
  padding: 0.4em;
}

/* line 1, ../sass/partials/abstractions/_landing.scss */
.c-landing-banner {
  background-color: #7ec48c;
  background-size: cover;
  /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);*/
}
/* line 5, ../sass/partials/abstractions/_landing.scss */
.c-landing-banner .c-container-main, .c-landing-banner .c-container-small, .c-landing-banner .c-container-med {
  padding: calc(2em + 2vw) 0 calc(4em + 4vw);
}

/* line 11, ../sass/partials/abstractions/_landing.scss */
.c-landing-section, .dashboard, .main-inner {
  background: #EFEEE6;
  background-size: cover;
  color: #000;
}
/* line 16, ../sass/partials/abstractions/_landing.scss */
.c-landing-section .c-container-med, .dashboard .c-container-med, .main-inner .c-container-med {
  padding: calc(1em + 1vw) 0 calc(1em + 1vw);
}
/* line 20, ../sass/partials/abstractions/_landing.scss */
.c-landing-section .c-container-small, .dashboard .c-container-small, .main-inner .c-container-small {
  padding: 0 0 calc(2em + 2vw);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 26, ../sass/partials/abstractions/_landing.scss */
  .c-landing-banner {
    background-color: #2B455F;
  }

  /* line 29, ../sass/partials/abstractions/_landing.scss */
  .c-landing-section, .dashboard, .main-inner {
    background: #fff;
  }
}
/* line 7, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback {
  display: flex;
  flex-direction: column !important;
}
/* line 12, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__container .u-flex-respond-reverse {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  /* line 12, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__container .u-flex-respond-reverse {
    flex-direction: row;
  }
}
/* line 21, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__container .button--transparent {
  background-color: #fff !important;
}
/* line 24, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__container .button--transparent:hover {
  color: #2A445E;
}
/* line 31, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__image {
  width: 224px;
  text-align: center;
  margin-top: 2em;
}
/* line 36, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__image p {
  margin-bottom: 0 !important;
}
@media (min-width: 980px) {
  /* line 31, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__image {
    margin-top: 0;
    margin-left: 1em;
  }
}
/* line 51, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__cartoon {
  position: relative;
  flex: 1;
  height: 100%;
  display: none;
}
/* line 57, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__cartoon img {
  position: absolute;
  bottom: -1.8em;
  left: -5em;
  max-width: 400px;
}
@media (min-width: 980px) {
  /* line 51, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__cartoon {
    display: block;
  }
}
/* line 69, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__summary {
  height: 250px;
}
@media (min-width: 980px) {
  /* line 7, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback {
    flex-direction: row !important;
  }
}

/* line 78, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__content {
  flex: 1;
  padding-top: 3em;
  min-width: 60%;
}

/* line 86, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__scale--1, .c-feedback__scale--2, .c-feedback__scale--3 {
  position: relative;
  flex: 1;
  text-align: center;
  font-weight: 500;
  padding: .6em;
}
/* line 94, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__scale--1 {
  background-color: #f37676;
  border-right: 1px solid #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 101, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__scale--2 {
  background-color: #f58420;
  border-right: 1px solid #fff;
}
/* line 106, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__scale--3 {
  background-color: #1eb798;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 114, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__guideline {
  align-items: baseline;
  background-color: #2A445E;
  color: #fff;
}

/* line 122, ../sass/partials/abstractions/_menu-feedback.scss */
.c-menu-feedback {
  list-style: none !important;
  margin-left: 0 !important;
  display: none;
}
/* line 128, ../sass/partials/abstractions/_menu-feedback.scss */
.c-menu-feedback li {
  display: flex;
  align-items: center;
  line-height: 0.7;
  padding-bottom: 1.4em;
  /*&:before {
      content: "\2022";
      color: #006b6e;
      font-size: 3em;
      padding-right: 10px;
      position: relative;
      top: 0em;
  }*/
}
/* line 134, ../sass/partials/abstractions/_menu-feedback.scss */
.c-menu-feedback li a {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  color: #000;
}
@media (min-width: 1300px) {
  /* line 122, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-menu-feedback {
    display: block;
    margin-right: 1em;
  }
}
/* line 155, ../sass/partials/abstractions/_menu-feedback.scss */
.c-menu-feedback .bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000;
  margin-right: 10px;
}

/* line 164, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__pin {
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 80px;
}

/* line 172, ../sass/partials/abstractions/_menu-feedback.scss */
.is-grey {
  fill: #E3E9ED !important;
}

/* line 176, ../sass/partials/abstractions/_menu-feedback.scss */
.is-orange {
  fill: #f58420 !important;
}

/* line 180, ../sass/partials/abstractions/_menu-feedback.scss */
.is-red {
  fill: #f37676 !important;
}

/* line 184, ../sass/partials/abstractions/_menu-feedback.scss */
.is-green {
  fill: #1eb798 !important;
}

@media (min-width: 800px) {
  /* line 195, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__body {
    flex-direction: row !important;
  }
}
/* line 203, ../sass/partials/abstractions/_menu-feedback.scss */
.module-menu-trigger {
  position: absolute;
  top: 0;
  left: 0;
  margin: 1em;
  z-index: 13;
}

/* line 214, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback.admin-container {
  margin: 0 !important;
}

/* line 219, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__survey {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
}
/* line 225, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__survey .admin-card {
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  /* line 230, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__survey .admin-card {
    max-width: none !important;
    flex: 1 1 32% !important;
  }
}
@media (min-width: 1200px) {
  /* line 237, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__survey .admin-card {
    flex: 0 1 21% !important;
  }
}
/* line 242, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__survey a {
  color: #000;
}
/* line 245, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__survey a:hover {
  text-decoration: none;
}
/* line 251, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__survey svg {
  transition: transform 420ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 254, ../sass/partials/abstractions/_menu-feedback.scss */
.c-feedback__survey svg:hover {
  transform: scale(1.05);
}
@media (min-width: 768px) {
  /* line 219, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__survey {
    flex-direction: row !important;
  }
  /* line 262, ../sass/partials/abstractions/_menu-feedback.scss */
  .c-feedback__survey * {
    margin-right: 1em;
  }
}

/* line 269, ../sass/partials/abstractions/_menu-feedback.scss */
.js-feedback-registered {
  margin-top: .5em;
}

/* line 275, ../sass/partials/abstractions/_menu-feedback.scss */
.menu-red {
  background-color: #f37676 !important;
}

/* line 279, ../sass/partials/abstractions/_menu-feedback.scss */
.menu-orange {
  background-color: #f58420 !important;
}

/* line 283, ../sass/partials/abstractions/_menu-feedback.scss */
.menu-green {
  background-color: #1eb798 !important;
}

/** Speech bubble with drop shadow and border */
/* line 4, ../sass/partials/abstractions/_speech-bubble.scss */
.speech-bubble-ds {
  background-color: #fff;
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  border-radius: 40px;
  font-size: 1.2rem;
  line-height: 1.3;
  margin: 0 auto 40px;
  max-width: 400px;
  padding: 1em;
  position: absolute;
  top: -4em;
  left: 0;
  z-index: 9999;
  font-style: italic;
}

/* line 21, ../sass/partials/abstractions/_speech-bubble.scss */
.speech-bubble-ds p {
  margin-bottom: 10px;
}

/* line 25, ../sass/partials/abstractions/_speech-bubble.scss */
.speech-bubble-ds p:last-of-type {
  margin-bottom: 0;
}

/* line 29, ../sass/partials/abstractions/_speech-bubble.scss */
.speech-bubble-ds-arrow {
  bottom: -25px;
  position: absolute;
  left: 50%;
}

/* line 35, ../sass/partials/abstractions/_speech-bubble.scss */
.speech-bubble-ds-arrow::before {
  border-right: 23px solid transparent;
  border-top: 23px solid #000;
  bottom: 2px;
  content: "";
  position: absolute;
  right: 5px;
}

/* line 44, ../sass/partials/abstractions/_speech-bubble.scss */
.speech-bubble-ds-arrow::after {
  border-right: 21px solid transparent;
  border-top: 21px solid #fff;
  bottom: 4px;
  content: "";
  position: absolute;
  right: 6px;
}

/* 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 {
  font-weight: bold;
  clear: both;
  padding: 1.75rem;
  /*border: 1px solid; 
  box-shadow: inset 0 1px 0 rgba(#fff, 0.25),
  			0 1px 2px rgba(#000, 0.3);*/
  /* Links */
}
/* line 22, ../sass/partials/modules/_feedback.scss */
.feedback a {
  /*text-decoration: underline;  Note: this may be redundant? */
  /* Pseudo classes */
  /* Note: this may be redundant? */
}
/* line 25, ../sass/partials/modules/_feedback.scss */
.feedback a:hover, .feedback a:focus {
  text-decoration: none;
}

/* Block */
/* line 34, ../sass/partials/modules/_feedback.scss */
.feedback-block {
  padding-top: 0.66667em;
  padding-bottom: 0.66667em;
  /* Shared */
  /* Paragraphs and lists */
}
@media all and (min-width: 40.0625em) {
  /* line 34, ../sass/partials/modules/_feedback.scss */
  .feedback-block {
    min-height: 18.88889em;
  }
}
/* line 43, ../sass/partials/modules/_feedback.scss */
.feedback-block .hn,
.feedback-block p,
.feedback-block .list {
  margin-bottom: 0;
}
/* line 48, ../sass/partials/modules/_feedback.scss */
.feedback-block p,
.feedback-block .list {
  margin-top: 0.33333em;
}

/* Error */
/* line 53, ../sass/partials/modules/_feedback.scss */
.feedback-error {
  background-color: #fef3f7;
  border-color: #f39797;
  /* Parent, links + headings */
}
/* line 58, ../sass/partials/modules/_feedback.scss */
.feedback-error,
.feedback-error a,
.feedback-error .hn {
  color: #6f0f0f;
}

/* Error */
/* line 64, ../sass/partials/modules/_feedback.scss */
.feedback-validation {
  background-color: #fef3f7;
  border-color: #f39797;
  display: block;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.35;
  /* Parent, links + headings */
}
/* line 71, ../sass/partials/modules/_feedback.scss */
.feedback-validation,
.feedback-validation a,
.feedback-validation .hn {
  color: #6f0f0f;
}

/* Warning */
/* line 77, ../sass/partials/modules/_feedback.scss */
.feedback-warning {
  background-color: #faf2c9;
  border-color: #f3de7c;
  /* Parent, links + headings */
}
/* line 82, ../sass/partials/modules/_feedback.scss */
.feedback-warning,
.feedback-warning a,
.feedback-warning .hn {
  color: #4e4207;
}

/* Success */
/* line 88, ../sass/partials/modules/_feedback.scss */
.feedback-success {
  background-color: #f0f8f2;
  border-color: #a5cf83;
  /* Parent, links + headings */
}
/* line 93, ../sass/partials/modules/_feedback.scss */
.feedback-success,
.feedback-success a,
.feedback-success .hn {
  color: #2b4119;
}

/* Info */
/* line 99, ../sass/partials/modules/_feedback.scss */
.feedback-info {
  background-color: #eff9fe;
  border-color: #86c5e6;
  /* Parent, links + headings */
}
/* line 104, ../sass/partials/modules/_feedback.scss */
.feedback-info,
.feedback-info a,
.feedback-info .hn {
  color: #154c69;
}

/* Notification complete */
/* line 110, ../sass/partials/modules/_feedback.scss */
.user-notifications-complete {
  border-radius: 5px;
  background: white;
  color: green;
  padding: 0.22em 0.55em;
  border-radius: 50%;
  border: 1px solid green;
  position: absolute;
  top: -0.9em;
  right: 0.5em;
  display: inline-block;
  /* Transition */
  -webkit-animation: bounce 0.6s 3s 3 both;
  animation: bounce 0.6s 3s 3 both;
}

/*Scale feedback*/
/* line 124, ../sass/partials/modules/_feedback.scss */
.survey-scale .feedback {
  text-align: left;
}
/* line 126, ../sass/partials/modules/_feedback.scss */
.survey-scale .feedback.feedback-validation {
  font-weight: bold;
}
/* line 128, ../sass/partials/modules/_feedback.scss */
.survey-scale legend {
  width: 100% !important;
  margin-bottom: 0.5em;
}
/* line 129, ../sass/partials/modules/_feedback.scss */
.survey-scale .txt {
  width: 100% !important;
}

/* line 133, ../sass/partials/modules/_feedback.scss */
.feedback-error__icon {
  display: flex;
  width: 1.4em;
  height: 1.4em;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #F27676;
  color: #fff !important;
  font-size: 0.8em;
}

/* ======================================================================================
   @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;
  /* Print */
}
@media print {
  /* line 13, ../sass/partials/modules/_sprite.scss */
  .sprite {
    display: none;
  }
}

/* --Set sprites-- */
/* PAW */
/* small - white */
/* line 31, ../sass/partials/modules/_sprite.scss */
.paw-sml-white {
  width: 25px;
  height: 28px;
  background-position: -462px 0;
  margin-right: 0.33333em;
}

/* 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;
}

/* ghost - renders no icon, is used to create the space of an icon */
/* line 84, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost {
  width: 0;
}

/* --Extenders-- */
/* Apply some spacing between the sprite element and adjacent text */
/* line 91, ../sass/partials/modules/_sprite.scss */
.sprite--spacing {
  margin-right: 0.22222em;
}

/* ======================================================================================
   @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;
}

/* --Set icons-- */
/* Settings */
/* line 26, ../sass/partials/modules/_icon.scss */
.icon-settings:before {
  content: "\e000";
}

/* Products */
/* line 29, ../sass/partials/modules/_icon.scss */
.icon-products:before {
  content: "\e001";
}

/* Users */
/* line 32, ../sass/partials/modules/_icon.scss */
.icon-user:before {
  content: "\e002";
}

/* Orders */
/* line 35, ../sass/partials/modules/_icon.scss */
.icon-orders:before {
  content: "\e003";
}

/* Logout */
/* line 38, ../sass/partials/modules/_icon.scss */
.icon-logout:before {
  content: "\e004";
}

/* News */
/* line 41, ../sass/partials/modules/_icon.scss */
.icon-news:before {
  content: "\e005";
}

/* Content */
/* line 44, ../sass/partials/modules/_icon.scss */
.icon-content:before {
  content: "\e006";
}

/* Media */
/* line 47, ../sass/partials/modules/_icon.scss */
.icon-media:before {
  content: "\e007";
}

/* Info */
/* line 50, ../sass/partials/modules/_icon.scss */
.icon-info:before {
  content: "\e008";
}

/* Success */
/* line 53, ../sass/partials/modules/_icon.scss */
.icon-success:before {
  content: "\e009";
}

/* Error */
/* line 56, ../sass/partials/modules/_icon.scss */
.icon-error:before {
  content: "\e00a";
}

/* Warning */
/* line 59, ../sass/partials/modules/_icon.scss */
.icon-warning:before {
  content: "\e00b";
}

/* Search */
/* line 62, ../sass/partials/modules/_icon.scss */
.icon-search:before {
  content: "\e00c";
}

/* Email Campaigns */
/* line 65, ../sass/partials/modules/_icon.scss */
.icon-email-campaigns:before {
  content: "\e00d";
}

/* Home */
/* line 68, ../sass/partials/modules/_icon.scss */
.icon-home:before {
  content: "\e00e";
}

/* Partners */
/* line 71, ../sass/partials/modules/_icon.scss */
.icon-partners:before {
  content: "\e00f";
}

/* Help */
/* line 74, ../sass/partials/modules/_icon.scss */
.icon-help:before {
  content: "\e010";
}

/* Website */
/* line 77, ../sass/partials/modules/_icon.scss */
.icon-website:before {
  content: "\e011";
}

/* Analytics */
/* line 80, ../sass/partials/modules/_icon.scss */
.icon-analytics:before {
  content: "\e012";
}

/* Menu */
/* line 83, ../sass/partials/modules/_icon.scss */
.icon-caret-down:before {
  content: "\e013";
}

/* --Social-- */
/* Facebook Box */
/* line 88, ../sass/partials/modules/_icon.scss */
.icon-facebook-box:before {
  content: "\e025";
}

/* Twitter Box */
/* line 91, ../sass/partials/modules/_icon.scss */
.icon-twitter-box:before {
  content: "\e026";
}

/* Google + */
/* line 94, ../sass/partials/modules/_icon.scss */
.icon-google-plus:before {
  content: "\e02a";
}

/* Youtube dark */
/* line 97, ../sass/partials/modules/_icon.scss */
.icon-youtube-dark:before {
  content: "\e602";
}

/* Youtube clear */
/* line 100, ../sass/partials/modules/_icon.scss */
.icon-youtube-clear:before {
  content: "\e603";
}

/* Facebook Disc */
/* line 103, ../sass/partials/modules/_icon.scss */
.icon-facebook-disc:before {
  content: "\e627";
}

/* Instagram */
/* line 106, ../sass/partials/modules/_icon.scss */
.icon-instagram:before {
  content: "\e628";
}

/* Twitter Disc */
/* line 109, ../sass/partials/modules/_icon.scss */
.icon-twitter-disc:before {
  content: "\e629";
}

/* Facebook plain */
/* line 112, ../sass/partials/modules/_icon.scss */
.icon-facebook:before {
  content: "\e62f";
}

/* Twitter */
/* line 115, ../sass/partials/modules/_icon.scss */
.icon-twitter:before {
  content: "\e630";
}

/*Help*/
/* line 118, ../sass/partials/modules/_icon.scss */
.icon-help:before {
  content: "\e900";
}

/*Home2*/
/* line 121, ../sass/partials/modules/_icon.scss */
.icon-home2:before {
  content: "\e901";
}

/*Logout2*/
/* line 124, ../sass/partials/modules/_icon.scss */
.icon-logout2:before {
  content: "\e902";
}

/*Profile*/
/* line 127, ../sass/partials/modules/_icon.scss */
.icon-profile:before {
  content: "\e903";
}

/*Download*/
/* line 130, ../sass/partials/modules/_icon.scss */
.icon-download:before {
  content: "\e904";
}

/*Menu*/
/* line 133, ../sass/partials/modules/_icon.scss */
.icon-menu:before {
  content: "\e905";
}

/*Notifications*/
/* line 136, ../sass/partials/modules/_icon.scss */
.icon-notifications:before {
  content: "\e906";
}

/*Edit*/
/*.icon-edit:before {content:"\e907";}*/
/* line 140, ../sass/partials/modules/_icon.scss */
.icon-edit:before {
  content: "\e907";
}

/*Eye*/
/* line 145, ../sass/partials/modules/_icon.scss */
.icon-eye:before {
  content: "\e908";
}

/*Video Camera*/
/* line 150, ../sass/partials/modules/_icon.scss */
.icon-video-camera:before {
  content: "\e909";
}

/*Clipboard*/
/* line 153, ../sass/partials/modules/_icon.scss */
.icon-clipboard:before {
  content: "\e90a";
}

/*Question*/
/* line 156, ../sass/partials/modules/_icon.scss */
.icon-question:before {
  content: "\e90b";
}

/*Speech*/
/* line 159, ../sass/partials/modules/_icon.scss */
.icon-speech:before {
  content: "\e90c";
}

/*Print*/
/* line 162, ../sass/partials/modules/_icon.scss */
.icon-print:before {
  content: "\e90d";
}

/*Calendar*/
/* line 165, ../sass/partials/modules/_icon.scss */
.icon-calendar:before {
  content: "\e90e";
}

/*Arrow left*/
/* line 168, ../sass/partials/modules/_icon.scss */
.icon-arrow-left:before {
  content: "\e90f";
}

/*Arrow right*/
/* line 171, ../sass/partials/modules/_icon.scss */
.icon-arrow-right:before {
  content: "\e910";
}

/*Floppy disc*/
/* line 174, ../sass/partials/modules/_icon.scss */
.icon-save:before {
  content: "\e911";
}

/*Link*/
/* line 177, ../sass/partials/modules/_icon.scss */
.icon-link:before {
  content: "\e912";
}

/*Question*/
/* line 180, ../sass/partials/modules/_icon.scss */
.icon-questionnaire:before {
  content: "\e915";
}

/*Time*/
/* line 183, ../sass/partials/modules/_icon.scss */
.icon-time:before {
  content: "\e916";
}

/*Library*/
/* line 186, ../sass/partials/modules/_icon.scss */
.icon-library:before {
  content: "\e917";
}

/*webinar*/
/* line 189, ../sass/partials/modules/_icon.scss */
.icon-webinar:before {
  content: "\e918";
}

/*Feedback*/
/* line 192, ../sass/partials/modules/_icon.scss */
.icon-feedback:before {
  content: "\e919";
}

/*Invite*/
/* line 195, ../sass/partials/modules/_icon.scss */
.icon-invite:before {
  content: "\e91a";
}

/*Module*/
/* line 198, ../sass/partials/modules/_icon.scss */
.icon-module:before {
  content: "\e91b";
}

/*Home disc*/
/* line 201, ../sass/partials/modules/_icon.scss */
.icon-home-disc:before {
  content: "\e91c";
}

/*Home disc*/
/* line 206, ../sass/partials/modules/_icon.scss */
.icon-swap:before {
  content: "\e91d";
}

/* Checked clear */
/* line 211, ../sass/partials/modules/_icon.scss */
.icon-tick:before {
  content: "\ea10";
}

/*Users*/
/* line 214, ../sass/partials/modules/_icon.scss */
.icon-users:before {
  content: "\f0c0";
}

/*Sort handle*/
/* line 217, ../sass/partials/modules/_icon.scss */
.icon-sort:before {
  content: "\f142";
}

/*Database*/
/* line 220, ../sass/partials/modules/_icon.scss */
.icon-database:before {
  content: "\f1c0";
}

/*Bookmark*/
/* line 223, ../sass/partials/modules/_icon.scss */
.icon-bookmark:before {
  content: "\e913";
}

/*Bookmarked*/
/* line 226, ../sass/partials/modules/_icon.scss */
.icon-bookmarked:before {
  content: "\e914";
}

/*Attach*/
/* line 231, ../sass/partials/modules/_icon.scss */
.icon-attach:before {
  content: "\e9cd";
}

/*Circle up*/
/* line 236, ../sass/partials/modules/_icon.scss */
.icon-circle-up:before {
  content: "\ea41";
}

/* line 240, ../sass/partials/modules/_icon.scss */
.icon-pdf:before {
  content: "\eadf";
}

/* line 244, ../sass/partials/modules/_icon.scss */
.icon-excel:before {
  content: "\eae2";
}

/* line 248, ../sass/partials/modules/_icon.scss */
.icon-share:before {
  content: "\ea82";
}

/* line 252, ../sass/partials/modules/_icon.scss */
.icon-phone:before {
  content: "\e942";
}

/* line 256, ../sass/partials/modules/_icon.scss */
.icon-stopwatch:before {
  content: "\e952";
}

/* line 260, ../sass/partials/modules/_icon.scss */
.icon-mobile:before {
  content: "\e958";
}

/* line 264, ../sass/partials/modules/_icon.scss */
.icon-user-2:before {
  content: "\e971";
}

/* line 268, ../sass/partials/modules/_icon.scss */
.icon-user-plus:before {
  content: "\e973";
}

/* line 272, ../sass/partials/modules/_icon.scss */
.icon-user-check:before {
  content: "\e975";
}

/* line 276, ../sass/partials/modules/_icon.scss */
.icon-key:before {
  content: "\e98d";
}

/* line 280, ../sass/partials/modules/_icon.scss */
.icon-undo:before {
  content: "\e965";
}

/* line 284, ../sass/partials/modules/_icon.scss */
.icon-info:before {
  content: "\e91e";
}

/* line 288, ../sass/partials/modules/_icon.scss */
.icon-check:before {
  content: "\e92d";
}

/* line 292, ../sass/partials/modules/_icon.scss */
.icon-arrow-left:before {
  content: "\e094";
}

/* line 296, ../sass/partials/modules/_icon.scss */
.icon-plus:before {
  content: "\e114";
}

/* line 300, ../sass/partials/modules/_icon.scss */
.icon-incorrect:before {
  content: "\e114";
  transform: rotate(45deg);
}

/* --Extenders-- */
/* Apply some spacing between the icon element and adjacent text */
/* line 307, ../sass/partials/modules/_icon.scss */
.icon-spacing:before {
  margin-right: 0.22222em;
}

/* Remove the negative 1px top positiong */
/* line 312, ../sass/partials/modules/_icon.scss */
.icon-flush-top:before {
  position: static;
}

/* line 313, ../sass/partials/modules/_icon.scss */
.icon-flush:before {
  margin-right: 0;
}

/* Fixed width */
/* line 316, ../sass/partials/modules/_icon.scss */
.icon-fixed-width:before {
  width: 1em;
  text-align: center;
}

/* -Alternate sizes- */
/* Small */
/* line 324, ../sass/partials/modules/_icon.scss */
.icon-sml:before {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1;
}

/* Large */
/* line 327, ../sass/partials/modules/_icon.scss */
.icon-lrg:before {
  font-size: 32px;
  font-size: 1.77778rem;
  line-height: 1;
}

/* Huge */
/* line 330, ../sass/partials/modules/_icon.scss */
.icon-huge:before {
  font-size: 64px;
  font-size: 3.55556rem;
  line-height: 1;
}

/* Default */
/* line 333, ../sass/partials/modules/_icon.scss */
.icon-default:before {
  font-size: inherit;
}

/*Color*/
/* line 336, ../sass/partials/modules/_icon.scss */
.icon.teal {
  color: #fff;
}

/* line 340, ../sass/partials/modules/_icon.scss */
.icon-volume:before {
  content: "\e91f";
}

/* line 344, ../sass/partials/modules/_icon.scss */
.icon-volume-logo:before {
  content: "\e908";
}

/* line 348, ../sass/partials/modules/_icon.scss */
.icon-volume-mute:before {
  content: "\e931";
}

/* line 352, ../sass/partials/modules/_icon.scss */
.icon-pause:before {
  content: "\ea1d";
}

/* line 356, ../sass/partials/modules/_icon.scss */
.icon-play:before {
  content: "\f04b";
}

/* line 361, ../sass/partials/modules/_icon.scss */
.icon-buoy:before {
  content: "\f1cd";
}

/* line 366, ../sass/partials/modules/_icon.scss */
.icon-rapport:before {
  content: "\e93c";
}

/* line 371, ../sass/partials/modules/_icon.scss */
.icon-unlocked:before {
  content: "\e932";
}

/* line 376, ../sass/partials/modules/_icon.scss */
.icon-idea:before {
  content: "\e937";
}

/* ======================================================================================
   @MODULES -> ICON
   ====================================================================================== */
/*
	Usage: 
		Applies an icon font and nothing else (similar to the sprite module).
	
	Demo:
		Style Guide -> Modules -> Icon
*/
@font-face {
  font-family: 'emoticons';
  src: url("fonts/emoticons/emoticons.eot?-erybr4");
  src: url("fonts/emoticons/emoticons.eot?#iefix-erybr4") format("embedded-opentype"), url("fonts/emoticons/emoticons.ttf?-erybr4") format("truetype"), url("fonts/emoticons/emoticons.woff?-erybr4") format("woff"), url("fonts/emoticons/emoticons.svg?-erybr4#emoticons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 24, ../sass/partials/modules/_emoticons.scss */
.emoticon:before {
  /*@extend %sprite-icon;*/
  speak: none;
  font-family: 'emoticons';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 2.5em;
}

/* --Set icons-- */
/*Calm*/
/* line 38, ../sass/partials/modules/_emoticons.scss */
.emoticon-calm:before {
  content: "\62";
}

/*Grateful*/
/* line 41, ../sass/partials/modules/_emoticons.scss */
.emoticon-grateful:before {
  content: "\6a";
}

/*Excited*/
/* line 44, ../sass/partials/modules/_emoticons.scss */
.emoticon-excited:before {
  content: "\44";
}

/*Happy*/
/* line 47, ../sass/partials/modules/_emoticons.scss */
.emoticon-happy:before {
  content: "\29";
}

/*Determined*/
/* line 50, ../sass/partials/modules/_emoticons.scss */
.emoticon-determined:before {
  content: "\58";
}

/*Inspired*/
/* line 53, ../sass/partials/modules/_emoticons.scss */
.emoticon-inspired:before {
  content: "\67";
}

/*Lovestruck*/
/* line 56, ../sass/partials/modules/_emoticons.scss */
.emoticon-lovestruck:before {
  content: "\69";
}

/*Strong*/
/* line 59, ../sass/partials/modules/_emoticons.scss */
.emoticon-strong:before {
  content: "\34";
}

/*Hopeful*/
/* line 62, ../sass/partials/modules/_emoticons.scss */
.emoticon-hopeful:before {
  content: "\48";
}

/*Tired*/
/* line 65, ../sass/partials/modules/_emoticons.scss */
.emoticon-tired:before {
  content: "\5a";
}

/*Bored*/
/* line 68, ../sass/partials/modules/_emoticons.scss */
.emoticon-bored:before {
  content: "\47";
}

/*Lonely*/
/* line 71, ../sass/partials/modules/_emoticons.scss */
.emoticon-lonely:before {
  content: "\43";
}

/*Guilty*/
/* line 74, ../sass/partials/modules/_emoticons.scss */
.emoticon-guilty:before {
  content: "\28";
}

/*Irritable*/
/* line 77, ../sass/partials/modules/_emoticons.scss */
.emoticon-irritable:before {
  content: "\73";
}

/*Restless*/
/* line 80, ../sass/partials/modules/_emoticons.scss */
.emoticon-restless:before {
  content: "\4a";
}

/*Afraid*/
/* line 83, ../sass/partials/modules/_emoticons.scss */
.emoticon-afraid:before {
  content: "\76";
}

/*Distressed*/
/* line 86, ../sass/partials/modules/_emoticons.scss */
.emoticon-distressed:before {
  content: "\64";
}

/*Misunderstood*/
/* line 89, ../sass/partials/modules/_emoticons.scss */
.emoticon-misunderstood:before {
  content: "\49";
}

/*Needy*/
/* line 92, ../sass/partials/modules/_emoticons.scss */
.emoticon-needy:before {
  content: "\68";
}

/*Sad*/
/* line 95, ../sass/partials/modules/_emoticons.scss */
.emoticon-sad:before {
  content: "\6b";
}

/*Anxious*/
/* line 98, ../sass/partials/modules/_emoticons.scss */
.emoticon-anxious:before {
  content: "\75";
}

/*Ashamed*/
/* line 101, ../sass/partials/modules/_emoticons.scss */
.emoticon-ashamed:before {
  content: "\65";
}

/*Obsessed*/
/* line 104, ../sass/partials/modules/_emoticons.scss */
.emoticon-obsessed:before {
  content: "\55";
}

/*Angry*/
/* line 107, ../sass/partials/modules/_emoticons.scss */
.emoticon-angry:before {
  content: "\33";
}

/*Depressed*/
/* line 110, ../sass/partials/modules/_emoticons.scss */
.emoticon-depressed:before {
  content: "\6e";
}

/*Craving*/
/* line 113, ../sass/partials/modules/_emoticons.scss */
.emoticon-craving:before {
  content: "\61";
}

/*Pain*/
/* line 116, ../sass/partials/modules/_emoticons.scss */
.emoticon-pain:before {
  content: "\53";
}

/*Resentful*/
/* line 119, ../sass/partials/modules/_emoticons.scss */
.emoticon-resentful:before {
  content: "\36";
}

/* ======================================================================================
   @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: 33px;
  height: 33px;
  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.33333em;
}

/* 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-radius: 5px;
  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 19, ../sass/partials/modules/_pagination.scss */
.pagination li,
.pagination a,
.pagination .pagination--skip:before {
  display: inline-block;
}
/* line 24, ../sass/partials/modules/_pagination.scss */
.pagination li {
  margin: 0.22222em 0em 0.22222em 0.11111em;
  /* Adjust margin at this breakpoint */
  /* Turn off margin for first child */
}
@media all and (min-width: 48em) {
  /* line 24, ../sass/partials/modules/_pagination.scss */
  .pagination li {
    margin: 0em 0em 0em 0.11111em;
  }
}
/* line 33, ../sass/partials/modules/_pagination.scss */
.pagination li:first-child {
  margin-left: 0;
}
/* line 37, ../sass/partials/modules/_pagination.scss */
.pagination a, .pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  /*@include to-em(padding, $spacing-micro $spacing-third);*/
  padding: 0 0.5em;
  /*height:to-em(35);*/
  background-color: #e3e3e3;
  text-decoration: none;
  /* Note: this may be redundant? */
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  /* 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 a {
        /*padding-top: 0.35em;
        font-size: 1.2em;
        height: 2.35em;

        @include respond-max($palm){padding-top:0.4em;}*/
  padding-top: 0.4em;
}
/* line 68, ../sass/partials/modules/_pagination.scss */
.pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 0.33333em 0.44444em;
  color: #05472a;
}
/* line 77, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before,
.pagination a[rel="next"]:after {
  speak: none;
  vertical-align: top;
}
/* line 84, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before {
  content: "\2039";
  margin-right: 0.33333em;
}
/* line 90, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="next"]:after {
  content: "\203a";
  margin-left: 0.33333em;
}

/* Page count */
/* line 97, ../sass/partials/modules/_pagination.scss */
.pagination--count {
  padding-right: 0.22222em;
  /* Change the display at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 102, ../sass/partials/modules/_pagination.scss */
  .pagination .pagination--count {
    display: block;
  }
}

/* Page jump - pseudo element - horizontal ellipsis glyph */
/* line 107, ../sass/partials/modules/_pagination.scss */
.pagination--skip:before {
  content: "\2026";
  speak: none;
  margin-right: 0.33333em;
  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: -24px;
  margin-bottom: -1.33333rem;
  /* 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: 24px;
  margin-bottom: 1.33333rem;
}
/* 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 {
  margin-left: 0 !important;
  list-style: none !important;
  /* Accordion items */
}
/* line 17, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li {
  border-top: 1px solid #e3e3e3;
  /* Turn off border for first child */
}
/* line 21, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li:first-child {
  border-top: 0;
}
/* line 25, ../sass/partials/modules/widgets/_accordion.scss */
.accordion h3.accordion-header:before {
  background: transparent;
}

/* Shared */
/* line 33, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-header,
.accordion-content {
  width: 100%;
}

/* Note: have to set a width otherwise animation jumps. */
/* Heading */
/* line 37, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-header {
  padding: 0.33333em 0.66667em;
  background-color: #f2f2f2;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  /* JS on */
  /* Pseudo element - plus glyph */
  /* Expanded state */
  /* Print */
}
/* line 45, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header {
  cursor: pointer;
  /* Pseudo classes */
}
/* line 48, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header:hover, .js .accordion-header:focus {
  background: #4d4d4d;
  color: #fff;
}
/* line 55, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header:before {
        /*content: "\002B";
			display: inline-block;*/
  speak: none;
        /*margin-right: to-em($spacing-quarter);
			vertical-align: top;*/
  /* Print */
}
@media print {
  /* line 55, ../sass/partials/modules/widgets/_accordion.scss */
  .js .accordion-header:before {
    display: none;
  }
}
/* line 68, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion-header {
  background: #05472a;
  color: #fff;
  /* Pseudo element - minus glyph */
  /*&:before {
      content: "\2212";
  }*/
}
@media print {
  /* line 37, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-header {
    border-bottom: 1px solid;
  }
}

/* Content */
/* line 83, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-content {
  padding: 0.66667em;
  display: none;
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
@media all and (min-width: 40.0625em) {
  /* line 83, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-content {
    padding: 1.33333em;
  }
}
/* line 93, ../sass/partials/modules/widgets/_accordion.scss */
.no-js .accordion-content {
  display: block;
}
@media print {
  /* line 83, ../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. */
  }
}

/* line 102, ../sass/partials/modules/widgets/_accordion.scss */
.content-body .accordion {
  margin-top: 0;
}
/* line 104, ../sass/partials/modules/widgets/_accordion.scss */
.content-body .accordion .accordion-header {
  color: #000;
  text-transform: none;
  background-color: transparent;
  padding-left: 0;
}
/* line 110, ../sass/partials/modules/widgets/_accordion.scss */
.content-body .accordion .accordion-content {
  padding: 0;
}

/* line 117, ../sass/partials/modules/widgets/_accordion.scss */
.accordion label {
  position: relative;
  width: 100%;
}
/* line 120, ../sass/partials/modules/widgets/_accordion.scss */
.accordion label:before {
  margin-right: 0 !important;
  position: absolute;
  right: 0;
  padding: 0 !important;
}

/* ======================================================================================
   @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/
*/
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider/flexslider-icon.eot");
  src: url("fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider/flexslider-icon.woff") format("woff"), url("fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 28, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  position: relative;
  /* Print */
  /* Slides container */
  /* Slides - hide the slides before JS is loaded to avoid images jumping */
  /* Images */
}
@media print {
  /* line 28, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider {
    display: none;
  }
}
/* line 40, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  /* First child should always be visible */
  /* Print */
}
/* line 44, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}
@media print {
  /* line 40, ../sass/partials/modules/widgets/_flexslider.scss */
  .flexslider .slides > li {
    float: none !important;
  }
}
/* line 54, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides img {
  display: block;
  margin: 0 auto;
}

/* Pager nav */
/* line 61, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging {
  position: absolute;
  bottom: 0.44444em;
  left: 50%;
  margin-left: -38px !important;
  /* Note: this equals half of what the width is */
  /* Print */
  /* Pager nav items */
  /* Links */
}
@media print {
  /* line 61, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-control-paging {
    display: none;
  }
}
/* line 71, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li {
  display: inline-block;
}
/* line 75, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging a {
  width: 1.77778em;
  height: 1.77778em;
  overflow: hidden;
  display: block;
  cursor: pointer;
  margin-right: 0.33333em;
  /* Note: demo styles, please remove. */
  text-decoration: none;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  text-indent: 0;
  font: bold 13px/26px Consolas, "Courier New", Courier, monospace;
  /* Pseudo classes + active state */
}
/* line 91, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging a:hover, .flex-control-paging a:focus, .flex-control-paging a.flex-active {
  /* Note: demo styles, please remove. */
  background-color: #05472a;
  color: #fff;
}

/* Prev/next nav */
/* line 102, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav {
  list-style: none !important;
}

/* line 103, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a {
  text-decoration: none;
  /* Note: this may be redundant? */
  display: block;
  /* Note: demo styles, please remove. */
  width: 3.5em;
  height: 4em;
  text-align: center;
  padding-top: 0.5em;
  overflow: hidden;
  position: absolute;
  top: 41%;
  margin-top: -20px;
  /* Note: this equals half of what the height is */
  background-color: rgba(0, 0, 0, 0.2);
  text-indent: 0 !important;
  border-radius: 3px;
}
/* line 119, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
/* line 120, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  color: #f2f2f2;
}
/* line 121, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a.flex-prev {
  left: 0;
}
/* line 124, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a.flex-prev:before {
  content: '\f001';
}
/* line 126, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a.flex-next {
  right: 0;
}
/* line 129, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
@media all and (max-width: 40em) {
  /* line 103, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav a {
    width: 2em;
    height: 3em;
  }
  /* line 134, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav a:before {
    font-size: 20px;
  }
  /* line 135, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav a.flex-prev {
    left: 0;
  }
  /* line 138, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav a.flex-next {
    right: 0;
  }
}

/* Print */
@media print {
  /* line 146, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav {
    display: none;
  }
}
/* Prev */
/* line 152, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-prev {
  left: 0;
  /* Pseudo classes */
  /* Note: demo styles, please remove. */
}
/* line 155, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-prev:hover, .flex-prev:focus {
  background-color: #05472a;
}

/* Next */
/* line 163, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-next {
  right: 0;
  /* Pseudo classes */
  /* Note: demo styles, please remove. */
}
/* line 166, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-next:hover, .flex-next:focus {
  background-color: #05472a;
}

/*Modules*/
/* line 174, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  /*width:90%;*/
  margin: 0 auto;
}
/* line 177, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider ul {
  margin: 0;
  list-style: none;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> eTC ExpressIVE 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: 50px;
  /* Preloader */
}
/* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map .preloader {
  display: none;
  /* Show at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map .preloader {
    /* JS on */
  }
  /* line 31, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map .preloader {
    display: block;
    position: absolute;
    top: 1.33333em;
    left: 1.33333em;
  }
}

/* Static */
/* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--static {
  margin-bottom: 12px;
  margin-bottom: 0.66667rem;
  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 42, ../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 all and (min-width: 40.0625em) {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--static {
    display: none;
  }
}
@media print {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--static {
    display: block !important;
  }
}
/* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--static img {
  opacity: 0;
  /* Print */
}
@media print {
  /* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--static img {
    opacity: 1;
  }
}

/* Dynamic */
/* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic {
  /* Preserve aspect ratio: 16:9 */
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  /* Print */
  /* Turn off responsive images */
  /* Preloader */
  /* Map canvas */
}
@media print {
  /* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map--dynamic {
    display: none;
  }
}
/* line 83, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic img {
  max-width: none;
}
/* line 86, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic .preloader {
  margin-left: 1.33333em;
}
/* line 89, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map--dynamic > div {
  /* Preserve aspect ratio: 16:9 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Map link - hide at this breakpoint only when JS is on */
@media all and (min-width: 40.0625em) {
  /* line 101, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map--link {
    display: none;
  }
}
/* Print */
@media print {
  /* line 106, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .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: 2147483646;
  background-color: #000;
}
/* line 36, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop, .modal-backdrop.is-fade.is-active {
  opacity: 0.8;
}

/* Modal */
/* line 43, ../sass/partials/modules/widgets/_modal.scss */
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2147483647;
  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 all and (min-width: 48em) {
  /* line 43, ../sass/partials/modules/widgets/_modal.scss */
  .modal {
    width: 31.11111em;
    margin-top: -250px;
    margin-left: -280px;
  }
}
/* line 62, ../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 66, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade.is-active {
  top: 15%;
  opacity: 1;
}
@media all and (min-width: 40.0625em) {
  /* line 66, ../sass/partials/modules/widgets/_modal.scss */
  .modal.is-fade.is-active {
    top: 40%;
  }
}

/* Modal header */
/* line 78, ../sass/partials/modules/widgets/_modal.scss */
.modal-header {
  padding: 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 85, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .hn:before {
  display: none;
}
/* line 90, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .btn-close {
  position: absolute;
  right: 0.55556em;
  top: 50%;
  margin-top: -0.61111em;
}

/* Modal body */
/* line 99, ../sass/partials/modules/widgets/_modal.scss */
.modal-body {
  max-height: 25.55556em;
  padding: 1em;
  overflow-y: auto;
  /* Increase the max height at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 99, ../sass/partials/modules/widgets/_modal.scss */
  .modal-body {
    max-height: 22.22222em;
  }
}

/* Modal footer */
/* line 110, ../sass/partials/modules/widgets/_modal.scss */
.modal-footer {
  display: flex;
  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;
}

/* Special Modal Emoticons*/
/* line 122, ../sass/partials/modules/widgets/_modal.scss */
.modal-emoticons {
  font-size: 0.9em;
}
/* line 123, ../sass/partials/modules/widgets/_modal.scss */
.modal-emoticons .non-palm-one-quarter {
  width: 25%;
  text-align: center;
}
@media all and (max-width: 24.9375em) {
  /* line 131, ../sass/partials/modules/widgets/_modal.scss */
  .modal-emoticons .non-palm-one-quarter {
    width: 33%;
  }
}

/* line 137, ../sass/partials/modules/widgets/_modal.scss */
.good, .fair, .bad {
  text-decoration: none;
}

/* line 141, ../sass/partials/modules/widgets/_modal.scss */
.good, .good:visited {
  color: #1ac62a;
}

/* line 145, ../sass/partials/modules/widgets/_modal.scss */
.fair, .fair:visited {
  color: #ff8a00;
}

/* line 149, ../sass/partials/modules/widgets/_modal.scss */
.bad, .bad:visited {
  color: #ff0000;
}

/*Image library*/
@media all and (min-width: 40.0625em) {
  /* line 156, ../sass/partials/modules/widgets/_modal.scss */
  .image-library .modal-body .grid {
    display: table !important;
  }
  /* line 160, ../sass/partials/modules/widgets/_modal.scss */
  .image-library .modal-body .grid-item {
    display: table-cell;
    min-height: 150px;
    margin-bottom: 0;
  }
  /* line 166, ../sass/partials/modules/widgets/_modal.scss */
  .image-library .modal-body .grid-item img {
    margin-top: 0.5em;
    max-width: 4.44444em !important;
  }
}

/*Comm Styles
.communication-styles-list {
    display: table;
    width: 100%;
    margin-left:0;
    background-color:$color-off-white;
    font-size:0.9em;
    li{display: table-cell; padding:0.3em;width:33%;}
}*/
/*Popup modal image*/
/* line 184, ../sass/partials/modules/widgets/_modal.scss */
.modal-img {
  display: block;
  text-align: center;
}
/* line 187, ../sass/partials/modules/widgets/_modal.scss */
.modal-img img {
  max-height: 16.66667em;
}

@media all and (max-width: 40em) {
  /* line 191, ../sass/partials/modules/widgets/_modal.scss */
  #type-of-thinking-error, #type-of-thinking-error-answers {
    clear: both;
  }
}
/* ======================================================================================
   @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.33333em;
  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 all and (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 */
/* line 14, ../sass/partials/modules/widgets/_tabs.scss */
.tabs {
  text-align: left;
}

/* Tab nav */
/* line 19, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav {
  display: flex;
  text-align: left;
  /*margin-bottom: -1px;*/
  /* Items */
  /* Links */
  /* Pseudo classes + active state */
  /* JS off */
  /* Print */
}
/* line 24, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li {
  background-color: #fff;
  position: relative;
  margin-right: -0.175em;
  overflow: hidden;
  /*Notification number*/
  /* Items go into horizontal mode therefore require some spacing between them at this breakpoint */
}
/* line 30, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li .user-notifications-count {
  background-color: #b31200;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: -1.7em;
  right: 0.5em;
  width: 2.5em;
  height: 2.5em;
  padding-top: 0.4em;
}
@media all and (min-width: 40.0625em) {
  /* line 24, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li {
    border-bottom: 0;
  }
}
/* line 48, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li:first-child {
  border-top-left-radius: 4px;
}
/* line 52, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li:last-of-type {
  border-top-right-radius: 4px;
}
/* line 57, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a {
  color: #05472a;
  padding: 1em 1em 1em 1.4em;
  /*@include to-em(padding, $spacing-half $spacing-dbl);*/
  text-decoration: none;
  /* Note: this may be redundant? */
  display: block;
}
/* line 64, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a h2, .tab-nav a .h3, .tab-nav a .module-card__title {
  font-size: 0.75em;
}
/* line 67, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a h2:before, .tab-nav a .h3:before, .tab-nav a .module-card__title:before {
  display: none;
}
@media all and (min-width: 40.0625em) and (max-width: 52.75em) {
  /* line 57, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a {
    padding-left: 0.6em;
    padding-right: 0.6em;
  }
}
@media all and (max-width: 40em) {
  /* line 57, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a {
    padding: 0.3em 1em 0.3em 1.4em;
  }
}
/* line 82, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a:hover,
.tab-nav a:focus,
.tab-nav .is-active a {
  background-color: #05472a;
  color: #fff;
  /* Change the border color at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 82, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a:hover,
  .tab-nav a:focus,
  .tab-nav .is-active a {
    text-transform: uppercase;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 82, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a:hover,
  .tab-nav a:focus,
  .tab-nav .is-active a {
    border-bottom-color: #fff;
  }
}
/* line 97, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav .h5 {
  margin-bottom: 0;
}
/* line 101, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab-nav {
  display: none;
}
@media all and (max-width: 40em) {
  /* line 19, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav {
    /*border-top: 1px solid $color-brand;*/
    flex-direction: column;
  }
  /* line 109, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li {
    margin-right: 0;
  }
  /* line 112, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li:first-child {
    border-top-right-radius: 4px;
  }
  /* line 116, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li:last-of-type {
    border-top-right-radius: 0;
  }
  /* line 120, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li border-top-right-radius .user-notifications-count {
    top: 0.5em;
  }
}
@media print {
  /* line 19, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav {
    display: none;
  }
}

/*Tab Heading*/
/* line 133, ../sass/partials/modules/widgets/_tabs.scss */
.tabs-heading-export {
  display: none;
}

@media only screen and (max-width: 500px) {
  /* line 138, ../sass/partials/modules/widgets/_tabs.scss */
  .tabs-heading-export {
    display: inline-block;
  }
}
/* Tab Content */
/* line 144, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content {
  display: none;
  background-color: #fff;
  text-align: left;
  /* Active tab */
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
/* line 149, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content.is-active {
  display: block;
}
/* line 153, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content .grid-item {
  position: relative;
}
@media all and (max-width: 40em) {
  /* line 158, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .complete .form-main-label {
    padding-left: 0 !important;
    margin-top: 1em !important;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 144, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content {
    padding: 1.33333rem;
  }
  /* line 167, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .complete {
    position: absolute;
    right: 0;
    top: 0.3em;
    width: auto;
    margin-left: 0;
  }
  /* line 174, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .complete .form-main-label {
    width: auto;
  }
}
@media all and (min-width: 33.75em) {
  /* line 181, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content .update-sort {
    float: left;
    margin-left: 0.2em;
  }
}
/* line 187, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab-content {
  display: block;
  margin-bottom: 1.33333rem;
}
@media print {
  /* line 144, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content {
    display: block;
    margin-bottom: 1.33333rem;
  }
}
/* line 197, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content:after {
  content: "";
  display: table;
  clear: both;
}

@media all and (min-width: 40.0625em) {
  /* line 206, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading-simple .h3, .tab-heading-simple .module-card__title {
    float: left;
  }
  /* line 210, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading-simple div {
    float: right;
  }
}

/* line 216, ../sass/partials/modules/widgets/_tabs.scss */
.tabs-heading {
  margin: 0 .6em;
  font-size: 1.2em;
}

/* line 221, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading {
  /*@include respond-max(799) {
      .filter {
          margin-top: 1em;
      }
  }*/
}
/* line 224, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .filter div {
  position: relative;
  /*margin-bottom: 1em;*/
}
/* line 228, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .filter div a {
  width: 100%;
  text-align: center;
}
/* line 235, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .disc {
  padding: 0.3em 0 0 0;
  width: 2em;
  height: 2em;
  text-align: center;
}
@media all and (max-width: 40em) {
  /* line 244, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading div:last-child select {
    width: 100%;
  }
  /* line 249, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .notification-key {
    display: block;
    text-align: center;
    padding-top: 0.5em;
  }
  /* line 254, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .notification-key span:first-child {
    margin-left: 0;
  }
}
@media all and (min-width: 50em) {
  /* line 262, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading div:last-child, .tab-heading .h1 {
    float: left;
  }
  /* line 266, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading div:first-child {
    float: right;
  }
  /* line 270, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading:after {
    clear: both;
  }
  /* line 276, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:first-child {
    float: right;
  }
  /* line 280, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:last-child {
    float: right;
    margin-bottom: 0;
    margin-right: 0.55556em;
  }
  /* line 285, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div:last-child .onoffswitch {
    left: 1em;
    margin-right: 2em;
  }
}

@media all and (max-width: 49.9375em) {
  /* line 301, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading + .table-admin, .tab-heading + .table-flex {
    margin-top: 1em;
  }
}

/* line 307, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading {
  padding-bottom: 1em;
}
/* line 312, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading div:first-child .onoffswitch {
  left: 0;
  float: left;
  margin-right: 0.3em;
  margin-bottom: 1em;
}
/* line 320, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading div:last-child {
  float: none;
}
@media all and (min-width: 40.0625em) {
  /* line 307, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading {
    padding-bottom: 0;
  }
  /* line 328, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading .h3, .profile-heading .module-card__title {
    float: left;
  }
  /* line 332, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading .onoffswitch {
    top: 0.5em;
  }
  /* line 338, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading div:first-child .onoffswitch {
    left: 1em;
  }
  /* line 343, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading div:last-child {
    float: right;
  }
}

/* line 350, ../sass/partials/modules/widgets/_tabs.scss */
.tab-body {
  border: 1px solid #d4d4d4;
}

/*RESPONSIVE TABS*/
/* line 356, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0;
}
/* line 361, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-tab {
  display: table-cell;
  margin: 0;
  list-style: none;
}
/* line 367, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-tab a span {
  display: block;
  padding: 1em 0.2em;
  margin-top: 0.5em;
  /*@include respond-min(767) {
      min-height: to-em(75);
  }*/
}
/* line 377, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-tab a:hover {
  text-decoration: none;
}
/* line 380, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-tab a:hover span {
  background-color: #339999;
  color: #fff;
}
/* line 389, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-tab.r-tabs-state-active a span {
  background-color: #339999;
  color: #fff;
}
/* line 396, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-tab img {
  width: 70%;
}
/* line 403, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-state-default a img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.5;
}
/* line 409, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-state-default a span {
  /*background-color: $color-grey-lighter;*/
  /*color: $color-grey;*/
  border-right: 1px solid #bfbfbf;
}
/* line 416, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-state-default a:hover img {
  -webkit-filter: grayscale(0%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  opacity: 1;
}
/* line 425, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-panel {
  display: none;
}
/* line 428, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-panel.r-tabs-state-active {
  /*display: block;*/
}
/* line 433, ../sass/partials/modules/widgets/_tabs.scss */
.r-tabs .r-tabs-accordion-title {
  display: none;
}
@media all and (max-width: 48em) {
  /* line 439, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs {
    padding: 0 !important;
  }
  /* line 443, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-nav {
    display: none;
  }
  /* line 447, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-panel {
    margin: 0 !important;
  }
  /* line 452, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-accordion-title {
    display: block;
  }
  /* line 455, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-accordion-title a {
    display: block;
    clear: both;
  }
  /* line 460, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-accordion-title a:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
    text-decoration: none;
  }
  /* line 467, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-accordion-title a img {
    width: 4.44444em;
    float: left;
    padding-right: 0.5em;
    margin-bottom: 1em;
  }
  /* line 474, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-accordion-title a span {
    display: block;
    padding: 1.6em 0.5em;
  }
  /* line 482, ../sass/partials/modules/widgets/_tabs.scss */
  .r-tabs .r-tabs-state-active a {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
  }
}

/* line 492, ../sass/partials/modules/widgets/_tabs.scss */
.green .r-tabs .r-tabs-tab.r-tabs-state-active a span,
.green .r-tabs .r-tabs-tab a:hover span {
  background-color: #319a9b;
}

/* ======================================================================================
   @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: 5px;
  padding: 1em;
  line-height: 1.8em;
  font-size: 0.7em !important;
  display: none;
  position: absolute;
  /*white-space: nowrap;*/
  z-index: 2147483647;
  max-width: 19.44444em;
  /* 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 45, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip p {
  margin-bottom: 0.5em;
}
/* line 46, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip ul {
  list-style: disc;
  margin-left: 1em;
}
/* line 52, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip:before {
  content: "";
  position: absolute;
}
/* line 60, ../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 69, ../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 78, ../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 86, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before {
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}
/* line 92, ../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 100, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.w:before {
  border-left: 10px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}
/* line 106, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.ne:before, #tooltip.se:before {
  border-right: 10px solid transparent;
  border-left: 0;
  left: 10px;
}
/* line 114, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.nw:before, #tooltip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0;
  right: 10px;
}
/* line 121, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip .btn {
  margin-bottom: 0.3em;
  width: 11.11111em;
}

/* line 128, ../sass/partials/modules/widgets/_tooltip.scss */
.js-tooltip.glossary {
  /*display:inline-block;*/
  padding-right: 1.3em;
  background: transparent url(img/icon/icon-info.png) no-repeat right 0;
}
/* line 131, ../sass/partials/modules/widgets/_tooltip.scss */
.js-tooltip.glossary .glossary {
  padding-right: 0;
  background-image: none;
}

/* line 134, ../sass/partials/modules/widgets/_tooltip.scss */
span.js-tooltip.glossary {
  background-position-x: 99%;
}

/* line 138, ../sass/partials/modules/widgets/_tooltip.scss */
.js .is-expanded .accordion-header {
  background-color: transparent;
  color: #000;
  -webkit-box-shadow: 0px 5px 23px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 5px 23px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 5px 23px -5px rgba(0, 0, 0, 0.5);
}

/* line 146, ../sass/partials/modules/widgets/_tooltip.scss */
.js .is-expanded .accordion-header .grid-item:first-child .islet {
  border-left: 0.5em solid #6eccdc;
}

/* line 150, ../sass/partials/modules/widgets/_tooltip.scss */
.js .is-expanded .accordion-header .grid-item:last-child .islet {
  border-left: 0.5em solid #8e56a3;
  background: transparent url("/css/img/icon/arrow-up.png") no-repeat 97.5% 1em;
}

/* line 155, ../sass/partials/modules/widgets/_tooltip.scss */
.js .is-expanded .accordion-content .grid-item {
  border-bottom: 1px solid #f2f2f2;
}

/* line 159, ../sass/partials/modules/widgets/_tooltip.scss */
.js .is-expanded .accordion-content .grid-item:nth-child(even) {
  border-left: 1px solid #fff;
}

/* line 163, ../sass/partials/modules/widgets/_tooltip.scss */
.grey-fill-2 {
  background-color: #efefef;
}

/* line 1, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box {
  font-size: 1.25rem;
  /* 20 */
  text-align: center;
  background-color: #c8dadf;
  position: relative;
  padding: 20px 20px;
}

/* line 9, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.has-advanced-upload {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

/* line 16, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.is-dragover {
  outline-offset: -20px;
  outline-color: #c8dadf;
  background-color: #fff;
}

/* line 22, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__dragndrop,
.box__icon {
  display: none;
}

/* line 27, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.has-advanced-upload .box__dragndrop {
  display: inline;
}

/* line 31, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.has-advanced-upload .box__icon {
  width: 100%;
  height: 80px;
  fill: #92b0b3;
  display: block;
  margin-bottom: 40px;
}

/* line 39, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input {
  visibility: hidden;
}

/* line 45, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__uploading,
.box__success,
.box__error {
  display: none;
}

/* line 51, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 63, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__uploading {
  font-style: italic;
}

/* line 67, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__success {
  -webkit-animation: appear-from-inside .25s ease-in-out;
  animation: appear-from-inside .25s ease-in-out;
}

@-webkit-keyframes appear-from-inside {
  from {
    -webkit-transform: translateY(-50%) scale(0);
  }
  75% {
    -webkit-transform: translateY(-50%) scale(1.1);
  }
  to {
    -webkit-transform: translateY(-50%) scale(1);
  }
}
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0);
  }
  75% {
    transform: translateY(-50%) scale(1.1);
  }
  to {
    transform: translateY(-50%) scale(1);
  }
}
/* line 100, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__restart {
  font-weight: 700;
}

/* line 104, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__restart:focus,
.box__restart:hover {
  color: #39bfd3;
}

/* line 109, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* line 118, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file + label {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}

/* line 127, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
  color: #39bfd3;
}

/* line 133, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file:focus + label,
.js .box__file.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* line 139, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.js .box__file + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

/* line 143, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.no-js .box__file + label {
  display: none;
}

/* line 147, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.no-js .box__button {
  display: block;
}

/* line 151, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: block;
  padding: 8px 16px;
  margin: 40px auto 0;
}

/* line 160, ../sass/partials/modules/widgets/_drag-and-drop.scss */
.box__button:hover,
.box__button:focus {
  background-color: #0f3c4b;
}

/*@import "partials/modules/widgets/custom-etc";*/
/*Creates the slide-out menu effect*/
/* line 2, ../sass/partials/modules/widgets/_menu-slider.scss */
input.btn-slide[type=checkbox] {
  position: fixed;
  opacity: 0;
}

/* line 7, ../sass/partials/modules/widgets/_menu-slider.scss */
label.btn-slide {
  position: fixed;
  padding: 0.04em 0.15em;
  top: 0.8em;
  right: 0.5em;
  z-index: 99999;
  display: block;
  font-size: 2.5em;
  height: 0.8em;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  transition: transform .4s;
  color: #000;
  background-color: #fff;
}
/* line 23, ../sass/partials/modules/widgets/_menu-slider.scss */
label.btn-slide .icon:before {
  vertical-align: top;
  top: -0.1em;
}
@media all and (max-width: 54.3125em) {
  /* line 7, ../sass/partials/modules/widgets/_menu-slider.scss */
  label.btn-slide {
    top: 0.3em;
  }
}
@media (min-width: 1200px) {
  /* line 7, ../sass/partials/modules/widgets/_menu-slider.scss */
  label.btn-slide {
    display: none;
  }
}

/* line 36, ../sass/partials/modules/widgets/_menu-slider.scss */
input.btn-slide[type=checkbox]:checked ~ label.btn-slide {
  transform: translate3d(-240px, 0, 0);
  background-color: transparent;
}
/* line 38, ../sass/partials/modules/widgets/_menu-slider.scss */
input.btn-slide[type=checkbox]:checked ~ label.btn-slide .icon:before {
  transform: rotate(90deg);
}

/* line 42, ../sass/partials/modules/widgets/_menu-slider.scss */
input.btn-slide[type=checkbox]:checked ~ .content-box {
  transform: translate3d(250px, 0, 0);
}

/* line 45, ../sass/partials/modules/widgets/_menu-slider.scss */
input.btn-slide[type=checkbox]:checked ~ .nav-list {
  transform: translate3d(0, 0, 0);
}

/* line 48, ../sass/partials/modules/widgets/_menu-slider.scss */
input.btn-slide[type=checkbox]:checked ~ .nav-list .nav li {
  width: 100%;
}

/* line 51, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list {
  transform: translate3d(100%, 0, 0);
  position: fixed;
  overflow-y: auto;
  width: 320px;
  right: 0;
  top: 1.5em;
  z-index: 999;
  background-color: #fff;
  transition: all .4s;
  border-top: 3.3em solid #138383;
}
/* line 61, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list .h4 {
  padding: 0.5em 1em 0.5em 1.2em;
  font-weight: normal;
  background-color: #138383;
}
/* line 65, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list .h4 a {
  color: #fff;
}
/* line 68, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li {
  /*padding:0 1.5em;font-size:0.85em;*/
}
/* line 70, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li a {
  display: block;
  border-bottom: 1px solid #f2f2f2;
  padding: 0.7em 1.5em;
}
/* line 74, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li a img {
  margin-right: 0.3em;
}
/* line 76, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li:hover {
  background-color: #147f7f;
}
/* line 78, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li:hover a {
  text-decoration: none;
  color: #fff;
}
/* line 81, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li:last-child a {
  border-bottom: 0;
}
/* line 83, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul {
  margin-left: 0;
}
/* line 85, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li {
  padding: 0;
}
/* line 87, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li a:before {
  content: "";
  width: 0.55556em;
  height: 0.55556em;
  display: inline-block;
  margin-right: 0.5em;
}
/* line 93, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li .red-menu:before {
  background-color: #a54146;
}
/* line 96, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li .teal-menu:before {
  background-color: #ed7b58;
}
/* line 99, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li .orange-menu:before {
  background-color: #F47623;
}
/* line 102, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li .blue-menu:before {
  background-color: #6ECDDD;
}
/* line 105, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li .green-menu:before {
  background-color: #7ec48c;
}
/* line 108, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li .purple-menu:before {
  background-color: #89539E;
}
/* line 112, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-list li ul li:last-child a {
  border-bottom: 1px solid #fff;
}
@media all and (max-width: 40em) {
  /* line 51, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-list {
    top: 0.25em;
  }
}

/* line 126, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-user {
  margin-left: 0;
  margin-bottom: 0;
  text-align: left;
  border: 1px solid #f2f2f2;
}
/* line 130, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-user a {
  color: #fff;
}

/* line 136, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-group .nav-user a {
  color: #000;
}
/* line 142, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-group.nav-group-logged-in .btn-slide {
  top: 1.8em;
}
/* line 146, ../sass/partials/modules/widgets/_menu-slider.scss */
.nav-group.nav-group-logged-in .nav-list {
  top: 3.9em;
}
@media all and (max-width: 54.3125em) {
  /* line 151, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-group.nav-group-logged-in .btn-slide {
    top: 1.4em;
  }
  /* line 155, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-group.nav-group-logged-in .nav-list {
    top: 3em;
  }
}
@media all and (max-width: 40em) {
  /* line 161, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-group.nav-group-logged-in .btn-slide {
    top: 1.2em;
  }
  /* line 165, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-group.nav-group-logged-in .nav-list {
    top: 2.5em;
    height: 100%;
    overflow: auto;
  }
  /* line 170, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-group.nav-group-logged-in .nav-list .nav-admin {
    height: 42em;
    overflow-y: visible;
  }
  /* line 175, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-group.nav-group-logged-in .nav-list .nav-parent, .nav-group.nav-group-logged-in .nav-list .nav-teacher {
    height: 59em;
    overflow-y: visible;
  }
  /* line 180, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-group.nav-group-logged-in .nav-list .nav-student {
    height: 26em;
    overflow-y: visible;
  }
}

/*
    player*/
/*Audio player*/
/*$color-brand: #5A37DB;*/
/*
    player*/
/*Audio player*/
/* line 15, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player {
  max-width: 160px;
  font-size: 2em;
  justify-content: center;
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 99999;
  flex-wrap: nowrap;
  width: 100%;
}
/* line 27, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player audio {
  display: none !important;
}
@media (max-width: 60em) {
  /* line 32, ../sass/partials/modules/widgets/_audio-player.scss */
  .audio-player {
    display: none !important;
  }
}
/* line 39, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column {
  flex-direction: column;
}
/* line 42, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .speaker {
  border-top-left-radius: 0.15em !important;
  border-top-right-radius: 0em !important;
  border-bottom-left-radius: 0em !important;
}
/* line 48, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .audio-toolbar {
  flex-direction: column;
  align-items: center;
}
/* line 52, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .audio-toolbar a {
  width: 100% !important;
}
/* line 57, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .toggle {
  padding: 0 0.6em 0.6em 0.6em !important;
  border-bottom-left-radius: 0.15em !important;
  border-top-right-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
/* line 64, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .audio-volume {
  top: -8.5em;
  left: 56px;
  width: 47%;
  height: 239.5px;
  visibility: hidden;
}
/* line 71, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .audio-volume input {
  width: 28em !important;
  position: absolute !important;
  top: 117px;
  left: -69px;
  transform: rotate(-90deg);
}
/* line 79, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .audio-volume .icon-volume {
  right: 3px;
  top: 7px;
}
/* line 84, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player--column .audio-volume .icon-volume-mute {
  top: 218px;
  left: 5px;
}
/* line 91, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .speaker {
  border-top-left-radius: 0.15em;
  border-bottom-left-radius: 0.15em;
  padding: 0 0.4em 0.1em 0.4em;
  background: #05472a url("img/icons/icon-dots.png") no-repeat 0.1em 0.1em;
  background-size: 0.15em;
  cursor: pointer;
}
/* line 99, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .speaker a {
  color: #fff;
}
/* line 104, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .toggle {
  background-color: #f27576;
  color: #fff;
  border-top-right-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  font-size: 0.6em;
  padding: 0 0.6em 0.1em 0.6em;
}
/* line 112, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .toggle span:before {
  margin-top: 1em;
}
/* line 116, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .toggle:hover {
  background-color: #f27576;
  cursor: pointer;
}
/* line 122, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .audio-toolbar {
  /*border: 1px solid $color-off-white;*/
  background-color: #f2f2f2;
  position: relative;
  flex-wrap: nowrap;
  width: 100%;
}
/* line 129, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .audio-toolbar a {
  text-align: center;
  width: 50%;
  height: 1.4em;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* line 141, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .audio-toolbar a:hover, .audio-player .audio-toolbar a.active {
  background-color: #f2f2f2;
  /*color: $color-brand;*/
  text-decoration: none !important;
}
/* line 148, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .audio-toolbar .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6em;
}
/* line 154, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .audio-toolbar .icon:before {
  /*margin-top: -1em;*/
  color: #000;
}
/* line 160, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player .audio-toolbar .audio-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.24em;
  background-color: #f27576;
}
/* line 170, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-player.active .toggle {
  background-color: #f27576;
}

/* line 176, ../sass/partials/modules/widgets/_audio-player.scss */
.language-small {
  text-align: center;
  color: #fff;
  background-color: #05472a;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  display: inline-block;
}

@media (min-width: 1200px) {
  /* line 188, ../sass/partials/modules/widgets/_audio-player.scss */
  .audio-player {
    /*left: 50%;
    transform: translateX(-50%) !important;*/
  }
}
/* line 200, ../sass/partials/modules/widgets/_audio-player.scss */
.banner {
  background-size: cover;
}

/* line 204, ../sass/partials/modules/widgets/_audio-player.scss */
.non-palm-two-thirds .box {
  border-left: 10px solid #17c1ce;
}

/* line 210, ../sass/partials/modules/widgets/_audio-player.scss */
.sentence-active {
  border-bottom: 1px solid grey;
}

/* line 214, ../sass/partials/modules/widgets/_audio-player.scss */
.sentence-active.highlight {
  font-weight: bold;
}

/* line 218, ../sass/partials/modules/widgets/_audio-player.scss */
.translate-btn {
  border: none;
  cursor: pointer;
}

/* line 223, ../sass/partials/modules/widgets/_audio-player.scss */
.translate-btn.show .lang-select {
  display: inline-block;
}

/* line 227, ../sass/partials/modules/widgets/_audio-player.scss */
.translate-btn .lang-select {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  font-size: 16px;
  margin-top: 45px;
  margin-left: -30px;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* line 240, ../sass/partials/modules/widgets/_audio-player.scss */
.lang-select li {
  padding: 0.3em 1em;
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
}
/* line 245, ../sass/partials/modules/widgets/_audio-player.scss */
.lang-select li:nth-last-child(1) {
  border-bottom: none;
  padding-bottom: 0.3em;
}

/* line 252, ../sass/partials/modules/widgets/_audio-player.scss */
.translate-btn li:hover, .translate-btn li:focus {
  background-color: #2980B9;
  color: #fff;
}

/* line 257, ../sass/partials/modules/widgets/_audio-player.scss */
#bar {
  background-color: green;
  width: 0;
}

/* line 262, ../sass/partials/modules/widgets/_audio-player.scss */
#pause_btn {
  background-color: #f2f2f2;
}

/* line 269, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume a {
  width: unset !important;
  height: unset !important;
}

/*Audio volume*/
/* line 292, ../sass/partials/forms/_range-sliders.scss */
/* line 278, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume {
  position: absolute;
  top: -4.9em;
  left: 0px;
  max-width: 160px;
  min-width: 160px;
  background-color: #fff;
  border: 1px solid #f2f2f2;
  font-size: 0.2em;
  padding: 1em;
  height: 26px;
  display: flex;
  align-items: center;
}

/* line 305, ../sass/partials/forms/_range-sliders.scss */
/* line 293, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume input[type=range] {
  -webkit-appearance: none;
  width: 15em;
  height: 2px;
  border-radius: 5px;
  background: #d4d4d4;
  outline: none;
  padding: 0;
  z-index: 1;
  position: relative;
  border: none;
  margin-left: 3.6em;
}

/* line 319, ../sass/partials/forms/_range-sliders.scss */
/* line 307, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume input[type=range]::-moz-range-track {
  background: #d4d4d4;
  border: none;
}

/* line 324, ../sass/partials/forms/_range-sliders.scss */
/* line 312, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #152640;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9;
}

/* line 334, ../sass/partials/forms/_range-sliders.scss */
/* line 322, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

/* line 339, ../sass/partials/forms/_range-sliders.scss */
/* line 327, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume input[type=range]::-moz-range-thumb {
  background-color: #152640;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  cursor: pointer;
}

/* line 347, ../sass/partials/forms/_range-sliders.scss */
/* line 335, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume input[type="range"]::-ms-thumb {
  background-color: #152640;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  cursor: pointer;
}

/* line 355, ../sass/partials/forms/_range-sliders.scss */
/* line 343, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume .icon-volume-mute, .audio-volume .icon-volume {
  position: absolute;
  font-size: 2.8em !important;
}

/* line 360, ../sass/partials/forms/_range-sliders.scss */
/* line 348, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume .icon-volume-mute {
  left: 0.5em;
}

/* line 364, ../sass/partials/forms/_range-sliders.scss */
/* line 352, ../sass/partials/modules/widgets/_audio-player.scss */
.audio-volume .icon-volume {
  right: 0.5em;
}

/* 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: 1.25rem;
  /*border: 1px solid $color-grey-light;*/
  border: none;
  /*box-shadow: inset -1px 1px 1px 0 rgba(#000, 0.1);*/
  /* 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 19, ../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 */
}
@media all and (max-width: 40em) {
  /* line 9, ../sass/partials/forms/_base.scss */
  .txt-input,
  textarea,
  select {
    font-size: 16px;
  }
}

/* line 35, ../sass/partials/forms/_base.scss */
.txt-input:first-child {
  border-bottom: none;
}

/* line 40, ../sass/partials/forms/_base.scss */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("img/dd-arrow.png") no-repeat right;
  padding-right: 2em;
}

/* Legend - for legends that are visible and to fix up some browsers not supporting bottom margin */
/* line 48, ../sass/partials/forms/_base.scss */
legend.hn {
  padding-bottom: 24px;
  padding-bottom: 1.33333rem;
  margin-bottom: 0;
}

/* Textarea */
/* line 54, ../sass/partials/forms/_base.scss */
textarea {
  height: 13em;
  resize: vertical;
}

/* Listbox */
/* line 60, ../sass/partials/forms/_base.scss */
.listbox {
  height: 15em;
  width: 80%;
  resize: vertical;
}

/* Select list */
/* line 67, ../sass/partials/forms/_base.scss */
select {
  width: 100%;
}

/* Alternate sizes */
/* line 70, ../sass/partials/forms/_base.scss */
.txt-input-tiny {
  width: 20%;
}

/* line 71, ../sass/partials/forms/_base.scss */
.txt-input-sml {
  width: 33.333%;
}

/* line 72, ../sass/partials/forms/_base.scss */
.txt-input-sml-med {
  width: 30%;
}

/* line 75, ../sass/partials/forms/_base.scss */
.txt-input-med {
  width: 50%;
}

/* line 76, ../sass/partials/forms/_base.scss */
.txt-input-90 {
  width: 90%;
}

/* Placeholder */
/* Webkit */
/* line 475, ../sass/partials/utils/_mixins.scss */
::-webkit-input-placeholder {
  color: #aaa;
}

/* Firefox 18- */
/* line 480, ../sass/partials/utils/_mixins.scss */
:-moz-placeholder {
  color: #aaa;
}

/* Firefox 19+ */
/* line 485, ../sass/partials/utils/_mixins.scss */
::-moz-placeholder {
  color: #aaa;
}

/* MS */
/* line 490, ../sass/partials/utils/_mixins.scss */
:-ms-input-placeholder {
  color: #aaa;
}

/* jQuery plugin (old IE) */
/* line 495, ../sass/partials/utils/_mixins.scss */
.lte9 .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 87, ../sass/partials/forms/_base.scss */
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
.is-disabled {
  cursor: default !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.7!important;
}

/* 'Required field' indicator (asterisk) */
/* line 99, ../sass/partials/forms/_base.scss */
.req-field {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1;
  color: #e80000;
  cursor: help;
}

/* Reset some defaults */
/*form p {margin: 0;}*/
/* line 109, ../sass/partials/forms/_base.scss */
.clear-bg {
  background-image: none;
}

@media all and (max-width: 40em) {
  /* line 111, ../sass/partials/forms/_base.scss */
  input[type="text"], textarea, select {
    font-size: initial;
  }
}

/* line 117, ../sass/partials/forms/_base.scss */
.auto-complete-list {
  margin: 0;
  background: white;
  border: 1px solid #c1c1c1;
}

/* line 123, ../sass/partials/forms/_base.scss */
.auto-complete-highlighted {
  background: #c1c1c1;
  padding: .2em .2em;
}

/* line 128, ../sass/partials/forms/_base.scss */
.auto-complete-list-item {
  padding: .2em .2em;
}

/* line 132, ../sass/partials/forms/_base.scss */
#password_strength {
  display: inline-block;
}

/* line 134, ../sass/partials/forms/_base.scss */
input[disabled="disabled"] {
  display: none !important;
}

/* line 140, ../sass/partials/forms/_base.scss */
fieldset .form-main-label, fieldset .form-main-notes {
  /*color: #A0A0A0;*/
  color: #505f79;
}
/* line 145, ../sass/partials/forms/_base.scss */
fieldset .form-main-field {
  display: flex;
  flex-direction: column;
  padding: 1em;
  margin-bottom: 0 !important;
}
/* line 151, ../sass/partials/forms/_base.scss */
fieldset .form-main-field:nth-child(even) {
  background-color: #EFEEE6;
  border-radius: 4px;
}
@media (min-width: 768px) {
  /* line 145, ../sass/partials/forms/_base.scss */
  fieldset .form-main-field {
    flex-direction: row;
    align-items: center;
  }
}

/* line 164, ../sass/partials/forms/_base.scss */
.main-page.c-card-activity, .main-page.c-big-link-reveal__toggle, .c-sleep-hazards__prompt, .c-feedback__body {
  padding: 1.5em;
  background-color: #fff;
}

/* line 170, ../sass/partials/forms/_base.scss */
.l-container-form {
  /*max-width: 41rem;*/
  max-width: 50rem;
  /*margin: calc(1em + 1vw) auto calc(2em + 2vw);*/
}

/* line 179, ../sass/partials/forms/_base.scss */
.c-form-column .form-main-field, .c-form-standard .form-main-field {
  display: flex;
  flex-direction: column;
  background-color: #fff !important;
  padding: 1em 0 0;
}
/* line 185, ../sass/partials/forms/_base.scss */
.c-form-column .form-main-field:first-child, .c-form-standard .form-main-field:first-child {
  padding: 0;
}
/* line 190, ../sass/partials/forms/_base.scss */
.c-form-column .form-main-inputs, .c-form-standard .form-main-inputs {
  display: flex;
  margin-left: 0 !important;
  width: 100%;
  margin-bottom: 1em;
}
/* line 197, ../sass/partials/forms/_base.scss */
.c-form-column .form-main-label, .c-form-standard .form-main-label {
  width: 100%;
  margin: 0 0 .5em;
}
/* line 202, ../sass/partials/forms/_base.scss */
.c-form-column input, .c-form-standard input, .c-form-column textarea, .c-form-standard textarea, .c-form-column select, .c-form-standard select {
  border: 1px solid #EFEEE6 !important;
  border-radius: 4px;
}
/* line 206, ../sass/partials/forms/_base.scss */
.c-form-column input:focus, .c-form-standard input:focus, .c-form-column textarea:focus, .c-form-standard textarea:focus, .c-form-column select:focus, .c-form-standard select:focus {
  box-shadow: 0 0 10px #F0F4F7;
}
/* line 211, ../sass/partials/forms/_base.scss */
.c-form-column .txt-input-med, .c-form-standard .txt-input-med {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 216, ../sass/partials/forms/_base.scss */
  .c-form-column .txt-input-med, .c-form-standard .txt-input-med {
    width: 50%;
  }
}

/* line 224, ../sass/partials/forms/_base.scss */
.c-form-row input, .c-form-row textarea, .c-form-row select {
  border: 0.1em solid #EFEEE6 !important;
  border-radius: 4px;
}
/* line 228, ../sass/partials/forms/_base.scss */
.c-form-row input:focus, .c-form-row textarea:focus, .c-form-row select:focus {
  box-shadow: 0 0 10px #F0F4F7;
}
/* line 233, ../sass/partials/forms/_base.scss */
.c-form-row select {
  padding-right: 2em;
}
/* line 237, ../sass/partials/forms/_base.scss */
.c-form-row .form-main-field {
  display: flex;
  flex-direction: column;
  /*padding: 1em 0;*/
  /*&:nth-child(even) {
      background-color: #fff;
  }*/
}
/* line 246, ../sass/partials/forms/_base.scss */
.c-form-row .form-main-label {
  margin: 0 0 .5em;
}
@media (min-width: 768px) {
  /* line 251, ../sass/partials/forms/_base.scss */
  .c-form-row .form-main-field {
    align-items: center;
    flex-direction: row;
    padding: 1em;
  }
}

/* line 263, ../sass/partials/forms/_base.scss */
.c-form-standard input {
  border: 1px solid rgba(9, 30, 66, 0.09) !important;
}
/* line 266, ../sass/partials/forms/_base.scss */
.c-form-standard input:focus {
  border: 1px solid #44BED3 !important;
  box-shadow: none !important;
}
/* line 272, ../sass/partials/forms/_base.scss */
.c-form-standard .txt-input-med + .txt-input-med {
  margin-left: 0.6em;
}

/* line 278, ../sass/partials/forms/_base.scss */
input, select, textarea {
  border: 1px solid #E0DED3 !important;
  border-radius: 4px;
}
/* line 282, ../sass/partials/forms/_base.scss */
input:focus, select:focus, textarea:focus {
  border: 1px solid #7ec48c !important;
  box-shadow: none !important;
}

/* line 290, ../sass/partials/forms/_base.scss */
.form-main-field .js-tooltip {
  margin: 0 0.3em;
}

/* line 295, ../sass/partials/forms/_base.scss */
.js-tooltip {
  color: #05472a;
}

/* line 304, ../sass/partials/forms/_base.scss */
input.button--right {
  border: none !important;
}

/* line 308, ../sass/partials/forms/_base.scss */
input.btn-main, input.button--transparent, input.button--left {
  border: none !important;
}

/* line 315, ../sass/partials/forms/_base.scss */
.form-consent .form-main-inputs label {
  padding-bottom: .7em;
  display: flex !important;
}
/* line 319, ../sass/partials/forms/_base.scss */
.form-consent .form-main-inputs label:before {
  min-width: 23px;
}

/*.list-row input[type="checkbox"]:checked + label:empty {
    font-family: 'icons';
    content: "\ea10";
    color: #44BED3;
}*/
/* line 332, ../sass/partials/forms/_base.scss */
.list-row input[type="checkbox"] {
  opacity: 0;
}

/* line 336, ../sass/partials/forms/_base.scss */
.list-row label {
  position: relative;
}

/* line 340, ../sass/partials/forms/_base.scss */
.list-row label::before {
  content: '';
  background: #fff;
  border: 1px solid #bfbfbf;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

/* line 353, ../sass/partials/forms/_base.scss */
.list-row label::after {
  content: "";
  display: inline-block;
  height: 8px;
  width: 13px;
  border-left: 3px solid #44BED3;
  border-bottom: 3px solid #44BED3;
  transform: rotate(-45deg);
}

/* line 363, ../sass/partials/forms/_base.scss */
.list-row label {
  position: relative;
}

/* line 367, ../sass/partials/forms/_base.scss */
.list-row label::before,
.list-row label::after {
  position: absolute;
}

/* line 371, ../sass/partials/forms/_base.scss */
.list-row label::before {
  top: 3px;
}

/* line 374, ../sass/partials/forms/_base.scss */
.list-row label::after {
  left: 5px;
  top: 9px;
}

/* line 379, ../sass/partials/forms/_base.scss */
.list-row input[type="checkbox"] + label::after {
  content: none;
}

/* line 382, ../sass/partials/forms/_base.scss */
.list-row input[type="checkbox"]:checked + label::after {
  content: "";
}

/* ======================================================================================
   @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">
		
			<div class="form-main-field">
			
				<label class="form-main-label">Label</label>
				<p class="form-main-label">Label</p>
				
				<div class="form-main-inputs">
					[input(s)]
					<small class="form-main-notes">Helper notes...</small>
					<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>
			
		</form>
				
	Demo:
		Style Guide -> Form Patterns
*/
/* Field */
/* Label */
/* line 40, ../sass/partials/forms/_layout.scss */
.form-main-label {
  display: block;
  margin-bottom: 0.16667em;
  font-weight: 500;
  /* Sits to the left of it's input(s) at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 40, ../sass/partials/forms/_layout.scss */
  .form-main-label {
    /*width: to-em(280);*/
    width: 20em;
    float: left;
    padding-right: 0.77778em;
    position: relative;
  }
}

/* line 53, ../sass/partials/forms/_layout.scss */
.form-main-label-full {
  width: 100% !important;
  text-align: left;
}

/* Input(s) - sits to the right of it's label at this breakpoint */
@media all and (min-width: 48em) {
  /* line 60, ../sass/partials/forms/_layout.scss */
  .form-main-inputs {
    /*margin-left: to-em(280);
    width: $one-half;*/
  }
}
/* --Extenders-- */
/* The 'Actions' and 'Solo checkbox' extenders need this to position their 'Preloader' and 'Checkbox' */
/* line 69, ../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 75, ../sass/partials/forms/_layout.scss */
.form-main-inputs-actions {
  margin-top: 24px;
  margin-top: 1.33333rem;
  /* Print */
}
@media print {
  /* line 75, ../sass/partials/forms/_layout.scss */
  .form-main-inputs-actions {
    display: none;
  }
}

/* Input(s) nested elements */
/* line 84, ../sass/partials/forms/_layout.scss */
.form-main-inputs {
  display: flex;
  flex-direction: column;
  /* Vertical alignment for all `input`'s and `label`'s */
  /* Adjustments at this breakpoint */
}
/* line 88, ../sass/partials/forms/_layout.scss */
.form-main-inputs label,
.form-main-inputs input {
  vertical-align: middle;
}
@media all and (min-width: 48em) {
  /* line 84, ../sass/partials/forms/_layout.scss */
  .form-main-inputs {
    /* Nudge `type="file"` `input` down */
    /* Horizontal list */
  }
  /* line 95, ../sass/partials/forms/_layout.scss */
  .form-main-inputs input[type="file"] {
    margin-top: 0.22222em;
    background-color: #fff;
  }
  /* line 100, ../sass/partials/forms/_layout.scss */
  .form-main-inputs .horiz-list li {
    margin-left: 0.66667em;
    /* Turn off margin for first item */
  }
  /* line 103, ../sass/partials/forms/_layout.scss */
  .form-main-inputs .horiz-list li:first-child {
    margin-left: 0;
  }
}
/* line 109, ../sass/partials/forms/_layout.scss */
.form-main-inputs.block {
  width: auto;
}

/* Panel sections white and grey*/
/* line 116, ../sass/partials/forms/_layout.scss */
.alternate-grey {
  background-color: #f4f4f4;
  padding: 0.8em 0.8em;
  margin-bottom: 0;
}

/* line 122, ../sass/partials/forms/_layout.scss */
.alternate-white {
  background-color: #fff;
  padding: 0.8em 0.8em;
  margin-bottom: 0;
}

/* Solo checkbox */
/* line 129, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox {
  /* Checkbox */
  /* Label */
}
/* line 131, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox input {
  position: absolute;
  top: 0.30556em;
  left: 0;
}
/* line 137, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox label {
  padding-left: 1em;
  display: block;
}

/* Feedback, Notes and Preloader */
/* line 144, ../sass/partials/forms/_layout.scss */
.form-main-inputs .form-main-notes,
.form-main-field .feedback,
.form-main-field .preloader {
  margin-top: 0.33333em;
}

/* Notes */
/* line 151, ../sass/partials/forms/_layout.scss */
.form-main-notes {
  display: block;
  font-size: 13px;
  font-size: 0.72222rem;
  line-height: 1.35;
  color: gray;
}

/* Preloader within 'Actions' */
/* line 158, ../sass/partials/forms/_layout.scss */
.form-main-inputs-actions .preloader {
  vertical-align: middle;
  margin-top: 0;
}

/* Clear for aside */
/* line 165, ../sass/partials/forms/_layout.scss */
.form-main-block > div {
  width: 100%;
  float: none;
  margin-left: 0;
}
/* line 171, ../sass/partials/forms/_layout.scss */
.form-main-block > label {
  text-align: left;
  display: block;
}

/* line 177, ../sass/partials/forms/_layout.scss */
.form-main-block > div,
.form-main-block > label {
  float: none;
  margin-left: 0;
  width: 100%;
}

/*Custom - home*/
/* line 186, ../sass/partials/forms/_layout.scss */
.side-bar .form-main-field {
  padding: 0 1.7em 0 1.7em;
}
@media all and (min-width: 48.0625em) {
  /* line 190, ../sass/partials/forms/_layout.scss */
  .side-bar .form-main-field .form-main-inputs {
    margin-left: 0;
    width: 100%;
  }
}
@media all and (max-width: 48em) {
  /* line 186, ../sass/partials/forms/_layout.scss */
  .side-bar .form-main-field {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* line 197, ../sass/partials/forms/_layout.scss */
  .side-bar .form-main-field .form-main-inputs {
    width: 90%;
    margin-left: 1.5em;
  }
}

/*Custom styling of inputs - radiobuttons and checkboxes*/
/* line 208, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"], .form-main-field input[type="radio"], .form-main-inputs input[type="checkbox"], .form-main-inputs input[type="radio"], .survey-answers input[type="checkbox"], .survey-answers input[type="radio"], .survey-tbl input[type="checkbox"], .survey-tbl input[type="radio"], .survey-checkboxes input[type="checkbox"], .survey-checkboxes input[type="radio"], .list-colour-alt input[type="checkbox"], .list-colour-alt input[type="radio"], .def-list input[type="checkbox"], .def-list input[type="radio"], .table-resource input[type="checkbox"], .table-resource input[type="radio"], .accordion input[type="checkbox"], .accordion input[type="radio"] {
  opacity: 0;
  /*position: absolute;*/
  position: relative;
  top: 16px;
}
/* line 215, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"], .form-main-field input[type="radio"], .form-main-field label, .form-main-inputs input[type="checkbox"], .form-main-inputs input[type="radio"], .form-main-inputs label, .survey-answers input[type="checkbox"], .survey-answers input[type="radio"], .survey-answers label, .survey-tbl input[type="checkbox"], .survey-tbl input[type="radio"], .survey-tbl label, .survey-checkboxes input[type="checkbox"], .survey-checkboxes input[type="radio"], .survey-checkboxes label, .list-colour-alt input[type="checkbox"], .list-colour-alt input[type="radio"], .list-colour-alt label, .def-list input[type="checkbox"], .def-list input[type="radio"], .def-list label, .table-resource input[type="checkbox"], .table-resource input[type="radio"], .table-resource label, .accordion input[type="checkbox"], .accordion input[type="radio"], .accordion label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
/* line 221, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"] + label:before, .form-main-field input[type="radio"] + label:before, .form-main-inputs input[type="checkbox"] + label:before, .form-main-inputs input[type="radio"] + label:before, .survey-answers input[type="checkbox"] + label:before, .survey-answers input[type="radio"] + label:before, .survey-tbl input[type="checkbox"] + label:before, .survey-tbl input[type="radio"] + label:before, .survey-checkboxes input[type="checkbox"] + label:before, .survey-checkboxes input[type="radio"] + label:before, .list-colour-alt input[type="checkbox"] + label:before, .list-colour-alt input[type="radio"] + label:before, .def-list input[type="checkbox"] + label:before, .def-list input[type="radio"] + label:before, .table-resource input[type="checkbox"] + label:before, .table-resource input[type="radio"] + label:before, .accordion input[type="checkbox"] + label:before, .accordion input[type="radio"] + label:before {
  content: '';
  background: #fff;
  border: 1px solid #bfbfbf;
  display: inline-block;
  vertical-align: middle;
  width: 23px;
  height: 23px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}
/* line 234, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="radio"] + label:before, .form-main-inputs input[type="radio"] + label:before, .survey-answers input[type="radio"] + label:before, .survey-tbl input[type="radio"] + label:before, .survey-checkboxes input[type="radio"] + label:before, .list-colour-alt input[type="radio"] + label:before, .def-list input[type="radio"] + label:before, .table-resource input[type="radio"] + label:before, .accordion input[type="radio"] + label:before {
  border-radius: 50%;
}
/* line 238, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="radio"]:checked + label:before, .form-main-inputs input[type="radio"]:checked + label:before, .survey-answers input[type="radio"]:checked + label:before, .survey-tbl input[type="radio"]:checked + label:before, .survey-checkboxes input[type="radio"]:checked + label:before, .list-colour-alt input[type="radio"]:checked + label:before, .def-list input[type="radio"]:checked + label:before, .table-resource input[type="radio"]:checked + label:before, .accordion input[type="radio"]:checked + label:before {
  background: #05472a;
  box-shadow: inset 0px 0px 0px 2px #fff;
}
/* line 243, ../sass/partials/forms/_layout.scss */
.form-main-field input[type="checkbox"]:checked + label:before, .form-main-inputs input[type="checkbox"]:checked + label:before, .survey-answers input[type="checkbox"]:checked + label:before, .survey-tbl input[type="checkbox"]:checked + label:before, .survey-checkboxes input[type="checkbox"]:checked + label:before, .list-colour-alt input[type="checkbox"]:checked + label:before, .def-list input[type="checkbox"]:checked + label:before, .table-resource input[type="checkbox"]:checked + label:before, .accordion input[type="checkbox"]:checked + label:before {
  font-family: 'icons';
  content: "\ea10";
  color: #05472a;
}

/* line 250, ../sass/partials/forms/_layout.scss */
.form-main-label label {
  margin: 0 5px;
}

/* line 254, ../sass/partials/forms/_layout.scss */
.survey-answers {
  display: flex;
  flex-direction: column;
  text-align: left;
}
/* line 259, ../sass/partials/forms/_layout.scss */
.survey-answers input[type="checkbox"] + label:before, .survey-answers input[type="radio"] + label:before {
  margin: 0 10px 5px 0px;
}
/* line 263, ../sass/partials/forms/_layout.scss */
.survey-answers .form-main-inputs-full {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}

/* Admin */
/* line 272, ../sass/partials/forms/_layout.scss */
.dashboard .block-hdr {
  text-transform: uppercase;
  background-color: #05472a;
  display: block;
  color: #fff;
  font-weight: normal;
  padding-left: 0.5em;
  padding-right: 20%;
}
/* line 279, ../sass/partials/forms/_layout.scss */
.dashboard .block-hdr:before {
  background-color: #fff;
}
@media all and (max-width: 40em) {
  /* line 283, ../sass/partials/forms/_layout.scss */
  .dashboard select {
    width: 100%;
  }
}
/* line 290, ../sass/partials/forms/_layout.scss */
.dashboard .gridview select {
  position: relative;
  top: -0.2em;
}
/* line 296, ../sass/partials/forms/_layout.scss */
.dashboard .gridview .toolbar a {
  margin-top: 0.2em;
}
/* line 300, ../sass/partials/forms/_layout.scss */
.dashboard .gridview .toolbar .btn-delete {
  top: -1px;
  width: 25px;
}
@media all and (min-width: 40.0625em) and (max-width: 54.3125em) {
  /* line 307, ../sass/partials/forms/_layout.scss */
  .dashboard .main-page, .dashboard .c-sleep-hazards__prompt, .dashboard .c-feedback__body {
    padding: 1em 2.5em !important;
  }
}

/* Tab content in Profile */
/* line 313, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field {
  /*&:nth-child(odd) {
      background-color: $color-off-white;
  }*/
  /*margin-bottom: 0;
  padding: 0.3em 0 0.5em 0;*/
}
/* line 321, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field .form-main-label {
  text-align: left;
  padding-left: 0.5em;
}
/* line 326, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field .form-main-inputs ul {
  margin-left: 0;
}
/* line 330, ../sass/partials/forms/_layout.scss */
.tab-content-profile .form-main-field .form-main-label, .tab-content-profile .form-main-field .form-main-inputs {
  margin-top: 0.2em;
}
@media all and (max-width: 47.9375em) {
  /* line 336, ../sass/partials/forms/_layout.scss */
  .tab-content-profile .form-main-inputs {
    padding-left: 0.5em;
  }
}

/* line 342, ../sass/partials/forms/_layout.scss */
.form-main-inputs.full {
  width: 100%;
  margin-left: 0;
}
/* line 345, ../sass/partials/forms/_layout.scss */
.form-main-inputs.full .form-main-label {
  width: auto;
  padding-right: 0;
}

/* line 351, ../sass/partials/forms/_layout.scss */
.dark-background {
  background-color: #05472a !important;
  color: #fff;
}

/* [SURVEY]
-------------------------------------------------------*/
/* Shared - tabular and list */
/* line 360, ../sass/partials/forms/_layout.scss */
.survey {
  background: white;
  margin: 15px 0;
  /*Hide for now*/
}
/* line 364, ../sass/partials/forms/_layout.scss */
.survey .form-main-field {
  padding: 0.5em;
  margin-bottom: 0.3em;
}
/* line 368, ../sass/partials/forms/_layout.scss */
.survey .form-main-field .form-main-label {
  margin-bottom: 0.8em;
  text-align: left;
  color: #000;
}
@media all and (min-width: 56.25em) {
  /* line 375, ../sass/partials/forms/_layout.scss */
  .survey .form-main-field .form-main-label {
    width: 23.33333em;
  }
  /* line 379, ../sass/partials/forms/_layout.scss */
  .survey .form-main-field .form-main-inputs {
    /*margin-left: to-em(440);*/
  }
}
/* line 385, ../sass/partials/forms/_layout.scss */
.survey .form-main-notes {
  display: none;
}

/* coloured rows */
/* line 391, ../sass/partials/forms/_layout.scss */
.survey li:nth-of-type(odd),
.survey .form-main-field:nth-of-type(odd),
.survey tbody tr:nth-of-type(odd) {
  background-color: #EFEEE6;
}

/* HTML tags */
/* line 398, ../sass/partials/forms/_layout.scss */
em {
  font-style: italic;
}

/* line 404, ../sass/partials/forms/_layout.scss */
.survey .survey-hdr li:nth-of-type(odd) {
  background-color: #fff !important;
}

/* Heading */
/* line 411, ../sass/partials/forms/_layout.scss */
.survey-hdr {
  padding-bottom: 1.11111em;
}
/* line 414, ../sass/partials/forms/_layout.scss */
.survey-hdr p {
  font-size: 1em;
  /*font-weight: 500;*/
}
/* line 419, ../sass/partials/forms/_layout.scss */
.survey-hdr .list {
  margin-left: 1em;
}
/* line 422, ../sass/partials/forms/_layout.scss */
.survey-hdr .list li {
  padding: 0.3em;
}

/* Formatting for titles or content seperations between quesitons */
/* line 429, ../sass/partials/forms/_layout.scss */
.title-content {
  padding-left: 0.3em;
}

/* line 433, ../sass/partials/forms/_layout.scss */
.title-content p {
  margin: 5px;
  padding-left: 5px;
  font-size: .9em;
}

/* Items */
/* line 440, ../sass/partials/forms/_layout.scss */
.survey-list li,
.survey-tbl td,
.survey-tbl th {
  padding: 1em;
  text-align: center;
}

/* line 447, ../sass/partials/forms/_layout.scss */
.survey-list li,
.survey-tbl tbody td,
.survey-tbl tbody th {
  border: 0;
  background-color: rgba(255, 255, 255, 0.35);
}

/* line 454, ../sass/partials/forms/_layout.scss */
.survey-list li:hover,
.survey-tbl tbody tr:hover td,
.survey-tbl tbody tr:hover th {
  background-color: #EFEEE6;
  border-radius: 4px;
}

/* Questions */
/* line 462, ../sass/partials/forms/_layout.scss */
.survey-tbl th:first-child,
.survey-list legend {
  text-align: left;
}

/* line 467, ../sass/partials/forms/_layout.scss */
.survey-tbl thead th:first-child,
.survey-list legend {
  width: 35%;
}

/* line 472, ../sass/partials/forms/_layout.scss */
.survey-list li .survey-answers tr {
  background-color: transparent;
}

/* line 474, ../sass/partials/forms/_layout.scss */
ol.survey-list {
  list-style: none;
}
/* line 477, ../sass/partials/forms/_layout.scss */
ol.survey-list .js-tooltip {
  color: #2A445E;
}

/* line 484, ../sass/partials/forms/_layout.scss */
.survey-quote legend {
  margin-top: 1em;
}
/* line 485, ../sass/partials/forms/_layout.scss */
.survey-quote label {
  background-color: #262626;
  color: #fff;
  padding: 0.5em;
}

/* Answers */
/* line 490, ../sass/partials/forms/_layout.scss */
.survey-answers,
.survey-tbl thead th,
.form-field {
  line-height: 1.4em;
}

/* line 496, ../sass/partials/forms/_layout.scss */
.form-field div {
  line-height: 2em;
}

/* Submit */
/* line 501, ../sass/partials/forms/_layout.scss */
.survey .survey-submit {
  text-align: right;
  padding: .8em;
  /* 12px */
}

/* Tabular */
/* base rules */
/* line 509, ../sass/partials/forms/_layout.scss */
.survey-tbl th {
  font-weight: normal;
}

/* head */
/* line 514, ../sass/partials/forms/_layout.scss */
.survey-tbl thead th {
  color: #fff;
  width: 10%;
  background-color: #333;
}

/* line 519, ../sass/partials/forms/_layout.scss */
tr.table-response {
  max-width: 75.1em !important;
}
@media all and (min-width: 87.5em) and (max-width: 105.625em) {
  /* line 519, ../sass/partials/forms/_layout.scss */
  tr.table-response {
    width: 86.8% !important;
  }
}
@media all and (min-width: 75em) and (max-width: 87.5em) {
  /* line 519, ../sass/partials/forms/_layout.scss */
  tr.table-response {
    width: 86% !important;
  }
}
@media all and (min-width: 68.75em) and (max-width: 74.9375em) {
  /* line 519, ../sass/partials/forms/_layout.scss */
  tr.table-response {
    width: 85.5% !important;
  }
}
@media all and (min-width: 64em) and (max-width: 68.6875em) {
  /* line 519, ../sass/partials/forms/_layout.scss */
  tr.table-response {
    width: 95.3% !important;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 519, ../sass/partials/forms/_layout.scss */
  tr.table-response {
    width: 100% !important;
  }
}

/* List */
/* line 544, ../sass/partials/forms/_layout.scss */
.survey-list {
  border-top: 1px dotted #e3e3e3;
}

/* Shared */
/* line 549, ../sass/partials/forms/_layout.scss */
.survey-list legend,
.survey-answers > div {
  float: left;
  padding-right: 1em;
}

/* Answer columns */
/* line 555, ../sass/partials/forms/_layout.scss */
.survey-answers > div {
  width: 20%;
  text-align: left;
}

/* Answer labels */
/* line 561, ../sass/partials/forms/_layout.scss */
.survey-answers label {
  display: block;
  font-size: 13;
}

/* textbox & checkbox */
/* line 567, ../sass/partials/forms/_layout.scss */
.survey-answers > div.txt {
  width: 100%;
  text-align: left;
}

/* Submit */
/* line 574, ../sass/partials/forms/_layout.scss */
ol.survey-list li.survey-submit {
  background: none;
  border: 0;
}

/* Checkboxes */
/* line 580, ../sass/partials/forms/_layout.scss */
.survey-checkboxes {
  margin: 0;
  /* Columns */
}
/* line 582, ../sass/partials/forms/_layout.scss */
.survey-checkboxes ul {
  list-style: none;
  margin: 0;
}
/* line 584, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li {
  float: left;
  width: 100%;
  padding: 0.5em;
  position: relative;
}
/* line 590, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li .survey-col-2 {
  width: 50%;
}
/* line 594, ../sass/partials/forms/_layout.scss */
.survey-checkboxes li .survey-col-2 {
  width: 33.33333333333333%;
}

/* Responsive layout.*/
@media all and (max-width: 63.9375em) {
  /* line 603, ../sass/partials/forms/_layout.scss */
  .survey-list legend {
    width: 100%;
  }
  /* line 607, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers {
    width: 100%;
    margin-top: 1em;
  }
  /* line 611, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers > div {
    text-align: left;
  }
  /* line 616, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers input[type="checkbox"] + label:before, .survey-list .survey-answers input[type="radio"] + label:before {
    margin: 0 5px 5px 0px;
  }
}
@media all and (max-width: 40em) {
  /* line 622, ../sass/partials/forms/_layout.scss */
  .survey-list .survey-answers > div {
    width: 100%;
  }
}

/* line 628, ../sass/partials/forms/_layout.scss */
.form-main-inputs {
  width: 100%;
  /*label{margin-bottom:0.3em;}*/
}
/* line 632, ../sass/partials/forms/_layout.scss */
.form-main-inputs table tr {
  background-color: transparent !important;
}
/* line 635, ../sass/partials/forms/_layout.scss */
.form-main-inputs table tr td {
  border: 0 !important;
  padding: 0;
}
/* line 641, ../sass/partials/forms/_layout.scss */
.form-main-inputs table .form-main-inputs {
  margin-left: 0 !important;
}

/* Progress bar */
/* line 649, ../sass/partials/forms/_layout.scss */
.progress {
  position: relative;
  width: 100%;
  color: black;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 2em;
  padding: 0.3em;
  border: 1px solid #bfbfbf;
  border-radius: 5px;
}
/* line 660, ../sass/partials/forms/_layout.scss */
.progress span {
  display: block;
  border-radius: 5px;
}
/* line 664, ../sass/partials/forms/_layout.scss */
.progress span.start {
  position: absolute;
  top: 15%;
  left: 8px;
}
/* line 670, ../sass/partials/forms/_layout.scss */
.progress span.complete {
  position: absolute;
  top: 15%;
  right: 8px;
}
/* line 677, ../sass/partials/forms/_layout.scss */
.progress .bar {
  background-color: #05472a;
}

/* Results */
/* line 683, ../sass/partials/forms/_layout.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 695, ../sass/partials/forms/_layout.scss */
.survey-results li {
  text-align: center;
  position: relative;
  padding-top: 16px;
  height: 33px;
}

/* scale 5 */
/* line 703, ../sass/partials/forms/_layout.scss */
.survey-results .survey-result-5 {
  height: 45px;
  padding-top: 44px;
}

/* active states */
/* line 709, ../sass/partials/forms/_layout.scss */
.survey-results .is-active {
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* scale 5 */
/* line 715, ../sass/partials/forms/_layout.scss */
.survey-result-5.is-active {
  background-image: url("img/bg-survey-results-active5.png");
}

/* scale 4 */
/* line 720, ../sass/partials/forms/_layout.scss */
.survey-result-4.is-active {
  background-image: url("img/bg-survey-results-active4.png");
}

/* scale 3 */
/* line 725, ../sass/partials/forms/_layout.scss */
.survey-result-3.is-active {
  background-image: url("img/bg-survey-results-active3.png");
}

/* scale 2 */
/* line 730, ../sass/partials/forms/_layout.scss */
.survey-result-2.is-active {
  background-image: url("img/bg-survey-results-active2.png");
}

/* scale 1 */
/* line 735, ../sass/partials/forms/_layout.scss */
.survey-result-1.is-active {
  background-image: url("img/bg-survey-results-active1.png");
}

/* Your score indicator */
/* line 740, ../sass/partials/forms/_layout.scss */
.survey-results .s-arrow-r {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
}

/* scale 5 */
/* line 748, ../sass/partials/forms/_layout.scss */
.survey-result-5 .s-arrow-r {
  margin-left: -145px;
}

/* scale 4 */
/* line 753, ../sass/partials/forms/_layout.scss */
.survey-result-4 .s-arrow-r {
  margin-left: -199px;
}

/* scale 3 */
/* line 758, ../sass/partials/forms/_layout.scss */
.survey-result-3 .s-arrow-r {
  margin-left: -241px;
}

/* scale 2 */
/* line 763, ../sass/partials/forms/_layout.scss */
.survey-result-2 .s-arrow-r {
  margin-left: -278px;
}

/* scale 1 */
/* line 768, ../sass/partials/forms/_layout.scss */
.survey-result-1 .s-arrow-r {
  margin-left: -321px;
}

/*Scale layout survey*/
/* line 773, ../sass/partials/forms/_layout.scss */
.survey-scale {
  /*@include respond-range($non-palm,1023) {*/
  /*The last two questions are special*/
}
/* line 774, ../sass/partials/forms/_layout.scss */
.survey-scale li {
  padding: 0.3em;
}
/* line 778, ../sass/partials/forms/_layout.scss */
.survey-scale strong {
  font-weight: 700;
}
/* line 780, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers {
  display: table;
  /*Scale version 1*/
  /*Scale version 2*/
}
/* line 783, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-start, .survey-scale .survey-answers .scale-end {
  width: 24.5%;
  padding-top: 0.5em;
}
/* line 788, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-start {
  text-align: right;
}
/* line 791, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-end {
  text-align: left;
}
/* line 795, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-response {
  width: 50%;
}
/* line 798, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-response div {
  float: left;
  text-align: center;
  width: 9%;
}
/* line 803, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-response div input {
  margin: 0.5em;
}
/* line 809, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scale-end {
  padding-left: 0.5em;
}
/* line 813, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scalestart.non-palm-one-third {
  text-align: left;
  width: 33%;
}
/* line 814, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scalemid.non-palm-one-third {
  text-align: center;
  width: 33%;
}
/* line 815, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .scaleend.non-palm-one-third {
  text-align: right;
  width: 33%;
}
/* line 817, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .survey-inputs {
  float: left;
}
/* line 818, ../sass/partials/forms/_layout.scss */
.survey-scale .survey-answers .grid {
  width: 100%;
}
@media all and (max-width: 40em) {
  /* line 821, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .grid-gutterless {
    margin-bottom: 1em;
  }
  /* line 822, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scalestart, .survey-scale .survey-answers .scalemid, .survey-scale .survey-answers .scaleend {
    font-size: 80%;
    text-align: center;
    margin-bottom: 0;
  }
  /* line 823, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .survey-inputs {
    font-size: 80%;
  }
  /* line 825, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .survey-inputs label:before {
    width: 20px;
    height: 20px;
  }
}
/* line 830, ../sass/partials/forms/_layout.scss */
.survey-scale .scale-response {
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 63.9375em) {
  /* line 836, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers {
    margin-top: 0;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 843, ../sass/partials/forms/_layout.scss */
  .survey-scale input[type="checkbox"] + label:before, .survey-scale input[type="radio"] + label:before {
    margin: 0.5em auto !important;
    display: block;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 55.5625em) {
  /* line 851, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-start, .survey-scale .survey-answers .scale-end {
    font-size: 0.8em;
    width: 20%;
  }
  /* line 856, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response {
    width: 60%;
    font-size: 0.8em;
  }
  /* line 860, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response .txt-input {
    width: 18.88889em;
  }
}
@media all and (min-width: 55.625em) {
  /* line 869, ../sass/partials/forms/_layout.scss */
  .survey-scale .scale-response .txt-input {
    width: 18.05556em;
  }
}
@media all and (max-width: 40em) {
  /* line 877, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers div {
    width: 100%;
  }
  /* line 881, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers input[type="checkbox"] + label:before, .survey-scale .survey-answers input[type="radio"] + label:before {
    display: inline-block;
  }
  /* line 885, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-start, .survey-scale .survey-answers .scale-end {
    width: 100%;
    text-align: center;
    border: 0;
  }
  /* line 891, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-end {
    height: 2.5em;
  }
  /* line 895, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response {
    margin-top: 0.5em;
    border: 0;
    width: 100%;
    display: block;
  }
  /* line 901, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response div {
    width: 100%;
  }
  /* line 904, ../sass/partials/forms/_layout.scss */
  .survey-scale .survey-answers .scale-response div .txt-input {
    width: 95%;
  }
}
/* line 914, ../sass/partials/forms/_layout.scss */
.survey-scale li:nth-child(10) {
  border-bottom: 0;
}
/* line 916, ../sass/partials/forms/_layout.scss */
.survey-scale li:nth-child(10) .survey-answers {
  border-bottom: 0;
}
/* line 918, ../sass/partials/forms/_layout.scss */
.survey-scale li:last-child {
  background-color: #fff;
}
/* line 920, ../sass/partials/forms/_layout.scss */
.survey-scale li:last-child .survey-answers {
  border-top: 0;
}

/*Thermometer layout*/
/* line 928, ../sass/partials/forms/_layout.scss */
.slider-bg {
  margin: 1em auto;
  padding: 1em;
  width: 9em;
  height: 25em;
  position: relative;
  display: table;
  left: 10em;
  /*Number output*/
}
/* line 936, ../sass/partials/forms/_layout.scss */
.slider-bg .scale-start, .slider-bg .scale-end {
  position: absolute;
  left: -9.2em;
}
/* line 940, ../sass/partials/forms/_layout.scss */
.slider-bg .scale-end {
  bottom: 1em;
}
/* line 943, ../sass/partials/forms/_layout.scss */
.slider-bg .slider {
  /* IE10+ */
  background-image: -ms-linear-gradient(bottom, #69A732 0%, #FFFF00 50%, #cc0000 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(bottom, #69A732 0%, #FFFF00 50%, #cc0000 100%);
  /* Opera */
  background-image: -o-linear-gradient(bottom, #69A732 0%, #FFFF00 50%, #cc0000 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #69A732), color-stop(50, #FFFF00), color-stop(100, #cc0000));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(bottom, #69A732 0%, #FFFF00 50%, #cc0000 100%);
  /* W3C Markup */
  background-image: linear-gradient(to top, #69A732 0%, #FFFF00 50%, #cc0000 100%);
  position: relative;
  cursor: pointer;
  clear: right;
  -moz-box-shadow: inset 0 0 8px #000;
  margin: 0 2.75em 0 0;
  height: 26.3em;
  width: 1.3em;
  z-index: 22;
  border: 0.5em #eae2d5 solid;
  border-bottom: 0;
  border-radius: 0.7em 0.7em 0 0;
  float: right;
  /* drag handle */
}
/* line 968, ../sass/partials/forms/_layout.scss */
.slider-bg .slider .progress {
  display: none;
  opacity: 0.6;
  width: 9px;
  position: absolute;
  bottom: 0;
}
/* line 976, ../sass/partials/forms/_layout.scss */
.slider-bg .slider .handle {
  background: #000 no-repeat url("img/icon/thermometer-slider.png") 50% 50%;
  background-size: 60%;
  height: 1.7em;
  width: 1.6em;
  position: absolute;
  display: block;
  border-radius: 50%;
  cursor: move;
  top: 0;
  left: -0.6em;
}
/* line 989, ../sass/partials/forms/_layout.scss */
.slider-bg .top-bulb, .slider-bg .bot-bulb {
  position: absolute;
}
/* line 992, ../sass/partials/forms/_layout.scss */
.slider-bg .top-bulb {
  width: 4.9em;
  height: 2.2em;
  top: 0.5em;
  left: 1.85em;
}
/* line 998, ../sass/partials/forms/_layout.scss */
.slider-bg .bot-bulb {
  background: transparent url(/css/img/bot-bulb.png) no-repeat 0 0;
  width: 4.9em;
  height: 3.4em;
  bottom: 0;
  left: 3.25em;
  z-index: 1;
}
/* line 1006, ../sass/partials/forms/_layout.scss */
.slider-bg .slider-nos {
  float: left;
  width: 1em;
  margin-top: 0.5em;
  height: 21.38889em;
}
/* line 1013, ../sass/partials/forms/_layout.scss */
.slider-bg .range {
  position: absolute;
  left: 10em;
  top: 2em;
  /*range*/
}
/* line 1019, ../sass/partials/forms/_layout.scss */
.slider-bg input {
  pointer-events: none;
}

/* Module Surveys */
/* line 1023, ../sass/partials/forms/_layout.scss */
.modules {
  /*Answers*/
}
/* line 1024, ../sass/partials/forms/_layout.scss */
.modules .survey-list {
  border: 0;
}
/* line 1026, ../sass/partials/forms/_layout.scss */
.modules .survey-list li {
  border: 0;
}
/* line 1027, ../sass/partials/forms/_layout.scss */
.modules .survey-list legend, .modules .survey-list .survey-answers {
  float: none;
  width: 100%;
}
/* line 1030, ../sass/partials/forms/_layout.scss */
.modules .survey-list .survey-answers {
  text-align: left;
}
/* line 1033, ../sass/partials/forms/_layout.scss */
.modules .survey-list .survey-answers .form-main-inputs {
  margin-left: 0;
}
/* line 1036, ../sass/partials/forms/_layout.scss */
.modules .survey-list .survey-answers td {
  border: 0;
}
/* line 1040, ../sass/partials/forms/_layout.scss */
.modules .survey .form-main-inputs {
  width: 100%;
}
@media all and (max-width: 74.9375em) {
  /* line 1042, ../sass/partials/forms/_layout.scss */
  .modules .survey .form-main-label {
    width: 100%;
  }
  /* line 1045, ../sass/partials/forms/_layout.scss */
  .modules .survey .form-main-inputs {
    margin-left: 0;
  }
}
/* line 1050, ../sass/partials/forms/_layout.scss */
.modules .survey textarea {
  max-height: 110px;
}
/* line 1055, ../sass/partials/forms/_layout.scss */
.modules .linked-question {
  padding: 0.3em 0.5em 0 0.5em;
  background-color: #f2f2f2;
}
/* line 1058, ../sass/partials/forms/_layout.scss */
.modules .linked-question ul {
  margin: 0 0 0 1em;
  padding-bottom: 0.5em;
}

/*Questionnaires initial well-being screeners */
/* line 1063, ../sass/partials/forms/_layout.scss */
.survey-q {
  background-color: transparent;
}
/* line 1066, ../sass/partials/forms/_layout.scss */
.survey-q .survey-answers {
  vertical-align: top;
  text-align: left;
  top: 0;
  position: relative;
  line-height: 1em;
}
/* line 1074, ../sass/partials/forms/_layout.scss */
.survey-q .survey-answers table tr {
  background-color: transparent;
}
/* line 1078, ../sass/partials/forms/_layout.scss */
.survey-q .survey-answers table td {
  border: 0;
}
/* line 1083, ../sass/partials/forms/_layout.scss */
.survey-q .survey-answers .form-main-inputs {
  margin-left: 0;
  max-height: 2.5em;
}
/* line 1089, ../sass/partials/forms/_layout.scss */
.survey-q .survey table {
  background-color: transparent !important;
}
@media all and (max-width: 63.9375em) {
  /* line 1094, ../sass/partials/forms/_layout.scss */
  .survey-q .island {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 1099, ../sass/partials/forms/_layout.scss */
  .survey-q .survey-hdr {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

/* line 1108, ../sass/partials/forms/_layout.scss */
.form-user {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  margin-top: 3rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  /* line 1108, ../sass/partials/forms/_layout.scss */
  .form-user {
    flex-direction: row;
  }
}

/* line 1122, ../sass/partials/forms/_layout.scss */
.form-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1em;
  position: relative;
  text-align: center;
}
/* line 1131, ../sass/partials/forms/_layout.scss */
.form-card .form-main-label {
  text-align: left;
}
/* line 1135, ../sass/partials/forms/_layout.scss */
.form-card .input-container {
  overflow: hidden;
}
/* line 1138, ../sass/partials/forms/_layout.scss */
.form-card .input-container input {
  margin-bottom: .5rem;
}
/* line 1142, ../sass/partials/forms/_layout.scss */
.form-card .input-container input:not(:first-child) {
  border-top: 1px solid #DFE1E6;
}
/* line 1147, ../sass/partials/forms/_layout.scss */
.form-card input {
  border-radius: unset;
}
/* line 1151, ../sass/partials/forms/_layout.scss */
.form-card h4 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
/* line 1157, ../sass/partials/forms/_layout.scss */
.form-card:nth-child(1) {
  background-color: #ded5d0;
  color: #000;
}
/* line 1162, ../sass/partials/forms/_layout.scss */
.form-card:nth-child(2) {
  padding-bottom: 6rem;
}
/* line 1166, ../sass/partials/forms/_layout.scss */
.form-card img {
  order: -1;
  max-width: 35%;
  margin-top: 1rem;
}
/* line 1172, ../sass/partials/forms/_layout.scss */
.form-card__footer {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 1122, ../sass/partials/forms/_layout.scss */
  .form-card {
    padding: 3rem;
    width: 50%;
  }
  /* line 1185, ../sass/partials/forms/_layout.scss */
  .form-card img {
    order: 1;
    max-width: 230px;
  }
}

/* line 1192, ../sass/partials/forms/_layout.scss */
.tab-heading {
  display: flex;
  align-items: initial;
  flex-direction: column-reverse;
  /*flex-direction: row-reverse;*/
  margin-bottom: 1em;
}
/* line 1199, ../sass/partials/forms/_layout.scss */
.tab-heading .filter {
  margin-right: auto;
}
@media (min-width: 768px) {
  /* line 1192, ../sass/partials/forms/_layout.scss */
  .tab-heading {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}

@media (max-width: 64em) {
  /* line 1213, ../sass/partials/forms/_layout.scss */
  .u-hide-tbody {
    display: none;
  }
}
/* line 1219, ../sass/partials/forms/_layout.scss */
.form-main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 1227, ../sass/partials/forms/_layout.scss */
.c-subscribe-form label {
  display: none;
}
/* line 1231, ../sass/partials/forms/_layout.scss */
.c-subscribe-form input {
  margin-bottom: 1rem;
  padding: 1.75rem;
}
/* line 1236, ../sass/partials/forms/_layout.scss */
.c-subscribe-form input[type="submit"] {
  margin-bottom: 0;
  padding: 1.25rem 1.5rem;
}

/* ======================================================================================
   @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: #F27676 !important;
  /* Focus pseudo class */
  /*&:focus {
      border-color: $brand-error-red;
  }*/
  /*background-color: $color-feedback-error-light !important;*/
}

/* Success */
/* line 28, ../sass/partials/forms/_validation.scss */
.input-success {
  border-color: #57a957 !important;
  background-color: #f0f8f2 !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;
}

/*Select all with attribute aria-required=true */
/* line 41, ../sass/partials/forms/_validation.scss */
.show-validate input[aria-required="true"], .show-validate input[type="text"][required] {
  background-image: radial-gradient(#7ac144 15%, rgba(0, 0, 0, 0) 16%), radial-gradient(#7ac144 15%, rgba(0, 0, 0, 0) 16%);
  background-size: 2em 2em;
  background-position: top right;
  background-repeat: no-repeat;
  border-color: #7ac144;
}

/* line 51, ../sass/partials/forms/_validation.scss */
.char-counter {
  display: block;
  font-size: 13px;
  margin-top: 4px;
}

/* line 57, ../sass/partials/forms/_validation.scss */
.char-counter.is-exceeded {
  color: red;
}

/* line 61, ../sass/partials/forms/_validation.scss */
.char-counter.is-warning {
  color: maroon;
}

/* line 65, ../sass/partials/forms/_validation.scss */
.js-char-count-trigger {
  height: 7em;
}

/* line 1, ../sass/partials/forms/_progress-bars.scss */
.progress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  /*Colours*/
}
/* line 10, ../sass/partials/forms/_progress-bars.scss */
.progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /*border: 12px solid #fff;*/
  position: absolute;
  top: 0;
  left: 0;
}
/* line 21, ../sass/partials/forms/_progress-bars.scss */
.progress .progress-left {
  left: 0;
}
/* line 24, ../sass/partials/forms/_progress-bars.scss */
.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
/* line 34, ../sass/partials/forms/_progress-bars.scss */
.progress .progress-right {
  right: 0;
}
/* line 37, ../sass/partials/forms/_progress-bars.scss */
.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
  animation: loading-1 1.8s linear forwards;
}
/* line 48, ../sass/partials/forms/_progress-bars.scss */
.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 12px;
  border-style: solid;
  position: absolute;
  top: 0;
}
/* line 58, ../sass/partials/forms/_progress-bars.scss */
.progress .progress-value {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  /*background: #44484b;*/
  font-size: 24px;
  /*color: #fff;*/
  line-height: 135px;
  text-align: center;
  position: absolute;
  top: 5%;
  left: 5%;
}
/* line 73, ../sass/partials/forms/_progress-bars.scss */
.progress.blue .progress-bar {
  border-color: #049dff;
}
/* line 77, ../sass/partials/forms/_progress-bars.scss */
.progress.blue .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.8s;
}
/* line 83, ../sass/partials/forms/_progress-bars.scss */
.progress.yellow .progress-bar {
  border-color: #fdba04;
}
/* line 87, ../sass/partials/forms/_progress-bars.scss */
.progress.yellow .progress-left .progress-bar {
  animation: loading-3 1s linear forwards 1.8s;
}
/* line 93, ../sass/partials/forms/_progress-bars.scss */
.progress.pink .progress-bar {
  border-color: #ed687c;
}
/* line 97, ../sass/partials/forms/_progress-bars.scss */
.progress.pink .progress-left .progress-bar {
  animation: loading-4 0.4s linear forwards 1.8s;
}
/* line 103, ../sass/partials/forms/_progress-bars.scss */
.progress.green .progress-bar {
  border-color: #1abc9c;
}
/* line 107, ../sass/partials/forms/_progress-bars.scss */
.progress.green .progress-left .progress-bar {
  animation: loading-5 1.2s linear forwards 1.8s;
}

/* line 113, ../sass/partials/forms/_progress-bars.scss */
.progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
  }
}
@media only screen and (max-width: 990px) {
  /* line 183, ../sass/partials/forms/_progress-bars.scss */
  .progress {
    margin-bottom: 20px;
  }
}
/*The other circular progress bar*/
/* line 189, ../sass/partials/forms/_progress-bars.scss */
div.progress-circle {
  position: relative;
  margin: 0 auto;
  width: 220px;
  height: 220px;
}
/* line 195, ../sass/partials/forms/_progress-bars.scss */
div.progress-circle canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 202, ../sass/partials/forms/_progress-bars.scss */
div.progress-circle span {
  color: #555;
  display: block;
  text-align: center;
  width: 220px;
  font-family: sans-serif;
  font-weight: 100;
  font-size: 2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/* line 215, ../sass/partials/forms/_progress-bars.scss */
div.progress-circle input {
  width: 200px;
}

/*Colour line*/
/* line 221, ../sass/partials/forms/_progress-bars.scss */
.progress-line {
  height: 0.5em;
  background: #e3e3e3;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  position: relative;
  margin-top: .8em;
}
/* line 230, ../sass/partials/forms/_progress-bars.scss */
.progress-line .h6 {
  position: absolute;
  top: -1.8em;
}
/* line 236, ../sass/partials/forms/_progress-bars.scss */
.progress-line .progress-bar {
  position: absolute;
  top: 0;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s;
  background: #05472a;
  height: 0.5em;
}
/* line 246, ../sass/partials/forms/_progress-bars.scss */
.progress-line .progress-value {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  top: -0.15em;
  right: 1em;
}
@media all and (max-width: 40em) {
  /* line 246, ../sass/partials/forms/_progress-bars.scss */
  .progress-line .progress-value {
    font-size: 12px;
    top: 0.1em;
  }
}

/* line 262, ../sass/partials/forms/_progress-bars.scss */
.progress-line.mono {
  background-color: transparent;
}
/* line 265, ../sass/partials/forms/_progress-bars.scss */
.progress-line.mono .progress-bar:after {
  display: none;
}
/* line 269, ../sass/partials/forms/_progress-bars.scss */
.progress-line.mono .progress-value {
  position: unset;
  color: #000;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
/* 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;
  /* Parent + pseudo elements */
  /* Parent + pseudo classes */
  /* Note: this may be redundant? */
  /* --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 */
  /* 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 28, ../sass/partials/buttons/_base.scss */
.btn, .btn:hover, .btn:focus {
  text-decoration: none;
}
/* line 39, ../sass/partials/buttons/_base.scss */
.btn.btn-full {
  display: block;
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 47, ../sass/partials/buttons/_base.scss */
.btn.btn-milli {
  font-size: 15px;
  font-size: 0.83333rem;
  line-height: normal;
}
/* line 51, ../sass/partials/buttons/_base.scss */
.btn.btn-sml {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: normal;
}
/* line 55, ../sass/partials/buttons/_base.scss */
.btn.btn-lrg {
  font-size: 20px;
  font-size: 1.11111rem;
  line-height: normal;
}
/* line 59, ../sass/partials/buttons/_base.scss */
.btn.btn-spacing {
  margin-right: 0.33333em;
}
@media print {
  /* line 14, ../sass/partials/buttons/_base.scss */
  .btn {
    display: none !important;
  }
}

@media (max-width: 634px) {
  /* line 71, ../sass/partials/buttons/_base.scss */
  .btn-block {
    display: block;
  }
}

/* line 78, ../sass/partials/buttons/_base.scss */
.button, .button--outline, .button--outline-purple, .button--primary, .button--accent, .button--subtle, .button--small, .button--blue, .button--right, .btn-main, .button--transparent, .button--left {
  outline: none;
  border: 2px solid;
  border-radius: 999px;
  padding: 1.25rem;
  background-color: #fff;
  /*pointer-events: auto;*/
  font-weight: 700;
}

/* line 89, ../sass/partials/buttons/_base.scss */
a .button, a .button--outline, a .button--outline-purple, a .button--primary, a .button--accent, a .button--subtle, a .button--small, a .button--blue, a .button--right, a .btn-main, a .button--transparent, a .button--left {
  pointer-events: none;
}

/* line 94, ../sass/partials/buttons/_base.scss */
.button--outline, .button--outline-purple, .button--primary, .button--accent {
  box-sizing: border-box;
  border: 3px solid !important;
  border-color: #05472a;
  color: #05472a;
}

/* line 102, ../sass/partials/buttons/_base.scss */
.button--outline-purple {
  border-color: #5A37DB;
  color: #5A37DB;
}

/* line 108, ../sass/partials/buttons/_base.scss */
.button--subtle {
  border-color: transparent;
  color: #05472a;
}

/* line 114, ../sass/partials/buttons/_base.scss */
.button--primary {
  background-color: #05472a;
  border-color: #05472a !important;
  color: #dcf7da;
}

/* line 121, ../sass/partials/buttons/_base.scss */
.button--accent {
  background-color: #ed7b58;
  border-color: #ed7b58 !important;
  color: #000;
}

/* line 128, ../sass/partials/buttons/_base.scss */
.button--small {
  padding: .75rem 1.5rem;
}

/* line 133, ../sass/partials/buttons/_base.scss */
.button--blue, .button--right, .btn-main, .button--transparent, .button--left {
  box-sizing: border-box;
  background-color: #05472a;
  border-color: transparent;
  /*color: $dark-blue;*/
  color: #fff;
}

/* line 142, ../sass/partials/buttons/_base.scss */
input.button--blue, input.button--right, input.btn-main, input.button--transparent, input.button--left {
  border: none !important;
}

/* line 146, ../sass/partials/buttons/_base.scss */
.button--blue + .button--blue, .button--right + .button--blue, .btn-main + .button--blue, .button--transparent + .button--blue, .button--left + .button--blue, .button--blue + .button--right, .button--right + .button--right, .btn-main + .button--right, .button--transparent + .button--right, .button--left + .button--right, .button--blue + .btn-main, .button--right + .btn-main, .btn-main + .btn-main, .button--transparent + .btn-main, .button--left + .btn-main, .button--blue + .button--transparent, .button--right + .button--transparent, .btn-main + .button--transparent, .button--transparent + .button--transparent, .button--left + .button--transparent, .button--blue + .button--left, .button--right + .button--left, .btn-main + .button--left, .button--transparent + .button--left, .button--left + .button--left {
  margin-left: 5px;
}

/* line 150, ../sass/partials/buttons/_base.scss */
.button--right {
  display: flex;
  justify-content: center;
  padding: 1em 1.4em;
  margin-left: auto;
  /*width: 100%;*/
  min-width: 100px;
}
/* line 159, ../sass/partials/buttons/_base.scss */
.button--right + .button--right {
  margin-left: .6em;
}
@media (min-width: 768px) {
  /* line 150, ../sass/partials/buttons/_base.scss */
  .button--right {
    width: unset;
  }
}

/* line 168, ../sass/partials/buttons/_base.scss */
.button--transparent {
  width: 100%;
  background-color: transparent !important;
  border: 1px solid !important;
  border-color: #2A445E;
  color: #2A445E !important;
}
/* line 176, ../sass/partials/buttons/_base.scss */
.button--transparent:hover {
  background-color: #2A445E !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #2A445E !important;
}
@media (min-width: 768px) {
  /* line 168, ../sass/partials/buttons/_base.scss */
  .button--transparent {
    width: unset;
  }
}

/* line 188, ../sass/partials/buttons/_base.scss */
.button--left {
  margin-right: auto;
}

/* line 195, ../sass/partials/buttons/_base.scss */
.btn-main .icon, .button--transparent .icon, .button--left .icon {
  margin-right: .3em;
}

/* line 200, ../sass/partials/buttons/_base.scss */
.u-push-right {
  margin-left: auto !important;
}

/* ======================================================================================
   @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, .button--transparent, .button--left {
  display: flex;
  justify-content: center;
  align-items: center;
  /*@include to-em(padding, $spacing-half $spacing-base);*/
  /*background-color: #5A37DB;*/
  z-index: 99999;
  /* Pseudo classes */
  /* --Extenders-- */
  /* Disabled (has to match the bg for the default state) */
}
/* line 25, ../sass/partials/buttons/_main.scss */
.btn-main, .button--transparent, .button--left, .btn-main:visited, .button--transparent:visited, .button--left:visited, .btn-main:hover, .button--transparent:hover, .button--left:hover, .btn-main:focus, .button--transparent:focus, .button--left:focus {
  color: #fff;
}
/* line 32, ../sass/partials/buttons/_main.scss */
.btn-main:hover, .button--transparent:hover, .button--left:hover, .btn-main:focus, .button--transparent:focus, .button--left:focus, .btn-main.btn-menu-toggle.is-expanded, .btn-menu-toggle.is-expanded.button--transparent, .btn-menu-toggle.is-expanded.button--left {
  /*@include linear-gradient(lighten($color-brand, 5%), darken($color-brand, 5%));*/
  /*border-color: $color-brand;*/
  text-decoration: none;
}
/* line 41, ../sass/partials/buttons/_main.scss */
.btn-main:active, .button--transparent:active, .button--left:active, .btn-main.btn-menu-toggle.is-expanded, .btn-menu-toggle.is-expanded.button--transparent, .btn-menu-toggle.is-expanded.button--left {
  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 48, ../sass/partials/buttons/_main.scss */
.btn-main[disabled], [disabled].button--transparent, [disabled].button--left, .btn-main.is-disabled, .is-disabled.button--transparent, .is-disabled.button--left {
  background-color: #05472a;
  background-image: -webkit-linear-gradient(top, #05472a, #02170e);
  background-image: linear-gradient(to bottom, #05472a, #02170e);
}
/* line 53, ../sass/partials/buttons/_main.scss */
.btn-main.light-blue, .light-blue.button--transparent, .light-blue.button--left {
  background-color: #029fe2;
}
/* line 57, ../sass/partials/buttons/_main.scss */
.btn-main.orange, .orange.button--transparent, .orange.button--left {
  background-color: #F47623;
}
/* line 61, ../sass/partials/buttons/_main.scss */
.btn-main.blue, .blue.button--transparent, .blue.button--left {
  background-color: #6ECDDD;
}
/* line 65, ../sass/partials/buttons/_main.scss */
.btn-main.purple, .purple.button--transparent, .purple.button--left {
  background-color: #89539E;
}
/* line 69, ../sass/partials/buttons/_main.scss */
.btn-main.yellow, .yellow.button--transparent, .yellow.button--left {
  background-color: #f8d200;
  color: #000;
}
/* line 74, ../sass/partials/buttons/_main.scss */
.btn-main__ghost {
  display: inline-flex;
}

/* line 79, ../sass/partials/buttons/_main.scss */
.btn-main + .btn-main, .button--transparent + .btn-main, .button--left + .btn-main, .btn-main + .button--transparent, .button--transparent + .button--transparent, .button--left + .button--transparent, .btn-main + .button--left, .button--transparent + .button--left, .button--left + .button--left {
  margin-left: .4em;
}

/* --Extenders-- */
/* Compact - reduce padding by 50% */
/*Custom*/
/* line 91, ../sass/partials/buttons/_main.scss */
div.toolbar {
  /* For the toolbar of icons in each section */
  float: left;
  text-align: left;
  padding: 0;
  background-color: transparent !important;
  display: flex;
}
/* line 98, ../sass/partials/buttons/_main.scss */
div.toolbar a {
  color: #000;
}
/* line 101, ../sass/partials/buttons/_main.scss */
div.toolbar a:hover {
  color: #fff;
}
/* line 104, ../sass/partials/buttons/_main.scss */
div.toolbar a:hover .icon {
  background-color: #05472a;
}
/* line 110, ../sass/partials/buttons/_main.scss */
div.toolbar .icon {
  border: 1px solid #e3e3e3;
  background-color: #fff;
  display: inline-block;
  height: 28px;
  width: 28px;
  margin-left: 0.3em;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 121, ../sass/partials/buttons/_main.scss */
div.toolbar .icon:hover {
  color: #fff;
}
/* line 126, ../sass/partials/buttons/_main.scss */
div.toolbar .btn {
  height: 28px;
  width: 28px;
  display: inline-block;
  border: 1px solid #e3e3e3;
  margin-left: 0.3em;
  padding: 0;
  /*reset padding*/
}
/* line 133, ../sass/partials/buttons/_main.scss */
div.toolbar .btn:hover {
  background-color: #05472a;
}
/* line 137, ../sass/partials/buttons/_main.scss */
div.toolbar .btn.btn-email {
  background-image: url(img/icon/icon-email-black.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 142, ../sass/partials/buttons/_main.scss */
div.toolbar .btn.btn-email:hover {
  background-image: url(img/icon/icon-email.png);
}
/* line 148, ../sass/partials/buttons/_main.scss */
div.toolbar .txt-green:hover {
  color: #fff;
  background-color: #7ec48c !important;
}

/* line 154, ../sass/partials/buttons/_main.scss */
.btn-ghost {
  background-color: transparent;
  text-transform: uppercase;
  color: #05472a;
  border: 1px solid #d4d4d4;
}
/* line 160, ../sass/partials/buttons/_main.scss */
.btn-ghost .icon:before {
  margin: 0.3em;
}
/* line 164, ../sass/partials/buttons/_main.scss */
.btn-ghost:hover {
  background-color: transparent;
  border-color: #05472a;
}

/* line 170, ../sass/partials/buttons/_main.scss */
.btn-cta {
  background-color: #05472a;
  border-radius: 4px;
}

/* line 175, ../sass/partials/buttons/_main.scss */
.btn-edit {
  background: #05472a url(img/icon/icon-edit.png) no-repeat 0 2px;
}
/* line 178, ../sass/partials/buttons/_main.scss */
.btn-edit:hover {
  background: #05472a url(img/icon/icon-edit.png) no-repeat 0 2px;
}

/* line 183, ../sass/partials/buttons/_main.scss */
.btn-delete {
  background: #fff url(img/icon/icon-delete.png) no-repeat 0 2px;
}
/* line 186, ../sass/partials/buttons/_main.scss */
.btn-delete:hover {
  background: url(img/icon/icon-delete-hover.png) no-repeat 0 2px;
  background-color: #e02222 !important;
  color: #fff;
}

/* line 193, ../sass/partials/buttons/_main.scss */
.btn-trash {
  background: #05472a url(img/icon/icon-trash.png) no-repeat center;
  width: 2.05556em;
  height: 1.94444em;
}

/* line 198, ../sass/partials/buttons/_main.scss */
.btn-save {
  background: #05472a url(img/icon/icon-save.png) no-repeat center;
  width: 2.05556em;
  height: 1.94444em;
}

/* line 203, ../sass/partials/buttons/_main.scss */
.btn-copy {
  background: #fff url(img/icon/icon-copy.png) no-repeat 0 2px;
}
/* line 206, ../sass/partials/buttons/_main.scss */
.btn-copy:hover {
  background: url(img/icon/icon-copy-hover.png) no-repeat 0 2px;
}

/* line 211, ../sass/partials/buttons/_main.scss */
.btn-active {
  background: #fff url(img/icon/icon-active.png) no-repeat 0 2px;
}
/* line 214, ../sass/partials/buttons/_main.scss */
.btn-active:hover {
  background: #fff url(img/icon/icon-active-hover.png) no-repeat 0 2px;
}

/* line 219, ../sass/partials/buttons/_main.scss */
.btn-inactive {
  background: #fff url(img/icon/icon-inactive.png) no-repeat 0 2px;
}
/* line 222, ../sass/partials/buttons/_main.scss */
.btn-inactive:hover {
  background: #fff url(img/icon/icon-inactive-hover.png) no-repeat 0 2px;
}

/* line 227, ../sass/partials/buttons/_main.scss */
.btn-pdf {
  padding-left: 1.66667em;
  background: #05472a url(img/icon/icon-pdf-white.png) no-repeat 5px 6px;
}
/* line 231, ../sass/partials/buttons/_main.scss */
.btn-pdf, .btn-pdf:visited, .btn-pdf:hover, .btn-pdf:focus {
  background: url(img/icon/icon-pdf-white.png) no-repeat 5px 6px;
  background-color: #032616;
}

/* line 240, ../sass/partials/buttons/_main.scss */
.btn-excel {
  padding-left: 1.66667em;
  background: #05472a url(img/icon/icon-excel-white.png) no-repeat 5px 6px;
}
/* line 244, ../sass/partials/buttons/_main.scss */
.btn-excel:hover {
  background: url(img/icon/icon-excel-white.png) no-repeat 5px 6px;
  background-color: #032616;
}

/* line 250, ../sass/partials/buttons/_main.scss */
.btn-archive {
  background: #fff url(img/icon/icon-archive.png) no-repeat 0 2px;
}
/* line 253, ../sass/partials/buttons/_main.scss */
.btn-archive:hover {
  background: #05472a url(img/icon/icon-archive-hover.png) no-repeat 0 2px;
  color: #fff;
}

/* line 259, ../sass/partials/buttons/_main.scss */
.btn-activate {
  background: #fff url(img/icon/icon-activate.png) no-repeat 5px 5px;
}
/* line 262, ../sass/partials/buttons/_main.scss */
.btn-activate:hover {
  background: #fff url(img/icon/icon-tick.png) no-repeat 5px 5px;
}

/* line 267, ../sass/partials/buttons/_main.scss */
.btn-green-tick {
  background: #fff url(img/icon/icon-green-tick.png) no-repeat 0 0;
}
/* line 270, ../sass/partials/buttons/_main.scss */
.btn-green-tick:hover {
  background: #05472a url(img/icon/icon-green-tick-hover.png) no-repeat 0 0;
}

/* line 275, ../sass/partials/buttons/_main.scss */
.btn-red-cross {
  background: #fff url(img/icon/icon-red-cross.png) no-repeat 0 0;
}
/* line 278, ../sass/partials/buttons/_main.scss */
.btn-red-cross:hover {
  background: #05472a url(img/icon/icon-red-cross-hover.png) no-repeat 0 0;
}

/* line 283, ../sass/partials/buttons/_main.scss */
.btn-arrow, .btn-arrow:hover {
  background-image: url(img/icon/icon-right-white.png);
  background-repeat: no-repeat;
  background-position: 100% -2px;
  padding-right: 2em;
}

/* line 290, ../sass/partials/buttons/_main.scss */
.btn-email {
  background-image: url(img/icon/icon-email.png);
  background-repeat: no-repeat;
  background-position: 5px 4px;
  padding-left: 2.5em;
}

/* line 297, ../sass/partials/buttons/_main.scss */
.btn.green {
  display: inline-block;
  width: auto;
}
/* line 301, ../sass/partials/buttons/_main.scss */
.btn.green .icon {
  color: #fff;
}

/* line 308, ../sass/partials/buttons/_main.scss */
.btn-bookmark:focus, .btn-bookmarked:focus {
  color: #fff;
}

/* line 313, ../sass/partials/buttons/_main.scss */
.btn-bookmark {
  border: 0;
}

/* line 317, ../sass/partials/buttons/_main.scss */
.btn-bookmarked {
  background-color: #0ca662;
}

/* line 321, ../sass/partials/buttons/_main.scss */
.btn-share {
  background: #147f7f url(img/icon/icon-share.png) no-repeat 1em 0.6em;
  padding-left: 3em;
}
/* line 325, ../sass/partials/buttons/_main.scss */
.btn-share:hover {
  background: #05472a url(img/icon/icon-share.png) no-repeat 1em 0.6em;
}

/* line 330, ../sass/partials/buttons/_main.scss */
input[value="Download certificate of completion"] {
  background-image: url(img/icon/icon-pdf-white.png);
  background-position: 0.6em 0.6em;
  background-repeat: no-repeat;
  padding-left: 1.9em;
}
/* line 336, ../sass/partials/buttons/_main.scss */
input[value="Download certificate of completion"]:hover, input[value="Download certificate of completion"]:focus {
  background-image: url(img/icon/icon-pdf-white.png);
}

/* line 342, ../sass/partials/buttons/_main.scss */
.green .btn-print {
  background-color: #92a545;
}

/* line 347, ../sass/partials/buttons/_main.scss */
.orange .btn-print {
  background-color: #f69454;
}
/* line 350, ../sass/partials/buttons/_main.scss */
.orange .edit-page, .orange .edit-section {
  background-color: #F47623;
}

/* line 356, ../sass/partials/buttons/_main.scss */
.purple .btn-print {
  background-color: #a170b4;
}
/* line 359, ../sass/partials/buttons/_main.scss */
.purple .edit-page, .purple .edit-section {
  background-color: #89539E;
}

/* line 365, ../sass/partials/buttons/_main.scss */
.blue .btn-print {
  background-color: #45bfd3;
}
/* line 368, ../sass/partials/buttons/_main.scss */
.blue .edit-page, .blue .edit-section {
  background-color: #6ECDDD;
}

/* line 373, ../sass/partials/buttons/_main.scss */
input.btn-edit {
  padding-left: 2em !important;
  background: #fff url(img/icon/icon-edit.png) no-repeat 0 0;
  /*&:hover {
      background: $color-brand url(img/icon/icon-edit-hover.png) no-repeat 0 0;
  }*/
}

/* line 384, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-edit {
  background: #05472a url(img/icon/icon-edit-hover.png) no-repeat 0.3em 0.8em;
  /*&:hover {
      @include linear-gradient(lighten($color-brand, 5%), darken($color-brand, 8%));
      background: darken($color-brand, 8%) url(img/icon/icon-edit-hover.png) no-repeat 2px 5px;
  }*/
}
/* line 392, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-email {
  padding-left: 2.5em !important;
  background-position-x: 7px;
  background-position-y: 13px;
  /*&:hover, &:focus {
      @include linear-gradient(lighten($color-brand, 5%), darken($color-brand, 8%));
      background: darken($color-brand, 8%) url(img/icon/icon-email.png) no-repeat 5px 5px;
  }*/
}
/* line 402, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-cta.btn-icon, .profile-heading .btn-referral {
  background-repeat: no-repeat;
  background-position: 7px 8px;
  padding-left: 2em;
}
/* line 408, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-cta.btn-icon {
  background-image: url(img/icon/triage.png);
}
/* line 412, ../sass/partials/buttons/_main.scss */
.profile-heading .btn-referral {
  background-image: url(img/icon/referral.png);
}
@media all and (min-width: 40.0625em) and (max-width: 42.4375em) {
  /* line 418, ../sass/partials/buttons/_main.scss */
  .profile-heading .btn-main, .profile-heading .button--transparent, .profile-heading .button--left {
    font-size: 0.85em;
    margin-top: 0.3em;
  }
}

/* Message button bar */
/* line 427, ../sass/partials/buttons/_main.scss */
.message-div input {
  padding-left: 1.8em;
  background-position-x: 2px;
  background-position-y: 6px;
}
/* line 433, ../sass/partials/buttons/_main.scss */
.message-div .btn-delete {
  background: #05472a url(img/icon/icon-delete-hover.png) no-repeat 2px 6px !important;
  color: #fff;
}
/* line 437, ../sass/partials/buttons/_main.scss */
.message-div .btn-delete:hover {
  background: url(img/icon/icon-delete-dark.png) no-repeat 2px 6px !important;
  background-color: rgba(122, 193, 68, 0.1) !important;
  color: #05472a;
}
/* line 444, ../sass/partials/buttons/_main.scss */
.message-div .btn-archive {
  background-image: url(img/icon/icon-archive-hover.png);
  background-position: 2px 5px;
  background-color: #05472a;
  color: #fff;
}
/* line 450, ../sass/partials/buttons/_main.scss */
.message-div .btn-archive:hover {
  background: url(img/icon/icon-archive.png) no-repeat 2px 5px;
  background-color: rgba(122, 193, 68, 0.1);
  color: #05472a;
}

/*Hide misc buttons*/
@media all and (max-width: 40em) {
  /* line 461, ../sass/partials/buttons/_main.scss */
  .assessment .print {
    display: none;
  }
}

/* line 467, ../sass/partials/buttons/_main.scss */
.btn-main.pdf, .pdf.button--transparent, .pdf.button--left,
.btn-main.view,
.view.button--transparent,
.view.button--left,
.btn-main.excel,
.excel.button--transparent,
.excel.button--left {
  background-color: #fff;
  border: 2px solid #05472a !important;
  border-radius: 0;
  color: #05472a;
}

/*Export*/
/* line 477, ../sass/partials/buttons/_main.scss */
.export {
    /* .view {
        background: #5A37DB url(img/icon/icon-search.png) no-repeat 0.3em 0.6em;
        padding-left: 2em !important;
        padding-right: 0.8em;
    }

    .pdf {
        background: #5A37DB url(img/icon/icon-pdf-white.png) no-repeat 0.8em 1em;
        padding-left: 2em !important;
        padding-right: 0.8em;
    }

    .excel {
        background: #5A37DB url(img/icon/icon-excel-white.png) no-repeat 0.7em 1.2em;
        padding-left: 2em !important;
        padding-right: 0.8em;
    }*/
}
/* line 478, ../sass/partials/buttons/_main.scss */
.export .view,
.export .pdf,
.export .excel {
  background-color: #fff;
  border: 2px solid #1E0059 !important;
  border-radius: 0;
  color: #1E0059;
}

/*On Off Button*/
/* line 506, ../sass/partials/buttons/_main.scss */
.onoffswitch {
  position: relative;
  display: flex;
  justify-content: center;
  width: 5.5em;
}

/* line 513, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox {
  display: none;
}

/* line 517, ../sass/partials/buttons/_main.scss */
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #EFEEE6;
  border-radius: 40px;
}

/* line 525, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
/* line 531, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  color: white;
  box-sizing: border-box;
}
/* line 542, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:before {
  content: "Active";
  padding-left: 13px;
  background-color: #05472a;
  color: #fff;
}
/* line 549, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:after {
  content: "Inactive";
  padding-right: 6px;
  background-color: #f2f2f2;
  color: #4d4d4d;
  text-align: right;
}

/* line 558, ../sass/partials/buttons/_main.scss */
.onoffswitch-switch {
  display: block;
  width: 20px;
  height: 20px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 58px;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
  box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.1);
}

/* line 573, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

/* line 577, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/*Buttons*/
/* line 582, ../sass/partials/buttons/_main.scss */
.filter {
  position: relative;
}
/* line 585, ../sass/partials/buttons/_main.scss */
.filter button.btn, .filter input.btn {
  /*background: $color-brand url(img/icon/icon-search.png) no-repeat 4px 6px;*/
  background-color: #05472a;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
@media all and (max-width: 40em) {
  /* line 585, ../sass/partials/buttons/_main.scss */
  .filter button.btn, .filter input.btn {
    top: 0.2em;
  }
}
/* line 603, ../sass/partials/buttons/_main.scss */
.filter .icon {
  color: #fff;
}
/* line 606, ../sass/partials/buttons/_main.scss */
.filter .icon.icon-search:before {
  margin-right: 0;
}
/* line 611, ../sass/partials/buttons/_main.scss */
.filter input.btn-search {
  background: #05472a url(img/icon/icon-search.png) no-repeat 4px 6px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Module navigation buttons*/
/* line 625, ../sass/partials/buttons/_main.scss */
.module-navigation {
  text-align: right;
  margin-top: 1em;
}
/* line 627, ../sass/partials/buttons/_main.scss */
.module-navigation .arrow-left {
  /*background:url('img/icon/icon-arrow-left.png') no-repeat 0.5em 0.8em;*/
  padding-left: 1.7em;
}
/* line 631, ../sass/partials/buttons/_main.scss */
.module-navigation .arrow-right {
  /*background:url('img/icon/icon-arrow-right.png') no-repeat 90% 0.8em;*/
  padding-right: 1.7em;
}
/* line 635, ../sass/partials/buttons/_main.scss */
.module-navigation .grid-item.non-palm-two-thirds {
  min-height: 0;
}
@media all and (max-width: 40em) {
  /* line 637, ../sass/partials/buttons/_main.scss */
  .module-navigation .grid-item.non-palm-one-third {
    width: 33%;
  }
  /* line 638, ../sass/partials/buttons/_main.scss */
  .module-navigation .grid-item.non-palm-two-thirds {
    width: 67%;
  }
}

/* line 644, ../sass/partials/buttons/_main.scss */
.green .module-navigation .arrow-left, .green .module-navigation .arrow-right {
  background-color: #147f7f;
}

/* line 651, ../sass/partials/buttons/_main.scss */
.orange .module-navigation .arrow-left, .orange .module-navigation .arrow-right {
  background-color: #F47623;
}

/* line 658, ../sass/partials/buttons/_main.scss */
.teal .module-navigation .arrow-left, .teal .module-navigation .arrow-right {
  background-color: #147f7f;
}

/* line 665, ../sass/partials/buttons/_main.scss */
.purple .module-navigation .arrow-left, .purple .module-navigation .arrow-right {
  background-color: #89539E;
}

/* line 672, ../sass/partials/buttons/_main.scss */
.blue .module-navigation .arrow-left, .blue .module-navigation .arrow-right {
  background-color: #2ba5ba;
}

/* line 679, ../sass/partials/buttons/_main.scss */
.btn--arrow {
  align-items: center;
  background-color: #ed7b58;
  border: 2px solid;
  border-radius: 40px;
  color: #000;
  display: flex;
  gap: 1rem;
  position: relative;
  min-height: 3.5rem;
  border: 2px solid #ed7b58;
  -webkit-appearance: none;
  box-shadow: none;
  padding: .125rem;
  padding-left: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s,color .3s;
}
/* line 700, ../sass/partials/buttons/_main.scss */
.btn--arrow svg {
  background-color: #fff;
  width: 4.5rem;
  height: 4.5rem;
  flex-shrink: 0;
  border-radius: 50%;
  right: 0;
  margin-right: 0;
  transition: background-color .3s,color .3s;
  transform: rotate(270deg);
  fill: #ed7b58;
  stroke: #ed7b58;
  padding: .85rem;
  top: 0;
}

/* ======================================================================================
   @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: 2.77778rem;
  height: 1.38889rem;
  /* Hide at this breakpoint */
  /* JS off */
}
@media all and (min-width: 40.0625em) {
  /* line 17, ../sass/partials/buttons/_menu-toggle.scss */
  .btn-menu-toggle {
    display: none;
  }
}
/* line 28, ../sass/partials/buttons/_menu-toggle.scss */
.no-js .btn-menu-toggle {
  display: none;
}

/* Create the icon (three lines) */
/* line 32, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon {
  left: 50%;
  top: 50%;
  margin: -1px 0px 0px -14px;
  margin: -0.05556rem 0rem 0rem -0.77778rem;
  pointer-events: none;
  /* Shared */
  /* Pseudo elements - top/bottom lines */
}
/* line 39, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon, .btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  position: absolute;
  width: 1.55556rem;
  height: 0.16667rem;
  border-radius: 1.11111rem;
  background: #fff;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}
/* line 51, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  content: "";
  left: 0;
}
/* line 57, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before {
  top: -0.33333rem;
}
/* line 59, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:after {
  top: 0.33333rem;
}

/* ======================================================================================
   @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 1em/1em Verdana, Geneva, Tahoma, sans-serif;
  padding: 0em 0.38889em 0.27778em;
  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: #05472a;
  border: 1px solid #bfbfbf;
  padding: 0.2em 0.5em;
  margin-top: 0.5em;
  /*text-decoration: underline;  Note: this may be redundant? */
  /* Pseudo classes */
}
/* line 23, ../sass/partials/buttons/_faux-link.scss */
.btn-faux-link:hover, .btn-faux-link:focus {
  color: #470522;
  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 16, ../sass/partials/helpers/_hide.scss */
.hide-fully {
  display: none;
  visibility: hidden;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 22, ../sass/partials/helpers/_hide.scss */
  .hide-fully--palm {
    display: none;
    visibility: hidden;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 27, ../sass/partials/helpers/_hide.scss */
  .hide-fully--non-palm {
    display: none;
    visibility: hidden;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 32, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap {
    display: none;
    visibility: hidden;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 37, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-sml {
    display: none;
    visibility: hidden;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 42, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 47, ../sass/partials/helpers/_hide.scss */
  .hide-fully--portable {
    display: none;
    visibility: hidden;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 52, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 57, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-sml {
    display: none;
    visibility: hidden;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 62, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Hide only visually but have it available for screen readers */
/* line 66, ../sass/partials/helpers/_hide.scss */
.hide-visually {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Form `legend` requires this */
/* line 78, ../sass/partials/helpers/_hide.scss */
legend.hide-visually {
  left: -9999px;
}

/* Hide stuff relating to JS */
/* line 81, ../sass/partials/helpers/_hide.scss */
.js .js-off,
.js .js-hide-show {
  display: none;
}

/* Print */
@media print {
  /* line 86, ../sass/partials/helpers/_hide.scss */
  .hide-print {
    display: none;
  }

  /* line 88, ../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
*/
/* Base */
/* line 14, ../sass/partials/helpers/_spacing.scss */
.mrg-base {
  margin-bottom: 24px!important;
  margin-bottom: 1.33333rem!important;
}

/* line 15, ../sass/partials/helpers/_spacing.scss */
.mrg-base-top {
  margin-top: 24px!important;
  margin-top: 1.33333rem!important;
}

/* line 16, ../sass/partials/helpers/_spacing.scss */
.mrg-base-left {
  margin-left: 24px!important;
  margin-left: 1.33333rem!important;
}

/* Mini */
/* line 19, ../sass/partials/helpers/_spacing.scss */
.mrg-mini {
  margin-bottom: 6px!important;
  margin-bottom: 0.33333rem!important;
}

/* line 20, ../sass/partials/helpers/_spacing.scss */
.mrg-mini-top {
  margin-top: 6px!important;
  margin-top: 0.33333rem!important;
}

/* Half */
/* line 23, ../sass/partials/helpers/_spacing.scss */
.mrg-half, .u-filter-row .btn-main, .u-filter-row .button--transparent, .u-filter-row .button--left {
  margin-bottom: 12px!important;
  margin-bottom: 0.66667rem!important;
}

/* line 24, ../sass/partials/helpers/_spacing.scss */
.mrg-half-top {
  margin-top: 12px!important;
  margin-top: 0.66667rem!important;
}

/* Double */
/* line 27, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl {
  margin-bottom: 48px!important;
  margin-bottom: 2.66667rem!important;
}

/* line 28, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl-top {
  margin-top: 48px!important;
  margin-top: 2.66667rem!important;
}

/* line 29, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl-left {
  margin-left: 48px!important;
  margin-left: 2.66667rem!important;
}

/* Double */
/* line 32, ../sass/partials/helpers/_spacing.scss */
.mrg-triple {
  margin-bottom: 72px!important;
  margin-bottom: 4rem!important;
}

/* line 33, ../sass/partials/helpers/_spacing.scss */
.mrg-triple-top {
  margin-top: 72px!important;
  margin-top: 4rem!important;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 39, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-palm {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 44, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-non-palm {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 49, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 54, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-sml {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 59, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-lrg {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 64, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-portable {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 69, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 74, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-sml {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 79, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-lrg {
    margin-bottom: 24px!important;
    margin-bottom: 1.33333rem!important;
  }
}
/* Flush */
/* line 83, ../sass/partials/helpers/_spacing.scss */
.flush {
  margin: 0 !important;
}

/* line 85, ../sass/partials/helpers/_spacing.scss */
.flush-top {
  margin-top: 0 !important;
}

/* line 87, ../sass/partials/helpers/_spacing.scss */
.flush-right {
  margin-right: 0 !important;
}

/* line 89, ../sass/partials/helpers/_spacing.scss */
.flush-btm {
  margin-bottom: 0 !important;
}

/* line 91, ../sass/partials/helpers/_spacing.scss */
.flush-left {
  margin-left: 0 !important;
}

/* line 93, ../sass/partials/helpers/_spacing.scss */
.flush-ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 98, ../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;
}

/* line 19, ../sass/partials/helpers/_display.scss */
.index-top {
  z-index: 160;
}

/* line 21, ../sass/partials/helpers/_display.scss */
.index-bottom {
  z-index: 1;
}

/* ======================================================================================
   @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: 16px!important;
  font-size: 0.88889rem!important;
  line-height: 1.5;
}

/* line 16, ../sass/partials/helpers/_text.scss */
.txt-lrg {
  font-size: 20px!important;
  font-size: 1.11111rem!important;
  line-height: 1.2;
}

/* line 18, ../sass/partials/helpers/_text.scss */
.txt-reset {
  font-size: 100% !important;
}

/* Alignments */
/* line 21, ../sass/partials/helpers/_text.scss */
.txt-center {
  text-align: center !important;
}

/* line 23, ../sass/partials/helpers/_text.scss */
.txt-left {
  text-align: left !important;
}

/* line 25, ../sass/partials/helpers/_text.scss */
.txt-right {
  text-align: right !important;
}

/* Styles */
/* line 28, ../sass/partials/helpers/_text.scss */
.txt-italic {
  font-style: italic !important;
}

/* line 30, ../sass/partials/helpers/_text.scss */
.txt-bold {
  font-weight: 700 !important;
}

/* line 32, ../sass/partials/helpers/_text.scss */
.txt-caps {
  text-transform: uppercase !important;
}

/* Colours */
/* line 35, ../sass/partials/helpers/_text.scss */
.txt-success {
  color: forestgreen;
}

/* line 36, ../sass/partials/helpers/_text.scss */
.txt-warning {
  color: coral;
}

/* line 37, ../sass/partials/helpers/_text.scss */
.txt-error {
  color: crimson;
}

/* Truncate */
/* line 40, ../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 48, ../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. */
}

/* ======================================================================================
   @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;
}

/* line 19, ../sass/partials/helpers/_float.scss */
.clear {
  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: 24px;
  margin-right: 1.33333rem;
}

/* line 26, ../sass/partials/helpers/_pull.scss */
.pull-right {
  float: right;
  margin-left: 24px;
  margin-left: 1.33333rem;
}

/* 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, .module-card__title {
    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, .module-card__title {
    orphans: 3;
    widows: 3;
  }
}
/* line 65, ../sass/partials/print/_print.scss */
main, .main {
  background-image: none !important;
  /*background-color: transparent !important;*/
  padding-top: 0em;
}

/* line 71, ../sass/partials/print/_print.scss */
.heading {
  padding: 1em;
  background-color: #143b49;
  margin: 0;
  color: #fff;
  font-size: 1.4em;
  border-left: 0.5em solid #69b245;
}

/* line 80, ../sass/partials/print/_print.scss */
span.form-main-notes {
  position: absolute;
  top: -2000px;
  left: -5000px;
}

/* Activities */
/* ======================================================================================
   @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 */
/*2.5*/
/* Triple */
/* [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]
-------------------------------------------------------*/
/*$light-grey: rgba(9, 30, 66, 0.04);*/
/* Brand color */
/*Blue green*/
/* --Brand color variations: http://www.colorhexa.com/1983c0-- */
/* Base text color */
/* Link colors */
/* --Greyscale-- */
/* Light */
/* Lighter */
/* Lightest */
/* Off white */
/* Grey fill */
/* 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 */
/* line 14, ../sass/activities/audio-timepoint.scss */
.show-hide {
  margin: calc(2em + 2vw) auto calc(2em + 2vw) auto !important;
}

/* line 32, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 90%;
  max-width: 600px;
  border-radius: 40px;
  background-color: #F0F5F7;
  padding: 1.2em 1.8em;
}
/* line 42, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls__brief {
  font-size: 1.2em;
  width: 90%;
  margin: 0 auto;
  padding: 2em 0;
}
/* line 48, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls__brief ul {
  list-style-type: disc;
}
/* line 51, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls__brief ul ul {
  list-style-type: circle;
}
/* line 58, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls__brief p:first-child {
  font-weight: 500;
  font-size: 1.3em;
}
/* line 65, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls__instructions {
  font-size: 1.2em;
  margin-bottom: 2em;
  width: 90%;
}
/* line 73, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls__instructions p:first-child {
  font-weight: 500;
  font-size: 1.3em;
}
/* line 80, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .icon {
  color: #5A6167;
  cursor: pointer;
}
/* line 84, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .icon:before {
  font-size: 1.4em;
}
/* line 89, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .time-lapsed, .c-audio-timepoint .audio-controls .time-remaining {
  margin: 0 !important;
  color: #5A6167;
}
/* line 94, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls .input-slider, .c-audio-timepoint .audio-controls > .audio-slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background-color: #fff;
  outline: none;
  padding: 0;
  margin: 0 !important;
  z-index: 1;
  position: relative;
  border: none;
}
/* line 109, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .audio-slider {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55%;
  position: relative;
  top: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
/* line 120, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .audio-slider .slider-thumb, .c-audio-timepoint .audio-controls > .audio-slider input[type=range]::-webkit-slider-thumb {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  cursor: pointer;
  background-color: #7AD1ED;
  box-shadow: 0 0.2em 2rem rgba(0, 0, 0, 0.2);
}
/* line 133, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .audio-slider input[type=range]::-moz-range-track {
  background: #EFEEE6;
  border: none;
}
/* line 138, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .audio-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  z-index: 9;
}
/* line 144, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .audio-slider input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
/* line 149, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .audio-slider input[type=range]::-moz-range-thumb {
  background-color: #7AD1ED;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  cursor: pointer;
}
/* line 157, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .audio-controls > .audio-slider input[type="range"]::-ms-thumb {
  background-color: #7AD1ED;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  cursor: pointer;
}
/* line 167, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .controls-volume {
  position: absolute;
  top: -2.5em;
  right: 0;
  padding: 0.3em 0.2em;
  max-width: 250px;
  visibility: hidden;
}
/* line 175, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .controls-volume > .icon {
  margin: 0 .8em;
}
/* line 178, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .controls-volume > .icon:before {
  margin-right: 0;
}
/* line 185, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .controls-volume > .audio-slider .slider-thumb, .c-audio-timepoint .controls-volume > .audio-slider input[type=range]::-webkit-slider-thumb {
  width: .8rem;
  height: .8rem;
  background-color: #5A6167;
}
/* line 191, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .controls-volume > .audio-slider input[type=range] {
  height: 5px;
}
/* line 199, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .controls-volume > .audio-slider input[type=range]::-moz-range-thumb,
.c-audio-timepoint .controls-volume > .audio-slider input[type="range"]::-ms-thumb {
  background-color: #5A6167;
  width: .8rem;
  height: .8rem;
}
/* line 209, ../sass/activities/audio-timepoint.scss */
.c-audio-timepoint .showVolume {
  visibility: visible;
}
@media (min-width: 700px) {
  /* line 216, ../sass/activities/audio-timepoint.scss */
  .c-audio-timepoint .audio-controls > .audio-slider {
    width: 68%;
  }
}

/* line 237, ../sass/activities/audio-timepoint.scss */
body {
  margin: 0;
}

/* line 241, ../sass/activities/audio-timepoint.scss */
.video {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  font-family: Roboto;
}
/* line 247, ../sass/activities/audio-timepoint.scss */
.video__container {
  position: relative;
}
/* line 251, ../sass/activities/audio-timepoint.scss */
.video__container video {
  width: 100%;
  border-radius: .7em;
  cursor: pointer;
}
/* line 258, ../sass/activities/audio-timepoint.scss */
.video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  opacity: 0.7;
  transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
/* line 268, ../sass/activities/audio-timepoint.scss */
.video__play--hover {
  opacity: 1 !important;
}
/* line 272, ../sass/activities/audio-timepoint.scss */
.video__play--removed {
  opacity: 0 !important;
  transform: translate(-50%, -50%) scale(1.5);
}
/* line 278, ../sass/activities/audio-timepoint.scss */
.video__panel {
  display: flex;
  align-items: center;
  padding: 2% 0;
}
/* line 285, ../sass/activities/audio-timepoint.scss */
.video__progress {
  flex: 1;
  margin: 0 10px;
  border-radius: 4em;
  height: .5em;
  background-color: #F0F3F6;
  position: relative;
  overflow: hidden;
}
/* line 294, ../sass/activities/audio-timepoint.scss */
.video__progress--inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #AED432;
  border-radius: 4em;
}
/* line 304, ../sass/activities/audio-timepoint.scss */
.video__current, .video__duration {
  flex-basis: 10%;
  box-sizing: border-box;
}
/* line 309, ../sass/activities/audio-timepoint.scss */
.video__duration {
  text-align: right;
}

@media (max-width: 400px) {
  /* line 315, ../sass/activities/audio-timepoint.scss */
  .video {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  /* line 322, ../sass/activities/audio-timepoint.scss */
  .video {
    width: 100%;
  }
  /* line 325, ../sass/activities/audio-timepoint.scss */
  .video video {
    border-radius: 0;
  }
  /* line 329, ../sass/activities/audio-timepoint.scss */
  .video__panel {
    padding-left: 1em;
    padding-right: 1em;
  }
}
/* line 337, ../sass/activities/audio-timepoint.scss */
.register-click {
  align-self: center;
  width: 15vw;
  height: 15vw;
  background-color: #CD4995;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  min-height: 80px;
  min-width: 80px;
  max-width: 120px;
  max-height: 120px;
  transition: 300ms ease-out;
  /* transform: scale(0.5) */
}
/* line 351, ../sass/activities/audio-timepoint.scss */
.register-click:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}

/* line 366, ../sass/activities/audio-timepoint.scss */
.video-timepoint-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  /*&:before {
      content: 'Activity';
      position: absolute;
      top: -1em;
      left: 4.5em;
      padding: .6em 2.2em;
      background-color: #AED432;
      border-radius: 4em;
      font-weight: 500;
      font-size: 1.2em;
  }*/
}

/* line 387, ../sass/activities/audio-timepoint.scss */
.ClickCapture, .audio-timepoint-container > .register-click, .video-timepoint-container .register-click {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 15vw;
  background-color: #CD4995;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  min-height: 80px;
  min-width: 80px;
  max-width: 120px;
  max-height: 120px;
  transition: 300ms ease-out;
  /* transform: scale(0.5) */
}
/* line 403, ../sass/activities/audio-timepoint.scss */
.ClickCapture:hover, .audio-timepoint-container > .register-click:hover, .video-timepoint-container .register-click:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}
/* line 408, ../sass/activities/audio-timepoint.scss */
.ClickCapture > .icon:before, .audio-timepoint-container > .register-click > .icon:before, .video-timepoint-container .register-click > .icon:before {
  font-size: 5em;
  top: 4px;
  color: #fff;
}

/* line 422, ../sass/activities/audio-timepoint.scss */
.audio-timepoint-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 2vw;
  font-family: Calibri, Arial, Helvetica, sans-serif, Roboto;
}
/* line 429, ../sass/activities/audio-timepoint.scss */
.audio-timepoint-container > .audio-controls {
  background-color: #DCE0E4;
}
/* line 432, ../sass/activities/audio-timepoint.scss */
.audio-timepoint-container > .audio-controls .time-lapsed, .audio-timepoint-container > .audio-controls .time-remaining {
  font-size: 1.2em;
}
/* line 437, ../sass/activities/audio-timepoint.scss */
.audio-timepoint-container > .register-click {
  margin: 2em 0;
  position: relative;
}
/* line 442, ../sass/activities/audio-timepoint.scss */
.audio-timepoint-container > .register-click .ripple-effect {
  position: absolute;
  background-color: #8d2762;
  border-radius: 50%;
  opacity: 0.8;
  padding: 0em;
}

/* line 452, ../sass/activities/audio-timepoint.scss */
.ripple-animation {
  animation: pulse 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94) alternate;
}

@keyframes pulse {
  0% {
    padding: 0em;
    opacity: 0.8;
  }
  70% {
    opacity: 0.4;
  }
  100% {
    padding: 4em;
    opacity: 0;
  }
}
/* line 480, ../sass/activities/audio-timepoint.scss */
.video-timepoint-container .video-timepoint-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  fill: #fff;
  font-size: .875rem;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 700;
  width: 100%;
  height: 100%;
  transition: 300ms ease-out;
}
/* line 502, ../sass/activities/audio-timepoint.scss */
.video-timepoint-container .logClickButton {
  background-color: #CD4995;
}
/* line 506, ../sass/activities/audio-timepoint.scss */
.video-timepoint-container .register-click {
  align-self: center;
  width: 15vw;
  height: 15vw;
  background-color: #CD4995;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  min-height: 80px;
  min-width: 80px;
  max-width: 120px;
  max-height: 120px;
  transition: 300ms ease-out;
  /* transform: scale(0.5) */
}
/* line 520, ../sass/activities/audio-timepoint.scss */
.video-timepoint-container .register-click:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}
/* line 525, ../sass/activities/audio-timepoint.scss */
.video-timepoint-container .progress-buttons {
  align-self: flex-end;
  padding: 0 4em;
  background-color: #3f46ad;
  color: #fff;
  fill: #fff;
  font-size: .875rem;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 700;
  padding: 19px 40px 20px;
  /*box-shadow: 0 0 2rem rgba(0,0,0,.3);*/
  margin: 0.5em;
}
/* line 540, ../sass/activities/audio-timepoint.scss */
.video-timepoint-container .progress-buttons a {
  color: #fff;
}

/* CURRENT CARDS-TIMEPOINT */
/* line 566, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #FAFAFC;
  padding: 1em 0;
  /* can be removed */
  margin: 1em 0;
  /* can be removed */
}
/* line 574, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint {
  display: flex;
  /*flex-direction: column;*/
  align-items: center;
  box-sizing: border-box;
  flex-basis: 48%;
  background-color: #F0F5F7;
  border-radius: 8px;
  width: 50%;
  margin: 0.5em 0.2em;
  overflow: hidden;
}
/* line 586, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint .cards-timepoint-image {
  position: relative;
  width: 5vw;
  height: 5vw;
  max-width: 140px;
  max-height: 140px;
  min-width: 120px;
  min-height: 120px;
  background-color: #D6DEE3;
  border-radius: 50%;
  margin: 1em 0;
}
/* line 599, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint .cards-timepoint-time {
  display: flex;
  align-items: center;
  width: 70%;
  max-width: 150px;
  height: auto;
  margin: 0.5em 0;
  border-radius: 20px;
  background-color: #D6DEE3;
  overflow: hidden;
}
/* line 610, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint .cards-timepoint-time span {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-size: 1.3em;
  background-color: #5A6167;
  color: #ffffff;
  padding: 0.4em;
  border-radius: 50%;
}
/* line 621, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint .cards-timepoint-time span:before {
  top: 0px !important;
}
/* line 626, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint .cards-timepoint-time .timepoint-data-display {
  flex-basis: 50%;
  margin: 0 !important;
  padding: 0 !important;
}
/* line 633, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint p {
  padding: 0 1em;
  margin: 0 0 0.8em 0;
  text-align: center;
  line-height: 22px;
}
/* line 640, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint .cards-timepoint-result {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1.2em;
  background-color: #D6DEE3;
}
/* line 647, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint .cards-timepoint-result span {
  font-size: 56px;
  line-height: 0;
  color: #ffffff;
}
/* line 655, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint-correct .cards-timepoint-result {
  background-color: #B7CB34;
}
/* line 660, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint-correct .cards-timepoint-time span {
  background-color: #B7CB34;
}
/* line 667, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint-incorrect .cards-timepoint-result {
  background-color: #CD4995;
}
/* line 672, ../sass/activities/audio-timepoint.scss */
.cards-timepoint-container .cards-timepoint-incorrect .cards-timepoint-time span {
  background-color: #CD4995;
}

@media (min-width: 900px) {
  /* line 683, ../sass/activities/audio-timepoint.scss */
  .cards-timepoint-container {
    flex-direction: column;
  }
  /* line 686, ../sass/activities/audio-timepoint.scss */
  .cards-timepoint-container .cards-timepoint {
    /*flex-basis: 21%;
    max-width: 21%;*/
  }
}
@media (min-width: 1500px) {
  /* line 694, ../sass/activities/audio-timepoint.scss */
  .cards-timepoint-container {
    flex-direction: column;
  }
  /* line 697, ../sass/activities/audio-timepoint.scss */
  .cards-timepoint-container .cards-timepoint {
    /*flex-basis: 12%;
    max-width: 12%;*/
  }
}
/* line 704, ../sass/activities/audio-timepoint.scss */
.strip-info {
  background-color: #DCE0E4;
  padding: 20px;
  margin-bottom: 0 !important;
  text-align: center;
  font-size: 1.1em;
}

/* END CURRENT CARDS-TIMEPOINT */
/* utils */
/* line 1, ../sass/partials/utils/_utils.scss */
:root {
  /* Colours */
  --color-grey-900: #373049;
  /* SPACING */
  --spacing-base: 0.25rem;
  --spacing-0-5: calc(var(--spacing-base) / 2);
  --spacing-1: calc(var(--spacing-base) * 1);
  --spacing-2: calc(var(--spacing-base) * 2);
  --spacing-3: calc(var(--spacing-base) * 3);
  --spacing-4: calc(var(--spacing-base) * 4);
  /* 1rem */
  --spacing-5: calc(var(--spacing-base) * 5);
  --spacing-6: calc(var(--spacing-base) * 6);
  --spacing-7: calc(var(--spacing-base) * 7);
  --spacing-8: calc(var(--spacing-base) * 8);
  /* 2rem */
  --spacing-9: calc(var(--spacing-base) * 9);
  --spacing-10: calc(var(--spacing-base) * 10);
  --spacing-11: calc(var(--spacing-base) * 11);
  --spacing-12: calc(var(--spacing-base) * 12);
  /* 3rem */
  --spacing-13: calc(var(--spacing-base) * 13);
  --spacing-14: calc(var(--spacing-base) * 14);
  --spacing-15: calc(var(--spacing-base) * 15);
  --spacing-16: calc(var(--spacing-base) * 16);
  /* 4rem */
  --spacing-17: calc(var(--spacing-base) * 17);
  --spacing-18: calc(var(--spacing-base) * 18);
  --spacing-19: calc(var(--spacing-base) * 19);
  --spacing-20: calc(var(--spacing-base) * 20);
  /* 5rem */
  --spacing-24: calc(var(--spacing-base) * 24);
  /* 6rem */
  --spacing-28: calc(var(--spacing-base) * 28);
  /* 7rem */
  --spacing-32: calc(var(--spacing-base) * 32);
  /* 8rem */
  --spacing-40: calc(var(--spacing-base) * 40);
  /* 10rem */
  --spacing-48: calc(var(--spacing-base) * 48);
  /* 11rem */
  --spacing-52: calc(var(--spacing-base) * 52);
  /* 13rem */
  --spacing-60: calc(var(--spacing-base) * 60);
  /* 15rem */
  --spacing-72: calc(var(--spacing-base) * 72);
  /* 18rem */
  --spacing-80: calc(var(--spacing-base) * 80);
  /* 20rem */
  --spacing-88: calc(var(--spacing-base) * 88);
  /* 22rem */
  --spacing-160: calc(var(--spacing-base) * 160);
  /* 40rem */
}

/* line 40, ../sass/partials/utils/_utils.scss */
.bg-tan {
  background-color: #fdf2ed;
}

/* line 44, ../sass/partials/utils/_utils.scss */
.bg-red {
  background-color: #ed7b58;
}

/* line 48, ../sass/partials/utils/_utils.scss */
.bg-purple {
  background-color: #5A37DB;
}

/* line 52, ../sass/partials/utils/_utils.scss */
.bg-purple-dark {
  background-color: #1E0059;
}

/* line 56, ../sass/partials/utils/_utils.scss */
.bg-primary {
  background-color: #05472a;
}

/* line 60, ../sass/partials/utils/_utils.scss */
.bg-primary-light {
  background-color: #D3F6F3;
}

/* line 64, ../sass/partials/utils/_utils.scss */
.bg-primary-lighter {
  background-color: #EAFFFD;
}

/* line 68, ../sass/partials/utils/_utils.scss */
.bg-primary-lightest {
  background-color: #EFF6F5;
}

/* line 72, ../sass/partials/utils/_utils.scss */
.bg-peach {
  background-color: #F6CDB2;
}

/* line 76, ../sass/partials/utils/_utils.scss */
.bg-peach-light {
  background-color: #FCF4EE;
}

/* line 80, ../sass/partials/utils/_utils.scss */
.bg-orange {
  background-color: #F48C3C;
}

/* line 84, ../sass/partials/utils/_utils.scss */
.bg-green {
  background-color: #7ec48c;
}

/* line 88, ../sass/partials/utils/_utils.scss */
.bg-green-light {
  background-color: #dcf7da;
}

/* line 93, ../sass/partials/utils/_utils.scss */
.bg-green-dark {
  background-color: #05472a;
}

/* line 98, ../sass/partials/utils/_utils.scss */
.bg-grey-100 {
  background-color: #F6FFFE;
}

/* line 102, ../sass/partials/utils/_utils.scss */
.bg-grey-dark {
  background-color: #5F5F58;
}

/* line 106, ../sass/partials/utils/_utils.scss */
.bg-white {
  background-color: #fff;
}

/* line 110, ../sass/partials/utils/_utils.scss */
.bg-transparent {
  background-color: transparent;
}

/* line 114, ../sass/partials/utils/_utils.scss */
.bg-gradient-green {
  background-image: url("/img/gradient-green.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 121, ../sass/partials/utils/_utils.scss */
.bg-program {
  background-image: url("/img/woman-using-eclipse-portal.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 128, ../sass/partials/utils/_utils.scss */
.bg-shape {
  background-image: url("/img/shape-home-page.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 135, ../sass/partials/utils/_utils.scss */
.bg-banner {
  background-image: url("/img/banner-img.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 142, ../sass/partials/utils/_utils.scss */
.bg-cover {
  background-size: cover;
}

/* line 146, ../sass/partials/utils/_utils.scss */
.bg-state {
  background-image: url("/img/state-icon.svg");
}

/* line 150, ../sass/partials/utils/_utils.scss */
.bg-position-center {
  background-position: center;
}

/* line 154, ../sass/partials/utils/_utils.scss */
.bg-position-y-1\/5 {
  background-position-y: 20%;
}

/* line 158, ../sass/partials/utils/_utils.scss */
.bg-position-y-full {
  background-position-y: 100%;
}

/* line 162, ../sass/partials/utils/_utils.scss */
.bg-no-repeat {
  background-repeat: no-repeat;
}

/* line 166, ../sass/partials/utils/_utils.scss */
.color-peach {
  color: #F6CDB2;
}

/* line 170, ../sass/partials/utils/_utils.scss */
.color-primary {
  color: #05472a;
}

/* line 174, ../sass/partials/utils/_utils.scss */
.color-accent {
  color: #ed7b58;
}

/* line 178, ../sass/partials/utils/_utils.scss */
.color-purple {
  color: #5A37DB;
}

/* line 182, ../sass/partials/utils/_utils.scss */
.color-white {
  color: #fff;
}

/* line 186, ../sass/partials/utils/_utils.scss */
.color-black {
  color: #000;
}

/* line 190, ../sass/partials/utils/_utils.scss */
.color-grey-900 {
  color: var(--color-grey-900);
}

/* Display */
/* line 197, ../sass/partials/utils/_utils.scss */
.block {
  display: block;
}

/* line 201, ../sass/partials/utils/_utils.scss */
.flex {
  display: flex;
}

/* line 205, ../sass/partials/utils/_utils.scss */
.inline-flex {
  display: inline-flex;
}

/* line 209, ../sass/partials/utils/_utils.scss */
.none {
  display: none;
}

/* Position */
/* line 216, ../sass/partials/utils/_utils.scss */
.absolute {
  position: absolute;
}

/* line 220, ../sass/partials/utils/_utils.scss */
.relative {
  position: relative;
}

/* line 224, ../sass/partials/utils/_utils.scss */
.fixed {
  position: fixed;
}

/* Flex */
/* line 232, ../sass/partials/utils/_utils.scss */
.flex-col {
  flex-direction: column;
}

/* line 236, ../sass/partials/utils/_utils.scss */
.flex-col-reverse {
  flex-direction: column-reverse;
}

/* line 240, ../sass/partials/utils/_utils.scss */
.flex-wrap {
  flex-wrap: wrap;
}

/* line 244, ../sass/partials/utils/_utils.scss */
.flex-1 {
  flex: 1;
}

/* line 248, ../sass/partials/utils/_utils.scss */
.items-center {
  align-items: center;
}

/* line 252, ../sass/partials/utils/_utils.scss */
.items-start {
  align-items: flex-start;
}

/* line 256, ../sass/partials/utils/_utils.scss */
.items-end {
  align-items: flex-end;
}

/* line 260, ../sass/partials/utils/_utils.scss */
.items-stretch {
  align-items: stretch;
}

/* line 264, ../sass/partials/utils/_utils.scss */
.justify-between {
  justify-content: space-between;
}

/* line 268, ../sass/partials/utils/_utils.scss */
.justify-center {
  justify-content: center;
}

/* line 272, ../sass/partials/utils/_utils.scss */
.justify-end {
  justify-content: flex-end;
}

/* Width */
/* line 279, ../sass/partials/utils/_utils.scss */
.w-4 {
  width: var(--spacing-4);
}

/* line 283, ../sass/partials/utils/_utils.scss */
.w-6 {
  width: var(--spacing-6);
}

/* line 287, ../sass/partials/utils/_utils.scss */
.w-1\/2 {
  width: 50%;
}

/* line 291, ../sass/partials/utils/_utils.scss */
.w-full {
  width: 100%;
}

/* line 295, ../sass/partials/utils/_utils.scss */
.w-11\/12 {
  width: 91.666667%;
}

/* line 299, ../sass/partials/utils/_utils.scss */
.w-full-screen {
  width: 100vw;
}

/* line 303, ../sass/partials/utils/_utils.scss */
.w-auto {
  width: auto;
}

/* Height */
/* line 309, ../sass/partials/utils/_utils.scss */
.h-2 {
  height: var(--spacing-2);
}

/* line 313, ../sass/partials/utils/_utils.scss */
.h-4 {
  height: var(--spacing-4);
}

/* line 317, ../sass/partials/utils/_utils.scss */
.h-6 {
  height: var(--spacing-6);
}

/* line 321, ../sass/partials/utils/_utils.scss */
.h-full {
  height: 100%;
}

/* line 325, ../sass/partials/utils/_utils.scss */
.h-full-screen {
  height: 100vh;
}

/* Max width */
/* line 331, ../sass/partials/utils/_utils.scss */
.max-w-1\/2 {
  max-width: 50%;
}

/* line 335, ../sass/partials/utils/_utils.scss */
.max-w-3\/5 {
  max-width: 60%;
}

/* line 339, ../sass/partials/utils/_utils.scss */
.max-w-full {
  max-width: 100%;
}

/* line 343, ../sass/partials/utils/_utils.scss */
.max-w-8 {
  max-width: var(--spacing-8);
}

/* line 347, ../sass/partials/utils/_utils.scss */
.max-w-16 {
  max-width: var(--spacing-16);
}

/* line 351, ../sass/partials/utils/_utils.scss */
.max-w-18 {
  max-width: var(--spacing-18);
}

/* line 355, ../sass/partials/utils/_utils.scss */
.max-w-20 {
  max-width: var(--spacing-20);
}

/* line 359, ../sass/partials/utils/_utils.scss */
.max-w-24 {
  max-width: var(--spacing-24);
}

/* line 363, ../sass/partials/utils/_utils.scss */
.max-w-28 {
  max-width: var(--spacing-28);
}

/* line 367, ../sass/partials/utils/_utils.scss */
.max-w-48 {
  max-width: var(--spacing-48);
}

/* line 371, ../sass/partials/utils/_utils.scss */
.max-w-72 {
  max-width: var(--spacing-72);
}

/* line 375, ../sass/partials/utils/_utils.scss */
.max-w-xs {
  max-width: 20rem;
}

/* line 379, ../sass/partials/utils/_utils.scss */
.max-w-sm {
  max-width: 24rem;
}

/* line 383, ../sass/partials/utils/_utils.scss */
.max-w-md {
  max-width: 28rem;
}

/* line 387, ../sass/partials/utils/_utils.scss */
.max-w-lg {
  max-width: 32rem;
}

/* line 391, ../sass/partials/utils/_utils.scss */
.max-w-2xl {
  max-width: 42rem;
}

/* line 395, ../sass/partials/utils/_utils.scss */
.max-w-3xl {
  max-width: 48rem;
}

/* line 399, ../sass/partials/utils/_utils.scss */
.min-w-72 {
  min-width: var(--spacing-72);
}

/* line 403, ../sass/partials/utils/_utils.scss */
.min-w-auto {
  min-width: auto;
}

/* Min height */
/* line 409, ../sass/partials/utils/_utils.scss */
.min-h-screen {
  min-height: 100vh;
}

/* Padding */
/* line 416, ../sass/partials/utils/_utils.scss */
.p-0\.5 {
  padding: 0.125rem;
}

/* line 420, ../sass/partials/utils/_utils.scss */
.p-1 {
  padding: var(--spacing-1);
}

/* line 424, ../sass/partials/utils/_utils.scss */
.p-2 {
  padding: var(--spacing-2);
}

/* line 428, ../sass/partials/utils/_utils.scss */
.p-3 {
  padding: var(--spacing-3);
}

/* line 432, ../sass/partials/utils/_utils.scss */
.p-4 {
  padding: var(--spacing-4);
}

/* line 436, ../sass/partials/utils/_utils.scss */
.p-6 {
  padding: var(--spacing-6);
}

/* line 440, ../sass/partials/utils/_utils.scss */
.p-8 {
  padding: var(--spacing-8);
}

/* line 444, ../sass/partials/utils/_utils.scss */
.p-12 {
  padding: var(--spacing-12);
}

/* line 448, ../sass/partials/utils/_utils.scss */
.p-16 {
  padding: var(--spacing-16);
}

/* line 452, ../sass/partials/utils/_utils.scss */
.p-24 {
  padding: var(--spacing-24);
}

/* line 456, ../sass/partials/utils/_utils.scss */
.p-40 {
  padding: var(--spacing-40);
}

/* line 460, ../sass/partials/utils/_utils.scss */
.p-0 {
  padding: 0;
}

/* line 464, ../sass/partials/utils/_utils.scss */
.px-2 {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}

/* line 469, ../sass/partials/utils/_utils.scss */
.px-3 {
  padding-left: var(--spacing-3);
  padding-right: var(--spacing-3);
}

/* line 474, ../sass/partials/utils/_utils.scss */
.px-4 {
  padding-left: var(--spacing-4);
  padding-right: var(--spacing-4);
}

/* line 479, ../sass/partials/utils/_utils.scss */
.px-6 {
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
}

/* line 484, ../sass/partials/utils/_utils.scss */
.px-7 {
  padding-left: var(--spacing-7);
  padding-right: var(--spacing-7);
}

/* line 489, ../sass/partials/utils/_utils.scss */
.px-8 {
  padding-left: var(--spacing-8);
  padding-right: var(--spacing-8);
}

/* line 494, ../sass/partials/utils/_utils.scss */
.px-12 {
  padding-left: var(--spacing-12);
  padding-right: var(--spacing-12);
}

/* line 499, ../sass/partials/utils/_utils.scss */
.px-16 {
  padding-left: var(--spacing-16);
  padding-right: var(--spacing-16);
}

/* line 504, ../sass/partials/utils/_utils.scss */
.px-24 {
  padding-left: var(--spacing-24);
  padding-right: var(--spacing-24);
}

/* line 509, ../sass/partials/utils/_utils.scss */
.py-2 {
  padding-bottom: var(--spacing-2);
  padding-top: var(--spacing-2);
}

/* line 514, ../sass/partials/utils/_utils.scss */
.py-3 {
  padding-bottom: var(--spacing-3);
  padding-top: var(--spacing-3);
}

/* line 519, ../sass/partials/utils/_utils.scss */
.py-4 {
  padding-bottom: var(--spacing-4);
  padding-top: var(--spacing-4);
}

/* line 524, ../sass/partials/utils/_utils.scss */
.py-6 {
  padding-bottom: var(--spacing-6);
  padding-top: var(--spacing-6);
}

/* line 529, ../sass/partials/utils/_utils.scss */
.py-8 {
  padding-bottom: var(--spacing-8);
  padding-top: var(--spacing-8);
}

/* line 534, ../sass/partials/utils/_utils.scss */
.py-10 {
  padding-bottom: var(--spacing-10);
  padding-top: var(--spacing-10);
}

/* line 539, ../sass/partials/utils/_utils.scss */
.py-12 {
  padding-bottom: var(--spacing-12);
  padding-top: var(--spacing-12);
}

/* line 544, ../sass/partials/utils/_utils.scss */
.py-16 {
  padding-bottom: var(--spacing-16);
  padding-top: var(--spacing-16);
}

/* line 549, ../sass/partials/utils/_utils.scss */
.py-18 {
  padding-bottom: var(--spacing-18);
  padding-top: var(--spacing-18);
}

/* line 554, ../sass/partials/utils/_utils.scss */
.py-20 {
  padding-bottom: var(--spacing-20);
  padding-top: var(--spacing-20);
}

/* line 559, ../sass/partials/utils/_utils.scss */
.py-24 {
  padding-bottom: var(--spacing-24);
  padding-top: var(--spacing-24);
}

/* line 564, ../sass/partials/utils/_utils.scss */
.py-28 {
  padding-bottom: var(--spacing-28);
  padding-top: var(--spacing-28);
}

/* line 569, ../sass/partials/utils/_utils.scss */
.py-32 {
  padding-bottom: var(--spacing-32);
  padding-top: var(--spacing-32);
}

/* line 574, ../sass/partials/utils/_utils.scss */
.py-40 {
  padding-bottom: var(--spacing-40);
  padding-top: var(--spacing-40);
}

/* line 579, ../sass/partials/utils/_utils.scss */
.py-48 {
  padding-bottom: var(--spacing-48);
  padding-top: var(--spacing-48);
}

/* line 584, ../sass/partials/utils/_utils.scss */
.py-60 {
  padding-bottom: var(--spacing-60);
  padding-top: var(--spacing-60);
}

/* line 589, ../sass/partials/utils/_utils.scss */
.py-72 {
  padding-bottom: var(--spacing-72);
  padding-top: var(--spacing-72);
}

/* line 594, ../sass/partials/utils/_utils.scss */
.py-80 {
  padding-bottom: var(--spacing-80);
  padding-top: var(--spacing-80);
}

/* line 599, ../sass/partials/utils/_utils.scss */
.py-88 {
  padding-bottom: var(--spacing-88);
  padding-top: var(--spacing-88);
}

/* line 605, ../sass/partials/utils/_utils.scss */
.pb-2 {
  padding-bottom: var(--spacing-2);
}

/* line 609, ../sass/partials/utils/_utils.scss */
.pb-4 {
  padding-bottom: var(--spacing-4);
}

/* line 613, ../sass/partials/utils/_utils.scss */
.pb-6 {
  padding-bottom: var(--spacing-6);
}

/* line 617, ../sass/partials/utils/_utils.scss */
.pb-8 {
  padding-bottom: var(--spacing-8);
}

/* line 621, ../sass/partials/utils/_utils.scss */
.pb-12 {
  padding-bottom: var(--spacing-12);
}

/* line 625, ../sass/partials/utils/_utils.scss */
.pb-16 {
  padding-bottom: var(--spacing-16);
}

/* line 629, ../sass/partials/utils/_utils.scss */
.pb-18 {
  padding-bottom: var(--spacing-18);
}

/* line 633, ../sass/partials/utils/_utils.scss */
.pb-20 {
  padding-bottom: var(--spacing-20);
}

/* line 637, ../sass/partials/utils/_utils.scss */
.pb-24 {
  padding-bottom: var(--spacing-24);
}

/* line 641, ../sass/partials/utils/_utils.scss */
.pb-32 {
  padding-bottom: var(--spacing-32);
}

/* line 645, ../sass/partials/utils/_utils.scss */
.pb-0 {
  padding-bottom: 0;
}

/* line 649, ../sass/partials/utils/_utils.scss */
.pt-8 {
  padding-top: var(--spacing-8);
}

/* line 653, ../sass/partials/utils/_utils.scss */
.pt-12 {
  padding-top: var(--spacing-12);
}

/* line 657, ../sass/partials/utils/_utils.scss */
.pt-16 {
  padding-top: var(--spacing-16);
}

/* line 661, ../sass/partials/utils/_utils.scss */
.pt-20 {
  padding-top: var(--spacing-20);
}

/* line 665, ../sass/partials/utils/_utils.scss */
.pt-24 {
  padding-top: var(--spacing-24);
}

/* line 669, ../sass/partials/utils/_utils.scss */
.pt-28 {
  padding-top: var(--spacing-28);
}

/* line 673, ../sass/partials/utils/_utils.scss */
.pt-0 {
  padding-top: 0;
}

/* line 677, ../sass/partials/utils/_utils.scss */
.pr-2 {
  padding-right: var(--spacing-2);
}

/* line 681, ../sass/partials/utils/_utils.scss */
.pr-8 {
  padding-right: var(--spacing-8);
}

/* line 685, ../sass/partials/utils/_utils.scss */
.pr-0 {
  padding-right: 0;
}

/* Margin */
/* line 691, ../sass/partials/utils/_utils.scss */
.mb-0 {
  margin-bottom: 0;
}

/* line 695, ../sass/partials/utils/_utils.scss */
.mb-2 {
  margin-bottom: var(--spacing-2);
}

/* line 699, ../sass/partials/utils/_utils.scss */
.mb-4 {
  margin-bottom: var(--spacing-4);
}

/* line 703, ../sass/partials/utils/_utils.scss */
.mb-6 {
  margin-bottom: var(--spacing-6);
}

/* line 707, ../sass/partials/utils/_utils.scss */
.mb-8 {
  margin-bottom: var(--spacing-8);
}

/* line 711, ../sass/partials/utils/_utils.scss */
.mb-12 {
  margin-bottom: var(--spacing-12);
}

/* line 715, ../sass/partials/utils/_utils.scss */
.mb-16 {
  margin-bottom: var(--spacing-16);
}

/* line 719, ../sass/partials/utils/_utils.scss */
.mb-24 {
  margin-bottom: var(--spacing-24);
}

/* line 723, ../sass/partials/utils/_utils.scss */
.mb-28 {
  margin-bottom: var(--spacing-28);
}

/* line 727, ../sass/partials/utils/_utils.scss */
.ml-1 {
  margin-left: var(--spacing-1);
}

/* line 731, ../sass/partials/utils/_utils.scss */
.ml-2 {
  margin-left: var(--spacing-2);
}

/* line 735, ../sass/partials/utils/_utils.scss */
.ml-4 {
  margin-left: var(--spacing-4);
}

/* line 739, ../sass/partials/utils/_utils.scss */
.ml-6 {
  margin-left: var(--spacing-6);
}

/* line 743, ../sass/partials/utils/_utils.scss */
.ml-8 {
  margin-left: var(--spacing-8);
}

/* line 747, ../sass/partials/utils/_utils.scss */
.ml-12 {
  margin-left: var(--spacing-12);
}

/* line 751, ../sass/partials/utils/_utils.scss */
.ml-16 {
  margin-left: var(--spacing-16);
}

/* line 755, ../sass/partials/utils/_utils.scss */
.ml-18 {
  margin-left: var(--spacing-18);
}

/* line 759, ../sass/partials/utils/_utils.scss */
.ml-auto {
  margin-left: auto;
}

/* line 763, ../sass/partials/utils/_utils.scss */
.ml-0 {
  margin-left: 0;
}

/* line 767, ../sass/partials/utils/_utils.scss */
.ml-20 {
  margin-left: var(--spacing-20);
}

/* line 771, ../sass/partials/utils/_utils.scss */
.mr-2 {
  margin-right: var(--spacing-2);
}

/* line 775, ../sass/partials/utils/_utils.scss */
.mr-3 {
  margin-right: var(--spacing-3);
}

/* line 779, ../sass/partials/utils/_utils.scss */
.mr-4 {
  margin-right: var(--spacing-4);
}

/* line 783, ../sass/partials/utils/_utils.scss */
.mr-6 {
  margin-right: var(--spacing-6);
}

/* line 787, ../sass/partials/utils/_utils.scss */
.mr-8 {
  margin-right: var(--spacing-8);
}

/* line 791, ../sass/partials/utils/_utils.scss */
.mr-12 {
  margin-right: var(--spacing-12);
}

/* line 795, ../sass/partials/utils/_utils.scss */
.mr-18 {
  margin-right: var(--spacing-18);
}

/* line 799, ../sass/partials/utils/_utils.scss */
.mr-24 {
  margin-right: var(--spacing-24);
}

/* line 803, ../sass/partials/utils/_utils.scss */
.mt-auto {
  margin-top: auto;
}

/* line 807, ../sass/partials/utils/_utils.scss */
.mt-2 {
  margin-top: var(--spacing-2);
}

/* line 811, ../sass/partials/utils/_utils.scss */
.mt-4 {
  margin-top: var(--spacing-4);
}

/* line 815, ../sass/partials/utils/_utils.scss */
.mt-6 {
  margin-top: var(--spacing-6);
}

/* line 819, ../sass/partials/utils/_utils.scss */
.mt-8 {
  margin-top: var(--spacing-8);
}

/* line 823, ../sass/partials/utils/_utils.scss */
.mt-12 {
  margin-top: var(--spacing-12);
}

/* line 827, ../sass/partials/utils/_utils.scss */
.mt-16 {
  margin-top: var(--spacing-16);
}

/* line 831, ../sass/partials/utils/_utils.scss */
.mt-20 {
  margin-top: var(--spacing-20);
}

/* line 835, ../sass/partials/utils/_utils.scss */
.mt-24 {
  margin-top: var(--spacing-24);
}

/* line 839, ../sass/partials/utils/_utils.scss */
.mt-28 {
  margin-top: var(--spacing-28);
}

/* line 843, ../sass/partials/utils/_utils.scss */
.mt-32 {
  margin-top: var(--spacing-32);
}

/* line 847, ../sass/partials/utils/_utils.scss */
.-mt-4 {
  margin-top: calc(-1 * var(--spacing-4));
}

/* line 851, ../sass/partials/utils/_utils.scss */
.-mt-8 {
  margin-top: calc(-1 * var(--spacing-8));
}

/* line 855, ../sass/partials/utils/_utils.scss */
.-mt-20 {
  margin-top: calc(-1 * var(--spacing-20));
}

/* line 859, ../sass/partials/utils/_utils.scss */
.-mt-24 {
  margin-top: calc(-1 * var(--spacing-24));
}

/* line 863, ../sass/partials/utils/_utils.scss */
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 868, ../sass/partials/utils/_utils.scss */
.-mx-2 {
  margin-left: calc(-1 * var(--spacing-2));
  margin-right: calc(-1 * var(--spacing-2));
}

/* line 873, ../sass/partials/utils/_utils.scss */
.-mx-4 {
  margin-left: calc(-1 * var(--spacing-4));
  margin-right: calc(-1 * var(--spacing-4));
}

/* line 878, ../sass/partials/utils/_utils.scss */
.-mx-8 {
  margin-left: calc(-1 * var(--spacing-8));
  margin-right: calc(-1 * var(--spacing-8));
}

/* line 883, ../sass/partials/utils/_utils.scss */
.-mx-12 {
  margin-left: calc(-1 * var(--spacing-12));
  margin-right: calc(-1 * var(--spacing-12));
}

/* line 888, ../sass/partials/utils/_utils.scss */
.my-2 {
  margin-bottom: var(--spacing-2);
  margin-top: var(--spacing-2);
}

/* line 893, ../sass/partials/utils/_utils.scss */
.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}

/* line 898, ../sass/partials/utils/_utils.scss */
.m-0 {
  margin: 0;
}

/* line 902, ../sass/partials/utils/_utils.scss */
.list-hearts li {
  padding-left: 1rem;
}

/* line 906, ../sass/partials/utils/_utils.scss */
.list-hearts li::marker {
  content: "♥";
  color: #ed7b58;
}

/* Text */
/* line 914, ../sass/partials/utils/_utils.scss */
.text-center {
  text-align: center;
}

/* line 918, ../sass/partials/utils/_utils.scss */
.text-left {
  text-align: left;
}

/* line 922, ../sass/partials/utils/_utils.scss */
.text-right {
  text-align: right;
}

/* line 926, ../sass/partials/utils/_utils.scss */
.text-uppercase {
  text-transform: uppercase;
}

/* line 930, ../sass/partials/utils/_utils.scss */
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

/* line 935, ../sass/partials/utils/_utils.scss */
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

/* line 940, ../sass/partials/utils/_utils.scss */
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* line 945, ../sass/partials/utils/_utils.scss */
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

/* line 950, ../sass/partials/utils/_utils.scss */
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

/* line 955, ../sass/partials/utils/_utils.scss */
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 960, ../sass/partials/utils/_utils.scss */
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

/* line 965, ../sass/partials/utils/_utils.scss */
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

/* line 970, ../sass/partials/utils/_utils.scss */
.text-underline {
  text-decoration: underline;
}

/* line 974, ../sass/partials/utils/_utils.scss */
.underline-none {
  text-decoration: none;
}

/* line 978, ../sass/partials/utils/_utils.scss */
.no-wrap {
  white-space: nowrap;
}

/* line 982, ../sass/partials/utils/_utils.scss */
.pointer {
  cursor: pointer;
}

/* line 986, ../sass/partials/utils/_utils.scss */
.hover\:underline-none:hover {
  text-decoration: none;
}

/* line 993, ../sass/partials/utils/_utils.scss */
.weight-400 {
  font-weight: 400;
}

/* line 997, ../sass/partials/utils/_utils.scss */
.weight-500 {
  font-weight: 500;
}

/* line 1001, ../sass/partials/utils/_utils.scss */
.weight-600 {
  font-weight: 600;
}

/* line 1005, ../sass/partials/utils/_utils.scss */
.weight-700 {
  font-weight: 700;
}

/* line 1009, ../sass/partials/utils/_utils.scss */
.weight-800 {
  font-weight: 800;
}

/* Border radius */
/* line 1017, ../sass/partials/utils/_utils.scss */
.rounded-sm {
  border-radius: 5px;
}

/* line 1021, ../sass/partials/utils/_utils.scss */
.rounded {
  border-radius: 10px;
}

/* line 1025, ../sass/partials/utils/_utils.scss */
.rounded-lg {
  border-radius: 24px;
}

/* line 1029, ../sass/partials/utils/_utils.scss */
.rounded-b {
  border-radius: 0 0 10px 10px;
}

/* line 1033, ../sass/partials/utils/_utils.scss */
.rounded-r {
  border-radius: 0 10px 10px 0;
}

/* line 1037, ../sass/partials/utils/_utils.scss */
.rounded-t {
  border-radius: 10px 10px 0 0;
}

/* line 1041, ../sass/partials/utils/_utils.scss */
.rounded-full {
  border-radius: 50px;
}

/* line 1045, ../sass/partials/utils/_utils.scss */
.rounded-circle {
  border-radius: 50%;
}

/* Border */
/* line 1051, ../sass/partials/utils/_utils.scss */
.border {
  border: 1px solid;
}

/* line 1055, ../sass/partials/utils/_utils.scss */
.border-2 {
  border: 2px solid;
}

/* line 1059, ../sass/partials/utils/_utils.scss */
.border-b {
  border-bottom: 1px solid;
}

/* line 1063, ../sass/partials/utils/_utils.scss */
.border-l {
  border-left: 1px solid;
}

/* line 1067, ../sass/partials/utils/_utils.scss */
.border-r {
  border-right: 1px solid;
}

/* line 1071, ../sass/partials/utils/_utils.scss */
.border-t {
  border-top: 1px solid;
}

/* line 1075, ../sass/partials/utils/_utils.scss */
.border-none {
  border: none;
}

/* line 1079, ../sass/partials/utils/_utils.scss */
.border-l-5 {
  border-left: 5px solid;
}

/* line 1083, ../sass/partials/utils/_utils.scss */
.border-primary {
  border-color: var(--color-primary);
}

/* line 1087, ../sass/partials/utils/_utils.scss */
.border-white {
  border-color: #fff;
}

/* Positioning */
/* line 1093, ../sass/partials/utils/_utils.scss */
.bottom-4 {
  bottom: var(--spacing-4);
}

/* line 1097, ../sass/partials/utils/_utils.scss */
.bottom-6 {
  bottom: var(--spacing-6);
}

/* line 1101, ../sass/partials/utils/_utils.scss */
.left-1\/2 {
  left: 50%;
}

/* line 1105, ../sass/partials/utils/_utils.scss */
.left-0 {
  left: 0;
}

/* line 1109, ../sass/partials/utils/_utils.scss */
.right-4 {
  right: var(--spacing-4);
}

/* line 1113, ../sass/partials/utils/_utils.scss */
.right-6 {
  right: var(--spacing-6);
}

/* line 1117, ../sass/partials/utils/_utils.scss */
.right-0 {
  right: 0;
}

/* line 1121, ../sass/partials/utils/_utils.scss */
.top-0 {
  top: 0;
}

/* line 1125, ../sass/partials/utils/_utils.scss */
.top-1\/2 {
  top: 50%;
}

/* line 1129, ../sass/partials/utils/_utils.scss */
.top-full {
  top: 100%;
}

/* Overflow */
/* line 1136, ../sass/partials/utils/_utils.scss */
.overflow-visible {
  overflow: visible;
}

/* line 1140, ../sass/partials/utils/_utils.scss */
.overflow-hidden {
  overflow: hidden;
}

/* line 1144, ../sass/partials/utils/_utils.scss */
.overflow-x-hidden {
  overflow-x: hidden;
}

/* Transform */
/* line 1149, ../sass/partials/utils/_utils.scss */
.-translate-x-1\/2 {
  transform: translateX(-50%);
}

/* line 1153, ../sass/partials/utils/_utils.scss */
.-translate-x-1\/4 {
  transform: translateX(-25%);
}

/* line 1157, ../sass/partials/utils/_utils.scss */
.-translate-y-1\/2 {
  transform: translateY(-50%);
}

/* line 1161, ../sass/partials/utils/_utils.scss */
.-translate-1\/2 {
  transform: translate(-50%, -50%);
}

/* line 1165, ../sass/partials/utils/_utils.scss */
.ease-in-out-200 {
  transition: 200ms ease-in-out;
}

/* line 1169, ../sass/partials/utils/_utils.scss */
.origin-0 {
  transform-origin: 0% 0%;
}

/* line 1173, ../sass/partials/utils/_utils.scss */
.rotate-180 {
  transform: rotate(180deg);
}

/* line 1177, ../sass/partials/utils/_utils.scss */
.object-cover {
  object-fit: cover;
}

/* Z-index */
/* line 1184, ../sass/partials/utils/_utils.scss */
.index-2 {
  z-index: 2;
}

/* line 1188, ../sass/partials/utils/_utils.scss */
.shadow-primary {
  box-shadow: 0px 5px 20px #ADE2E070;
}

/* line 1192, ../sass/partials/utils/_utils.scss */
.shadow-grey {
  box-shadow: var(--ds-shadow-overlay, 0 0 1px var(--ds-surface-overlay, rgba(9, 30, 66, 0.31)), var(--ds-shadow-overlay, 0 20px 32px -8px rgba(9, 30, 66, 0.05)));
}

/* line 1196, ../sass/partials/utils/_utils.scss */
.shadow-grey-lg {
  box-shadow: var(--ds-shadow-overlay, 0 0 1px var(--ds-surface-overlay, rgba(9, 30, 66, 0.31)), var(--ds-shadow-overlay, 0 20px 32px -8px rgba(9, 30, 66, 0.25)));
}

/* line 1200, ../sass/partials/utils/_utils.scss */
.hover\:shadow-primary:hover {
  box-shadow: 0px 5px 20px #ADE2E070;
}

/* line 1204, ../sass/partials/utils/_utils.scss */
.hover\:shadow-grey-lg:hover {
  box-shadow: 0 20px 32px -8px rgba(9, 30, 66, 0.15);
}

/* Accessibility  */
/* line 1210, ../sass/partials/utils/_utils.scss */
.sr-only {
  border-width: 0;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Small */
/* Medium */
@media (min-width: 769px) {
  /* line 1230, ../sass/partials/utils/_utils.scss */
  .md\:absolute {
    position: absolute;
  }

  /* line 1234, ../sass/partials/utils/_utils.scss */
  .md\:bottom-0 {
    bottom: 0;
  }

  /* line 1239, ../sass/partials/utils/_utils.scss */
  .md\:block {
    display: block;
  }

  /* line 1243, ../sass/partials/utils/_utils.scss */
  .md\:inline-block {
    display: inline-block;
  }

  /* line 1247, ../sass/partials/utils/_utils.scss */
  .md\:none {
    display: none;
  }

  /* line 1251, ../sass/partials/utils/_utils.scss */
  .md\:flex {
    display: flex;
  }

  /* line 1255, ../sass/partials/utils/_utils.scss */
  .md\:flex-col {
    flex-direction: column;
  }

  /* line 1259, ../sass/partials/utils/_utils.scss */
  .md\:flex-row {
    flex-direction: row;
  }

  /* line 1263, ../sass/partials/utils/_utils.scss */
  .md\:row-reverse {
    flex-direction: row-reverse;
  }

  /* line 1267, ../sass/partials/utils/_utils.scss */
  .md\:items-center {
    align-items: center;
  }

  /* line 1271, ../sass/partials/utils/_utils.scss */
  .md\:items-start {
    align-items: flex-start;
  }

  /* line 1275, ../sass/partials/utils/_utils.scss */
  .md\:items-end {
    align-items: flex-end;
  }

  /* line 1279, ../sass/partials/utils/_utils.scss */
  .md\:w-88 {
    width: var(--spacing-88);
  }

  /* line 1283, ../sass/partials/utils/_utils.scss */
  .md\:w-3\/4 {
    width: 75%;
  }

  /* line 1287, ../sass/partials/utils/_utils.scss */
  .md\:w-3\/5 {
    width: 60%;
  }

  /* line 1291, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/2 {
    width: 50%;
  }

  /* line 1295, ../sass/partials/utils/_utils.scss */
  .md\:w-2\/5 {
    width: 40%;
  }

  /* line 1299, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/5 {
    width: 20%;
  }

  /* line 1303, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/4 {
    width: 25%;
  }

  /* line 1307, ../sass/partials/utils/_utils.scss */
  .md\:w-1\/3 {
    width: 33.333333%;
  }

  /* line 1311, ../sass/partials/utils/_utils.scss */
  .md\:w-2\/3 {
    width: 66.666666%;
  }

  /* line 1315, ../sass/partials/utils/_utils.scss */
  .md\:max-w-full {
    max-width: 100%;
  }

  /* line 1319, ../sass/partials/utils/_utils.scss */
  .md\:max-w-20 {
    max-width: var(--spacing-20);
  }

  /* line 1323, ../sass/partials/utils/_utils.scss */
  .md\:max-w-24 {
    max-width: var(--spacing-24);
  }

  /* line 1327, ../sass/partials/utils/_utils.scss */
  .md\:max-w-md {
    max-width: 28rem;
  }

  /* line 1331, ../sass/partials/utils/_utils.scss */
  .md\:max-w-xl {
    max-width: 36rem;
  }

  /* line 1335, ../sass/partials/utils/_utils.scss */
  .md\:max-w-2xl {
    max-width: 42rem;
  }

  /* line 1339, ../sass/partials/utils/_utils.scss */
  .md\:mb-0 {
    margin-bottom: 0;
  }

  /* line 1343, ../sass/partials/utils/_utils.scss */
  .md\:mb-8 {
    margin-bottom: var(--spacing-8);
  }

  /* line 1347, ../sass/partials/utils/_utils.scss */
  .md\:mb-12 {
    margin-bottom: var(--spacing-12);
  }

  /* line 1351, ../sass/partials/utils/_utils.scss */
  .md\:mb-16 {
    margin-bottom: var(--spacing-16);
  }

  /* line 1355, ../sass/partials/utils/_utils.scss */
  .md\:mt-12 {
    margin-top: var(--spacing-12);
  }

  /* line 1359, ../sass/partials/utils/_utils.scss */
  .md\:mr-24 {
    margin-right: var(--spacing-24);
  }

  /* line 1363, ../sass/partials/utils/_utils.scss */
  .md\:ml-8 {
    margin-left: var(--spacing-8);
  }

  /* line 1367, ../sass/partials/utils/_utils.scss */
  .md\:ml-0 {
    margin-left: 0;
  }

  /* line 1371, ../sass/partials/utils/_utils.scss */
  .md\:mr-8 {
    margin-right: var(--spacing-8);
  }

  /* line 1375, ../sass/partials/utils/_utils.scss */
  .md\:mr-12 {
    margin-right: var(--spacing-12);
  }

  /* line 1379, ../sass/partials/utils/_utils.scss */
  .md\:mt-24 {
    margin-top: var(--spacing-24);
  }

  /* line 1383, ../sass/partials/utils/_utils.scss */
  .md\:p-12 {
    padding: var(--spacing-12);
  }

  /* line 1387, ../sass/partials/utils/_utils.scss */
  .md\:p-24 {
    padding: var(--spacing-24);
  }

  /* line 1391, ../sass/partials/utils/_utils.scss */
  .md\:py-12 {
    padding-bottom: var(--spacing-12);
    padding-top: var(--spacing-12);
  }

  /* line 1396, ../sass/partials/utils/_utils.scss */
  .md\:py-16 {
    padding-bottom: var(--spacing-16);
    padding-top: var(--spacing-16);
  }

  /* line 1401, ../sass/partials/utils/_utils.scss */
  .md\:py-18 {
    padding-bottom: var(--spacing-18);
    padding-top: var(--spacing-18);
  }

  /* line 1406, ../sass/partials/utils/_utils.scss */
  .md\:py-24 {
    padding-bottom: var(--spacing-24);
    padding-top: var(--spacing-24);
  }

  /* line 1411, ../sass/partials/utils/_utils.scss */
  .md\:py-28 {
    padding-bottom: var(--spacing-28);
    padding-top: var(--spacing-28);
  }

  /* line 1416, ../sass/partials/utils/_utils.scss */
  .md\:py-32 {
    padding-bottom: var(--spacing-32);
    padding-top: var(--spacing-32);
  }

  /* line 1421, ../sass/partials/utils/_utils.scss */
  .md\:py-40 {
    padding-bottom: var(--spacing-40);
    padding-top: var(--spacing-40);
  }

  /* line 1426, ../sass/partials/utils/_utils.scss */
  .md\:py-48 {
    padding-bottom: var(--spacing-48);
    padding-top: var(--spacing-48);
  }

  /* line 1431, ../sass/partials/utils/_utils.scss */
  .md\:text-left {
    text-align: left;
  }

  /* line 1435, ../sass/partials/utils/_utils.scss */
  .md\:text-right {
    text-align: right;
  }

  /* line 1439, ../sass/partials/utils/_utils.scss */
  .md\:rounded-b {
    border-radius: 0 0 10px 10px;
  }

  /* line 1444, ../sass/partials/utils/_utils.scss */
  .md\:-translate-x-1\/4 {
    transform: translateX(-25%);
  }

  /* line 1449, ../sass/partials/utils/_utils.scss */
  .md\:-translate-x-1\/5 {
    transform: translateX(-20%);
  }
}
/* Large */
@media (min-width: 1024px) {
  /* line 1456, ../sass/partials/utils/_utils.scss */
  .lg\:none {
    display: none;
  }

  /* line 1460, ../sass/partials/utils/_utils.scss */
  .lg\:flex {
    display: flex;
  }

  /* line 1464, ../sass/partials/utils/_utils.scss */
  .lg\:flex-row {
    flex-direction: row;
  }

  /* line 1468, ../sass/partials/utils/_utils.scss */
  .lg\:m-0 {
    margin: 0;
  }

  /* line 1472, ../sass/partials/utils/_utils.scss */
  .lg\:mb-8 {
    margin-bottom: var(--spacing-8);
  }

  /* line 1476, ../sass/partials/utils/_utils.scss */
  .lg\:mb-0 {
    margin-bottom: 0;
  }

  /* line 1480, ../sass/partials/utils/_utils.scss */
  .lg\:mb-24 {
    margin-bottom: var(--spacing-24);
  }

  /* line 1484, ../sass/partials/utils/_utils.scss */
  .lg\:mr-24 {
    margin-right: var(--spacing-24);
  }

  /* line 1488, ../sass/partials/utils/_utils.scss */
  .lg\:mt-12 {
    margin-top: var(--spacing-12);
  }

  /* line 1492, ../sass/partials/utils/_utils.scss */
  .lg\:w-1\/5 {
    width: 20%;
  }

  /* line 1496, ../sass/partials/utils/_utils.scss */
  .lg\:w-1\/2 {
    width: 50%;
  }

  /* line 1500, ../sass/partials/utils/_utils.scss */
  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  /* line 1504, ../sass/partials/utils/_utils.scss */
  .lg\:w-1\/4 {
    width: 25%;
  }

  /* line 1508, ../sass/partials/utils/_utils.scss */
  .lg\:w-3\/5 {
    width: 60%;
  }

  /* line 1512, ../sass/partials/utils/_utils.scss */
  .lg\:w-3\/4 {
    width: 75%;
  }

  /* line 1516, ../sass/partials/utils/_utils.scss */
  .lg\:max-w-full {
    max-width: 100%;
  }

  /* line 1520, ../sass/partials/utils/_utils.scss */
  .lg\:mt-12 {
    margin-top: var(--spacing-12);
  }

  /* line 1524, ../sass/partials/utils/_utils.scss */
  .lg\:items-center {
    align-items: center;
  }

  /* line 1528, ../sass/partials/utils/_utils.scss */
  .lg\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }

  /* line 1533, ../sass/partials/utils/_utils.scss */
  .lg\:py-40 {
    padding-bottom: var(--spacing-40);
    padding-top: var(--spacing-40);
  }

  /* line 1538, ../sass/partials/utils/_utils.scss */
  .lg\:py-48 {
    padding-bottom: var(--spacing-48);
    padding-top: var(--spacing-48);
  }

  /* line 1543, ../sass/partials/utils/_utils.scss */
  .lg\:-translate-x-1\/4 {
    transform: translateX(-25%);
  }

  /* line 1547, ../sass/partials/utils/_utils.scss */
  .lg\:-translate-x-1\/5 {
    transform: translateX(-20%);
  }
}
@media (min-width: 1200px) {
  /* line 1553, ../sass/partials/utils/_utils.scss */
  .xl\:flex {
    display: flex;
  }

  /* line 1557, ../sass/partials/utils/_utils.scss */
  .xl\:none {
    display: none;
  }

  /* line 1561, ../sass/partials/utils/_utils.scss */
  .xl\:fixed {
    position: fixed;
  }

  /* line 1565, ../sass/partials/utils/_utils.scss */
  .xl\:row-reverse {
    flex-direction: row-reverse;
  }

  /* line 1569, ../sass/partials/utils/_utils.scss */
  .xl\:justify-end {
    justify-content: flex-end;
  }

  /* line 1573, ../sass/partials/utils/_utils.scss */
  .xl\:w-1\/4 {
    width: 25%;
  }

  /* line 1577, ../sass/partials/utils/_utils.scss */
  .xl\:rounded-b {
    border-radius: 0 0 10px 10px;
  }

  /* line 1581, ../sass/partials/utils/_utils.scss */
  .xl\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
  }

  /* line 1586, ../sass/partials/utils/_utils.scss */
  .xl\:p-0 {
    padding: 0;
  }

  /* line 1590, ../sass/partials/utils/_utils.scss */
  .xl\:-rotate-90 {
    transform: rotate(-90deg);
  }

  /* line 1594, ../sass/partials/utils/_utils.scss */
  .xl\:top-88 {
    top: var(--spacing-88);
  }

  /* line 1598, ../sass/partials/utils/_utils.scss */
  .xl\:top-160 {
    top: var(--spacing-160);
  }

  /* line 1602, ../sass/partials/utils/_utils.scss */
  .xl\:ml-4 {
    margin-left: var(--spacing-4);
  }

  /* line 1606, ../sass/partials/utils/_utils.scss */
  .xl\:mb-2 {
    margin-bottom: var(--spacing-2);
  }

  /* line 1610, ../sass/partials/utils/_utils.scss */
  .xl\:mb-8 {
    margin-bottom: var(--spacing-8);
  }

  /* line 1614, ../sass/partials/utils/_utils.scss */
  .xl\:mb-0 {
    margin-bottom: var(--spacing-8);
  }

  /* line 1618, ../sass/partials/utils/_utils.scss */
  .xl\:ml-8 {
    margin-left: var(--spacing-8);
  }
}
