@charset "UTF-8";
/*
                                                ,,            ,,                          ,,
 .M"""bgd mm                                    db          `7MM        mm         mm   `7MM                                    OO OO OO
,MI    "Y MM                                                  MM        MM         MM     MM                                    88 88 88
`MMb.   mmMMmm ,pW"Wq.`7MMpdMAo.     `7Mb,od8 `7MM  .P"Ybmmm  MMpMMMb.mmMMmm     mmMMmm   MMpMMMb.  .gP"Ya `7Mb,od8 .gP"Ya      || || ||
  `YMMNq. MM  6W'   `Wb MM   `Wb       MM' "'   MM :MI  I8    MM    MM  MM         MM     MM    MM ,M'   Yb  MM' "',M'   Yb     || || ||
.     `MM MM  8M     M8 MM    M8       MM       MM  WmmmP"    MM    MM  MM         MM     MM    MM 8M""""""  MM    8M""""""     `' `' `'
Mb     dM MM  YA.   ,A9 MM   ,AP       MM       MM 8M         MM    MM  MM         MM     MM    MM YM.    ,  MM    YM.    ,     ,, ,, ,,
P"Ybmmd"  `Mbmo`Ybmd9'  MMbmmd'      .JMML.   .JMML.YMMMMMb .JMML  JMML.`Mbmo      `Mbmo.JMML  JMML.`Mbmmd'.JMML.   `Mbmmd'     db db db
                        MM                         6'     dP
                      .JMML.                       Ybmmmd'

Pattern Lab doesn't have any CSS requirements, which means you can write your styles however you want. Hooray!
You can use Sass, Less, vanilla CSS, or some other crazy thing I haven't heard of yet.
So please don't use these styles. They're just here to put together the demo, and nothing more.
They're intentionally gray, boring, and crappy because you're supposed to do this stuff yourself.

Atomic design is philosophically complimentary with these CSS approaches:

* SMACSS by Jonathan Snook http://smacss.com/
* OOCSS by Nicole Sullivan http://oocss.org/
* BEM CSS Methology : http://bem.info/method/
* CSS Guidelines by Harry Roberts : https://github.com/csswizardry/CSS-Guidelines

So feel free to use any of these approaches. Or don't. It's totally up to you.

*/
/*------------------------------------*    $TABLE OF CONTENTS
    based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines
\*------------------------------------*/
/**
 * ABSTRACTS..............Declarations of Sass variables and mixins
 * Mixins.................Mixin styles that are included in the site
 * Variables..............Variables for styles that are used in the site
 *
 * BASE...................Base/reset styles for certain elements
 * Animation..............Animation base styles
 * Forms..................Form field base styles
 * Global Classes.........Base styles used across the entirety of the site
 * Headings...............Base styles for headings (h1, h2, etc.)
 * Links..................Base styles for links
 * Lists..................Base styles lists
 * Main...................Base styles for main section
 * Media..................Base styles for various media (videos, iframes, etc.)
 * Reset..................Reset base styles (i.e. Display block on certain elements)
 * Tables.................Base styles for tables
 * Text...................Base styles for text elements
 *
 * COMPONENTS.............Styles for certain components
 * Accordion..............Styles for accordion components
 * Article................Styles for article components
 * Blocks.................Styles for block components
 * Buttons................Styles for button components
 * Carousels..............Styles for carousels
 * Comments...............Styles for comments component
 * Footer.................Styles for the footer component
 * Forms..................Styles for form components
 * Header.................Styles for header component
 * Icons..................Styles for icons
 * Lists..................Styles for types of lists
 * Main...................Styles for main section
 * Messaging..............Styles for alerts/messaging components
 * Nav....................Styles for navigation components
 * Sections...............Styles for section components
 * Tabs...................Styles for tabs
 * Text...................Styles for text components
 * Tooltip................Styles for tooltips

 *
 * LAYOUT.................Styles that affect the site's general layout
 * Layout.................Layout styles
 *
 * UTILITIES..............Styles that require a utility class
 *
 */
/*------------------------------------*    $ABSTRACTS
\*------------------------------------*/
/*------------------------------------*    #MIXINS
\*------------------------------------*/
/** CSS Transition
 *	Usage: @include transition(width,0.3s,ease-out);
 */
/** Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback  
 *	Usage: @include font-size(1, large);
 */
/*------------------------------------*    #VARIABLES
\*------------------------------------*/
/*------------------------------------*    #COLORS
\*------------------------------------*/
/*
 * 1) Color variables involve a two-tier system to keep colors in sync. The
 *    first tier defines the brand and neutral colors, and the second tier
 *    defines the application of those colors.
 */
/*
 * Brand Colors
 * 1) Brand color variables use English names to define colors to make palettes easier to
 *    identify. Names are generated using this tool: http://chir.ag/projects/name-that-color/
 * 2) Brand color variables should typically not be used directly in Sass partials. Instead, use
 *    second-tier application colors.
 *
 */
/* Used in color-palette */
/*
 * Neutral Colors
 * 1) Neutral color variables use a numbered system to define variables for better maintainability.
 *    "$color-gray-10" means "10% gray", which is a gray closer to white than to black. For more info
 *    read https://medium.com/eightshapes-llc/color-in-design-systems-a1c80f65fa3#.brevrq67p
 */
/**
 * Utility Colors
 * 1) Utility colors are colors used to provide feedback, such as alert messages,
 * form validation, etc.
 */
/*
  * Text Colors
  * 1) These are non-linked text colors, such as body copy.
  */
/*
 * Heading Colors
 * 1) These are non-linked heading colors, such as h2, h3, etc.
 */
/*
 * Text Link Colors
 * 1) These are for linked text, such as a link found within an article,
 *    navigation link, footer link, etc.
 */
/*
 * Border Colors
 * 1) Border colors are used as decoration or dividers, such as as a seperator
 *    for navigation items, block borders, etc.
 */
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*    #LAYOUT
\*------------------------------------*/
/**
 * Spacing Defaults
 */
/*------------------------------------*    #BORDERS
\*------------------------------------*/
/**
 * Border Width
 */
/**
 * Border Radius
 */
/*------------------------------------*    #ANIMATION
\*------------------------------------*/
/**
 * Animation Duration
 */
/**
 * Animation Easing
 */
/*------------------------------------*    #BREAKPOINTS
\*------------------------------------*/
/**
 * Breakpoints
 */
/*------------------------------------*    $THEME
\*------------------------------------*/
/**
 * Breakpoints
 */
/**
 * Line-height (‘leading’)
 */
/**
SPF global variable
**/
/*------------------------------------*    $COLOR PALLETE
\*------------------------------------*/
/*! PANCAKE v1.1.0 PANCAKE-SASS v1.2.0 */
/*
 * THIS FILE IS AUTOGENERATED EVERY TIME YOU INSTALL A PANCAKE MODULE.
 * DO NOT EDIT THIS FILE AND AVOID COMMITTING IT TO VERSION CONTROL.
 */
/**
 * Sass versioning
 *
 * @description  Version your scss modules and test them at compile time
 * @author       @dominikwilkowski
 * @website      https://dominikwilkowski.github.io/sass-versioning/sassdoc/
 * @repository   https://github.com/dominikwilkowski/sass-versioning
 * @license      https://raw.githubusercontent.com/dominikwilkowski/sass-versioning/master/LICENSE GPL-3.0
 */
/*! @gov.au/animate v0.1.5 */
/*! @gov.au/core v0.1.3 */
/**
 * Breakpoints
 */
/**
 * Line-height (‘leading’)
 */
/**
 * Font stacks
 */
/**
 * max-width for line lengths (the ‘measure’)
 */
/**
 * Colours
 */
/**
 * Border vars and styles
 */
/**
 * Clearing floats
 */
/**
 * Create media queries and wraps the @content code inside of it
 *
 * @param  {keywords} $breakpoint - Either one of the following keywords: xs, sm, md, lg
 *
 * @return {string}               - The code passed in via @content wrapped inside a media query
 */
/**
 * Hide an element from the screen but not a screen reader
 */
/**
 * The outline for focus
 */
/**
 * Add the outline to focus
 */
/**
 * Return a space value based on the line-height and the unit em
 *
 * @param  {number} $number - The space as a multiplier of line-height
 * @param  {number} $number - The line-height [optional]
 *
 * @return {number}         - The space in ems
 */
/**
 * Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string   - The haystack string to be manipulated
 * @param  {string} $search   - The needle to be replace
 * @param  {string} $replace  - The replacement
 *
 * @return {string}           - The manipulated string with replaced values
 */
/**
 * Generate an optimized SVG data-uri for
 * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $svg - The SVG to be converted
 *
 * @return {string}      - An optimized data-uri
 */
/**
 * Returns the factorial of a non-negative integer.
 * https://github.com/terkel/mathsass
 *
 * @author Pascal Duez @pascalduez <http://pascalduez.me/>
 *
 * @param  {integer} $number - A non-negative integer.
 *
 * @return {integer}         - The factorial log
 */
/**
 * Returns base to the exponent power.
 * https://github.com/terkel/mathsass
 *
 * @author Pascal Duez @pascalduez <http://pascalduez.me/>
 *
 * @param  {integers} $base     - The base number
 * @param  {integers} $exponent - The exponent to which to raise base
 *
 * @return {integers}           - The result of the math
 */
/**
 * Calculate color luminance
 *
 * https://github.com/voxpelli/sass-color-helpers/blob/master/stylesheets/color-helpers/_contrast.scss
 * Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
 * Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
 *
 * @author Pelle Wessman @voxpelli <http://kodfabrik.se/>
 *
 * @param  {string} $colour - The color to calculate the luminance from
 *
 * @return {float}          - The luminance
 */
/**
 * Get the contrast ratio of two colors and warn when it is below WCAG 2.0 AA standard 4.5:1
 *
 * https://github.com/voxpelli/sass-color-helpers/blob/master/stylesheets/color-helpers/_contrast.scss
 * Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
 * Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
 *
 * @author Pelle Wessman @voxpelli <http://kodfabrik.se/>
 *
 * @param  {string}  $forground  - Color one
 * @param  {string}  $background - Color two
 *
 * @return {integer}             - The contrast ratio
 */
/*! @gov.au/accordion v0.1.0 */
@import url(../fonts/font-awesome/css/font-awesome.min.css);
@media print {
  .uikit-accordion__title {
    background: #fff !important; }
    .uikit-accordion__title:after {
      display: none; }
  .uikit-accordion__body {
    height: auto !important;
    display: block !important; } }

.uikit-accordion {
  display: block;
  border: 1px solid #cbcbcb;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  margin-bottom: 1.6em;
  padding: 0; }
  .uikit-accordion p:first-child {
    margin-top: 0; }
  .uikit-accordion p:last-child {
    margin-bottom: 0; }

.uikit-accordion + .uikit-accordion {
  border-top: 0;
  margin-top: -1.6em; }

.uikit-body .uikit-accordion__title, .kss-modifier__example .uikit-accordion__title,
.uikit-accordion__title {
  display: block;
  color: #313131;
  text-decoration: none;
  width: 100%;
  line-height: 1.3;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  padding: 1.2em 4em 1.2em 1.2em;
  background-color: #f0f3f5;
  position: relative;
  cursor: pointer;
  border: 2px solid transparent; }
  .uikit-body .uikit-accordion__title:focus, .kss-modifier__example .uikit-accordion__title:focus,
  .uikit-accordion__title:focus {
    outline: none;
    border: 2px solid #313131; }
  .uikit-body .uikit-accordion__title:focus, .kss-modifier__example .uikit-accordion__title:focus, .uikit-body .uikit-accordion__title:hover, .kss-modifier__example .uikit-accordion__title:hover,
  .uikit-accordion__title:focus,
  .uikit-accordion__title:hover {
    background-color: #f0f3f5; }
  .uikit-body .uikit-accordion__title::-webkit-details-marker, .kss-modifier__example .uikit-accordion__title::-webkit-details-marker,
  .uikit-accordion__title::-webkit-details-marker {
    display: none; }
  .uikit-body .uikit-accordion__title:after, .kss-modifier__example .uikit-accordion__title:after,
  .uikit-accordion__title:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.6em;
    width: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E %3Cpath fill='%230077C9' d='M64 0l64 64-16 16-64-64'/%3E %3Cpath fill='%230077C9' d='M64 0l16 16-64 64L0 64'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    transition: transform 0.25s ease-in; }
  .uikit-body .uikit-accordion__title.uikit-accordion--closed:after, .kss-modifier__example .uikit-accordion__title.uikit-accordion--closed:after,
  .uikit-accordion__title.uikit-accordion--closed:after {
    transform: rotate(-180deg); }
  .ie8 .uikit-body .uikit-accordion__title:after, .ie8 .kss-modifier__example .uikit-accordion__title:after,
  .lt-ie8 .uikit-body .uikit-accordion__title:after,
  .lt-ie8 .kss-modifier__example .uikit-accordion__title:after, .ie8
  .uikit-accordion__title:after,
  .lt-ie8
  .uikit-accordion__title:after {
    content: ' ▼ ';
    margin-top: 1.2em; }
  .ie8 .uikit-body .uikit-accordion__title.uikit-accordion--open:after, .ie8 .kss-modifier__example .uikit-accordion__title.uikit-accordion--open:after,
  .lt-ie8 .uikit-body .uikit-accordion__title.uikit-accordion--open:after,
  .lt-ie8 .kss-modifier__example .uikit-accordion__title.uikit-accordion--open:after, .ie8
  .uikit-accordion__title.uikit-accordion--open:after,
  .lt-ie8
  .uikit-accordion__title.uikit-accordion--open:after {
    content: ' ▲ '; }

.uikit-accordion__body {
  overflow: hidden; }
  .js .uikit-accordion__body.uikit-accordion--open {
    display: block;
    height: auto; }
  .js .uikit-accordion__body.uikit-accordion--closed {
    display: none;
    height: 0; }

.uikit-accordion__body-wrapper {
  padding: 1.2em;
  border-top: 1px solid #cbcbcb; }

/*! @gov.au/body v0.1.2 */
@media print {
  .uikit-body *, .kss-modifier__example * {
    text-shadow: none !important;
    color: #000 !important;
    background: #fff !important;
    box-shadow: none !important;
    border-color: #000 !important; }
  .uikit-body a, .kss-modifier__example a,
  .uikit-body a:visited, .kss-modifier__example a:visited {
    text-decoration: underline; }
  .uikit-body a[href]:after, .kss-modifier__example a[href]:after {
    content: " (" attr(href) ")"; }
  .uikit-body abbr[title]:after, .kss-modifier__example abbr[title]:after {
    content: " (" attr(title) ")"; }
  .uikit-body a[href^="javascript:"]:after, .kss-modifier__example a[href^="javascript:"]:after,
  .uikit-body a[href^="#"]:after, .kss-modifier__example a[href^="#"]:after {
    content: ""; }
  .uikit-body a[rel~='external']:after, .kss-modifier__example a[rel~='external']:after {
    display: none !important; }
  .uikit-body pre, .kss-modifier__example pre,
  .uikit-body blockquote, .kss-modifier__example blockquote {
    border: 1px solid #000;
    padding: 6px;
    page-break-inside: avoid; }
  .uikit-body thead, .kss-modifier__example thead {
    display: table-header-group; }
  .uikit-body tr, .kss-modifier__example tr,
  .uikit-body img, .kss-modifier__example img {
    page-break-inside: avoid; }
  .uikit-body img, .kss-modifier__example img {
    max-width: 100% !important; }
  .uikit-body p, .kss-modifier__example p,
  .uikit-body h2, .kss-modifier__example h2,
  .uikit-body h3, .kss-modifier__example h3 {
    orphans: 3;
    widows: 3; }
  .uikit-body h2, .kss-modifier__example h2,
  .uikit-body h3, .kss-modifier__example h3 {
    page-break-after: avoid; }
  .uikit-body p a, .kss-modifier__example p a {
    word-wrap: break-word; }
  .uikit-body select, .kss-modifier__example select {
    background: #fff !important; } }

.uikit-body, .kss-modifier__example {
  margin: 0;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  /**
	 * Highlighting in-page sections that are in focus
	 */
  /**
	 * Text selection and `mark` styling.
	 */
  /**
	 * Vertical spacing of common text elements.
	 */
  /**
	 * Emphasis and alt. voice/mood/diff. from prose text.
	 */
  /**
	 * Important (leaving `b` out for now (and `u` also)).
	 */
  /**
	 * `small`: for less important information (not stylistic purposes).
	 */
  /**
	 * `s`: represents contents no longer accurate/relevant.
	 */
  /**
	 * `del` & `ins`: editorial markup.
	 *
	 */
  /**
	 * Defining definition of a term.
	 *
	 * The paragraph, description list group, or section that is the nearest
	 * ancestor of the `dfn` element must also contain the definition(s) for the term
	 * given by the `dfn` element.
	 *
	 * Note: `abbr` can be nested inside `dfn`.
	 */
  /**
	 * Abbreviations/acronyms.
	 *
	 * This styling removes any custom casing (mixing of u&lc chars in the `abbr`).
	 *
	 * Todo: test font stack fallbacks with the font-size adj.
	 */
  /**
	 * Variables, eg. as used in mathematical expressions.
	 *
	 * We also provide semantic support for nested vars, and things like indices.
	 */
  /**
	 * Code snippets and code blocks.
	 */
  /**
	 * Pre-formatted text set by typographic characters.
	 */
  /**
	 * Keyboard strokes.
	 */
  /**
	 * Horizontal rule, used for paragraph-level thematic breaks.
	 */ }
  .uikit-body a, .kss-modifier__example a {
    -webkit-text-decoration-skip: objects;
    color: #313131;
    text-decoration: none;
    border-bottom: solid 1px #0077C9;
    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out; }
    .uikit-body a:hover, .kss-modifier__example a:hover, .uikit-body a:focus, .kss-modifier__example a:focus {
      background-color: #d5dcee;
      border-color: transparent; }
    .uikit-body a:focus, .kss-modifier__example a:focus {
      outline: 1px solid #313131;
      outline-offset: 1px; }
    .uikit-body a[rel~='external']:after, .kss-modifier__example a[rel~='external']:after {
      content: ' ';
      display: inline-block;
      width: 0.7em;
      height: 0.8em;
      margin: 0 0.1em 0 0.25em;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%230077C9' d='M24.002 8C15.155 8 8 15.164 8 24.002v79.996C8 112.845 15.164 120 24.002 120h79.996c8.847 0 16.002-7.164    16.002-16.002V82.005c0-1.107-.895-2.005-1.994-2.005h-12.012c-1.1 0-1.994.893-1.994 1.995v16.008c0 3.312-2.685 5.997-5.997 5.997H29.997C26.685    104 24 101.315 24 98.003V29.997C24 26.685 26.685 24 29.997 24h16.008C47.107 24 48 23.105 48 22.006V9.994C48 8.894 47.103 8 45.995 8H24.002z'/%3E   %3Cpath fill='%230077C9' d='M127.416.584c-.36-.36-.86-.584-1.41-.584H73.994C72.904 0 72 .893 72 1.994v12.012c0 1.1.892 1.994 1.993 1.994H96L49.41    62.59c-.777.777-.774 2.046.01 2.83l13.16 13.16c.793.793 2.052.788 2.83.01L112 32v22.007c0 1.09.893 1.993 1.994 1.993h12.012c1.1 0 1.994-.892    1.994-1.993V1.993c0-.545-.223-1.043-.584-1.405V.584z'/%3E   %3C/svg%3E");
      background-repeat: no-repeat;
      background-position-y: 0.12em; }
      .ie8 .uikit-body a[rel~='external']:after, .ie8 .kss-modifier__example a[rel~='external']:after,
      .lt-ie8 .uikit-body a[rel~='external']:after,
      .lt-ie8 .kss-modifier__example a[rel~='external']:after {
        content: '⇗';
        color: #0077C9; }
  .uikit-body [tabindex="0"]:focus, .kss-modifier__example [tabindex="0"]:focus,
  .uikit-body :target, .kss-modifier__example :target {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-body mark, .kss-modifier__example mark,
  .uikit-body ::selection, .kss-modifier__example ::selection {
    background-color: rgba(248, 193, 125, 0.5); }
  .uikit-body p, .kss-modifier__example p {
    max-width: initial;
    margin: 0 0 1.6em 0; }
  .uikit-body ul, .kss-modifier__example ul,
  .uikit-body ol, .kss-modifier__example ol,
  .uikit-body dl, .kss-modifier__example dl,
  .uikit-body pre, .kss-modifier__example pre {
    margin-top: 0;
    margin-bottom: 1.6em; }
  .uikit-body ul, .kss-modifier__example ul,
  .uikit-body ol, .kss-modifier__example ol,
  .uikit-body dd, .kss-modifier__example dd {
    margin-left: 0;
    padding-left: 1.6em; }
  .uikit-body ul > li, .kss-modifier__example ul > li,
  .uikit-body ol > li, .kss-modifier__example ol > li {
    margin-bottom: 0.4em; }
    .uikit-body ul > li > ul, .kss-modifier__example ul > li > ul,
    .uikit-body ul > li > ol, .kss-modifier__example ul > li > ol,
    .uikit-body ol > li > ul, .kss-modifier__example ol > li > ul,
    .uikit-body ol > li > ol, .kss-modifier__example ol > li > ol {
      margin-top: 0.4em;
      margin-bottom: 0.8em; }
  .uikit-body ul > ul, .kss-modifier__example ul > ul,
  .uikit-body ol > ul, .kss-modifier__example ol > ul {
    list-style-type: disc; }
  .uikit-body dl > dd, .kss-modifier__example dl > dd {
    margin-bottom: 1.6em; }
  .uikit-body dl > dt, .kss-modifier__example dl > dt {
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 0.8em; }
    .uikit-body dl > dt:first-of-type, .kss-modifier__example dl > dt:first-of-type {
      margin-top: 0; }
  .uikit-body em, .kss-modifier__example em,
  .uikit-body i, .kss-modifier__example i {
    font-style: italic; }
  .uikit-body strong, .kss-modifier__example strong {
    font-weight: bold; }
  .uikit-body small, .kss-modifier__example small {
    font-size: 87.5%;
    color: #464646; }
  .uikit-body s, .kss-modifier__example s {
    text-decoration: line-through; }
  .uikit-body del, .kss-modifier__example del {
    text-decoration: line-through;
    color: #5a5a5a; }
  .uikit-body ins, .kss-modifier__example ins {
    text-decoration-line: underline;
    text-decoration-style: dashed; }
  .uikit-body dfn, .kss-modifier__example dfn {
    font-style: normal; }
  .uikit-body abbr, .kss-modifier__example abbr,
  .uikit-body abbr[title], .kss-modifier__example abbr[title] {
    font-size: 18px;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: 1px dotted #cbcbcb;
    cursor: help; }
  .uikit-body a abbr, .kss-modifier__example a abbr {
    padding-bottom: 1px; }
  .uikit-body var, .kss-modifier__example var {
    padding: 0 1px;
    font-style: italic;
    font-family: serif; }
    .uikit-body var sup, .kss-modifier__example var sup,
    .uikit-body var sub, .kss-modifier__example var sub {
      font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
      font-style: normal;
      padding: 0 1px; }
  .uikit-body sub, .kss-modifier__example sub,
  .uikit-body sup, .kss-modifier__example sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .uikit-body sub, .kss-modifier__example sub {
    bottom: -0.25em; }
  .uikit-body sup, .kss-modifier__example sup {
    top: -0.5em; }
  .uikit-body code, .kss-modifier__example code,
  .uikit-body kbd, .kss-modifier__example kbd,
  .uikit-body pre, .kss-modifier__example pre {
    font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; }
  .uikit-body pre code, .kss-modifier__example pre code,
  .uikit-body pre samp, .kss-modifier__example pre samp,
  .uikit-body pre kbd, .kss-modifier__example pre kbd {
    font-size: 14px; }
  .uikit-body kbd, .kss-modifier__example kbd {
    display: inline-block;
    font-size: 14px;
    border: solid 1px #0077C9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #0077C9;
    background-color: #fefefe;
    text-align: center;
    padding: 0 0.8em;
    margin: 0 2px; }
  .uikit-body hr, .kss-modifier__example hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: none;
    border-top: 1px solid #cbcbcb;
    margin-bottom: 1.6em; }

/*! @gov.au/link-list v0.1.0 */
/**
 * Block of links.
 */
.uikit-link-list {
  display: block;
  list-style-type: none; }
  .uikit-body .uikit-link-list, .kss-modifier__example .uikit-link-list {
    margin: 0;
    padding: 0.4em 0; }
  .uikit-link-list > li {
    display: block;
    margin: 0.4em; }
  .uikit-link-list.uikit-link-list--inline {
    display: inline-block; }
    .uikit-link-list.uikit-link-list--inline > li {
      display: inline-block; }
  .uikit-link-list.uikit-link-list--inverted {
    background-color: #313131;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .uikit-link-list.uikit-link-list--inverted > li > a {
      color: #fff;
      border-color: #d5dcee;
      transition: color 0.1s ease-in-out; }
      .uikit-link-list.uikit-link-list--inverted > li > a:hover, .uikit-link-list.uikit-link-list--inverted > li > a:focus {
        background-color: #d5dcee;
        color: #313131; }

/*! @gov.au/breadcrumbs v0.1.0 */
@media print {
  .uikit-breadcrumbs > .uikit-link-list > li:after {
    border-color: #000 !important; } }

.uikit-breadcrumbs {
  display: none;
  width: 100%;
  margin: 0;
  color: #313131;
  font-size: 14px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif; }
  @media (min-width: 768px) {
    .uikit-breadcrumbs {
      display: inline-block; } }
  .uikit-breadcrumbs > .uikit-link-list > li {
    margin: 0; }
    .uikit-breadcrumbs > .uikit-link-list > li:after {
      content: ' ';
      display: inline-block;
      width: 0.8em;
      height: 0.8em;
      margin: 0 0.8em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23cbcbcb' d='M128 64l-64 64-16-16 64-64'/%3E    %3Cpath fill='%23cbcbcb' d='M128 64l-16 16-64-64L64 0'/%3E   %3C/svg%3E"); }
    .uikit-breadcrumbs > .uikit-link-list > li:last-child:after {
      display: none; }
    .ie8 .uikit-breadcrumbs > .uikit-link-list > li:after,
    .lt-ie8 .uikit-breadcrumbs > .uikit-link-list > li:after {
      content: ' > ';
      display: inline-block;
      border: none; }
  .uikit-breadcrumbs.uikit-breadcrumbs--inverted {
    color: #fff; }
    .uikit-breadcrumbs.uikit-breadcrumbs--inverted > .uikit-link-list > li:not(:last-child):after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23fff' d='M128 64l-64 64-16-16 64-64'/%3E    %3Cpath fill='%23fff' d='M128 64l-16 16-64-64L64 0'/%3E   %3C/svg%3E"); }

/*! @gov.au/buttons v0.3.0 */
@media print {
  .uikit-btn {
    background-color: #fff !important;
    border: 2px solid #000 !important;
    color: #000 !important; }
    .uikit-btn:disabled {
      background-color: #ccc !important; } }

.uikit-btn {
  display: inline-block;
  -webkit-appearance: none;
  border: none;
  background: none;
  font-size: 17px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  background-color: #0077C9;
  padding: 0.8em 1.2em;
  cursor: pointer;
  transition: background 0.1s ease; }
  .uikit-btn:focus, .uikit-btn:hover {
    background-color: #00538d; }
  .uikit-btn:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-btn:disabled {
    background-color: #efefef;
    font-weight: normal;
    color: #313131;
    border: 1px dotted #313131;
    cursor: not-allowed; }
    .uikit-btn:disabled:focus, .uikit-btn:disabled:hover {
      background-color: #efefef; }

/**
 * SECONDARY
 */
.uikit-btn--secondary {
  background-color: #313131; }
  .uikit-btn--secondary:focus, .uikit-btn--secondary:hover {
    background-color: #6f6f6f; }

/**
 * TERTIARY
 */
.uikit-btn--tertiary {
  background-color: #fff;
  color: #313131;
  border: 1px solid #0077C9; }
  .uikit-btn--tertiary:focus, .uikit-btn--tertiary:hover {
    background-color: #e6f1fa; }

/**
 * BLOCK
 */
.uikit-btn--block {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center; }
  .uikit-btn--block + .uikit-btn--block {
    margin-top: 0.4em; }

/*! @gov.au/callout v0.1.1 */
@media print {
  .uikit-callout {
    border-top: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important; } }

/**
 * The generic callout.
 */
.uikit-callout {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  margin: 1.6em 0.4em;
  padding: 1.2em 1.2em 1.2em 0.8em;
  border-left: 6px solid #0077C9;
  border-radius: 3px;
  box-shadow: 2px 0 6px rgba(49, 49, 49, 0.7);
  max-width: initial; }
  .uikit-callout :first-child {
    margin-top: 0; }
  .uikit-callout :last-child {
    margin-bottom: 0; }
  .ie8 .uikit-callout,
  .lt-ie8 .uikit-callout {
    border-top: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb; }

/**
 * The calendar event callout
 */
.uikit-callout--calendar-event {
  background-color: #f0f3f5; }

.uikit-callout--calendar-event__lede,
.uikit-callout--calendar-event__time,
.uikit-callout--calendar-event__name {
  display: block; }

.uikit-callout--calendar-event__lede,
.uikit-callout--calendar-event__time,
.uikit-callout--calendar-event__name {
  margin-bottom: 0.8em; }

.uikit-callout--calendar-event__lede {
  font-size: 18px; }

.uikit-callout--calendar-event__time,
.uikit-callout--calendar-event__name {
  font-size: 32px; }

.uikit-callout--calendar-event__time {
  font-weight: bold;
  margin-bottom: 0; }

/*! @gov.au/control-input v0.1.1 */
@media print {
  .uikit-control-input__text:after {
    display: none !important; } }

.uikit-control-input {
  display: inline-block;
  position: relative; }

.uikit-control-input__input {
  position: absolute;
  left: 5px;
  top: 5px; }
  .uikit-control-input__input:hover {
    cursor: pointer; }
    .uikit-control-input__input:hover + .uikit-control-input__text {
      cursor: pointer; }
  .uikit-control-input__input[type=checkbox] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E   %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input[type=checkbox]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E   %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E   %3Cpath fill='%23313131' d='M16 16h96v96H16z'/%3E   %3Cpath fill='%23fff' d='M102.59 45.41c.778-.778.782-2.038-.002-2.822l-9.176-9.176c-.78-.78-2.052-.772-2.823 0L56 68 41.42    53.42c-.784-.784-2.048-.792-2.832-.008l-9.176 9.176c-.78.78-.775 2.05-.004 2.82l25.184 25.184c.778.778 2.04.775 2.82-.003l45.177-45.18z'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=checkbox] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E    %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=checkbox]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E    %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E    %3Cpath fill='%23313131' d='M16 16h96v96H16z'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input[type=radio] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input[type=radio]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='44'/%3E   %3Cpath fill='%23fff' fill-rule='nonzero' d='M94.588 53.412c.78-.78.784-2.04 0-2.824l-9.176-9.176c-.78-.78-2.05-.775-2.82-.004L56 68 45.412    57.412c-.78-.78-2.04-.784-2.824 0l-9.176 9.176c-.78.78-.782 2.042 0 2.824l21.176 21.176c.78.78 2.04.784 2.824 0l37.176-37.176z'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=radio] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=radio]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='44'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input:checked + .uikit-control-input__text {
    font-weight: bold; }
  .uikit-control-input__input:focus + .uikit-control-input__text {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-control-input__input:disabled + .uikit-control-input__text {
    color: #6f6f6f; }
  .uikit-control-input__input:disabled + .uikit-control-input__text:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='rgba(255, 255, 255, 0.3)' d='M0 0h128v128H0z'/%3E   %3C/svg%3E");
    z-index: 2; }
  .uikit-control-input__input:disabled:hover {
    cursor: not-allowed; }
    .uikit-control-input__input:disabled:hover + .uikit-control-input__text {
      cursor: not-allowed; }

/**
 * The label text
 */
.uikit-control-input__text {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  font-size: 17px;
  margin-left: 35px; }
  .uikit-control-input__text:before, .uikit-control-input__text:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    z-index: 1; }

/*! @gov.au/cta-link v0.1.0 */
@media print {
  .uikit-cta-link:after {
    content: ' > ' !important;
    border: none !important;
    transform: rotate(0deg) !important; } }

.uikit-cta-link {
  display: inline-block;
  position: relative;
  font-size: 21px;
  margin-bottom: 1.6em;
  font-weight: bold; }
  .uikit-cta-link:after {
    content: ' ';
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin: 0 0.4em 0 0.4em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%230077C9' d='M128 64l-64 64-16-16 64-64'/%3E   %3Cpath fill='%230077C9' d='M128 64l-16 16-64-64L64 0'/%3E  %3C/svg%3E");
    transition: margin 0.1s ease-in; }
    .ie8 .uikit-cta-link:after,
    .lt-ie8 .uikit-cta-link:after {
      content: ' > ';
      border: none; }
  .uikit-cta-link:hover, .uikit-cta-link:focus {
    color: #313131; }
    .uikit-cta-link:hover:after, .uikit-cta-link:focus:after {
      margin: 0 0.16em 0 0.64em; }

/*! @gov.au/direction-links v0.1.0 */
@media print {
  .uikit-direction-link:after {
    background: none !important;
    content: '→' !important;
    width: auto !important;
    height: auto !important; }
  .uikit-direction-link--left:before {
    background: none !important;
    content: '←' !important;
    width: auto !important;
    height: auto !important; }
  .uikit-direction-link--up:after {
    content: '↑' !important; }
  .uikit-direction-link--down:after {
    content: '↓' !important; } }

.uikit-direction-link {
  display: inline-block;
  color: #313131; }
  .uikit-direction-link:after {
    content: ' ';
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin: 0 0.16em -1px 0.4em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M128 64l-64 57V8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M8 48h64v32H8z'/%3E  %3C/svg%3E");
    background-repeat: no-repeat; }
  .ie8 .uikit-direction-link:after,
  .lt-ie8 .uikit-direction-link:after {
    content: '→';
    width: auto;
    height: auto; }

/**
 * LEFT
 */
.uikit-direction-link--left:after {
  display: none; }

.uikit-direction-link--left:before {
  content: ' ';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin: 0 0.4em -1px 0.16em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M0 64l64 57V8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M120 48H56v32h64z'/%3E  %3C/svg%3E");
  background-repeat: no-repeat; }

.ie8 .uikit-direction-link--left:before,
.lt-ie8 .uikit-direction-link--left:before {
  content: '←';
  width: auto;
  height: auto; }

/**
 * UP
 */
.uikit-direction-link--up:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M64 0l57 64H8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M48 120V56h32v64z'/%3E  %3C/svg%3E"); }

.ie8 .uikit-direction-link--up:after,
.lt-ie8 .uikit-direction-link--up:after {
  content: '↑'; }

/**
 * DOWN
 */
.uikit-direction-link--down:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M64 128l57-64H8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M48 8v64h32V8z'/%3E  %3C/svg%3E"); }

.ie8 .uikit-direction-link--down:after,
.lt-ie8 .uikit-direction-link--down:after {
  content: '↓'; }

/*! @gov.au/footer v0.1.0 */
@media print {
  .uikit-footer, .spf-body .spf-footer-global {
    background: #fff !important;
    border-color: #000 !important; } }

/**
 * Basic footer block styling.
 */
.uikit-footer, .spf-body .spf-footer-global {
  background-color: #f0f3f5;
  border-top: 6px solid #cbcbcb;
  padding: 1.6em;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131; }
  .uikit-footer p:last-child, .spf-body .spf-footer-global p:last-child {
    margin: 0; }

/**
 * Footer `nav` navigation styling.
 */
.uikit-footer__navigation .uikit-link-list > li {
  margin-left: 0; }

.uikit-footer__navigation + .uikit-footer__end {
  padding-top: 1.6em;
  border-top: 1px solid #cbcbcb;
  margin-top: 1.6em; }

/*! @gov.au/grid-12 v0.1.1 */
/**
 * Iterates through all 12 columns (≥2) to calculate the correct amount of left
 * and right padding for each of the classes.
 */
/**
 * Iterates through the columns to create a new list and then sets the float.
 */
/**
 * Calculates the correct widths as a percentage based on the column count,
 * column breakpoint class, and type (pull or offset).
 */
/**
 * Calls the above mixins and combines them.
 */
/**
 * Finally, we create the grid and all the necessary classes.
 */
.uikit-grid .container {
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .uikit-grid .container {
      width: 744px; } }
  @media (min-width: 992px) {
    .uikit-grid .container {
      width: 968px; } }
  @media (min-width: 1200px) {
    .uikit-grid .container {
      width: 1176px; } }

.uikit-grid .container,
.uikit-grid .container-fluid {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .uikit-grid .container:before, .uikit-grid .container:after,
  .uikit-grid .container-fluid:before,
  .uikit-grid .container-fluid:after {
    content: " ";
    display: table; }
  .uikit-grid .container:after,
  .uikit-grid .container-fluid:after {
    clear: both; }

.uikit-grid .row {
  margin-left: -12px;
  margin-right: -12px; }
  .uikit-grid .row:before, .uikit-grid .row:after {
    content: " ";
    display: table; }
  .uikit-grid .row:after {
    clear: both; }

.uikit-grid .col-xs-1, .uikit-grid .col-sm-1, .uikit-grid .col-md-1, .uikit-grid .col-lg-1, .uikit-grid .col-xs-2, .uikit-grid .col-sm-2, .uikit-grid .col-md-2, .uikit-grid .col-lg-2, .uikit-grid .col-xs-3, .uikit-grid .col-sm-3, .uikit-grid .col-md-3, .uikit-grid .col-lg-3, .uikit-grid .col-xs-4, .uikit-grid .col-sm-4, .uikit-grid .col-md-4, .uikit-grid .col-lg-4, .uikit-grid .col-xs-5, .uikit-grid .col-sm-5, .uikit-grid .col-md-5, .uikit-grid .col-lg-5, .uikit-grid .col-xs-6, .uikit-grid .col-sm-6, .uikit-grid .col-md-6, .uikit-grid .col-lg-6, .uikit-grid .col-xs-7, .uikit-grid .col-sm-7, .uikit-grid .col-md-7, .uikit-grid .col-lg-7, .uikit-grid .col-xs-8, .uikit-grid .col-sm-8, .uikit-grid .col-md-8, .uikit-grid .col-lg-8, .uikit-grid .col-xs-9, .uikit-grid .col-sm-9, .uikit-grid .col-md-9, .uikit-grid .col-lg-9, .uikit-grid .col-xs-10, .uikit-grid .col-sm-10, .uikit-grid .col-md-10, .uikit-grid .col-lg-10, .uikit-grid .col-xs-11, .uikit-grid .col-sm-11, .uikit-grid .col-md-11, .uikit-grid .col-lg-11, .uikit-grid .col-xs-12, .uikit-grid .col-sm-12, .uikit-grid .col-md-12, .uikit-grid .col-lg-12 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

.uikit-grid .col-xs-1, .uikit-grid .col-xs-2, .uikit-grid .col-xs-3, .uikit-grid .col-xs-4, .uikit-grid .col-xs-5, .uikit-grid .col-xs-6, .uikit-grid .col-xs-7, .uikit-grid .col-xs-8, .uikit-grid .col-xs-9, .uikit-grid .col-xs-10, .uikit-grid .col-xs-11, .uikit-grid .col-xs-12 {
  float: left; }

.uikit-grid .col-xs-1 {
  width: 8.3333333333%; }

.uikit-grid .col-xs-2 {
  width: 16.6666666667%; }

.uikit-grid .col-xs-3 {
  width: 25%; }

.uikit-grid .col-xs-4 {
  width: 33.3333333333%; }

.uikit-grid .col-xs-5 {
  width: 41.6666666667%; }

.uikit-grid .col-xs-6 {
  width: 50%; }

.uikit-grid .col-xs-7 {
  width: 58.3333333333%; }

.uikit-grid .col-xs-8 {
  width: 66.6666666667%; }

.uikit-grid .col-xs-9 {
  width: 75%; }

.uikit-grid .col-xs-10 {
  width: 83.3333333333%; }

.uikit-grid .col-xs-11 {
  width: 91.6666666667%; }

.uikit-grid .col-xs-12 {
  width: 100%; }

.uikit-grid .col-xs-pull-0 {
  right: auto; }

.uikit-grid .col-xs-pull-1 {
  right: 8.3333333333%; }

.uikit-grid .col-xs-pull-2 {
  right: 16.6666666667%; }

.uikit-grid .col-xs-pull-3 {
  right: 25%; }

.uikit-grid .col-xs-pull-4 {
  right: 33.3333333333%; }

.uikit-grid .col-xs-pull-5 {
  right: 41.6666666667%; }

.uikit-grid .col-xs-pull-6 {
  right: 50%; }

.uikit-grid .col-xs-pull-7 {
  right: 58.3333333333%; }

.uikit-grid .col-xs-pull-8 {
  right: 66.6666666667%; }

.uikit-grid .col-xs-pull-9 {
  right: 75%; }

.uikit-grid .col-xs-pull-10 {
  right: 83.3333333333%; }

.uikit-grid .col-xs-pull-11 {
  right: 91.6666666667%; }

.uikit-grid .col-xs-pull-12 {
  right: 100%; }

.uikit-grid .col-xs-push-0 {
  left: auto; }

.uikit-grid .col-xs-push-1 {
  left: 8.3333333333%; }

.uikit-grid .col-xs-push-2 {
  left: 16.6666666667%; }

.uikit-grid .col-xs-push-3 {
  left: 25%; }

.uikit-grid .col-xs-push-4 {
  left: 33.3333333333%; }

.uikit-grid .col-xs-push-5 {
  left: 41.6666666667%; }

.uikit-grid .col-xs-push-6 {
  left: 50%; }

.uikit-grid .col-xs-push-7 {
  left: 58.3333333333%; }

.uikit-grid .col-xs-push-8 {
  left: 66.6666666667%; }

.uikit-grid .col-xs-push-9 {
  left: 75%; }

.uikit-grid .col-xs-push-10 {
  left: 83.3333333333%; }

.uikit-grid .col-xs-push-11 {
  left: 91.6666666667%; }

.uikit-grid .col-xs-push-12 {
  left: 100%; }

.uikit-grid .col-xs-offset-0 {
  margin-left: 0%; }

.uikit-grid .col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.uikit-grid .col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.uikit-grid .col-xs-offset-3 {
  margin-left: 25%; }

.uikit-grid .col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.uikit-grid .col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.uikit-grid .col-xs-offset-6 {
  margin-left: 50%; }

.uikit-grid .col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.uikit-grid .col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.uikit-grid .col-xs-offset-9 {
  margin-left: 75%; }

.uikit-grid .col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.uikit-grid .col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.uikit-grid .col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .uikit-grid .col-sm-1, .uikit-grid .col-sm-2, .uikit-grid .col-sm-3, .uikit-grid .col-sm-4, .uikit-grid .col-sm-5, .uikit-grid .col-sm-6, .uikit-grid .col-sm-7, .uikit-grid .col-sm-8, .uikit-grid .col-sm-9, .uikit-grid .col-sm-10, .uikit-grid .col-sm-11, .uikit-grid .col-sm-12 {
    float: left; }
  .uikit-grid .col-sm-1 {
    width: 8.3333333333%; }
  .uikit-grid .col-sm-2 {
    width: 16.6666666667%; }
  .uikit-grid .col-sm-3 {
    width: 25%; }
  .uikit-grid .col-sm-4 {
    width: 33.3333333333%; }
  .uikit-grid .col-sm-5 {
    width: 41.6666666667%; }
  .uikit-grid .col-sm-6 {
    width: 50%; }
  .uikit-grid .col-sm-7 {
    width: 58.3333333333%; }
  .uikit-grid .col-sm-8 {
    width: 66.6666666667%; }
  .uikit-grid .col-sm-9 {
    width: 75%; }
  .uikit-grid .col-sm-10 {
    width: 83.3333333333%; }
  .uikit-grid .col-sm-11 {
    width: 91.6666666667%; }
  .uikit-grid .col-sm-12 {
    width: 100%; }
  .uikit-grid .col-sm-pull-0 {
    right: auto; }
  .uikit-grid .col-sm-pull-1 {
    right: 8.3333333333%; }
  .uikit-grid .col-sm-pull-2 {
    right: 16.6666666667%; }
  .uikit-grid .col-sm-pull-3 {
    right: 25%; }
  .uikit-grid .col-sm-pull-4 {
    right: 33.3333333333%; }
  .uikit-grid .col-sm-pull-5 {
    right: 41.6666666667%; }
  .uikit-grid .col-sm-pull-6 {
    right: 50%; }
  .uikit-grid .col-sm-pull-7 {
    right: 58.3333333333%; }
  .uikit-grid .col-sm-pull-8 {
    right: 66.6666666667%; }
  .uikit-grid .col-sm-pull-9 {
    right: 75%; }
  .uikit-grid .col-sm-pull-10 {
    right: 83.3333333333%; }
  .uikit-grid .col-sm-pull-11 {
    right: 91.6666666667%; }
  .uikit-grid .col-sm-pull-12 {
    right: 100%; }
  .uikit-grid .col-sm-push-0 {
    left: auto; }
  .uikit-grid .col-sm-push-1 {
    left: 8.3333333333%; }
  .uikit-grid .col-sm-push-2 {
    left: 16.6666666667%; }
  .uikit-grid .col-sm-push-3 {
    left: 25%; }
  .uikit-grid .col-sm-push-4 {
    left: 33.3333333333%; }
  .uikit-grid .col-sm-push-5 {
    left: 41.6666666667%; }
  .uikit-grid .col-sm-push-6 {
    left: 50%; }
  .uikit-grid .col-sm-push-7 {
    left: 58.3333333333%; }
  .uikit-grid .col-sm-push-8 {
    left: 66.6666666667%; }
  .uikit-grid .col-sm-push-9 {
    left: 75%; }
  .uikit-grid .col-sm-push-10 {
    left: 83.3333333333%; }
  .uikit-grid .col-sm-push-11 {
    left: 91.6666666667%; }
  .uikit-grid .col-sm-push-12 {
    left: 100%; }
  .uikit-grid .col-sm-offset-0 {
    margin-left: 0%; }
  .uikit-grid .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .uikit-grid .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .uikit-grid .col-sm-offset-3 {
    margin-left: 25%; }
  .uikit-grid .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .uikit-grid .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .uikit-grid .col-sm-offset-6 {
    margin-left: 50%; }
  .uikit-grid .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .uikit-grid .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .uikit-grid .col-sm-offset-9 {
    margin-left: 75%; }
  .uikit-grid .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .uikit-grid .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .uikit-grid .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .uikit-grid .col-md-1, .uikit-grid .col-md-2, .uikit-grid .col-md-3, .uikit-grid .col-md-4, .uikit-grid .col-md-5, .uikit-grid .col-md-6, .uikit-grid .col-md-7, .uikit-grid .col-md-8, .uikit-grid .col-md-9, .uikit-grid .col-md-10, .uikit-grid .col-md-11, .uikit-grid .col-md-12 {
    float: left; }
  .uikit-grid .col-md-1 {
    width: 8.3333333333%; }
  .uikit-grid .col-md-2 {
    width: 16.6666666667%; }
  .uikit-grid .col-md-3 {
    width: 25%; }
  .uikit-grid .col-md-4 {
    width: 33.3333333333%; }
  .uikit-grid .col-md-5 {
    width: 41.6666666667%; }
  .uikit-grid .col-md-6 {
    width: 50%; }
  .uikit-grid .col-md-7 {
    width: 58.3333333333%; }
  .uikit-grid .col-md-8 {
    width: 66.6666666667%; }
  .uikit-grid .col-md-9 {
    width: 75%; }
  .uikit-grid .col-md-10 {
    width: 83.3333333333%; }
  .uikit-grid .col-md-11 {
    width: 91.6666666667%; }
  .uikit-grid .col-md-12 {
    width: 100%; }
  .uikit-grid .col-md-pull-0 {
    right: auto; }
  .uikit-grid .col-md-pull-1 {
    right: 8.3333333333%; }
  .uikit-grid .col-md-pull-2 {
    right: 16.6666666667%; }
  .uikit-grid .col-md-pull-3 {
    right: 25%; }
  .uikit-grid .col-md-pull-4 {
    right: 33.3333333333%; }
  .uikit-grid .col-md-pull-5 {
    right: 41.6666666667%; }
  .uikit-grid .col-md-pull-6 {
    right: 50%; }
  .uikit-grid .col-md-pull-7 {
    right: 58.3333333333%; }
  .uikit-grid .col-md-pull-8 {
    right: 66.6666666667%; }
  .uikit-grid .col-md-pull-9 {
    right: 75%; }
  .uikit-grid .col-md-pull-10 {
    right: 83.3333333333%; }
  .uikit-grid .col-md-pull-11 {
    right: 91.6666666667%; }
  .uikit-grid .col-md-pull-12 {
    right: 100%; }
  .uikit-grid .col-md-push-0 {
    left: auto; }
  .uikit-grid .col-md-push-1 {
    left: 8.3333333333%; }
  .uikit-grid .col-md-push-2 {
    left: 16.6666666667%; }
  .uikit-grid .col-md-push-3 {
    left: 25%; }
  .uikit-grid .col-md-push-4 {
    left: 33.3333333333%; }
  .uikit-grid .col-md-push-5 {
    left: 41.6666666667%; }
  .uikit-grid .col-md-push-6 {
    left: 50%; }
  .uikit-grid .col-md-push-7 {
    left: 58.3333333333%; }
  .uikit-grid .col-md-push-8 {
    left: 66.6666666667%; }
  .uikit-grid .col-md-push-9 {
    left: 75%; }
  .uikit-grid .col-md-push-10 {
    left: 83.3333333333%; }
  .uikit-grid .col-md-push-11 {
    left: 91.6666666667%; }
  .uikit-grid .col-md-push-12 {
    left: 100%; }
  .uikit-grid .col-md-offset-0 {
    margin-left: 0%; }
  .uikit-grid .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .uikit-grid .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .uikit-grid .col-md-offset-3 {
    margin-left: 25%; }
  .uikit-grid .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .uikit-grid .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .uikit-grid .col-md-offset-6 {
    margin-left: 50%; }
  .uikit-grid .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .uikit-grid .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .uikit-grid .col-md-offset-9 {
    margin-left: 75%; }
  .uikit-grid .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .uikit-grid .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .uikit-grid .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .uikit-grid .col-lg-1, .uikit-grid .col-lg-2, .uikit-grid .col-lg-3, .uikit-grid .col-lg-4, .uikit-grid .col-lg-5, .uikit-grid .col-lg-6, .uikit-grid .col-lg-7, .uikit-grid .col-lg-8, .uikit-grid .col-lg-9, .uikit-grid .col-lg-10, .uikit-grid .col-lg-11, .uikit-grid .col-lg-12 {
    float: left; }
  .uikit-grid .col-lg-1 {
    width: 8.3333333333%; }
  .uikit-grid .col-lg-2 {
    width: 16.6666666667%; }
  .uikit-grid .col-lg-3 {
    width: 25%; }
  .uikit-grid .col-lg-4 {
    width: 33.3333333333%; }
  .uikit-grid .col-lg-5 {
    width: 41.6666666667%; }
  .uikit-grid .col-lg-6 {
    width: 50%; }
  .uikit-grid .col-lg-7 {
    width: 58.3333333333%; }
  .uikit-grid .col-lg-8 {
    width: 66.6666666667%; }
  .uikit-grid .col-lg-9 {
    width: 75%; }
  .uikit-grid .col-lg-10 {
    width: 83.3333333333%; }
  .uikit-grid .col-lg-11 {
    width: 91.6666666667%; }
  .uikit-grid .col-lg-12 {
    width: 100%; }
  .uikit-grid .col-lg-pull-0 {
    right: auto; }
  .uikit-grid .col-lg-pull-1 {
    right: 8.3333333333%; }
  .uikit-grid .col-lg-pull-2 {
    right: 16.6666666667%; }
  .uikit-grid .col-lg-pull-3 {
    right: 25%; }
  .uikit-grid .col-lg-pull-4 {
    right: 33.3333333333%; }
  .uikit-grid .col-lg-pull-5 {
    right: 41.6666666667%; }
  .uikit-grid .col-lg-pull-6 {
    right: 50%; }
  .uikit-grid .col-lg-pull-7 {
    right: 58.3333333333%; }
  .uikit-grid .col-lg-pull-8 {
    right: 66.6666666667%; }
  .uikit-grid .col-lg-pull-9 {
    right: 75%; }
  .uikit-grid .col-lg-pull-10 {
    right: 83.3333333333%; }
  .uikit-grid .col-lg-pull-11 {
    right: 91.6666666667%; }
  .uikit-grid .col-lg-pull-12 {
    right: 100%; }
  .uikit-grid .col-lg-push-0 {
    left: auto; }
  .uikit-grid .col-lg-push-1 {
    left: 8.3333333333%; }
  .uikit-grid .col-lg-push-2 {
    left: 16.6666666667%; }
  .uikit-grid .col-lg-push-3 {
    left: 25%; }
  .uikit-grid .col-lg-push-4 {
    left: 33.3333333333%; }
  .uikit-grid .col-lg-push-5 {
    left: 41.6666666667%; }
  .uikit-grid .col-lg-push-6 {
    left: 50%; }
  .uikit-grid .col-lg-push-7 {
    left: 58.3333333333%; }
  .uikit-grid .col-lg-push-8 {
    left: 66.6666666667%; }
  .uikit-grid .col-lg-push-9 {
    left: 75%; }
  .uikit-grid .col-lg-push-10 {
    left: 83.3333333333%; }
  .uikit-grid .col-lg-push-11 {
    left: 91.6666666667%; }
  .uikit-grid .col-lg-push-12 {
    left: 100%; }
  .uikit-grid .col-lg-offset-0 {
    margin-left: 0%; }
  .uikit-grid .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .uikit-grid .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .uikit-grid .col-lg-offset-3 {
    margin-left: 25%; }
  .uikit-grid .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .uikit-grid .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .uikit-grid .col-lg-offset-6 {
    margin-left: 50%; }
  .uikit-grid .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .uikit-grid .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .uikit-grid .col-lg-offset-9 {
    margin-left: 75%; }
  .uikit-grid .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .uikit-grid .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .uikit-grid .col-lg-offset-12 {
    margin-left: 100%; } }

/*! @gov.au/header v1.2.0 */
/**
 * Basic header block styling.
 */
.uikit-header {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #fff;
  background: #0077C9;
  padding: 1.6em 0 2em 0;
  margin-bottom: 1.6em; }
  .uikit-header.uikit-header--hero {
    padding: 3.2em 0 4em 0; }
  @media (min-width: 768px) {
    .uikit-header {
      padding: 3.2em 0 4.8em 0; }
      .uikit-header.uikit-header--hero {
        padding: 7.2em 0 13.6em 0; } }
  .uikit-header.uikit-header--light {
    background-color: #f0f3f5;
    color: #313131; }
  .uikit-header.uikit-header--dark {
    background-color: #313131; }

.uikit-header-heading {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  margin: 0;
  padding: 0; }
  @media (min-width: 768px) {
    .uikit-header-heading {
      font-size: 36px; } }

.uikit-header-subline {
  font-size: 18px;
  line-height: 1.6;
  max-width: initial; }
  @media (min-width: 768px) {
    .uikit-header-subline {
      font-size: 20px; } }

/*! @gov.au/headings v0.1.0 */
/**
 * Generates .uikit-display-[1…6] classes for display headings.
 *
 * The magic number here reduces the leading for these heading displays, since
 * the body text leading is too large at headings/display sizes.
 *
 * We also set the font-size automatically too. (:
 */
.uikit-display-1 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 16px;
  font-weight: bold; }

p + .uikit-display-1 {
  margin-top: 1.6em; }

.uikit-display-2 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 20px;
  font-weight: bold; }

p + .uikit-display-2 {
  margin-top: 1.6em; }

.uikit-display-3 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-weight: bold; }

p + .uikit-display-3 {
  margin-top: 1.6em; }

.uikit-display-4 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 28px;
  font-weight: bold; }

p + .uikit-display-4 {
  margin-top: 1.6em; }

.uikit-display-5 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 32px;
  font-weight: bold; }

p + .uikit-display-5 {
  margin-top: 1.6em; }

.uikit-display-6 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 36px;
  font-weight: bold; }

p + .uikit-display-6 {
  margin-top: 1.6em; }

.uikit-display-2,
.uikit-display-3,
.uikit-display-4 {
  font-weight: normal; }

/*! @gov.au/inpage-nav v0.1.1 */
.uikit-inpage-nav-links {
  margin: 3.2em 0;
  border-left: 0.4em solid #dbdbdb;
  padding: 0 0 0.8em 1.2em; }
  .uikit-body .uikit-inpage-nav-links > ul, .kss-modifier__example .uikit-inpage-nav-links > ul,
  .uikit-body .uikit-inpage-nav-links > ol, .kss-modifier__example .uikit-inpage-nav-links > ol {
    list-style-type: none;
    margin: 1.6em 0 0;
    padding: 0; }
    .uikit-body .uikit-inpage-nav-links > ul > li, .kss-modifier__example .uikit-inpage-nav-links > ul > li,
    .uikit-body .uikit-inpage-nav-links > ol > li, .kss-modifier__example .uikit-inpage-nav-links > ol > li {
      margin-left: 0;
      margin-bottom: 0.8em;
      font-weight: bold; }
      .uikit-body .uikit-inpage-nav-links > ul > li:last-child, .kss-modifier__example .uikit-inpage-nav-links > ul > li:last-child,
      .uikit-body .uikit-inpage-nav-links > ol > li:last-child, .kss-modifier__example .uikit-inpage-nav-links > ol > li:last-child {
        margin-bottom: 0; }

.uikit-inpage-nav-links__heading {
  color: #6f6f6f; }

.uikit-inpage-nav-section {
  position: relative;
  padding-right: 120px; }

.uikit-inpage-nav-section-link {
  position: absolute;
  top: 0.4em;
  right: 0;
  font-size: 14px; }

/*! @gov.au/keyword-list v0.1.0 */
.uikit-keyword-list:before, .uikit-keyword-list:after {
  content: "";
  display: table; }

.uikit-keyword-list:after {
  clear: both; }

.uikit-body .uikit-keyword-list > li, .kss-modifier__example .uikit-keyword-list > li {
  float: left;
  clear: both;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0.8em;
  color: #313131; }

.uikit-keyword-list__item {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4; }

.uikit-body .uikit-keyword-list__item__small, .kss-modifier__example .uikit-keyword-list__item__small {
  display: block;
  font-size: 18px;
  color: #313131; }

/*! @gov.au/page-alerts v0.1.1 */
@media print {
  .uikit-page-alerts {
    border-color: #000 !important;
    background-color: #fff !important;
    border-left: 2px solid #000 !important;
    padding-top: 3em !important; }
    .uikit-page-alerts:after {
      background: none !important;
      content: 'info' !important;
      top: 1em !important;
      left: 0 !important;
      font-size: 12px !important;
      border-right: 1px solid #000 !important;
      border-bottom: 1px solid #000 !important;
      padding: 0.5em !important;
      width: auto !important; }
  .uikit-page-alerts--success:after {
    content: 'success' !important; }
  .uikit-page-alerts--warning:after {
    content: 'warning' !important; }
  .uikit-page-alerts--error:after {
    content: 'error' !important; } }

.uikit-page-alerts {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  position: relative;
  margin: 1.6em 0;
  padding: 1.2em 0.8em 1.2em 0.8em;
  border: solid 2px #1D92E2;
  border-left: 48px solid #1D92E2;
  border-radius: 3px;
  max-width: initial; }
  .uikit-page-alerts :first-child {
    margin-top: 0; }
  .uikit-page-alerts :last-child {
    margin-bottom: 0; }
  .uikit-page-alerts:after {
    content: ' ';
    position: absolute;
    display: block;
    left: -36px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Crect fill='%23fff' width='16' height='16' x='56' y='20' rx='2'/%3E   %3Crect fill='%23fff' width='16' height='56' x='56' y='44' rx='2'/%3E   %3Crect fill='%23fff' width='40' height='16' x='44' y='84' rx='2'/%3E   %3Crect fill='%23fff' width='28' height='16' x='44' y='44' rx='2'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts:after,
    .lt-ie8 .uikit-page-alerts:after {
      background: none;
      text-align: center;
      background-color: #313131;
      color: #fff;
      font-weight: bold;
      content: 'i'; }

/**
 * Page alert success
 */
.uikit-page-alerts--success {
  border-color: #81bb67; }
  .uikit-page-alerts--success:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Cpath fill='%23fff' d='M102.59 45.41c.778-.778.782-2.038-.002-2.822l-9.176-9.176c-.78-.78-2.052-.772-2.823 0L56 68   41.42 53.42c-.784-.784-2.048-.792-2.832-.008l-9.176 9.176c-.78.78-.775 2.05-.004 2.82l25.184 25.184c.778.778 2.04.775 2.82-.003l45.177-45.18z'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts--success:after,
    .lt-ie8 .uikit-page-alerts--success:after {
      content: '✓'; }

/**
 * Page alert warning.
 */
.uikit-page-alerts--warning {
  border-color: #F39826; }
  .uikit-page-alerts--warning:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M71.99 12.78l54.796 99.458c1.665 2.997 1.617 7.993-.143 10.99-.808 1.38-1.914 2.473-3.317   3.282-1.403.808-2.914 1.213-4.53 1.213H9.206c-1.62 0-3.13-.405-4.533-1.213-1.403-.81-2.51-1.903-3.317-3.282-1.76-2.997-1.808-7.993-.143-10.99L56.01   12.78c.808-1.474 1.925-2.64 3.352-3.496C60.79 8.428 62.335 8 64 8s3.21.428 4.638 1.284c1.427.856 2.544 2.022 3.353 3.496z'/%3E   %3Crect fill='%23fff' width='16' height='16' x='56' y='96' rx='2'/%3E   %3Cpath fill='%23fff' d='M52.167 42c-.092-1.104.73-2 1.838-2h19.99c1.107 0 1.93.895 1.838 2l-3.666 44c-.092 1.104-1.062 2-2.16 2H57.993c-1.1   0-2.07-.895-2.16-2l-3.667-44z'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts--warning:after,
    .lt-ie8 .uikit-page-alerts--warning:after {
      content: '!'; }

/**
 * Page alert error.
 */
.uikit-page-alerts--error {
  border-color: #D20032; }
  .uikit-page-alerts--error:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M71.99 12.78l54.796 99.458c1.665 2.997 1.617 7.993-.143 10.99-.808 1.38-1.914 2.473-3.317   3.282-1.403.808-2.914 1.213-4.53 1.213H9.206c-1.62 0-3.13-.405-4.533-1.213-1.403-.81-2.51-1.903-3.317-3.282-1.76-2.997-1.808-7.993-.143-10.99L56.01   12.78c.808-1.474 1.925-2.64 3.352-3.496C60.79 8.428 62.335 8 64 8s3.21.428 4.638 1.284c1.427.856 2.544 2.022 3.353 3.496z'/%3E   %3Crect fill='%23fff' width='16' height='16' x='56' y='96' rx='2'/%3E   %3Cpath fill='%23fff' d='M52.167 42c-.092-1.104.73-2 1.838-2h19.99c1.107 0 1.93.895 1.838 2l-3.666 44c-.092 1.104-1.062 2-2.16 2H57.993c-1.1   0-2.07-.895-2.16-2l-3.667-44z'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts--error:after,
    .lt-ie8 .uikit-page-alerts--error:after {
      content: '!'; }

/**
 * Screen-reader only class for interlinking error messages and corresponding form elements.
 */
.uikit-page-alerts__sronly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*! @gov.au/progress-indicator v0.1.0 */
@media print {
  .progress-indicator {
    border-top-color: #000 !important; }
  .uikit-body .progress-indicator__link, .kss-modifier__example .progress-indicator__link,
  .progress-indicator__link {
    border-bottom-color: #000 !important;
    border-left-color: transparent !important;
    padding-left: 6px !important; }
    .uikit-body .progress-indicator__link.progress-indicator--doing, .kss-modifier__example .progress-indicator__link.progress-indicator--doing,
    .progress-indicator__link.progress-indicator--doing {
      border-left-color: #000 !important; }
    .uikit-body .progress-indicator__link:after, .kss-modifier__example .progress-indicator__link:after,
    .progress-indicator__link:after {
      display: none; } }

.uikit-body .progress-indicator, .kss-modifier__example .progress-indicator,
.progress-indicator {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  list-style: none;
  padding: 0;
  margin: 0 0 1.6em 0;
  border-top: 1px solid #eaeaea; }
  .uikit-body .progress-indicator > li, .kss-modifier__example .progress-indicator > li,
  .progress-indicator > li {
    margin: 0; }

.uikit-body .progress-indicator__link, .kss-modifier__example .progress-indicator__link,
.progress-indicator__link {
  position: relative;
  display: block;
  padding: 0.4em 0 0.4em 41px;
  font-size: 17px;
  color: #313131;
  text-decoration: none;
  line-height: 1.45;
  border-bottom: 1px solid #eaeaea;
  border-left: 3px solid transparent;
  transition: background-color 0.1s ease-in-out; }
  .uikit-body .progress-indicator__link:hover, .kss-modifier__example .progress-indicator__link:hover, .uikit-body .progress-indicator__link:focus, .kss-modifier__example .progress-indicator__link:focus,
  .progress-indicator__link:hover,
  .progress-indicator__link:focus {
    background-color: #f7f8fc;
    border-bottom-color: #eaeaea; }
  .uikit-body .progress-indicator__link:focus, .kss-modifier__example .progress-indicator__link:focus,
  .progress-indicator__link:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-body .progress-indicator__link:after, .kss-modifier__example .progress-indicator__link:after,
  .progress-indicator__link:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    width: 24px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E   %3Cpath fill='%235a5a5a' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0   24,5.37481408 24,12 Z'%3E%3C/path%3E   %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22   22,17.5208333 22,12 Z'%3E%3C/path%3E  %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 center; }
  .ie8 .uikit-body .progress-indicator__link:after, .ie8 .kss-modifier__example .progress-indicator__link:after,
  .lt-ie8 .uikit-body .progress-indicator__link:after,
  .lt-ie8 .kss-modifier__example .progress-indicator__link:after, .ie8
  .progress-indicator__link:after,
  .lt-ie8
  .progress-indicator__link:after {
    top: 6px;
    content: '-'; }
  .uikit-body .progress-indicator__link.progress-indicator--doing, .kss-modifier__example .progress-indicator__link.progress-indicator--doing,
  .progress-indicator__link.progress-indicator--doing {
    border-left-color: #00538d;
    font-weight: bold; }
    .uikit-body .progress-indicator__link.progress-indicator--doing:after, .kss-modifier__example .progress-indicator__link.progress-indicator--doing:after,
    .progress-indicator__link.progress-indicator--doing:after {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E   %3Cpath fill='%2300538d' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0    24,5.37481408 24,12 Z'%3E%3C/path%3E   %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22    22,17.5208333 22,12 Z'%3E%3C/path%3E   %3Ccircle fill='%2300538d' cx='6.5' cy='12' r='1.5'%3E%3C/circle%3E   %3Ccircle fill='%2300538d' cx='12' cy='12' r='1.5'%3E%3C/circle%3E   %3Ccircle fill='%2300538d' cx='17.5' cy='12' r='1.5'%3E%3C/circle%3E   %3C/svg%3E"); }
    .ie8 .uikit-body .progress-indicator__link.progress-indicator--doing:after, .ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--doing:after,
    .lt-ie8 .uikit-body .progress-indicator__link.progress-indicator--doing:after,
    .lt-ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--doing:after, .ie8
    .progress-indicator__link.progress-indicator--doing:after,
    .lt-ie8
    .progress-indicator__link.progress-indicator--doing:after {
      content: '...'; }
  .uikit-body .progress-indicator__link.progress-indicator--done:after, .kss-modifier__example .progress-indicator__link.progress-indicator--done:after,
  .progress-indicator__link.progress-indicator--done:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E   %3Cpath fill='%2300538d' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0    24,5.37481408 24,12 Z'%3E%3C/path%3E   %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22    22,17.5208333 22,12 Z'%3E%3C/path%3E   %3Cpath fill='%2300538d' d='M18.744186,9.23753281 C18.744186,9.48293963 18.6627907,9.71391076 18.5,9.88713911 L11.3895349,17.7257218    C11.2267442,17.8989501 10.996124,18 10.7655039,18 C10.5484496,18 10.3178295,17.8989501 10.1550388,17.7257218 L5.24418605,12.5    C5.08139535,12.3267717 5,12.0958005 5,11.8503937 C5,11.6049869 5.08139535,11.3595801 5.24418605,11.1863517 L6.47868217,9.88713911    C6.64147287,9.71391076 6.85852713,9.61286089 7.08914729,9.61286089 C7.31976744,9.61286089 7.53682171,9.71391076 7.6996124,9.88713911    L10.7655039,13.1496063 L16.0445736,7.27427822 C16.2073643,7.10104987 16.4244186,7 16.6550388,7 C16.8856589,7 17.1027132,7.10104987    17.2655039,7.27427822 L18.5,8.57349081 C18.6627907,8.74671916 18.744186,8.99212598 18.744186,9.23753281 Z'%3E%3C/path%3E   %3C/svg%3E"); }
  .ie8 .uikit-body .progress-indicator__link.progress-indicator--done:after, .ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--done:after,
  .lt-ie8 .uikit-body .progress-indicator__link.progress-indicator--done:after,
  .lt-ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--done:after, .ie8
  .progress-indicator__link.progress-indicator--done:after,
  .lt-ie8
  .progress-indicator__link.progress-indicator--done:after {
    content: '✓'; }

.progress-indicator__status {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #5a5a5a; }

/*! @gov.au/responsive-media v0.1.1 */
.uikit-responsive-media-vid {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 0.8em; }
  .uikit-responsive-media-vid > .uikit-responsive-media-vid__item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0; }
  .uikit-responsive-media-vid.uikit-responsive-media-vid--16x9 {
    padding-bottom: 56.25%; }
  .uikit-responsive-media-vid.uikit-responsive-media-vid--4x3 {
    padding-bottom: 75%; }

.uikit-responsive-media-img {
  max-width: 100%; }

/*! @gov.au/select v0.1.0 */
@media print {
  .uikit-select__element {
    border-color: #000 !important; }
  .uikit-select:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23000' d='M64 128l64-64-16-16-64 64'/%3E   %3Cpath fill='%23000' d='M64 128l16-16-64-64L0 64'/%3E  %3C/svg%3E") !important; } }

.uikit-select {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background-color: #fff;
  margin-bottom: 0.8em;
  box-sizing: border-box; }
  .uikit-select:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0.8em;
    width: 0.8em;
    height: 0.8em;
    margin-top: -0.4em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%230077C9' d='M64 128l64-64-16-16-64 64'/%3E   %3Cpath fill='%230077C9' d='M64 128l16-16-64-64L0 64'/%3E  %3C/svg%3E");
    background-repeat: no-repeat;
    z-index: 0; }
  .ie8 .uikit-select:after,
  .ie9 .uikit-select:after {
    display: none; }
  .uikit-select.uikit-select-block {
    display: block; }
    .uikit-select.uikit-select-block .uikit-select__element {
      width: 100%; }

.uikit-select__element {
  position: relative;
  z-index: 1;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  font-size: 16px;
  text-indent: 0.01px;
  text-overflow: '';
  border: none;
  padding: 0.4em 2.4em 0.4em 0.4em;
  border: 2px solid #d5d5d5;
  border-radius: 3px;
  box-sizing: border-box; }
  .uikit-select__element:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-select__element:disabled {
    cursor: not-allowed;
    background: rgba(168, 170, 172, 0.5);
    color: #5a5a5a; }
  .uikit-select__element::-ms-expand {
    display: none; }
  .ie8 .uikit-select__element,
  .ie9 .uikit-select__element {
    padding-right: 0.4em; }

html > body .uikit-select__element, x:-moz-any-link, x:default {
  padding-right: 0.4em; }

@supports (-moz-osx-font-smoothing: auto) {
  html body .uikit-select__element {
    padding-right: 2.4em; } }

/*! @gov.au/skip-link v0.1.0 */
@media print {
  .uikit-skip-link__link {
    background: #fff !important; } }

.uikit-skip-link {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6; }

.uikit-skip-link__link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
  .uikit-skip-link__link:active, .uikit-skip-link__link:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: absolute;
    width: auto;
    font-size: 21px;
    top: 0.8em;
    left: 0.8em;
    padding: 0.4em 0.8em;
    color: #313131;
    background-color: #d5dcee;
    text-decoration: none;
    outline: 1px solid #313131;
    outline-offset: 1px; }

/*! @gov.au/tags v0.1.1 */
@media print {
  .uikit-tags__item {
    border-color: #000 !important; } }

.uikit-tags {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  margin-bottom: 0.4em; }
  .uikit-body .uikit-tags, .kss-modifier__example .uikit-tags {
    margin-bottom: 0.4em;
    padding-left: 0; }
  .uikit-tags > dt {
    display: inline-block; }
    .uikit-body .uikit-tags > dt, .kss-modifier__example .uikit-tags > dt {
      margin-bottom: 0.4em; }

.uikit-tags__item {
  border: 1px solid #0077C9;
  border-radius: 3px;
  display: inline-block;
  margin: 0 0.4em 0.4em 0;
  padding: 0 0.4em; }
  .uikit-body .uikit-tags__item, .kss-modifier__example .uikit-tags__item {
    margin-bottom: 0.4em;
    padding-left: 0.4em; }
  .uikit-tags__item > a {
    display: inline-block;
    margin: 0 -0.4em;
    padding: 0 0.4em;
    text-decoration: none;
    color: #313131; }
    .uikit-tags__item > a:hover, .uikit-tags__item > a:focus {
      background-color: #d5dcee; }
    .uikit-tags__item > a:focus {
      outline: 1px solid #313131;
      outline-offset: 1px;
      outline-offset: 2px; }
    .uikit-body .uikit-tags__item > a, .kss-modifier__example .uikit-tags__item > a {
      border: none; }

/*! @gov.au/text-inputs v0.1.1 */
@media print {
  .uikit-text-input {
    border-color: #000 !important; }
  :disabled {
    background-color: #f0f3f5 !important;
    border-color: transparent; }
  [disabled] {
    background-color: #f0f3f5 !important; } }

/**
 * Text input labels.
 */
.uikit-text-input__label {
  display: block;
  margin-bottom: 0.8em; }
  .uikit-text-input__label > .uikit-text-input {
    margin-top: 0.8em; }

/**
 * Generic text input styling.
 *
 * Also includes variants:
 * - invalid
 * - valid
 * - :focus
 * - :disabled/[disabled]
 */
.uikit-text-input {
  border: 2px solid #d5d5d5;
  padding: 0.4em;
  font-size: 16px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131; }
  .uikit-text-input:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-text-input:focus {
    background-color: #fbfcfd; }
  .uikit-text-input::selection {
    background-color: rgba(248, 193, 125, 0.5); }
  .uikit-text-input:invalid {
    border: 2px solid #D20032; }
    .uikit-text-input:invalid:focus {
      background-color: #fbe6eb; }
  .uikit-text-input.uikit-text-input--invalid {
    border: 2px solid #D20032; }
    .uikit-text-input.uikit-text-input--invalid:focus {
      background-color: #fbe6eb; }
  .uikit-text-input.uikit-text-input--valid {
    border: 2px solid #61AA41; }
    .uikit-text-input.uikit-text-input--valid:focus {
      background-color: #eff7ec; }
  .uikit-text-input:disabled {
    cursor: not-allowed;
    background: #f0f3f5;
    color: #5a5a5a; }
  .uikit-text-input[disabled] {
    cursor: not-allowed;
    background: #f0f3f5;
    color: #5a5a5a; }

/**
 * Block modifier
 */
.uikit-text-input--block {
  display: block;
  width: 100%;
  box-sizing: border-box; }

/**
 * Textarea styling.
 */
.uikit-text-input--textarea {
  line-height: 1.6; }

/**
 * Number input styling.
 *
 * Numbers are easier to disambiguate from each other (and letters) when set in
 * monospace.
 */
.uikit-text-input--number {
  font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
  letter-spacing: 2px; }

/**
 * Hint text.
 *
 * Built so it can sit both in- and outside the `label`.
 */
.uikit-text-input__hint {
  display: block;
  margin-bottom: 0.4em;
  font-size: 87.5%; }
  .uikit-text-input__label > .uikit-text-input__hint,
  .uikit-text-input + .uikit-text-input__hint {
    margin-top: 0.4em; }

[id^='kssref-layouts-'] [class^='layout-'][class*='__'] {
  outline: 1px dotted color("grey"); }

#kssref-layouts-layout-3column .kss-modifier__example {
  padding: 3.2em; }

.palette {
  overflow: hidden; }

.palette__color {
  position: relative;
  float: left; }
  .palette--8 .palette__color {
    width: 12.5%;
    padding-bottom: 12.5%; }
  .palette--7 .palette__color {
    width: 14.285714286%;
    padding-bottom: 14.285714286%; }
  .palette--4 .palette__color {
    width: 25%;
    padding-bottom: 25%; }
  .palette__color:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -1.2em;
    text-align: center;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.2);
    padding: .5em 0; }

.colorbox-wrapper {
  overflow: hidden; }
  .colorbox-wrapper.colorbox__8 .colorbox {
    width: 100%; }
    @media (min-width: 768px) {
      .colorbox-wrapper.colorbox__8 .colorbox {
        width: 25%; } }
    @media (min-width: 992px) {
      .colorbox-wrapper.colorbox__8 .colorbox {
        width: 12.5%; } }
  .colorbox-wrapper.colorbox__4 .colorbox {
    width: 100%; }
    @media (min-width: 768px) {
      .colorbox-wrapper.colorbox__4 .colorbox {
        width: 50%; } }
    @media (min-width: 992px) {
      .colorbox-wrapper.colorbox__4 .colorbox {
        width: 25%; } }

.colorbox {
  float: left;
  font-size: 12px; }
  .colorbox span {
    display: block;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 1em;
    margin-left: 4em;
    font-weight: bold;
    overflow: auto; }
    .colorbox span:after {
      content: '';
      display: inline;
      padding-left: .5em;
      font-weight: normal; }

.colorbox__tint__name {
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff; }

.palette__color--hero {
  background-color: #00538d; }
  .palette__color--hero:after {
    content: "Hero: #00538d"; }

.palette__color--primary {
  background-color: #0077C9; }
  .palette__color--primary:after {
    content: "Primary: #0077C9"; }

.palette__color--secondary {
  background-color: #313131; }
  .palette__color--secondary:after {
    content: "Secondary: #313131"; }

.palette__color--background {
  background-color: #f0f3f5; }
  .palette__color--background:after {
    content: "Background: #f0f3f5"; }

.palette__color--border {
  background-color: #cbcbcb; }
  .palette__color--border:after {
    content: "Border: #cbcbcb"; }

.palette__color--text {
  background-color: #313131; }
  .palette__color--text:after {
    content: "Text: #313131"; }

.palette__color--link {
  background-color: #d5dcee; }
  .palette__color--link:after {
    content: "Link: #d5dcee"; }

.palette__color--second-gradiant {
  background-color: #2C4EAB; }
  .palette__color--second-gradiant:after {
    content: "Grandiant second: #2C4EAB"; }

.palette__color--error {
  background-color: #D20032; }
  .palette__color--error:after {
    content: "Error: #D20032"; }

.palette__color--success {
  background-color: #61AA41; }
  .palette__color--success:after {
    content: "Success: #61AA41"; }

.palette__color--warning {
  background-color: #F39826; }
  .palette__color--warning:after {
    content: "Warning: #F39826"; }

.palette__color--info {
  background-color: #1D92E2; }
  .palette__color--info:after {
    content: "Info: #1D92E2"; }

.contrast-box--white {
  background-color: #fff; }

.contrast-box--background {
  background-color: #f0f3f5; }

.contrast-box--hero {
  background-color: #00538d; }

.contrast-box--primary {
  background-color: #0077C9; }

.contrast-box--secondary {
  background-color: #313131; }

.contrast-box--border {
  background-color: #cbcbcb; }

.contrast-box--link {
  background-color: #d5dcee; }

.colorbox__colour-Hero {
  background-color: #00538d; }
  .colorbox__colour-Hero > span:after {
    content: "#00538d"; }
  .colorbox__colour-Hero .colorbox--colour--95 {
    background-color: #000407; }
    .colorbox__colour-Hero .colorbox--colour--95 span:after {
      content: "#000407"; }
  .colorbox__colour-Hero .colorbox--colour--90 {
    background-color: #00080e; }
    .colorbox__colour-Hero .colorbox--colour--90 span:after {
      content: "#00080e"; }
  .colorbox__colour-Hero .colorbox--colour--80 {
    background-color: #00111c; }
    .colorbox__colour-Hero .colorbox--colour--80 span:after {
      content: "#00111c"; }
  .colorbox__colour-Hero .colorbox--colour--70 {
    background-color: #00192a; }
    .colorbox__colour-Hero .colorbox--colour--70 span:after {
      content: "#00192a"; }
  .colorbox__colour-Hero .colorbox--colour--60 {
    background-color: #002138; }
    .colorbox__colour-Hero .colorbox--colour--60 span:after {
      content: "#002138"; }
  .colorbox__colour-Hero .colorbox--colour--50 {
    background-color: #002a47; }
    .colorbox__colour-Hero .colorbox--colour--50 span:after {
      content: "#002a47"; }
  .colorbox__colour-Hero .colorbox--colour--40 {
    background-color: #003255; }
    .colorbox__colour-Hero .colorbox--colour--40 span:after {
      content: "#003255"; }
  .colorbox__colour-Hero .colorbox--colour--30 {
    background-color: #003a63; }
    .colorbox__colour-Hero .colorbox--colour--30 span:after {
      content: "#003a63"; }
  .colorbox__colour-Hero .colorbox--colour--20 {
    background-color: #004271; }
    .colorbox__colour-Hero .colorbox--colour--20 span:after {
      content: "#004271"; }
  .colorbox__colour-Hero .colorbox--colour--10 {
    background-color: #004b7f; }
    .colorbox__colour-Hero .colorbox--colour--10 span:after {
      content: "#004b7f"; }
  .colorbox__colour-Hero .colorbox--colour-90 {
    background-color: #1a6498; }
    .colorbox__colour-Hero .colorbox--colour-90 span:after {
      content: "#1a6498"; }
  .colorbox__colour-Hero .colorbox--colour-80 {
    background-color: #3375a4; }
    .colorbox__colour-Hero .colorbox--colour-80 span:after {
      content: "#3375a4"; }
  .colorbox__colour-Hero .colorbox--colour-70 {
    background-color: #4d87af; }
    .colorbox__colour-Hero .colorbox--colour-70 span:after {
      content: "#4d87af"; }
  .colorbox__colour-Hero .colorbox--colour-60 {
    background-color: #6698bb; }
    .colorbox__colour-Hero .colorbox--colour-60 span:after {
      content: "#6698bb"; }
  .colorbox__colour-Hero .colorbox--colour-50 {
    background-color: #80a9c6; }
    .colorbox__colour-Hero .colorbox--colour-50 span:after {
      content: "#80a9c6"; }
  .colorbox__colour-Hero .colorbox--colour-40 {
    background-color: #99bad1; }
    .colorbox__colour-Hero .colorbox--colour-40 span:after {
      content: "#99bad1"; }
  .colorbox__colour-Hero .colorbox--colour-30 {
    background-color: #b3cbdd; }
    .colorbox__colour-Hero .colorbox--colour-30 span:after {
      content: "#b3cbdd"; }
  .colorbox__colour-Hero .colorbox--colour-20 {
    background-color: #ccdde8; }
    .colorbox__colour-Hero .colorbox--colour-20 span:after {
      content: "#ccdde8"; }
  .colorbox__colour-Hero .colorbox--colour-10 {
    background-color: #e6eef4; }
    .colorbox__colour-Hero .colorbox--colour-10 span:after {
      content: "#e6eef4"; }
  .colorbox__colour-Hero .colorbox--colour-5 {
    background-color: #f2f6f9; }
    .colorbox__colour-Hero .colorbox--colour-5 span:after {
      content: "#f2f6f9"; }

.colorbox__colour-Primary {
  background-color: #0077C9; }
  .colorbox__colour-Primary > span:after {
    content: "#0077C9"; }
  .colorbox__colour-Primary .colorbox--colour--95 {
    background-color: #00060a; }
    .colorbox__colour-Primary .colorbox--colour--95 span:after {
      content: "#00060a"; }
  .colorbox__colour-Primary .colorbox--colour--90 {
    background-color: #000c14; }
    .colorbox__colour-Primary .colorbox--colour--90 span:after {
      content: "#000c14"; }
  .colorbox__colour-Primary .colorbox--colour--80 {
    background-color: #001828; }
    .colorbox__colour-Primary .colorbox--colour--80 span:after {
      content: "#001828"; }
  .colorbox__colour-Primary .colorbox--colour--70 {
    background-color: #00243c; }
    .colorbox__colour-Primary .colorbox--colour--70 span:after {
      content: "#00243c"; }
  .colorbox__colour-Primary .colorbox--colour--60 {
    background-color: #003050; }
    .colorbox__colour-Primary .colorbox--colour--60 span:after {
      content: "#003050"; }
  .colorbox__colour-Primary .colorbox--colour--50 {
    background-color: #003c65; }
    .colorbox__colour-Primary .colorbox--colour--50 span:after {
      content: "#003c65"; }
  .colorbox__colour-Primary .colorbox--colour--40 {
    background-color: #004779; }
    .colorbox__colour-Primary .colorbox--colour--40 span:after {
      content: "#004779"; }
  .colorbox__colour-Primary .colorbox--colour--30 {
    background-color: #00538d; }
    .colorbox__colour-Primary .colorbox--colour--30 span:after {
      content: "#00538d"; }
  .colorbox__colour-Primary .colorbox--colour--20 {
    background-color: #005fa1; }
    .colorbox__colour-Primary .colorbox--colour--20 span:after {
      content: "#005fa1"; }
  .colorbox__colour-Primary .colorbox--colour--10 {
    background-color: #006bb5; }
    .colorbox__colour-Primary .colorbox--colour--10 span:after {
      content: "#006bb5"; }
  .colorbox__colour-Primary .colorbox--colour-90 {
    background-color: #1a85ce; }
    .colorbox__colour-Primary .colorbox--colour-90 span:after {
      content: "#1a85ce"; }
  .colorbox__colour-Primary .colorbox--colour-80 {
    background-color: #3392d4; }
    .colorbox__colour-Primary .colorbox--colour-80 span:after {
      content: "#3392d4"; }
  .colorbox__colour-Primary .colorbox--colour-70 {
    background-color: #4da0d9; }
    .colorbox__colour-Primary .colorbox--colour-70 span:after {
      content: "#4da0d9"; }
  .colorbox__colour-Primary .colorbox--colour-60 {
    background-color: #66addf; }
    .colorbox__colour-Primary .colorbox--colour-60 span:after {
      content: "#66addf"; }
  .colorbox__colour-Primary .colorbox--colour-50 {
    background-color: #80bbe4; }
    .colorbox__colour-Primary .colorbox--colour-50 span:after {
      content: "#80bbe4"; }
  .colorbox__colour-Primary .colorbox--colour-40 {
    background-color: #99c9e9; }
    .colorbox__colour-Primary .colorbox--colour-40 span:after {
      content: "#99c9e9"; }
  .colorbox__colour-Primary .colorbox--colour-30 {
    background-color: #b3d6ef; }
    .colorbox__colour-Primary .colorbox--colour-30 span:after {
      content: "#b3d6ef"; }
  .colorbox__colour-Primary .colorbox--colour-20 {
    background-color: #cce4f4; }
    .colorbox__colour-Primary .colorbox--colour-20 span:after {
      content: "#cce4f4"; }
  .colorbox__colour-Primary .colorbox--colour-10 {
    background-color: #e6f1fa; }
    .colorbox__colour-Primary .colorbox--colour-10 span:after {
      content: "#e6f1fa"; }
  .colorbox__colour-Primary .colorbox--colour-5 {
    background-color: #f2f8fc; }
    .colorbox__colour-Primary .colorbox--colour-5 span:after {
      content: "#f2f8fc"; }

.colorbox__colour-Secondary {
  background-color: #313131; }
  .colorbox__colour-Secondary > span:after {
    content: "#313131"; }
  .colorbox__colour-Secondary .colorbox--colour--95 {
    background-color: #020202; }
    .colorbox__colour-Secondary .colorbox--colour--95 span:after {
      content: "#020202"; }
  .colorbox__colour-Secondary .colorbox--colour--90 {
    background-color: #050505; }
    .colorbox__colour-Secondary .colorbox--colour--90 span:after {
      content: "#050505"; }
  .colorbox__colour-Secondary .colorbox--colour--80 {
    background-color: #0a0a0a; }
    .colorbox__colour-Secondary .colorbox--colour--80 span:after {
      content: "#0a0a0a"; }
  .colorbox__colour-Secondary .colorbox--colour--70 {
    background-color: #0f0f0f; }
    .colorbox__colour-Secondary .colorbox--colour--70 span:after {
      content: "#0f0f0f"; }
  .colorbox__colour-Secondary .colorbox--colour--60 {
    background-color: #141414; }
    .colorbox__colour-Secondary .colorbox--colour--60 span:after {
      content: "#141414"; }
  .colorbox__colour-Secondary .colorbox--colour--50 {
    background-color: #191919; }
    .colorbox__colour-Secondary .colorbox--colour--50 span:after {
      content: "#191919"; }
  .colorbox__colour-Secondary .colorbox--colour--40 {
    background-color: #1d1d1d; }
    .colorbox__colour-Secondary .colorbox--colour--40 span:after {
      content: "#1d1d1d"; }
  .colorbox__colour-Secondary .colorbox--colour--30 {
    background-color: #222222; }
    .colorbox__colour-Secondary .colorbox--colour--30 span:after {
      content: "#222222"; }
  .colorbox__colour-Secondary .colorbox--colour--20 {
    background-color: #272727; }
    .colorbox__colour-Secondary .colorbox--colour--20 span:after {
      content: "#272727"; }
  .colorbox__colour-Secondary .colorbox--colour--10 {
    background-color: #2c2c2c; }
    .colorbox__colour-Secondary .colorbox--colour--10 span:after {
      content: "#2c2c2c"; }
  .colorbox__colour-Secondary .colorbox--colour-90 {
    background-color: #464646; }
    .colorbox__colour-Secondary .colorbox--colour-90 span:after {
      content: "#464646"; }
  .colorbox__colour-Secondary .colorbox--colour-80 {
    background-color: #5a5a5a; }
    .colorbox__colour-Secondary .colorbox--colour-80 span:after {
      content: "#5a5a5a"; }
  .colorbox__colour-Secondary .colorbox--colour-70 {
    background-color: #6f6f6f; }
    .colorbox__colour-Secondary .colorbox--colour-70 span:after {
      content: "#6f6f6f"; }
  .colorbox__colour-Secondary .colorbox--colour-60 {
    background-color: #838383; }
    .colorbox__colour-Secondary .colorbox--colour-60 span:after {
      content: "#838383"; }
  .colorbox__colour-Secondary .colorbox--colour-50 {
    background-color: #989898; }
    .colorbox__colour-Secondary .colorbox--colour-50 span:after {
      content: "#989898"; }
  .colorbox__colour-Secondary .colorbox--colour-40 {
    background-color: #adadad; }
    .colorbox__colour-Secondary .colorbox--colour-40 span:after {
      content: "#adadad"; }
  .colorbox__colour-Secondary .colorbox--colour-30 {
    background-color: #c1c1c1; }
    .colorbox__colour-Secondary .colorbox--colour-30 span:after {
      content: "#c1c1c1"; }
  .colorbox__colour-Secondary .colorbox--colour-20 {
    background-color: #d6d6d6; }
    .colorbox__colour-Secondary .colorbox--colour-20 span:after {
      content: "#d6d6d6"; }
  .colorbox__colour-Secondary .colorbox--colour-10 {
    background-color: #eaeaea; }
    .colorbox__colour-Secondary .colorbox--colour-10 span:after {
      content: "#eaeaea"; }
  .colorbox__colour-Secondary .colorbox--colour-5 {
    background-color: whitesmoke; }
    .colorbox__colour-Secondary .colorbox--colour-5 span:after {
      content: "whitesmoke"; }

.colorbox__colour-Background {
  background-color: #f0f3f5; }
  .colorbox__colour-Background > span:after {
    content: "#f0f3f5"; }
  .colorbox__colour-Background .colorbox--colour--95 {
    background-color: #0c0c0c; }
    .colorbox__colour-Background .colorbox--colour--95 span:after {
      content: "#0c0c0c"; }
  .colorbox__colour-Background .colorbox--colour--90 {
    background-color: #181819; }
    .colorbox__colour-Background .colorbox--colour--90 span:after {
      content: "#181819"; }
  .colorbox__colour-Background .colorbox--colour--80 {
    background-color: #303131; }
    .colorbox__colour-Background .colorbox--colour--80 span:after {
      content: "#303131"; }
  .colorbox__colour-Background .colorbox--colour--70 {
    background-color: #48494a; }
    .colorbox__colour-Background .colorbox--colour--70 span:after {
      content: "#48494a"; }
  .colorbox__colour-Background .colorbox--colour--60 {
    background-color: #606162; }
    .colorbox__colour-Background .colorbox--colour--60 span:after {
      content: "#606162"; }
  .colorbox__colour-Background .colorbox--colour--50 {
    background-color: #787a7b; }
    .colorbox__colour-Background .colorbox--colour--50 span:after {
      content: "#787a7b"; }
  .colorbox__colour-Background .colorbox--colour--40 {
    background-color: #909293; }
    .colorbox__colour-Background .colorbox--colour--40 span:after {
      content: "#909293"; }
  .colorbox__colour-Background .colorbox--colour--30 {
    background-color: #a8aaac; }
    .colorbox__colour-Background .colorbox--colour--30 span:after {
      content: "#a8aaac"; }
  .colorbox__colour-Background .colorbox--colour--20 {
    background-color: #c0c2c4; }
    .colorbox__colour-Background .colorbox--colour--20 span:after {
      content: "#c0c2c4"; }
  .colorbox__colour-Background .colorbox--colour--10 {
    background-color: #d8dbdd; }
    .colorbox__colour-Background .colorbox--colour--10 span:after {
      content: "#d8dbdd"; }
  .colorbox__colour-Background .colorbox--colour-90 {
    background-color: #f2f4f6; }
    .colorbox__colour-Background .colorbox--colour-90 span:after {
      content: "#f2f4f6"; }
  .colorbox__colour-Background .colorbox--colour-80 {
    background-color: #f3f5f7; }
    .colorbox__colour-Background .colorbox--colour-80 span:after {
      content: "#f3f5f7"; }
  .colorbox__colour-Background .colorbox--colour-70 {
    background-color: #f5f7f8; }
    .colorbox__colour-Background .colorbox--colour-70 span:after {
      content: "#f5f7f8"; }
  .colorbox__colour-Background .colorbox--colour-60 {
    background-color: #f6f8f9; }
    .colorbox__colour-Background .colorbox--colour-60 span:after {
      content: "#f6f8f9"; }
  .colorbox__colour-Background .colorbox--colour-50 {
    background-color: #f8f9fa; }
    .colorbox__colour-Background .colorbox--colour-50 span:after {
      content: "#f8f9fa"; }
  .colorbox__colour-Background .colorbox--colour-40 {
    background-color: #f9fafb; }
    .colorbox__colour-Background .colorbox--colour-40 span:after {
      content: "#f9fafb"; }
  .colorbox__colour-Background .colorbox--colour-30 {
    background-color: #fbfbfc; }
    .colorbox__colour-Background .colorbox--colour-30 span:after {
      content: "#fbfbfc"; }
  .colorbox__colour-Background .colorbox--colour-20 {
    background-color: #fcfdfd; }
    .colorbox__colour-Background .colorbox--colour-20 span:after {
      content: "#fcfdfd"; }
  .colorbox__colour-Background .colorbox--colour-10 {
    background-color: #fefefe; }
    .colorbox__colour-Background .colorbox--colour-10 span:after {
      content: "#fefefe"; }
  .colorbox__colour-Background .colorbox--colour-5 {
    background-color: #fefeff; }
    .colorbox__colour-Background .colorbox--colour-5 span:after {
      content: "#fefeff"; }

.colorbox__colour-Border {
  background-color: #cbcbcb; }
  .colorbox__colour-Border > span:after {
    content: "#cbcbcb"; }
  .colorbox__colour-Border .colorbox--colour--95 {
    background-color: #0a0a0a; }
    .colorbox__colour-Border .colorbox--colour--95 span:after {
      content: "#0a0a0a"; }
  .colorbox__colour-Border .colorbox--colour--90 {
    background-color: #141414; }
    .colorbox__colour-Border .colorbox--colour--90 span:after {
      content: "#141414"; }
  .colorbox__colour-Border .colorbox--colour--80 {
    background-color: #292929; }
    .colorbox__colour-Border .colorbox--colour--80 span:after {
      content: "#292929"; }
  .colorbox__colour-Border .colorbox--colour--70 {
    background-color: #3d3d3d; }
    .colorbox__colour-Border .colorbox--colour--70 span:after {
      content: "#3d3d3d"; }
  .colorbox__colour-Border .colorbox--colour--60 {
    background-color: #515151; }
    .colorbox__colour-Border .colorbox--colour--60 span:after {
      content: "#515151"; }
  .colorbox__colour-Border .colorbox--colour--50 {
    background-color: #666666; }
    .colorbox__colour-Border .colorbox--colour--50 span:after {
      content: "#666666"; }
  .colorbox__colour-Border .colorbox--colour--40 {
    background-color: #7a7a7a; }
    .colorbox__colour-Border .colorbox--colour--40 span:after {
      content: "#7a7a7a"; }
  .colorbox__colour-Border .colorbox--colour--30 {
    background-color: #8e8e8e; }
    .colorbox__colour-Border .colorbox--colour--30 span:after {
      content: "#8e8e8e"; }
  .colorbox__colour-Border .colorbox--colour--20 {
    background-color: #a2a2a2; }
    .colorbox__colour-Border .colorbox--colour--20 span:after {
      content: "#a2a2a2"; }
  .colorbox__colour-Border .colorbox--colour--10 {
    background-color: #b7b7b7; }
    .colorbox__colour-Border .colorbox--colour--10 span:after {
      content: "#b7b7b7"; }
  .colorbox__colour-Border .colorbox--colour-90 {
    background-color: #d0d0d0; }
    .colorbox__colour-Border .colorbox--colour-90 span:after {
      content: "#d0d0d0"; }
  .colorbox__colour-Border .colorbox--colour-80 {
    background-color: #d5d5d5; }
    .colorbox__colour-Border .colorbox--colour-80 span:after {
      content: "#d5d5d5"; }
  .colorbox__colour-Border .colorbox--colour-70 {
    background-color: #dbdbdb; }
    .colorbox__colour-Border .colorbox--colour-70 span:after {
      content: "#dbdbdb"; }
  .colorbox__colour-Border .colorbox--colour-60 {
    background-color: #e0e0e0; }
    .colorbox__colour-Border .colorbox--colour-60 span:after {
      content: "#e0e0e0"; }
  .colorbox__colour-Border .colorbox--colour-50 {
    background-color: #e5e5e5; }
    .colorbox__colour-Border .colorbox--colour-50 span:after {
      content: "#e5e5e5"; }
  .colorbox__colour-Border .colorbox--colour-40 {
    background-color: #eaeaea; }
    .colorbox__colour-Border .colorbox--colour-40 span:after {
      content: "#eaeaea"; }
  .colorbox__colour-Border .colorbox--colour-30 {
    background-color: #efefef; }
    .colorbox__colour-Border .colorbox--colour-30 span:after {
      content: "#efefef"; }
  .colorbox__colour-Border .colorbox--colour-20 {
    background-color: whitesmoke; }
    .colorbox__colour-Border .colorbox--colour-20 span:after {
      content: "whitesmoke"; }
  .colorbox__colour-Border .colorbox--colour-10 {
    background-color: #fafafa; }
    .colorbox__colour-Border .colorbox--colour-10 span:after {
      content: "#fafafa"; }
  .colorbox__colour-Border .colorbox--colour-5 {
    background-color: #fcfcfc; }
    .colorbox__colour-Border .colorbox--colour-5 span:after {
      content: "#fcfcfc"; }

.colorbox__colour-Text {
  background-color: #313131; }
  .colorbox__colour-Text > span:after {
    content: "#313131"; }
  .colorbox__colour-Text .colorbox--colour--95 {
    background-color: #020202; }
    .colorbox__colour-Text .colorbox--colour--95 span:after {
      content: "#020202"; }
  .colorbox__colour-Text .colorbox--colour--90 {
    background-color: #050505; }
    .colorbox__colour-Text .colorbox--colour--90 span:after {
      content: "#050505"; }
  .colorbox__colour-Text .colorbox--colour--80 {
    background-color: #0a0a0a; }
    .colorbox__colour-Text .colorbox--colour--80 span:after {
      content: "#0a0a0a"; }
  .colorbox__colour-Text .colorbox--colour--70 {
    background-color: #0f0f0f; }
    .colorbox__colour-Text .colorbox--colour--70 span:after {
      content: "#0f0f0f"; }
  .colorbox__colour-Text .colorbox--colour--60 {
    background-color: #141414; }
    .colorbox__colour-Text .colorbox--colour--60 span:after {
      content: "#141414"; }
  .colorbox__colour-Text .colorbox--colour--50 {
    background-color: #191919; }
    .colorbox__colour-Text .colorbox--colour--50 span:after {
      content: "#191919"; }
  .colorbox__colour-Text .colorbox--colour--40 {
    background-color: #1d1d1d; }
    .colorbox__colour-Text .colorbox--colour--40 span:after {
      content: "#1d1d1d"; }
  .colorbox__colour-Text .colorbox--colour--30 {
    background-color: #222222; }
    .colorbox__colour-Text .colorbox--colour--30 span:after {
      content: "#222222"; }
  .colorbox__colour-Text .colorbox--colour--20 {
    background-color: #272727; }
    .colorbox__colour-Text .colorbox--colour--20 span:after {
      content: "#272727"; }
  .colorbox__colour-Text .colorbox--colour--10 {
    background-color: #2c2c2c; }
    .colorbox__colour-Text .colorbox--colour--10 span:after {
      content: "#2c2c2c"; }
  .colorbox__colour-Text .colorbox--colour-90 {
    background-color: #464646; }
    .colorbox__colour-Text .colorbox--colour-90 span:after {
      content: "#464646"; }
  .colorbox__colour-Text .colorbox--colour-80 {
    background-color: #5a5a5a; }
    .colorbox__colour-Text .colorbox--colour-80 span:after {
      content: "#5a5a5a"; }
  .colorbox__colour-Text .colorbox--colour-70 {
    background-color: #6f6f6f; }
    .colorbox__colour-Text .colorbox--colour-70 span:after {
      content: "#6f6f6f"; }
  .colorbox__colour-Text .colorbox--colour-60 {
    background-color: #838383; }
    .colorbox__colour-Text .colorbox--colour-60 span:after {
      content: "#838383"; }
  .colorbox__colour-Text .colorbox--colour-50 {
    background-color: #989898; }
    .colorbox__colour-Text .colorbox--colour-50 span:after {
      content: "#989898"; }
  .colorbox__colour-Text .colorbox--colour-40 {
    background-color: #adadad; }
    .colorbox__colour-Text .colorbox--colour-40 span:after {
      content: "#adadad"; }
  .colorbox__colour-Text .colorbox--colour-30 {
    background-color: #c1c1c1; }
    .colorbox__colour-Text .colorbox--colour-30 span:after {
      content: "#c1c1c1"; }
  .colorbox__colour-Text .colorbox--colour-20 {
    background-color: #d6d6d6; }
    .colorbox__colour-Text .colorbox--colour-20 span:after {
      content: "#d6d6d6"; }
  .colorbox__colour-Text .colorbox--colour-10 {
    background-color: #eaeaea; }
    .colorbox__colour-Text .colorbox--colour-10 span:after {
      content: "#eaeaea"; }
  .colorbox__colour-Text .colorbox--colour-5 {
    background-color: whitesmoke; }
    .colorbox__colour-Text .colorbox--colour-5 span:after {
      content: "whitesmoke"; }

.colorbox__colour-Link {
  background-color: #d5dcee; }
  .colorbox__colour-Link > span:after {
    content: "#d5dcee"; }
  .colorbox__colour-Link .colorbox--colour--95 {
    background-color: #0b0b0c; }
    .colorbox__colour-Link .colorbox--colour--95 span:after {
      content: "#0b0b0c"; }
  .colorbox__colour-Link .colorbox--colour--90 {
    background-color: #151618; }
    .colorbox__colour-Link .colorbox--colour--90 span:after {
      content: "#151618"; }
  .colorbox__colour-Link .colorbox--colour--80 {
    background-color: #2b2c30; }
    .colorbox__colour-Link .colorbox--colour--80 span:after {
      content: "#2b2c30"; }
  .colorbox__colour-Link .colorbox--colour--70 {
    background-color: #404247; }
    .colorbox__colour-Link .colorbox--colour--70 span:after {
      content: "#404247"; }
  .colorbox__colour-Link .colorbox--colour--60 {
    background-color: #55585f; }
    .colorbox__colour-Link .colorbox--colour--60 span:after {
      content: "#55585f"; }
  .colorbox__colour-Link .colorbox--colour--50 {
    background-color: #6b6e77; }
    .colorbox__colour-Link .colorbox--colour--50 span:after {
      content: "#6b6e77"; }
  .colorbox__colour-Link .colorbox--colour--40 {
    background-color: #80848f; }
    .colorbox__colour-Link .colorbox--colour--40 span:after {
      content: "#80848f"; }
  .colorbox__colour-Link .colorbox--colour--30 {
    background-color: #959aa7; }
    .colorbox__colour-Link .colorbox--colour--30 span:after {
      content: "#959aa7"; }
  .colorbox__colour-Link .colorbox--colour--20 {
    background-color: #aab0be; }
    .colorbox__colour-Link .colorbox--colour--20 span:after {
      content: "#aab0be"; }
  .colorbox__colour-Link .colorbox--colour--10 {
    background-color: #c0c6d6; }
    .colorbox__colour-Link .colorbox--colour--10 span:after {
      content: "#c0c6d6"; }
  .colorbox__colour-Link .colorbox--colour-90 {
    background-color: #d9e0f0; }
    .colorbox__colour-Link .colorbox--colour-90 span:after {
      content: "#d9e0f0"; }
  .colorbox__colour-Link .colorbox--colour-80 {
    background-color: #dde3f1; }
    .colorbox__colour-Link .colorbox--colour-80 span:after {
      content: "#dde3f1"; }
  .colorbox__colour-Link .colorbox--colour-70 {
    background-color: #e2e7f3; }
    .colorbox__colour-Link .colorbox--colour-70 span:after {
      content: "#e2e7f3"; }
  .colorbox__colour-Link .colorbox--colour-60 {
    background-color: #e6eaf5; }
    .colorbox__colour-Link .colorbox--colour-60 span:after {
      content: "#e6eaf5"; }
  .colorbox__colour-Link .colorbox--colour-50 {
    background-color: #eaeef7; }
    .colorbox__colour-Link .colorbox--colour-50 span:after {
      content: "#eaeef7"; }
  .colorbox__colour-Link .colorbox--colour-40 {
    background-color: #eef1f8; }
    .colorbox__colour-Link .colorbox--colour-40 span:after {
      content: "#eef1f8"; }
  .colorbox__colour-Link .colorbox--colour-30 {
    background-color: #f2f5fa; }
    .colorbox__colour-Link .colorbox--colour-30 span:after {
      content: "#f2f5fa"; }
  .colorbox__colour-Link .colorbox--colour-20 {
    background-color: #f7f8fc; }
    .colorbox__colour-Link .colorbox--colour-20 span:after {
      content: "#f7f8fc"; }
  .colorbox__colour-Link .colorbox--colour-10 {
    background-color: #fbfcfd; }
    .colorbox__colour-Link .colorbox--colour-10 span:after {
      content: "#fbfcfd"; }
  .colorbox__colour-Link .colorbox--colour-5 {
    background-color: #fdfdfe; }
    .colorbox__colour-Link .colorbox--colour-5 span:after {
      content: "#fdfdfe"; }

.colorbox__colour-second-gradiant {
  background-color: #2C4EAB; }
  .colorbox__colour-second-gradiant > span:after {
    content: "#2C4EAB" !important; }
  .colorbox__colour-second-gradiant .colorbox--colour--95 {
    background-color: #020409; }
    .colorbox__colour-second-gradiant .colorbox--colour--95 span:after {
      content: "#020409"; }
  .colorbox__colour-second-gradiant .colorbox--colour--90 {
    background-color: #040811; }
    .colorbox__colour-second-gradiant .colorbox--colour--90 span:after {
      content: "#040811"; }
  .colorbox__colour-second-gradiant .colorbox--colour--80 {
    background-color: #091022; }
    .colorbox__colour-second-gradiant .colorbox--colour--80 span:after {
      content: "#091022"; }
  .colorbox__colour-second-gradiant .colorbox--colour--70 {
    background-color: #0d1733; }
    .colorbox__colour-second-gradiant .colorbox--colour--70 span:after {
      content: "#0d1733"; }
  .colorbox__colour-second-gradiant .colorbox--colour--60 {
    background-color: #121f44; }
    .colorbox__colour-second-gradiant .colorbox--colour--60 span:after {
      content: "#121f44"; }
  .colorbox__colour-second-gradiant .colorbox--colour--50 {
    background-color: #162756; }
    .colorbox__colour-second-gradiant .colorbox--colour--50 span:after {
      content: "#162756"; }
  .colorbox__colour-second-gradiant .colorbox--colour--40 {
    background-color: #1a2f67; }
    .colorbox__colour-second-gradiant .colorbox--colour--40 span:after {
      content: "#1a2f67"; }
  .colorbox__colour-second-gradiant .colorbox--colour--30 {
    background-color: #1f3778; }
    .colorbox__colour-second-gradiant .colorbox--colour--30 span:after {
      content: "#1f3778"; }
  .colorbox__colour-second-gradiant .colorbox--colour--20 {
    background-color: #233e89; }
    .colorbox__colour-second-gradiant .colorbox--colour--20 span:after {
      content: "#233e89"; }
  .colorbox__colour-second-gradiant .colorbox--colour--10 {
    background-color: #28469a; }
    .colorbox__colour-second-gradiant .colorbox--colour--10 span:after {
      content: "#28469a"; }
  .colorbox__colour-second-gradiant .colorbox--colour-90 {
    background-color: #4160b3; }
    .colorbox__colour-second-gradiant .colorbox--colour-90 span:after {
      content: "#4160b3"; }
  .colorbox__colour-second-gradiant .colorbox--colour-80 {
    background-color: #5671bc; }
    .colorbox__colour-second-gradiant .colorbox--colour-80 span:after {
      content: "#5671bc"; }
  .colorbox__colour-second-gradiant .colorbox--colour-70 {
    background-color: #6b83c4; }
    .colorbox__colour-second-gradiant .colorbox--colour-70 span:after {
      content: "#6b83c4"; }
  .colorbox__colour-second-gradiant .colorbox--colour-60 {
    background-color: #8095cd; }
    .colorbox__colour-second-gradiant .colorbox--colour-60 span:after {
      content: "#8095cd"; }
  .colorbox__colour-second-gradiant .colorbox--colour-50 {
    background-color: #96a7d5; }
    .colorbox__colour-second-gradiant .colorbox--colour-50 span:after {
      content: "#96a7d5"; }
  .colorbox__colour-second-gradiant .colorbox--colour-40 {
    background-color: #abb8dd; }
    .colorbox__colour-second-gradiant .colorbox--colour-40 span:after {
      content: "#abb8dd"; }
  .colorbox__colour-second-gradiant .colorbox--colour-30 {
    background-color: #c0cae6; }
    .colorbox__colour-second-gradiant .colorbox--colour-30 span:after {
      content: "#c0cae6"; }
  .colorbox__colour-second-gradiant .colorbox--colour-20 {
    background-color: #d5dcee; }
    .colorbox__colour-second-gradiant .colorbox--colour-20 span:after {
      content: "#d5dcee"; }
  .colorbox__colour-second-gradiant .colorbox--colour-10 {
    background-color: #eaedf7; }
    .colorbox__colour-second-gradiant .colorbox--colour-10 span:after {
      content: "#eaedf7"; }
  .colorbox__colour-second-gradiant .colorbox--colour-5 {
    background-color: #f4f6fb; }
    .colorbox__colour-second-gradiant .colorbox--colour-5 span:after {
      content: "#f4f6fb"; }

.colorbox__colour-Error {
  background-color: #D20032; }
  .colorbox__colour-Error > span:after {
    content: "#D20032"; }
  .colorbox__colour-Error .colorbox--colour--95 {
    background-color: #0b0003; }
    .colorbox__colour-Error .colorbox--colour--95 span:after {
      content: "#0b0003"; }
  .colorbox__colour-Error .colorbox--colour--90 {
    background-color: #150005; }
    .colorbox__colour-Error .colorbox--colour--90 span:after {
      content: "#150005"; }
  .colorbox__colour-Error .colorbox--colour--80 {
    background-color: #2a000a; }
    .colorbox__colour-Error .colorbox--colour--80 span:after {
      content: "#2a000a"; }
  .colorbox__colour-Error .colorbox--colour--70 {
    background-color: #3f000f; }
    .colorbox__colour-Error .colorbox--colour--70 span:after {
      content: "#3f000f"; }
  .colorbox__colour-Error .colorbox--colour--60 {
    background-color: #540014; }
    .colorbox__colour-Error .colorbox--colour--60 span:after {
      content: "#540014"; }
  .colorbox__colour-Error .colorbox--colour--50 {
    background-color: #690019; }
    .colorbox__colour-Error .colorbox--colour--50 span:after {
      content: "#690019"; }
  .colorbox__colour-Error .colorbox--colour--40 {
    background-color: #7e001e; }
    .colorbox__colour-Error .colorbox--colour--40 span:after {
      content: "#7e001e"; }
  .colorbox__colour-Error .colorbox--colour--30 {
    background-color: #930023; }
    .colorbox__colour-Error .colorbox--colour--30 span:after {
      content: "#930023"; }
  .colorbox__colour-Error .colorbox--colour--20 {
    background-color: #a80028; }
    .colorbox__colour-Error .colorbox--colour--20 span:after {
      content: "#a80028"; }
  .colorbox__colour-Error .colorbox--colour--10 {
    background-color: #bd002d; }
    .colorbox__colour-Error .colorbox--colour--10 span:after {
      content: "#bd002d"; }
  .colorbox__colour-Error .colorbox--colour-90 {
    background-color: #d71a47; }
    .colorbox__colour-Error .colorbox--colour-90 span:after {
      content: "#d71a47"; }
  .colorbox__colour-Error .colorbox--colour-80 {
    background-color: #db335b; }
    .colorbox__colour-Error .colorbox--colour-80 span:after {
      content: "#db335b"; }
  .colorbox__colour-Error .colorbox--colour-70 {
    background-color: #e04d70; }
    .colorbox__colour-Error .colorbox--colour-70 span:after {
      content: "#e04d70"; }
  .colorbox__colour-Error .colorbox--colour-60 {
    background-color: #e46684; }
    .colorbox__colour-Error .colorbox--colour-60 span:after {
      content: "#e46684"; }
  .colorbox__colour-Error .colorbox--colour-50 {
    background-color: #e98099; }
    .colorbox__colour-Error .colorbox--colour-50 span:after {
      content: "#e98099"; }
  .colorbox__colour-Error .colorbox--colour-40 {
    background-color: #ed99ad; }
    .colorbox__colour-Error .colorbox--colour-40 span:after {
      content: "#ed99ad"; }
  .colorbox__colour-Error .colorbox--colour-30 {
    background-color: #f2b3c2; }
    .colorbox__colour-Error .colorbox--colour-30 span:after {
      content: "#f2b3c2"; }
  .colorbox__colour-Error .colorbox--colour-20 {
    background-color: #f6ccd6; }
    .colorbox__colour-Error .colorbox--colour-20 span:after {
      content: "#f6ccd6"; }
  .colorbox__colour-Error .colorbox--colour-10 {
    background-color: #fbe6eb; }
    .colorbox__colour-Error .colorbox--colour-10 span:after {
      content: "#fbe6eb"; }
  .colorbox__colour-Error .colorbox--colour-5 {
    background-color: #fdf2f5; }
    .colorbox__colour-Error .colorbox--colour-5 span:after {
      content: "#fdf2f5"; }

.colorbox__colour-Success {
  background-color: #61AA41; }
  .colorbox__colour-Success > span:after {
    content: "#61AA41"; }
  .colorbox__colour-Success .colorbox--colour--95 {
    background-color: #050903; }
    .colorbox__colour-Success .colorbox--colour--95 span:after {
      content: "#050903"; }
  .colorbox__colour-Success .colorbox--colour--90 {
    background-color: #0a1107; }
    .colorbox__colour-Success .colorbox--colour--90 span:after {
      content: "#0a1107"; }
  .colorbox__colour-Success .colorbox--colour--80 {
    background-color: #13220d; }
    .colorbox__colour-Success .colorbox--colour--80 span:after {
      content: "#13220d"; }
  .colorbox__colour-Success .colorbox--colour--70 {
    background-color: #1d3314; }
    .colorbox__colour-Success .colorbox--colour--70 span:after {
      content: "#1d3314"; }
  .colorbox__colour-Success .colorbox--colour--60 {
    background-color: #27441a; }
    .colorbox__colour-Success .colorbox--colour--60 span:after {
      content: "#27441a"; }
  .colorbox__colour-Success .colorbox--colour--50 {
    background-color: #315521; }
    .colorbox__colour-Success .colorbox--colour--50 span:after {
      content: "#315521"; }
  .colorbox__colour-Success .colorbox--colour--40 {
    background-color: #3a6627; }
    .colorbox__colour-Success .colorbox--colour--40 span:after {
      content: "#3a6627"; }
  .colorbox__colour-Success .colorbox--colour--30 {
    background-color: #44772e; }
    .colorbox__colour-Success .colorbox--colour--30 span:after {
      content: "#44772e"; }
  .colorbox__colour-Success .colorbox--colour--20 {
    background-color: #4e8834; }
    .colorbox__colour-Success .colorbox--colour--20 span:after {
      content: "#4e8834"; }
  .colorbox__colour-Success .colorbox--colour--10 {
    background-color: #57993b; }
    .colorbox__colour-Success .colorbox--colour--10 span:after {
      content: "#57993b"; }
  .colorbox__colour-Success .colorbox--colour-90 {
    background-color: #71b354; }
    .colorbox__colour-Success .colorbox--colour-90 span:after {
      content: "#71b354"; }
  .colorbox__colour-Success .colorbox--colour-80 {
    background-color: #81bb67; }
    .colorbox__colour-Success .colorbox--colour-80 span:after {
      content: "#81bb67"; }
  .colorbox__colour-Success .colorbox--colour-70 {
    background-color: #90c47a; }
    .colorbox__colour-Success .colorbox--colour-70 span:after {
      content: "#90c47a"; }
  .colorbox__colour-Success .colorbox--colour-60 {
    background-color: #a0cc8d; }
    .colorbox__colour-Success .colorbox--colour-60 span:after {
      content: "#a0cc8d"; }
  .colorbox__colour-Success .colorbox--colour-50 {
    background-color: #b0d5a0; }
    .colorbox__colour-Success .colorbox--colour-50 span:after {
      content: "#b0d5a0"; }
  .colorbox__colour-Success .colorbox--colour-40 {
    background-color: #c0ddb3; }
    .colorbox__colour-Success .colorbox--colour-40 span:after {
      content: "#c0ddb3"; }
  .colorbox__colour-Success .colorbox--colour-30 {
    background-color: #d0e6c6; }
    .colorbox__colour-Success .colorbox--colour-30 span:after {
      content: "#d0e6c6"; }
  .colorbox__colour-Success .colorbox--colour-20 {
    background-color: #dfeed9; }
    .colorbox__colour-Success .colorbox--colour-20 span:after {
      content: "#dfeed9"; }
  .colorbox__colour-Success .colorbox--colour-10 {
    background-color: #eff7ec; }
    .colorbox__colour-Success .colorbox--colour-10 span:after {
      content: "#eff7ec"; }
  .colorbox__colour-Success .colorbox--colour-5 {
    background-color: #f7fbf6; }
    .colorbox__colour-Success .colorbox--colour-5 span:after {
      content: "#f7fbf6"; }

.colorbox__colour-Warning {
  background-color: #F39826; }
  .colorbox__colour-Warning > span:after {
    content: "#F39826"; }
  .colorbox__colour-Warning .colorbox--colour--95 {
    background-color: #0c0802; }
    .colorbox__colour-Warning .colorbox--colour--95 span:after {
      content: "#0c0802"; }
  .colorbox__colour-Warning .colorbox--colour--90 {
    background-color: #180f04; }
    .colorbox__colour-Warning .colorbox--colour--90 span:after {
      content: "#180f04"; }
  .colorbox__colour-Warning .colorbox--colour--80 {
    background-color: #311e08; }
    .colorbox__colour-Warning .colorbox--colour--80 span:after {
      content: "#311e08"; }
  .colorbox__colour-Warning .colorbox--colour--70 {
    background-color: #492e0b; }
    .colorbox__colour-Warning .colorbox--colour--70 span:after {
      content: "#492e0b"; }
  .colorbox__colour-Warning .colorbox--colour--60 {
    background-color: #613d0f; }
    .colorbox__colour-Warning .colorbox--colour--60 span:after {
      content: "#613d0f"; }
  .colorbox__colour-Warning .colorbox--colour--50 {
    background-color: #7a4c13; }
    .colorbox__colour-Warning .colorbox--colour--50 span:after {
      content: "#7a4c13"; }
  .colorbox__colour-Warning .colorbox--colour--40 {
    background-color: #925b17; }
    .colorbox__colour-Warning .colorbox--colour--40 span:after {
      content: "#925b17"; }
  .colorbox__colour-Warning .colorbox--colour--30 {
    background-color: #aa6a1b; }
    .colorbox__colour-Warning .colorbox--colour--30 span:after {
      content: "#aa6a1b"; }
  .colorbox__colour-Warning .colorbox--colour--20 {
    background-color: #c27a1e; }
    .colorbox__colour-Warning .colorbox--colour--20 span:after {
      content: "#c27a1e"; }
  .colorbox__colour-Warning .colorbox--colour--10 {
    background-color: #db8922; }
    .colorbox__colour-Warning .colorbox--colour--10 span:after {
      content: "#db8922"; }
  .colorbox__colour-Warning .colorbox--colour-90 {
    background-color: #f4a23c; }
    .colorbox__colour-Warning .colorbox--colour-90 span:after {
      content: "#f4a23c"; }
  .colorbox__colour-Warning .colorbox--colour-80 {
    background-color: #f5ad51; }
    .colorbox__colour-Warning .colorbox--colour-80 span:after {
      content: "#f5ad51"; }
  .colorbox__colour-Warning .colorbox--colour-70 {
    background-color: #f7b767; }
    .colorbox__colour-Warning .colorbox--colour-70 span:after {
      content: "#f7b767"; }
  .colorbox__colour-Warning .colorbox--colour-60 {
    background-color: #f8c17d; }
    .colorbox__colour-Warning .colorbox--colour-60 span:after {
      content: "#f8c17d"; }
  .colorbox__colour-Warning .colorbox--colour-50 {
    background-color: #f9cc93; }
    .colorbox__colour-Warning .colorbox--colour-50 span:after {
      content: "#f9cc93"; }
  .colorbox__colour-Warning .colorbox--colour-40 {
    background-color: #fad6a8; }
    .colorbox__colour-Warning .colorbox--colour-40 span:after {
      content: "#fad6a8"; }
  .colorbox__colour-Warning .colorbox--colour-30 {
    background-color: #fbe0be; }
    .colorbox__colour-Warning .colorbox--colour-30 span:after {
      content: "#fbe0be"; }
  .colorbox__colour-Warning .colorbox--colour-20 {
    background-color: #fdead4; }
    .colorbox__colour-Warning .colorbox--colour-20 span:after {
      content: "#fdead4"; }
  .colorbox__colour-Warning .colorbox--colour-10 {
    background-color: #fef5e9; }
    .colorbox__colour-Warning .colorbox--colour-10 span:after {
      content: "#fef5e9"; }
  .colorbox__colour-Warning .colorbox--colour-5 {
    background-color: #fefaf4; }
    .colorbox__colour-Warning .colorbox--colour-5 span:after {
      content: "#fefaf4"; }

.colorbox__colour-Info {
  background-color: #1D92E2; }
  .colorbox__colour-Info > span:after {
    content: "#1D92E2"; }
  .colorbox__colour-Info .colorbox--colour--95 {
    background-color: #01070b; }
    .colorbox__colour-Info .colorbox--colour--95 span:after {
      content: "#01070b"; }
  .colorbox__colour-Info .colorbox--colour--90 {
    background-color: #030f17; }
    .colorbox__colour-Info .colorbox--colour--90 span:after {
      content: "#030f17"; }
  .colorbox__colour-Info .colorbox--colour--80 {
    background-color: #061d2d; }
    .colorbox__colour-Info .colorbox--colour--80 span:after {
      content: "#061d2d"; }
  .colorbox__colour-Info .colorbox--colour--70 {
    background-color: #092c44; }
    .colorbox__colour-Info .colorbox--colour--70 span:after {
      content: "#092c44"; }
  .colorbox__colour-Info .colorbox--colour--60 {
    background-color: #0c3a5a; }
    .colorbox__colour-Info .colorbox--colour--60 span:after {
      content: "#0c3a5a"; }
  .colorbox__colour-Info .colorbox--colour--50 {
    background-color: #0f4971; }
    .colorbox__colour-Info .colorbox--colour--50 span:after {
      content: "#0f4971"; }
  .colorbox__colour-Info .colorbox--colour--40 {
    background-color: #115888; }
    .colorbox__colour-Info .colorbox--colour--40 span:after {
      content: "#115888"; }
  .colorbox__colour-Info .colorbox--colour--30 {
    background-color: #14669e; }
    .colorbox__colour-Info .colorbox--colour--30 span:after {
      content: "#14669e"; }
  .colorbox__colour-Info .colorbox--colour--20 {
    background-color: #1775b5; }
    .colorbox__colour-Info .colorbox--colour--20 span:after {
      content: "#1775b5"; }
  .colorbox__colour-Info .colorbox--colour--10 {
    background-color: #1a83cb; }
    .colorbox__colour-Info .colorbox--colour--10 span:after {
      content: "#1a83cb"; }
  .colorbox__colour-Info .colorbox--colour-90 {
    background-color: #349de5; }
    .colorbox__colour-Info .colorbox--colour-90 span:after {
      content: "#349de5"; }
  .colorbox__colour-Info .colorbox--colour-80 {
    background-color: #4aa8e8; }
    .colorbox__colour-Info .colorbox--colour-80 span:after {
      content: "#4aa8e8"; }
  .colorbox__colour-Info .colorbox--colour-70 {
    background-color: #61b3eb; }
    .colorbox__colour-Info .colorbox--colour-70 span:after {
      content: "#61b3eb"; }
  .colorbox__colour-Info .colorbox--colour-60 {
    background-color: #77beee; }
    .colorbox__colour-Info .colorbox--colour-60 span:after {
      content: "#77beee"; }
  .colorbox__colour-Info .colorbox--colour-50 {
    background-color: #8ec9f1; }
    .colorbox__colour-Info .colorbox--colour-50 span:after {
      content: "#8ec9f1"; }
  .colorbox__colour-Info .colorbox--colour-40 {
    background-color: #a5d3f3; }
    .colorbox__colour-Info .colorbox--colour-40 span:after {
      content: "#a5d3f3"; }
  .colorbox__colour-Info .colorbox--colour-30 {
    background-color: #bbdef6; }
    .colorbox__colour-Info .colorbox--colour-30 span:after {
      content: "#bbdef6"; }
  .colorbox__colour-Info .colorbox--colour-20 {
    background-color: #d2e9f9; }
    .colorbox__colour-Info .colorbox--colour-20 span:after {
      content: "#d2e9f9"; }
  .colorbox__colour-Info .colorbox--colour-10 {
    background-color: #e8f4fc; }
    .colorbox__colour-Info .colorbox--colour-10 span:after {
      content: "#e8f4fc"; }
  .colorbox__colour-Info .colorbox--colour-5 {
    background-color: #f4fafe; }
    .colorbox__colour-Info .colorbox--colour-5 span:after {
      content: "#f4fafe"; }

/*------------------------------------*    3rd party libraries
\*------------------------------------*/
/*! PANCAKE v1.1.0 PANCAKE-SASS v1.2.0 */
/*
 * THIS FILE IS AUTOGENERATED EVERY TIME YOU INSTALL A PANCAKE MODULE.
 * DO NOT EDIT THIS FILE AND AVOID COMMITTING IT TO VERSION CONTROL.
 */
/**
 * Sass versioning
 *
 * @description  Version your scss modules and test them at compile time
 * @author       @dominikwilkowski
 * @website      https://dominikwilkowski.github.io/sass-versioning/sassdoc/
 * @repository   https://github.com/dominikwilkowski/sass-versioning
 * @license      https://raw.githubusercontent.com/dominikwilkowski/sass-versioning/master/LICENSE GPL-3.0
 */
/*! @gov.au/animate v0.1.5 */
/*! @gov.au/core v0.1.3 */
/**
 * Breakpoints
 */
/**
 * Line-height (‘leading’)
 */
/**
 * Font stacks
 */
/**
 * max-width for line lengths (the ‘measure’)
 */
/**
 * Colours
 */
/**
 * Border vars and styles
 */
/**
 * Clearing floats
 */
/**
 * Create media queries and wraps the @content code inside of it
 *
 * @param  {keywords} $breakpoint - Either one of the following keywords: xs, sm, md, lg
 *
 * @return {string}               - The code passed in via @content wrapped inside a media query
 */
/**
 * Hide an element from the screen but not a screen reader
 */
/**
 * The outline for focus
 */
/**
 * Add the outline to focus
 */
/**
 * Return a space value based on the line-height and the unit em
 *
 * @param  {number} $number - The space as a multiplier of line-height
 * @param  {number} $number - The line-height [optional]
 *
 * @return {number}         - The space in ems
 */
/**
 * Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string   - The haystack string to be manipulated
 * @param  {string} $search   - The needle to be replace
 * @param  {string} $replace  - The replacement
 *
 * @return {string}           - The manipulated string with replaced values
 */
/**
 * Generate an optimized SVG data-uri for
 * https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $svg - The SVG to be converted
 *
 * @return {string}      - An optimized data-uri
 */
/**
 * Returns the factorial of a non-negative integer.
 * https://github.com/terkel/mathsass
 *
 * @author Pascal Duez @pascalduez <http://pascalduez.me/>
 *
 * @param  {integer} $number - A non-negative integer.
 *
 * @return {integer}         - The factorial log
 */
/**
 * Returns base to the exponent power.
 * https://github.com/terkel/mathsass
 *
 * @author Pascal Duez @pascalduez <http://pascalduez.me/>
 *
 * @param  {integers} $base     - The base number
 * @param  {integers} $exponent - The exponent to which to raise base
 *
 * @return {integers}           - The result of the math
 */
/**
 * Calculate color luminance
 *
 * https://github.com/voxpelli/sass-color-helpers/blob/master/stylesheets/color-helpers/_contrast.scss
 * Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
 * Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
 *
 * @author Pelle Wessman @voxpelli <http://kodfabrik.se/>
 *
 * @param  {string} $colour - The color to calculate the luminance from
 *
 * @return {float}          - The luminance
 */
/**
 * Get the contrast ratio of two colors and warn when it is below WCAG 2.0 AA standard 4.5:1
 *
 * https://github.com/voxpelli/sass-color-helpers/blob/master/stylesheets/color-helpers/_contrast.scss
 * Adapted from: https://github.com/LeaVerou/contrast-ratio/blob/gh-pages/color.js
 * Formula: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
 *
 * @author Pelle Wessman @voxpelli <http://kodfabrik.se/>
 *
 * @param  {string}  $forground  - Color one
 * @param  {string}  $background - Color two
 *
 * @return {integer}             - The contrast ratio
 */
/*! @gov.au/accordion v0.1.0 */
@media print {
  .uikit-accordion__title {
    background: #fff !important; }
    .uikit-accordion__title:after {
      display: none; }
  .uikit-accordion__body {
    height: auto !important;
    display: block !important; } }

.uikit-accordion {
  display: block;
  border: 1px solid #cbcbcb;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  margin-bottom: 1.6em;
  padding: 0; }
  .uikit-accordion p:first-child {
    margin-top: 0; }
  .uikit-accordion p:last-child {
    margin-bottom: 0; }

.uikit-accordion + .uikit-accordion {
  border-top: 0;
  margin-top: -1.6em; }

.uikit-body .uikit-accordion__title, .kss-modifier__example .uikit-accordion__title,
.uikit-accordion__title {
  display: block;
  color: #313131;
  text-decoration: none;
  width: 100%;
  line-height: 1.3;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  padding: 1.2em 4em 1.2em 1.2em;
  background-color: #f0f3f5;
  position: relative;
  cursor: pointer;
  border: 2px solid transparent; }
  .uikit-body .uikit-accordion__title:focus, .kss-modifier__example .uikit-accordion__title:focus,
  .uikit-accordion__title:focus {
    outline: none;
    border: 2px solid #313131; }
  .uikit-body .uikit-accordion__title:focus, .kss-modifier__example .uikit-accordion__title:focus, .uikit-body .uikit-accordion__title:hover, .kss-modifier__example .uikit-accordion__title:hover,
  .uikit-accordion__title:focus,
  .uikit-accordion__title:hover {
    background-color: #f0f3f5; }
  .uikit-body .uikit-accordion__title::-webkit-details-marker, .kss-modifier__example .uikit-accordion__title::-webkit-details-marker,
  .uikit-accordion__title::-webkit-details-marker {
    display: none; }
  .uikit-body .uikit-accordion__title:after, .kss-modifier__example .uikit-accordion__title:after,
  .uikit-accordion__title:after {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.6em;
    width: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E %3Cpath fill='%230077C9' d='M64 0l64 64-16 16-64-64'/%3E %3Cpath fill='%230077C9' d='M64 0l16 16-64 64L0 64'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
    transition: transform 0.25s ease-in; }
  .uikit-body .uikit-accordion__title.uikit-accordion--closed:after, .kss-modifier__example .uikit-accordion__title.uikit-accordion--closed:after,
  .uikit-accordion__title.uikit-accordion--closed:after {
    transform: rotate(-180deg); }
  .ie8 .uikit-body .uikit-accordion__title:after, .ie8 .kss-modifier__example .uikit-accordion__title:after,
  .lt-ie8 .uikit-body .uikit-accordion__title:after,
  .lt-ie8 .kss-modifier__example .uikit-accordion__title:after, .ie8
  .uikit-accordion__title:after,
  .lt-ie8
  .uikit-accordion__title:after {
    content: ' ▼ ';
    margin-top: 1.2em; }
  .ie8 .uikit-body .uikit-accordion__title.uikit-accordion--open:after, .ie8 .kss-modifier__example .uikit-accordion__title.uikit-accordion--open:after,
  .lt-ie8 .uikit-body .uikit-accordion__title.uikit-accordion--open:after,
  .lt-ie8 .kss-modifier__example .uikit-accordion__title.uikit-accordion--open:after, .ie8
  .uikit-accordion__title.uikit-accordion--open:after,
  .lt-ie8
  .uikit-accordion__title.uikit-accordion--open:after {
    content: ' ▲ '; }

.uikit-accordion__body {
  overflow: hidden; }
  .js .uikit-accordion__body.uikit-accordion--open {
    display: block;
    height: auto; }
  .js .uikit-accordion__body.uikit-accordion--closed {
    display: none;
    height: 0; }

.uikit-accordion__body-wrapper {
  padding: 1.2em;
  border-top: 1px solid #cbcbcb; }

/*! @gov.au/body v0.1.2 */
@media print {
  .uikit-body *, .kss-modifier__example * {
    text-shadow: none !important;
    color: #000 !important;
    background: #fff !important;
    box-shadow: none !important;
    border-color: #000 !important; }
  .uikit-body a, .kss-modifier__example a,
  .uikit-body a:visited, .kss-modifier__example a:visited {
    text-decoration: underline; }
  .uikit-body a[href]:after, .kss-modifier__example a[href]:after {
    content: " (" attr(href) ")"; }
  .uikit-body abbr[title]:after, .kss-modifier__example abbr[title]:after {
    content: " (" attr(title) ")"; }
  .uikit-body a[href^="javascript:"]:after, .kss-modifier__example a[href^="javascript:"]:after,
  .uikit-body a[href^="#"]:after, .kss-modifier__example a[href^="#"]:after {
    content: ""; }
  .uikit-body a[rel~='external']:after, .kss-modifier__example a[rel~='external']:after {
    display: none !important; }
  .uikit-body pre, .kss-modifier__example pre,
  .uikit-body blockquote, .kss-modifier__example blockquote {
    border: 1px solid #000;
    padding: 6px;
    page-break-inside: avoid; }
  .uikit-body thead, .kss-modifier__example thead {
    display: table-header-group; }
  .uikit-body tr, .kss-modifier__example tr,
  .uikit-body img, .kss-modifier__example img {
    page-break-inside: avoid; }
  .uikit-body img, .kss-modifier__example img {
    max-width: 100% !important; }
  .uikit-body p, .kss-modifier__example p,
  .uikit-body h2, .kss-modifier__example h2,
  .uikit-body h3, .kss-modifier__example h3 {
    orphans: 3;
    widows: 3; }
  .uikit-body h2, .kss-modifier__example h2,
  .uikit-body h3, .kss-modifier__example h3 {
    page-break-after: avoid; }
  .uikit-body p a, .kss-modifier__example p a {
    word-wrap: break-word; }
  .uikit-body select, .kss-modifier__example select {
    background: #fff !important; } }

.uikit-body, .kss-modifier__example {
  margin: 0;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  /**
	 * Highlighting in-page sections that are in focus
	 */
  /**
	 * Text selection and `mark` styling.
	 */
  /**
	 * Vertical spacing of common text elements.
	 */
  /**
	 * Emphasis and alt. voice/mood/diff. from prose text.
	 */
  /**
	 * Important (leaving `b` out for now (and `u` also)).
	 */
  /**
	 * `small`: for less important information (not stylistic purposes).
	 */
  /**
	 * `s`: represents contents no longer accurate/relevant.
	 */
  /**
	 * `del` & `ins`: editorial markup.
	 *
	 */
  /**
	 * Defining definition of a term.
	 *
	 * The paragraph, description list group, or section that is the nearest
	 * ancestor of the `dfn` element must also contain the definition(s) for the term
	 * given by the `dfn` element.
	 *
	 * Note: `abbr` can be nested inside `dfn`.
	 */
  /**
	 * Abbreviations/acronyms.
	 *
	 * This styling removes any custom casing (mixing of u&lc chars in the `abbr`).
	 *
	 * Todo: test font stack fallbacks with the font-size adj.
	 */
  /**
	 * Variables, eg. as used in mathematical expressions.
	 *
	 * We also provide semantic support for nested vars, and things like indices.
	 */
  /**
	 * Code snippets and code blocks.
	 */
  /**
	 * Pre-formatted text set by typographic characters.
	 */
  /**
	 * Keyboard strokes.
	 */
  /**
	 * Horizontal rule, used for paragraph-level thematic breaks.
	 */ }
  .uikit-body a, .kss-modifier__example a {
    -webkit-text-decoration-skip: objects;
    color: #313131;
    text-decoration: none;
    border-bottom: solid 1px #0077C9;
    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out; }
    .uikit-body a:hover, .kss-modifier__example a:hover, .uikit-body a:focus, .kss-modifier__example a:focus {
      background-color: #d5dcee;
      border-color: transparent; }
    .uikit-body a:focus, .kss-modifier__example a:focus {
      outline: 1px solid #313131;
      outline-offset: 1px; }
    .uikit-body a[rel~='external']:after, .kss-modifier__example a[rel~='external']:after {
      content: ' ';
      display: inline-block;
      width: 0.7em;
      height: 0.8em;
      margin: 0 0.1em 0 0.25em;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%230077C9' d='M24.002 8C15.155 8 8 15.164 8 24.002v79.996C8 112.845 15.164 120 24.002 120h79.996c8.847 0 16.002-7.164    16.002-16.002V82.005c0-1.107-.895-2.005-1.994-2.005h-12.012c-1.1 0-1.994.893-1.994 1.995v16.008c0 3.312-2.685 5.997-5.997 5.997H29.997C26.685    104 24 101.315 24 98.003V29.997C24 26.685 26.685 24 29.997 24h16.008C47.107 24 48 23.105 48 22.006V9.994C48 8.894 47.103 8 45.995 8H24.002z'/%3E   %3Cpath fill='%230077C9' d='M127.416.584c-.36-.36-.86-.584-1.41-.584H73.994C72.904 0 72 .893 72 1.994v12.012c0 1.1.892 1.994 1.993 1.994H96L49.41    62.59c-.777.777-.774 2.046.01 2.83l13.16 13.16c.793.793 2.052.788 2.83.01L112 32v22.007c0 1.09.893 1.993 1.994 1.993h12.012c1.1 0 1.994-.892    1.994-1.993V1.993c0-.545-.223-1.043-.584-1.405V.584z'/%3E   %3C/svg%3E");
      background-repeat: no-repeat;
      background-position-y: 0.12em; }
      .ie8 .uikit-body a[rel~='external']:after, .ie8 .kss-modifier__example a[rel~='external']:after,
      .lt-ie8 .uikit-body a[rel~='external']:after,
      .lt-ie8 .kss-modifier__example a[rel~='external']:after {
        content: '⇗';
        color: #0077C9; }
  .uikit-body [tabindex="0"]:focus, .kss-modifier__example [tabindex="0"]:focus,
  .uikit-body :target, .kss-modifier__example :target {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-body mark, .kss-modifier__example mark,
  .uikit-body ::selection, .kss-modifier__example ::selection {
    background-color: rgba(248, 193, 125, 0.5); }
  .uikit-body p, .kss-modifier__example p {
    max-width: initial;
    margin: 0 0 1.6em 0; }
  .uikit-body ul, .kss-modifier__example ul,
  .uikit-body ol, .kss-modifier__example ol,
  .uikit-body dl, .kss-modifier__example dl,
  .uikit-body pre, .kss-modifier__example pre {
    margin-top: 0;
    margin-bottom: 1.6em; }
  .uikit-body ul, .kss-modifier__example ul,
  .uikit-body ol, .kss-modifier__example ol,
  .uikit-body dd, .kss-modifier__example dd {
    margin-left: 0;
    padding-left: 1.6em; }
  .uikit-body ul > li, .kss-modifier__example ul > li,
  .uikit-body ol > li, .kss-modifier__example ol > li {
    margin-bottom: 0.4em; }
    .uikit-body ul > li > ul, .kss-modifier__example ul > li > ul,
    .uikit-body ul > li > ol, .kss-modifier__example ul > li > ol,
    .uikit-body ol > li > ul, .kss-modifier__example ol > li > ul,
    .uikit-body ol > li > ol, .kss-modifier__example ol > li > ol {
      margin-top: 0.4em;
      margin-bottom: 0.8em; }
  .uikit-body ul > ul, .kss-modifier__example ul > ul,
  .uikit-body ol > ul, .kss-modifier__example ol > ul {
    list-style-type: disc; }
  .uikit-body dl > dd, .kss-modifier__example dl > dd {
    margin-bottom: 1.6em; }
  .uikit-body dl > dt, .kss-modifier__example dl > dt {
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 0.8em; }
    .uikit-body dl > dt:first-of-type, .kss-modifier__example dl > dt:first-of-type {
      margin-top: 0; }
  .uikit-body em, .kss-modifier__example em,
  .uikit-body i, .kss-modifier__example i {
    font-style: italic; }
  .uikit-body strong, .kss-modifier__example strong {
    font-weight: bold; }
  .uikit-body small, .kss-modifier__example small {
    font-size: 87.5%;
    color: #464646; }
  .uikit-body s, .kss-modifier__example s {
    text-decoration: line-through; }
  .uikit-body del, .kss-modifier__example del {
    text-decoration: line-through;
    color: #5a5a5a; }
  .uikit-body ins, .kss-modifier__example ins {
    text-decoration-line: underline;
    text-decoration-style: dashed; }
  .uikit-body dfn, .kss-modifier__example dfn {
    font-style: normal; }
  .uikit-body abbr, .kss-modifier__example abbr,
  .uikit-body abbr[title], .kss-modifier__example abbr[title] {
    font-size: 18px;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: 1px dotted #cbcbcb;
    cursor: help; }
  .uikit-body a abbr, .kss-modifier__example a abbr {
    padding-bottom: 1px; }
  .uikit-body var, .kss-modifier__example var {
    padding: 0 1px;
    font-style: italic;
    font-family: serif; }
    .uikit-body var sup, .kss-modifier__example var sup,
    .uikit-body var sub, .kss-modifier__example var sub {
      font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
      font-style: normal;
      padding: 0 1px; }
  .uikit-body sub, .kss-modifier__example sub,
  .uikit-body sup, .kss-modifier__example sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .uikit-body sub, .kss-modifier__example sub {
    bottom: -0.25em; }
  .uikit-body sup, .kss-modifier__example sup {
    top: -0.5em; }
  .uikit-body code, .kss-modifier__example code,
  .uikit-body kbd, .kss-modifier__example kbd,
  .uikit-body pre, .kss-modifier__example pre {
    font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; }
  .uikit-body pre code, .kss-modifier__example pre code,
  .uikit-body pre samp, .kss-modifier__example pre samp,
  .uikit-body pre kbd, .kss-modifier__example pre kbd {
    font-size: 14px; }
  .uikit-body kbd, .kss-modifier__example kbd {
    display: inline-block;
    font-size: 14px;
    border: solid 1px #0077C9;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #0077C9;
    background-color: #fefefe;
    text-align: center;
    padding: 0 0.8em;
    margin: 0 2px; }
  .uikit-body hr, .kss-modifier__example hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: none;
    border-top: 1px solid #cbcbcb;
    margin-bottom: 1.6em; }

/*! @gov.au/link-list v0.1.0 */
/**
 * Block of links.
 */
.uikit-link-list {
  display: block;
  list-style-type: none; }
  .uikit-body .uikit-link-list, .kss-modifier__example .uikit-link-list {
    margin: 0;
    padding: 0.4em 0; }
  .uikit-link-list > li {
    display: block;
    margin: 0.4em; }
  .uikit-link-list.uikit-link-list--inline {
    display: inline-block; }
    .uikit-link-list.uikit-link-list--inline > li {
      display: inline-block; }
  .uikit-link-list.uikit-link-list--inverted {
    background-color: #313131;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .uikit-link-list.uikit-link-list--inverted > li > a {
      color: #fff;
      border-color: #d5dcee;
      transition: color 0.1s ease-in-out; }
      .uikit-link-list.uikit-link-list--inverted > li > a:hover, .uikit-link-list.uikit-link-list--inverted > li > a:focus {
        background-color: #d5dcee;
        color: #313131; }

/*! @gov.au/breadcrumbs v0.1.0 */
@media print {
  .uikit-breadcrumbs > .uikit-link-list > li:after {
    border-color: #000 !important; } }

.uikit-breadcrumbs {
  display: none;
  width: 100%;
  margin: 0;
  color: #313131;
  font-size: 14px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif; }
  @media (min-width: 768px) {
    .uikit-breadcrumbs {
      display: inline-block; } }
  .uikit-breadcrumbs > .uikit-link-list > li {
    margin: 0; }
    .uikit-breadcrumbs > .uikit-link-list > li:after {
      content: ' ';
      display: inline-block;
      width: 0.8em;
      height: 0.8em;
      margin: 0 0.8em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23cbcbcb' d='M128 64l-64 64-16-16 64-64'/%3E    %3Cpath fill='%23cbcbcb' d='M128 64l-16 16-64-64L64 0'/%3E   %3C/svg%3E"); }
    .uikit-breadcrumbs > .uikit-link-list > li:last-child:after {
      display: none; }
    .ie8 .uikit-breadcrumbs > .uikit-link-list > li:after,
    .lt-ie8 .uikit-breadcrumbs > .uikit-link-list > li:after {
      content: ' > ';
      display: inline-block;
      border: none; }
  .uikit-breadcrumbs.uikit-breadcrumbs--inverted {
    color: #fff; }
    .uikit-breadcrumbs.uikit-breadcrumbs--inverted > .uikit-link-list > li:not(:last-child):after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23fff' d='M128 64l-64 64-16-16 64-64'/%3E    %3Cpath fill='%23fff' d='M128 64l-16 16-64-64L64 0'/%3E   %3C/svg%3E"); }

/*! @gov.au/buttons v0.3.0 */
@media print {
  .uikit-btn {
    background-color: #fff !important;
    border: 2px solid #000 !important;
    color: #000 !important; }
    .uikit-btn:disabled {
      background-color: #ccc !important; } }

.uikit-btn {
  display: inline-block;
  -webkit-appearance: none;
  border: none;
  background: none;
  font-size: 17px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  background-color: #0077C9;
  padding: 0.8em 1.2em;
  cursor: pointer;
  transition: background 0.1s ease; }
  .uikit-btn:focus, .uikit-btn:hover {
    background-color: #00538d; }
  .uikit-btn:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-btn:disabled {
    background-color: #efefef;
    font-weight: normal;
    color: #313131;
    border: 1px dotted #313131;
    cursor: not-allowed; }
    .uikit-btn:disabled:focus, .uikit-btn:disabled:hover {
      background-color: #efefef; }

/**
 * SECONDARY
 */
.uikit-btn--secondary {
  background-color: #313131; }
  .uikit-btn--secondary:focus, .uikit-btn--secondary:hover {
    background-color: #6f6f6f; }

/**
 * TERTIARY
 */
.uikit-btn--tertiary {
  background-color: #fff;
  color: #313131;
  border: 1px solid #0077C9; }
  .uikit-btn--tertiary:focus, .uikit-btn--tertiary:hover {
    background-color: #e6f1fa; }

/**
 * BLOCK
 */
.uikit-btn--block {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: center; }
  .uikit-btn--block + .uikit-btn--block {
    margin-top: 0.4em; }

/*! @gov.au/callout v0.1.1 */
@media print {
  .uikit-callout {
    border-top: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important; } }

/**
 * The generic callout.
 */
.uikit-callout {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  margin: 1.6em 0.4em;
  padding: 1.2em 1.2em 1.2em 0.8em;
  border-left: 6px solid #0077C9;
  border-radius: 3px;
  box-shadow: 2px 0 6px rgba(49, 49, 49, 0.7);
  max-width: initial; }
  .uikit-callout :first-child {
    margin-top: 0; }
  .uikit-callout :last-child {
    margin-bottom: 0; }
  .ie8 .uikit-callout,
  .lt-ie8 .uikit-callout {
    border-top: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb; }

/**
 * The calendar event callout
 */
.uikit-callout--calendar-event {
  background-color: #f0f3f5; }

.uikit-callout--calendar-event__lede,
.uikit-callout--calendar-event__time,
.uikit-callout--calendar-event__name {
  display: block; }

.uikit-callout--calendar-event__lede,
.uikit-callout--calendar-event__time,
.uikit-callout--calendar-event__name {
  margin-bottom: 0.8em; }

.uikit-callout--calendar-event__lede {
  font-size: 18px; }

.uikit-callout--calendar-event__time,
.uikit-callout--calendar-event__name {
  font-size: 32px; }

.uikit-callout--calendar-event__time {
  font-weight: bold;
  margin-bottom: 0; }

/*! @gov.au/control-input v0.1.1 */
@media print {
  .uikit-control-input__text:after {
    display: none !important; } }

.uikit-control-input {
  display: inline-block;
  position: relative; }

.uikit-control-input__input {
  position: absolute;
  left: 5px;
  top: 5px; }
  .uikit-control-input__input:hover {
    cursor: pointer; }
    .uikit-control-input__input:hover + .uikit-control-input__text {
      cursor: pointer; }
  .uikit-control-input__input[type=checkbox] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E   %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input[type=checkbox]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E   %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E   %3Cpath fill='%23313131' d='M16 16h96v96H16z'/%3E   %3Cpath fill='%23fff' d='M102.59 45.41c.778-.778.782-2.038-.002-2.822l-9.176-9.176c-.78-.78-2.052-.772-2.823 0L56 68 41.42    53.42c-.784-.784-2.048-.792-2.832-.008l-9.176 9.176c-.78.78-.775 2.05-.004 2.82l25.184 25.184c.778.778 2.04.775 2.82-.003l45.177-45.18z'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=checkbox] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E    %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=checkbox]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E    %3Cpath fill='%23313131' d='M0 0h128v128H0z'/%3E    %3Cpath fill='%23fff' d='M8 8h112v112H8z'/%3E    %3Cpath fill='%23313131' d='M16 16h96v96H16z'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input[type=radio] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input[type=radio]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='44'/%3E   %3Cpath fill='%23fff' fill-rule='nonzero' d='M94.588 53.412c.78-.78.784-2.04 0-2.824l-9.176-9.176c-.78-.78-2.05-.775-2.82-.004L56 68 45.412    57.412c-.78-.78-2.04-.784-2.824 0l-9.176 9.176c-.78.78-.782 2.042 0 2.824l21.176 21.176c.78.78 2.04.784 2.824 0l37.176-37.176z'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=radio] + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3C/svg%3E"); }
  .uikit-control-input--full > .uikit-control-input__input[type=radio]:checked + .uikit-control-input__text:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Ccircle fill='%23fff' cx='64' cy='64' r='56'/%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='44'/%3E   %3C/svg%3E"); }
  .uikit-control-input__input:checked + .uikit-control-input__text {
    font-weight: bold; }
  .uikit-control-input__input:focus + .uikit-control-input__text {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-control-input__input:disabled + .uikit-control-input__text {
    color: #6f6f6f; }
  .uikit-control-input__input:disabled + .uikit-control-input__text:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='rgba(255, 255, 255, 0.3)' d='M0 0h128v128H0z'/%3E   %3C/svg%3E");
    z-index: 2; }
  .uikit-control-input__input:disabled:hover {
    cursor: not-allowed; }
    .uikit-control-input__input:disabled:hover + .uikit-control-input__text {
      cursor: not-allowed; }

/**
 * The label text
 */
.uikit-control-input__text {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  font-size: 17px;
  margin-left: 35px; }
  .uikit-control-input__text:before, .uikit-control-input__text:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    z-index: 1; }

/*! @gov.au/cta-link v0.1.0 */
@media print {
  .uikit-cta-link:after {
    content: ' > ' !important;
    border: none !important;
    transform: rotate(0deg) !important; } }

.uikit-cta-link {
  display: inline-block;
  position: relative;
  font-size: 21px;
  margin-bottom: 1.6em;
  font-weight: bold; }
  .uikit-cta-link:after {
    content: ' ';
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin: 0 0.4em 0 0.4em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%230077C9' d='M128 64l-64 64-16-16 64-64'/%3E   %3Cpath fill='%230077C9' d='M128 64l-16 16-64-64L64 0'/%3E  %3C/svg%3E");
    transition: margin 0.1s ease-in; }
    .ie8 .uikit-cta-link:after,
    .lt-ie8 .uikit-cta-link:after {
      content: ' > ';
      border: none; }
  .uikit-cta-link:hover, .uikit-cta-link:focus {
    color: #313131; }
    .uikit-cta-link:hover:after, .uikit-cta-link:focus:after {
      margin: 0 0.16em 0 0.64em; }

/*! @gov.au/direction-links v0.1.0 */
@media print {
  .uikit-direction-link:after {
    background: none !important;
    content: '→' !important;
    width: auto !important;
    height: auto !important; }
  .uikit-direction-link--left:before {
    background: none !important;
    content: '←' !important;
    width: auto !important;
    height: auto !important; }
  .uikit-direction-link--up:after {
    content: '↑' !important; }
  .uikit-direction-link--down:after {
    content: '↓' !important; } }

.uikit-direction-link {
  display: inline-block;
  color: #313131; }
  .uikit-direction-link:after {
    content: ' ';
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin: 0 0.16em -1px 0.4em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M128 64l-64 57V8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M8 48h64v32H8z'/%3E  %3C/svg%3E");
    background-repeat: no-repeat; }
  .ie8 .uikit-direction-link:after,
  .lt-ie8 .uikit-direction-link:after {
    content: '→';
    width: auto;
    height: auto; }

/**
 * LEFT
 */
.uikit-direction-link--left:after {
  display: none; }

.uikit-direction-link--left:before {
  content: ' ';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin: 0 0.4em -1px 0.16em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M0 64l64 57V8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M120 48H56v32h64z'/%3E  %3C/svg%3E");
  background-repeat: no-repeat; }

.ie8 .uikit-direction-link--left:before,
.lt-ie8 .uikit-direction-link--left:before {
  content: '←';
  width: auto;
  height: auto; }

/**
 * UP
 */
.uikit-direction-link--up:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M64 0l57 64H8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M48 120V56h32v64z'/%3E  %3C/svg%3E"); }

.ie8 .uikit-direction-link--up:after,
.lt-ie8 .uikit-direction-link--up:after {
  content: '↑'; }

/**
 * DOWN
 */
.uikit-direction-link--down:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M64 128l57-64H8'/%3E%3Cpath fill='%23313131' fill-rule='nonzero' d='M48 8v64h32V8z'/%3E  %3C/svg%3E"); }

.ie8 .uikit-direction-link--down:after,
.lt-ie8 .uikit-direction-link--down:after {
  content: '↓'; }

/*! @gov.au/footer v0.1.0 */
@media print {
  .uikit-footer, .spf-body .spf-footer-global {
    background: #fff !important;
    border-color: #000 !important; } }

/**
 * Basic footer block styling.
 */
.uikit-footer, .spf-body .spf-footer-global {
  background-color: #f0f3f5;
  border-top: 6px solid #cbcbcb;
  padding: 1.6em;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131; }
  .uikit-footer p:last-child, .spf-body .spf-footer-global p:last-child {
    margin: 0; }

/**
 * Footer `nav` navigation styling.
 */
.uikit-footer__navigation .uikit-link-list > li {
  margin-left: 0; }

.uikit-footer__navigation + .uikit-footer__end {
  padding-top: 1.6em;
  border-top: 1px solid #cbcbcb;
  margin-top: 1.6em; }

/*! @gov.au/grid-12 v0.1.1 */
/**
 * Iterates through all 12 columns (≥2) to calculate the correct amount of left
 * and right padding for each of the classes.
 */
/**
 * Iterates through the columns to create a new list and then sets the float.
 */
/**
 * Calculates the correct widths as a percentage based on the column count,
 * column breakpoint class, and type (pull or offset).
 */
/**
 * Calls the above mixins and combines them.
 */
/**
 * Finally, we create the grid and all the necessary classes.
 */
.uikit-grid .container {
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .uikit-grid .container {
      width: 744px; } }
  @media (min-width: 992px) {
    .uikit-grid .container {
      width: 968px; } }
  @media (min-width: 1200px) {
    .uikit-grid .container {
      width: 1176px; } }

.uikit-grid .container,
.uikit-grid .container-fluid {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .uikit-grid .container:before, .uikit-grid .container:after,
  .uikit-grid .container-fluid:before,
  .uikit-grid .container-fluid:after {
    content: " ";
    display: table; }
  .uikit-grid .container:after,
  .uikit-grid .container-fluid:after {
    clear: both; }

.uikit-grid .row {
  margin-left: -12px;
  margin-right: -12px; }
  .uikit-grid .row:before, .uikit-grid .row:after {
    content: " ";
    display: table; }
  .uikit-grid .row:after {
    clear: both; }

.uikit-grid .col-xs-1, .uikit-grid .col-sm-1, .uikit-grid .col-md-1, .uikit-grid .col-lg-1, .uikit-grid .col-xs-2, .uikit-grid .col-sm-2, .uikit-grid .col-md-2, .uikit-grid .col-lg-2, .uikit-grid .col-xs-3, .uikit-grid .col-sm-3, .uikit-grid .col-md-3, .uikit-grid .col-lg-3, .uikit-grid .col-xs-4, .uikit-grid .col-sm-4, .uikit-grid .col-md-4, .uikit-grid .col-lg-4, .uikit-grid .col-xs-5, .uikit-grid .col-sm-5, .uikit-grid .col-md-5, .uikit-grid .col-lg-5, .uikit-grid .col-xs-6, .uikit-grid .col-sm-6, .uikit-grid .col-md-6, .uikit-grid .col-lg-6, .uikit-grid .col-xs-7, .uikit-grid .col-sm-7, .uikit-grid .col-md-7, .uikit-grid .col-lg-7, .uikit-grid .col-xs-8, .uikit-grid .col-sm-8, .uikit-grid .col-md-8, .uikit-grid .col-lg-8, .uikit-grid .col-xs-9, .uikit-grid .col-sm-9, .uikit-grid .col-md-9, .uikit-grid .col-lg-9, .uikit-grid .col-xs-10, .uikit-grid .col-sm-10, .uikit-grid .col-md-10, .uikit-grid .col-lg-10, .uikit-grid .col-xs-11, .uikit-grid .col-sm-11, .uikit-grid .col-md-11, .uikit-grid .col-lg-11, .uikit-grid .col-xs-12, .uikit-grid .col-sm-12, .uikit-grid .col-md-12, .uikit-grid .col-lg-12 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

.uikit-grid .col-xs-1, .uikit-grid .col-xs-2, .uikit-grid .col-xs-3, .uikit-grid .col-xs-4, .uikit-grid .col-xs-5, .uikit-grid .col-xs-6, .uikit-grid .col-xs-7, .uikit-grid .col-xs-8, .uikit-grid .col-xs-9, .uikit-grid .col-xs-10, .uikit-grid .col-xs-11, .uikit-grid .col-xs-12 {
  float: left; }

.uikit-grid .col-xs-1 {
  width: 8.3333333333%; }

.uikit-grid .col-xs-2 {
  width: 16.6666666667%; }

.uikit-grid .col-xs-3 {
  width: 25%; }

.uikit-grid .col-xs-4 {
  width: 33.3333333333%; }

.uikit-grid .col-xs-5 {
  width: 41.6666666667%; }

.uikit-grid .col-xs-6 {
  width: 50%; }

.uikit-grid .col-xs-7 {
  width: 58.3333333333%; }

.uikit-grid .col-xs-8 {
  width: 66.6666666667%; }

.uikit-grid .col-xs-9 {
  width: 75%; }

.uikit-grid .col-xs-10 {
  width: 83.3333333333%; }

.uikit-grid .col-xs-11 {
  width: 91.6666666667%; }

.uikit-grid .col-xs-12 {
  width: 100%; }

.uikit-grid .col-xs-pull-0 {
  right: auto; }

.uikit-grid .col-xs-pull-1 {
  right: 8.3333333333%; }

.uikit-grid .col-xs-pull-2 {
  right: 16.6666666667%; }

.uikit-grid .col-xs-pull-3 {
  right: 25%; }

.uikit-grid .col-xs-pull-4 {
  right: 33.3333333333%; }

.uikit-grid .col-xs-pull-5 {
  right: 41.6666666667%; }

.uikit-grid .col-xs-pull-6 {
  right: 50%; }

.uikit-grid .col-xs-pull-7 {
  right: 58.3333333333%; }

.uikit-grid .col-xs-pull-8 {
  right: 66.6666666667%; }

.uikit-grid .col-xs-pull-9 {
  right: 75%; }

.uikit-grid .col-xs-pull-10 {
  right: 83.3333333333%; }

.uikit-grid .col-xs-pull-11 {
  right: 91.6666666667%; }

.uikit-grid .col-xs-pull-12 {
  right: 100%; }

.uikit-grid .col-xs-push-0 {
  left: auto; }

.uikit-grid .col-xs-push-1 {
  left: 8.3333333333%; }

.uikit-grid .col-xs-push-2 {
  left: 16.6666666667%; }

.uikit-grid .col-xs-push-3 {
  left: 25%; }

.uikit-grid .col-xs-push-4 {
  left: 33.3333333333%; }

.uikit-grid .col-xs-push-5 {
  left: 41.6666666667%; }

.uikit-grid .col-xs-push-6 {
  left: 50%; }

.uikit-grid .col-xs-push-7 {
  left: 58.3333333333%; }

.uikit-grid .col-xs-push-8 {
  left: 66.6666666667%; }

.uikit-grid .col-xs-push-9 {
  left: 75%; }

.uikit-grid .col-xs-push-10 {
  left: 83.3333333333%; }

.uikit-grid .col-xs-push-11 {
  left: 91.6666666667%; }

.uikit-grid .col-xs-push-12 {
  left: 100%; }

.uikit-grid .col-xs-offset-0 {
  margin-left: 0%; }

.uikit-grid .col-xs-offset-1 {
  margin-left: 8.3333333333%; }

.uikit-grid .col-xs-offset-2 {
  margin-left: 16.6666666667%; }

.uikit-grid .col-xs-offset-3 {
  margin-left: 25%; }

.uikit-grid .col-xs-offset-4 {
  margin-left: 33.3333333333%; }

.uikit-grid .col-xs-offset-5 {
  margin-left: 41.6666666667%; }

.uikit-grid .col-xs-offset-6 {
  margin-left: 50%; }

.uikit-grid .col-xs-offset-7 {
  margin-left: 58.3333333333%; }

.uikit-grid .col-xs-offset-8 {
  margin-left: 66.6666666667%; }

.uikit-grid .col-xs-offset-9 {
  margin-left: 75%; }

.uikit-grid .col-xs-offset-10 {
  margin-left: 83.3333333333%; }

.uikit-grid .col-xs-offset-11 {
  margin-left: 91.6666666667%; }

.uikit-grid .col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .uikit-grid .col-sm-1, .uikit-grid .col-sm-2, .uikit-grid .col-sm-3, .uikit-grid .col-sm-4, .uikit-grid .col-sm-5, .uikit-grid .col-sm-6, .uikit-grid .col-sm-7, .uikit-grid .col-sm-8, .uikit-grid .col-sm-9, .uikit-grid .col-sm-10, .uikit-grid .col-sm-11, .uikit-grid .col-sm-12 {
    float: left; }
  .uikit-grid .col-sm-1 {
    width: 8.3333333333%; }
  .uikit-grid .col-sm-2 {
    width: 16.6666666667%; }
  .uikit-grid .col-sm-3 {
    width: 25%; }
  .uikit-grid .col-sm-4 {
    width: 33.3333333333%; }
  .uikit-grid .col-sm-5 {
    width: 41.6666666667%; }
  .uikit-grid .col-sm-6 {
    width: 50%; }
  .uikit-grid .col-sm-7 {
    width: 58.3333333333%; }
  .uikit-grid .col-sm-8 {
    width: 66.6666666667%; }
  .uikit-grid .col-sm-9 {
    width: 75%; }
  .uikit-grid .col-sm-10 {
    width: 83.3333333333%; }
  .uikit-grid .col-sm-11 {
    width: 91.6666666667%; }
  .uikit-grid .col-sm-12 {
    width: 100%; }
  .uikit-grid .col-sm-pull-0 {
    right: auto; }
  .uikit-grid .col-sm-pull-1 {
    right: 8.3333333333%; }
  .uikit-grid .col-sm-pull-2 {
    right: 16.6666666667%; }
  .uikit-grid .col-sm-pull-3 {
    right: 25%; }
  .uikit-grid .col-sm-pull-4 {
    right: 33.3333333333%; }
  .uikit-grid .col-sm-pull-5 {
    right: 41.6666666667%; }
  .uikit-grid .col-sm-pull-6 {
    right: 50%; }
  .uikit-grid .col-sm-pull-7 {
    right: 58.3333333333%; }
  .uikit-grid .col-sm-pull-8 {
    right: 66.6666666667%; }
  .uikit-grid .col-sm-pull-9 {
    right: 75%; }
  .uikit-grid .col-sm-pull-10 {
    right: 83.3333333333%; }
  .uikit-grid .col-sm-pull-11 {
    right: 91.6666666667%; }
  .uikit-grid .col-sm-pull-12 {
    right: 100%; }
  .uikit-grid .col-sm-push-0 {
    left: auto; }
  .uikit-grid .col-sm-push-1 {
    left: 8.3333333333%; }
  .uikit-grid .col-sm-push-2 {
    left: 16.6666666667%; }
  .uikit-grid .col-sm-push-3 {
    left: 25%; }
  .uikit-grid .col-sm-push-4 {
    left: 33.3333333333%; }
  .uikit-grid .col-sm-push-5 {
    left: 41.6666666667%; }
  .uikit-grid .col-sm-push-6 {
    left: 50%; }
  .uikit-grid .col-sm-push-7 {
    left: 58.3333333333%; }
  .uikit-grid .col-sm-push-8 {
    left: 66.6666666667%; }
  .uikit-grid .col-sm-push-9 {
    left: 75%; }
  .uikit-grid .col-sm-push-10 {
    left: 83.3333333333%; }
  .uikit-grid .col-sm-push-11 {
    left: 91.6666666667%; }
  .uikit-grid .col-sm-push-12 {
    left: 100%; }
  .uikit-grid .col-sm-offset-0 {
    margin-left: 0%; }
  .uikit-grid .col-sm-offset-1 {
    margin-left: 8.3333333333%; }
  .uikit-grid .col-sm-offset-2 {
    margin-left: 16.6666666667%; }
  .uikit-grid .col-sm-offset-3 {
    margin-left: 25%; }
  .uikit-grid .col-sm-offset-4 {
    margin-left: 33.3333333333%; }
  .uikit-grid .col-sm-offset-5 {
    margin-left: 41.6666666667%; }
  .uikit-grid .col-sm-offset-6 {
    margin-left: 50%; }
  .uikit-grid .col-sm-offset-7 {
    margin-left: 58.3333333333%; }
  .uikit-grid .col-sm-offset-8 {
    margin-left: 66.6666666667%; }
  .uikit-grid .col-sm-offset-9 {
    margin-left: 75%; }
  .uikit-grid .col-sm-offset-10 {
    margin-left: 83.3333333333%; }
  .uikit-grid .col-sm-offset-11 {
    margin-left: 91.6666666667%; }
  .uikit-grid .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .uikit-grid .col-md-1, .uikit-grid .col-md-2, .uikit-grid .col-md-3, .uikit-grid .col-md-4, .uikit-grid .col-md-5, .uikit-grid .col-md-6, .uikit-grid .col-md-7, .uikit-grid .col-md-8, .uikit-grid .col-md-9, .uikit-grid .col-md-10, .uikit-grid .col-md-11, .uikit-grid .col-md-12 {
    float: left; }
  .uikit-grid .col-md-1 {
    width: 8.3333333333%; }
  .uikit-grid .col-md-2 {
    width: 16.6666666667%; }
  .uikit-grid .col-md-3 {
    width: 25%; }
  .uikit-grid .col-md-4 {
    width: 33.3333333333%; }
  .uikit-grid .col-md-5 {
    width: 41.6666666667%; }
  .uikit-grid .col-md-6 {
    width: 50%; }
  .uikit-grid .col-md-7 {
    width: 58.3333333333%; }
  .uikit-grid .col-md-8 {
    width: 66.6666666667%; }
  .uikit-grid .col-md-9 {
    width: 75%; }
  .uikit-grid .col-md-10 {
    width: 83.3333333333%; }
  .uikit-grid .col-md-11 {
    width: 91.6666666667%; }
  .uikit-grid .col-md-12 {
    width: 100%; }
  .uikit-grid .col-md-pull-0 {
    right: auto; }
  .uikit-grid .col-md-pull-1 {
    right: 8.3333333333%; }
  .uikit-grid .col-md-pull-2 {
    right: 16.6666666667%; }
  .uikit-grid .col-md-pull-3 {
    right: 25%; }
  .uikit-grid .col-md-pull-4 {
    right: 33.3333333333%; }
  .uikit-grid .col-md-pull-5 {
    right: 41.6666666667%; }
  .uikit-grid .col-md-pull-6 {
    right: 50%; }
  .uikit-grid .col-md-pull-7 {
    right: 58.3333333333%; }
  .uikit-grid .col-md-pull-8 {
    right: 66.6666666667%; }
  .uikit-grid .col-md-pull-9 {
    right: 75%; }
  .uikit-grid .col-md-pull-10 {
    right: 83.3333333333%; }
  .uikit-grid .col-md-pull-11 {
    right: 91.6666666667%; }
  .uikit-grid .col-md-pull-12 {
    right: 100%; }
  .uikit-grid .col-md-push-0 {
    left: auto; }
  .uikit-grid .col-md-push-1 {
    left: 8.3333333333%; }
  .uikit-grid .col-md-push-2 {
    left: 16.6666666667%; }
  .uikit-grid .col-md-push-3 {
    left: 25%; }
  .uikit-grid .col-md-push-4 {
    left: 33.3333333333%; }
  .uikit-grid .col-md-push-5 {
    left: 41.6666666667%; }
  .uikit-grid .col-md-push-6 {
    left: 50%; }
  .uikit-grid .col-md-push-7 {
    left: 58.3333333333%; }
  .uikit-grid .col-md-push-8 {
    left: 66.6666666667%; }
  .uikit-grid .col-md-push-9 {
    left: 75%; }
  .uikit-grid .col-md-push-10 {
    left: 83.3333333333%; }
  .uikit-grid .col-md-push-11 {
    left: 91.6666666667%; }
  .uikit-grid .col-md-push-12 {
    left: 100%; }
  .uikit-grid .col-md-offset-0 {
    margin-left: 0%; }
  .uikit-grid .col-md-offset-1 {
    margin-left: 8.3333333333%; }
  .uikit-grid .col-md-offset-2 {
    margin-left: 16.6666666667%; }
  .uikit-grid .col-md-offset-3 {
    margin-left: 25%; }
  .uikit-grid .col-md-offset-4 {
    margin-left: 33.3333333333%; }
  .uikit-grid .col-md-offset-5 {
    margin-left: 41.6666666667%; }
  .uikit-grid .col-md-offset-6 {
    margin-left: 50%; }
  .uikit-grid .col-md-offset-7 {
    margin-left: 58.3333333333%; }
  .uikit-grid .col-md-offset-8 {
    margin-left: 66.6666666667%; }
  .uikit-grid .col-md-offset-9 {
    margin-left: 75%; }
  .uikit-grid .col-md-offset-10 {
    margin-left: 83.3333333333%; }
  .uikit-grid .col-md-offset-11 {
    margin-left: 91.6666666667%; }
  .uikit-grid .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .uikit-grid .col-lg-1, .uikit-grid .col-lg-2, .uikit-grid .col-lg-3, .uikit-grid .col-lg-4, .uikit-grid .col-lg-5, .uikit-grid .col-lg-6, .uikit-grid .col-lg-7, .uikit-grid .col-lg-8, .uikit-grid .col-lg-9, .uikit-grid .col-lg-10, .uikit-grid .col-lg-11, .uikit-grid .col-lg-12 {
    float: left; }
  .uikit-grid .col-lg-1 {
    width: 8.3333333333%; }
  .uikit-grid .col-lg-2 {
    width: 16.6666666667%; }
  .uikit-grid .col-lg-3 {
    width: 25%; }
  .uikit-grid .col-lg-4 {
    width: 33.3333333333%; }
  .uikit-grid .col-lg-5 {
    width: 41.6666666667%; }
  .uikit-grid .col-lg-6 {
    width: 50%; }
  .uikit-grid .col-lg-7 {
    width: 58.3333333333%; }
  .uikit-grid .col-lg-8 {
    width: 66.6666666667%; }
  .uikit-grid .col-lg-9 {
    width: 75%; }
  .uikit-grid .col-lg-10 {
    width: 83.3333333333%; }
  .uikit-grid .col-lg-11 {
    width: 91.6666666667%; }
  .uikit-grid .col-lg-12 {
    width: 100%; }
  .uikit-grid .col-lg-pull-0 {
    right: auto; }
  .uikit-grid .col-lg-pull-1 {
    right: 8.3333333333%; }
  .uikit-grid .col-lg-pull-2 {
    right: 16.6666666667%; }
  .uikit-grid .col-lg-pull-3 {
    right: 25%; }
  .uikit-grid .col-lg-pull-4 {
    right: 33.3333333333%; }
  .uikit-grid .col-lg-pull-5 {
    right: 41.6666666667%; }
  .uikit-grid .col-lg-pull-6 {
    right: 50%; }
  .uikit-grid .col-lg-pull-7 {
    right: 58.3333333333%; }
  .uikit-grid .col-lg-pull-8 {
    right: 66.6666666667%; }
  .uikit-grid .col-lg-pull-9 {
    right: 75%; }
  .uikit-grid .col-lg-pull-10 {
    right: 83.3333333333%; }
  .uikit-grid .col-lg-pull-11 {
    right: 91.6666666667%; }
  .uikit-grid .col-lg-pull-12 {
    right: 100%; }
  .uikit-grid .col-lg-push-0 {
    left: auto; }
  .uikit-grid .col-lg-push-1 {
    left: 8.3333333333%; }
  .uikit-grid .col-lg-push-2 {
    left: 16.6666666667%; }
  .uikit-grid .col-lg-push-3 {
    left: 25%; }
  .uikit-grid .col-lg-push-4 {
    left: 33.3333333333%; }
  .uikit-grid .col-lg-push-5 {
    left: 41.6666666667%; }
  .uikit-grid .col-lg-push-6 {
    left: 50%; }
  .uikit-grid .col-lg-push-7 {
    left: 58.3333333333%; }
  .uikit-grid .col-lg-push-8 {
    left: 66.6666666667%; }
  .uikit-grid .col-lg-push-9 {
    left: 75%; }
  .uikit-grid .col-lg-push-10 {
    left: 83.3333333333%; }
  .uikit-grid .col-lg-push-11 {
    left: 91.6666666667%; }
  .uikit-grid .col-lg-push-12 {
    left: 100%; }
  .uikit-grid .col-lg-offset-0 {
    margin-left: 0%; }
  .uikit-grid .col-lg-offset-1 {
    margin-left: 8.3333333333%; }
  .uikit-grid .col-lg-offset-2 {
    margin-left: 16.6666666667%; }
  .uikit-grid .col-lg-offset-3 {
    margin-left: 25%; }
  .uikit-grid .col-lg-offset-4 {
    margin-left: 33.3333333333%; }
  .uikit-grid .col-lg-offset-5 {
    margin-left: 41.6666666667%; }
  .uikit-grid .col-lg-offset-6 {
    margin-left: 50%; }
  .uikit-grid .col-lg-offset-7 {
    margin-left: 58.3333333333%; }
  .uikit-grid .col-lg-offset-8 {
    margin-left: 66.6666666667%; }
  .uikit-grid .col-lg-offset-9 {
    margin-left: 75%; }
  .uikit-grid .col-lg-offset-10 {
    margin-left: 83.3333333333%; }
  .uikit-grid .col-lg-offset-11 {
    margin-left: 91.6666666667%; }
  .uikit-grid .col-lg-offset-12 {
    margin-left: 100%; } }

/*! @gov.au/header v1.2.0 */
/**
 * Basic header block styling.
 */
.uikit-header {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #fff;
  background: #0077C9;
  padding: 1.6em 0 2em 0;
  margin-bottom: 1.6em; }
  .uikit-header.uikit-header--hero {
    padding: 3.2em 0 4em 0; }
  @media (min-width: 768px) {
    .uikit-header {
      padding: 3.2em 0 4.8em 0; }
      .uikit-header.uikit-header--hero {
        padding: 7.2em 0 13.6em 0; } }
  .uikit-header.uikit-header--light {
    background-color: #f0f3f5;
    color: #313131; }
  .uikit-header.uikit-header--dark {
    background-color: #313131; }

.uikit-header-heading {
  font-size: 20px;
  line-height: 1.6;
  font-weight: bold;
  margin: 0;
  padding: 0; }
  @media (min-width: 768px) {
    .uikit-header-heading {
      font-size: 36px; } }

.uikit-header-subline {
  font-size: 18px;
  line-height: 1.6;
  max-width: initial; }
  @media (min-width: 768px) {
    .uikit-header-subline {
      font-size: 20px; } }

/*! @gov.au/headings v0.1.0 */
/**
 * Generates .uikit-display-[1…6] classes for display headings.
 *
 * The magic number here reduces the leading for these heading displays, since
 * the body text leading is too large at headings/display sizes.
 *
 * We also set the font-size automatically too. (:
 */
.uikit-display-1 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 16px;
  font-weight: bold; }

p + .uikit-display-1 {
  margin-top: 1.6em; }

.uikit-display-2 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 20px;
  font-weight: bold; }

p + .uikit-display-2 {
  margin-top: 1.6em; }

.uikit-display-3 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-weight: bold; }

p + .uikit-display-3 {
  margin-top: 1.6em; }

.uikit-display-4 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 28px;
  font-weight: bold; }

p + .uikit-display-4 {
  margin-top: 1.6em; }

.uikit-display-5 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 32px;
  font-weight: bold; }

p + .uikit-display-5 {
  margin-top: 1.6em; }

.uikit-display-6 {
  font-family: "Montserrat", "Source Sans Pro", "Helvetica Neue", "Arial", sans-serif;
  color: #313131;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.5em 0;
  font-size: 36px;
  font-weight: bold; }

p + .uikit-display-6 {
  margin-top: 1.6em; }

.uikit-display-2,
.uikit-display-3,
.uikit-display-4 {
  font-weight: normal; }

/*! @gov.au/inpage-nav v0.1.1 */
.uikit-inpage-nav-links {
  margin: 3.2em 0;
  border-left: 0.4em solid #dbdbdb;
  padding: 0 0 0.8em 1.2em; }
  .uikit-body .uikit-inpage-nav-links > ul, .kss-modifier__example .uikit-inpage-nav-links > ul,
  .uikit-body .uikit-inpage-nav-links > ol, .kss-modifier__example .uikit-inpage-nav-links > ol {
    list-style-type: none;
    margin: 1.6em 0 0;
    padding: 0; }
    .uikit-body .uikit-inpage-nav-links > ul > li, .kss-modifier__example .uikit-inpage-nav-links > ul > li,
    .uikit-body .uikit-inpage-nav-links > ol > li, .kss-modifier__example .uikit-inpage-nav-links > ol > li {
      margin-left: 0;
      margin-bottom: 0.8em;
      font-weight: bold; }
      .uikit-body .uikit-inpage-nav-links > ul > li:last-child, .kss-modifier__example .uikit-inpage-nav-links > ul > li:last-child,
      .uikit-body .uikit-inpage-nav-links > ol > li:last-child, .kss-modifier__example .uikit-inpage-nav-links > ol > li:last-child {
        margin-bottom: 0; }

.uikit-inpage-nav-links__heading {
  color: #6f6f6f; }

.uikit-inpage-nav-section {
  position: relative;
  padding-right: 120px; }

.uikit-inpage-nav-section-link {
  position: absolute;
  top: 0.4em;
  right: 0;
  font-size: 14px; }

/*! @gov.au/keyword-list v0.1.0 */
.uikit-keyword-list:before, .uikit-keyword-list:after {
  content: "";
  display: table; }

.uikit-keyword-list:after {
  clear: both; }

.uikit-body .uikit-keyword-list > li, .kss-modifier__example .uikit-keyword-list > li {
  float: left;
  clear: both;
  list-style: none;
  margin-left: 0;
  margin-bottom: 0.8em;
  color: #313131; }

.uikit-keyword-list__item {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4; }

.uikit-body .uikit-keyword-list__item__small, .kss-modifier__example .uikit-keyword-list__item__small {
  display: block;
  font-size: 18px;
  color: #313131; }

/*! @gov.au/page-alerts v0.1.1 */
@media print {
  .uikit-page-alerts {
    border-color: #000 !important;
    background-color: #fff !important;
    border-left: 2px solid #000 !important;
    padding-top: 3em !important; }
    .uikit-page-alerts:after {
      background: none !important;
      content: 'info' !important;
      top: 1em !important;
      left: 0 !important;
      font-size: 12px !important;
      border-right: 1px solid #000 !important;
      border-bottom: 1px solid #000 !important;
      padding: 0.5em !important;
      width: auto !important; }
  .uikit-page-alerts--success:after {
    content: 'success' !important; }
  .uikit-page-alerts--warning:after {
    content: 'warning' !important; }
  .uikit-page-alerts--error:after {
    content: 'error' !important; } }

.uikit-page-alerts {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  position: relative;
  margin: 1.6em 0;
  padding: 1.2em 0.8em 1.2em 0.8em;
  border: solid 2px #1D92E2;
  border-left: 48px solid #1D92E2;
  border-radius: 3px;
  max-width: initial; }
  .uikit-page-alerts :first-child {
    margin-top: 0; }
  .uikit-page-alerts :last-child {
    margin-bottom: 0; }
  .uikit-page-alerts:after {
    content: ' ';
    position: absolute;
    display: block;
    left: -36px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Crect fill='%23fff' width='16' height='16' x='56' y='20' rx='2'/%3E   %3Crect fill='%23fff' width='16' height='56' x='56' y='44' rx='2'/%3E   %3Crect fill='%23fff' width='40' height='16' x='44' y='84' rx='2'/%3E   %3Crect fill='%23fff' width='28' height='16' x='44' y='44' rx='2'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts:after,
    .lt-ie8 .uikit-page-alerts:after {
      background: none;
      text-align: center;
      background-color: #313131;
      color: #fff;
      font-weight: bold;
      content: 'i'; }

/**
 * Page alert success
 */
.uikit-page-alerts--success {
  border-color: #81bb67; }
  .uikit-page-alerts--success:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Ccircle fill='%23313131' cx='64' cy='64' r='64'/%3E   %3Cpath fill='%23fff' d='M102.59 45.41c.778-.778.782-2.038-.002-2.822l-9.176-9.176c-.78-.78-2.052-.772-2.823 0L56 68   41.42 53.42c-.784-.784-2.048-.792-2.832-.008l-9.176 9.176c-.78.78-.775 2.05-.004 2.82l25.184 25.184c.778.778 2.04.775 2.82-.003l45.177-45.18z'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts--success:after,
    .lt-ie8 .uikit-page-alerts--success:after {
      content: '✓'; }

/**
 * Page alert warning.
 */
.uikit-page-alerts--warning {
  border-color: #F39826; }
  .uikit-page-alerts--warning:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M71.99 12.78l54.796 99.458c1.665 2.997 1.617 7.993-.143 10.99-.808 1.38-1.914 2.473-3.317   3.282-1.403.808-2.914 1.213-4.53 1.213H9.206c-1.62 0-3.13-.405-4.533-1.213-1.403-.81-2.51-1.903-3.317-3.282-1.76-2.997-1.808-7.993-.143-10.99L56.01   12.78c.808-1.474 1.925-2.64 3.352-3.496C60.79 8.428 62.335 8 64 8s3.21.428 4.638 1.284c1.427.856 2.544 2.022 3.353 3.496z'/%3E   %3Crect fill='%23fff' width='16' height='16' x='56' y='96' rx='2'/%3E   %3Cpath fill='%23fff' d='M52.167 42c-.092-1.104.73-2 1.838-2h19.99c1.107 0 1.93.895 1.838 2l-3.666 44c-.092 1.104-1.062 2-2.16 2H57.993c-1.1   0-2.07-.895-2.16-2l-3.667-44z'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts--warning:after,
    .lt-ie8 .uikit-page-alerts--warning:after {
      content: '!'; }

/**
 * Page alert error.
 */
.uikit-page-alerts--error {
  border-color: #D20032; }
  .uikit-page-alerts--error:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23313131' d='M71.99 12.78l54.796 99.458c1.665 2.997 1.617 7.993-.143 10.99-.808 1.38-1.914 2.473-3.317   3.282-1.403.808-2.914 1.213-4.53 1.213H9.206c-1.62 0-3.13-.405-4.533-1.213-1.403-.81-2.51-1.903-3.317-3.282-1.76-2.997-1.808-7.993-.143-10.99L56.01   12.78c.808-1.474 1.925-2.64 3.352-3.496C60.79 8.428 62.335 8 64 8s3.21.428 4.638 1.284c1.427.856 2.544 2.022 3.353 3.496z'/%3E   %3Crect fill='%23fff' width='16' height='16' x='56' y='96' rx='2'/%3E   %3Cpath fill='%23fff' d='M52.167 42c-.092-1.104.73-2 1.838-2h19.99c1.107 0 1.93.895 1.838 2l-3.666 44c-.092 1.104-1.062 2-2.16 2H57.993c-1.1   0-2.07-.895-2.16-2l-3.667-44z'/%3E  %3C/svg%3E"); }
    .ie8 .uikit-page-alerts--error:after,
    .lt-ie8 .uikit-page-alerts--error:after {
      content: '!'; }

/**
 * Screen-reader only class for interlinking error messages and corresponding form elements.
 */
.uikit-page-alerts__sronly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*! @gov.au/progress-indicator v0.1.0 */
@media print {
  .progress-indicator {
    border-top-color: #000 !important; }
  .uikit-body .progress-indicator__link, .kss-modifier__example .progress-indicator__link,
  .progress-indicator__link {
    border-bottom-color: #000 !important;
    border-left-color: transparent !important;
    padding-left: 6px !important; }
    .uikit-body .progress-indicator__link.progress-indicator--doing, .kss-modifier__example .progress-indicator__link.progress-indicator--doing,
    .progress-indicator__link.progress-indicator--doing {
      border-left-color: #000 !important; }
    .uikit-body .progress-indicator__link:after, .kss-modifier__example .progress-indicator__link:after,
    .progress-indicator__link:after {
      display: none; } }

.uikit-body .progress-indicator, .kss-modifier__example .progress-indicator,
.progress-indicator {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  list-style: none;
  padding: 0;
  margin: 0 0 1.6em 0;
  border-top: 1px solid #eaeaea; }
  .uikit-body .progress-indicator > li, .kss-modifier__example .progress-indicator > li,
  .progress-indicator > li {
    margin: 0; }

.uikit-body .progress-indicator__link, .kss-modifier__example .progress-indicator__link,
.progress-indicator__link {
  position: relative;
  display: block;
  padding: 0.4em 0 0.4em 41px;
  font-size: 17px;
  color: #313131;
  text-decoration: none;
  line-height: 1.45;
  border-bottom: 1px solid #eaeaea;
  border-left: 3px solid transparent;
  transition: background-color 0.1s ease-in-out; }
  .uikit-body .progress-indicator__link:hover, .kss-modifier__example .progress-indicator__link:hover, .uikit-body .progress-indicator__link:focus, .kss-modifier__example .progress-indicator__link:focus,
  .progress-indicator__link:hover,
  .progress-indicator__link:focus {
    background-color: #f7f8fc;
    border-bottom-color: #eaeaea; }
  .uikit-body .progress-indicator__link:focus, .kss-modifier__example .progress-indicator__link:focus,
  .progress-indicator__link:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-body .progress-indicator__link:after, .kss-modifier__example .progress-indicator__link:after,
  .progress-indicator__link:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    width: 24px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E   %3Cpath fill='%235a5a5a' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0   24,5.37481408 24,12 Z'%3E%3C/path%3E   %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22   22,17.5208333 22,12 Z'%3E%3C/path%3E  %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 center; }
  .ie8 .uikit-body .progress-indicator__link:after, .ie8 .kss-modifier__example .progress-indicator__link:after,
  .lt-ie8 .uikit-body .progress-indicator__link:after,
  .lt-ie8 .kss-modifier__example .progress-indicator__link:after, .ie8
  .progress-indicator__link:after,
  .lt-ie8
  .progress-indicator__link:after {
    top: 6px;
    content: '-'; }
  .uikit-body .progress-indicator__link.progress-indicator--doing, .kss-modifier__example .progress-indicator__link.progress-indicator--doing,
  .progress-indicator__link.progress-indicator--doing {
    border-left-color: #00538d;
    font-weight: bold; }
    .uikit-body .progress-indicator__link.progress-indicator--doing:after, .kss-modifier__example .progress-indicator__link.progress-indicator--doing:after,
    .progress-indicator__link.progress-indicator--doing:after {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E   %3Cpath fill='%2300538d' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0    24,5.37481408 24,12 Z'%3E%3C/path%3E   %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22    22,17.5208333 22,12 Z'%3E%3C/path%3E   %3Ccircle fill='%2300538d' cx='6.5' cy='12' r='1.5'%3E%3C/circle%3E   %3Ccircle fill='%2300538d' cx='12' cy='12' r='1.5'%3E%3C/circle%3E   %3Ccircle fill='%2300538d' cx='17.5' cy='12' r='1.5'%3E%3C/circle%3E   %3C/svg%3E"); }
    .ie8 .uikit-body .progress-indicator__link.progress-indicator--doing:after, .ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--doing:after,
    .lt-ie8 .uikit-body .progress-indicator__link.progress-indicator--doing:after,
    .lt-ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--doing:after, .ie8
    .progress-indicator__link.progress-indicator--doing:after,
    .lt-ie8
    .progress-indicator__link.progress-indicator--doing:after {
      content: '...'; }
  .uikit-body .progress-indicator__link.progress-indicator--done:after, .kss-modifier__example .progress-indicator__link.progress-indicator--done:after,
  .progress-indicator__link.progress-indicator--done:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E   %3Cpath fill='%2300538d' d='M24,12 C24,18.6251859 18.6251859,24 12,24 C5.37481408,24 0,18.6251859 0,12 C0,5.37481408 5.37481408,0 12,0 C18.6251859,0    24,5.37481408 24,12 Z'%3E%3C/path%3E   %3Cpath fill='%23fff' d='M22,12 C22,6.47916667 17.5208333,2 12,2 C6.47916667,2 2,6.47916667 2,12 C2,17.5208333 6.47916667,22 12,22 C17.5208333,22    22,17.5208333 22,12 Z'%3E%3C/path%3E   %3Cpath fill='%2300538d' d='M18.744186,9.23753281 C18.744186,9.48293963 18.6627907,9.71391076 18.5,9.88713911 L11.3895349,17.7257218    C11.2267442,17.8989501 10.996124,18 10.7655039,18 C10.5484496,18 10.3178295,17.8989501 10.1550388,17.7257218 L5.24418605,12.5    C5.08139535,12.3267717 5,12.0958005 5,11.8503937 C5,11.6049869 5.08139535,11.3595801 5.24418605,11.1863517 L6.47868217,9.88713911    C6.64147287,9.71391076 6.85852713,9.61286089 7.08914729,9.61286089 C7.31976744,9.61286089 7.53682171,9.71391076 7.6996124,9.88713911    L10.7655039,13.1496063 L16.0445736,7.27427822 C16.2073643,7.10104987 16.4244186,7 16.6550388,7 C16.8856589,7 17.1027132,7.10104987    17.2655039,7.27427822 L18.5,8.57349081 C18.6627907,8.74671916 18.744186,8.99212598 18.744186,9.23753281 Z'%3E%3C/path%3E   %3C/svg%3E"); }
  .ie8 .uikit-body .progress-indicator__link.progress-indicator--done:after, .ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--done:after,
  .lt-ie8 .uikit-body .progress-indicator__link.progress-indicator--done:after,
  .lt-ie8 .kss-modifier__example .progress-indicator__link.progress-indicator--done:after, .ie8
  .progress-indicator__link.progress-indicator--done:after,
  .lt-ie8
  .progress-indicator__link.progress-indicator--done:after {
    content: '✓'; }

.progress-indicator__status {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #5a5a5a; }

/*! @gov.au/responsive-media v0.1.1 */
.uikit-responsive-media-vid {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 0.8em; }
  .uikit-responsive-media-vid > .uikit-responsive-media-vid__item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0; }
  .uikit-responsive-media-vid.uikit-responsive-media-vid--16x9 {
    padding-bottom: 56.25%; }
  .uikit-responsive-media-vid.uikit-responsive-media-vid--4x3 {
    padding-bottom: 75%; }

.uikit-responsive-media-img {
  max-width: 100%; }

/*! @gov.au/select v0.1.0 */
@media print {
  .uikit-select__element {
    border-color: #000 !important; }
  .uikit-select:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%23000' d='M64 128l64-64-16-16-64 64'/%3E   %3Cpath fill='%23000' d='M64 128l16-16-64-64L0 64'/%3E  %3C/svg%3E") !important; } }

.uikit-select {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background-color: #fff;
  margin-bottom: 0.8em;
  box-sizing: border-box; }
  .uikit-select:after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0.8em;
    width: 0.8em;
    height: 0.8em;
    margin-top: -0.4em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E   %3Cpath fill='%230077C9' d='M64 128l64-64-16-16-64 64'/%3E   %3Cpath fill='%230077C9' d='M64 128l16-16-64-64L0 64'/%3E  %3C/svg%3E");
    background-repeat: no-repeat;
    z-index: 0; }
  .ie8 .uikit-select:after,
  .ie9 .uikit-select:after {
    display: none; }
  .uikit-select.uikit-select-block {
    display: block; }
    .uikit-select.uikit-select-block .uikit-select__element {
      width: 100%; }

.uikit-select__element {
  position: relative;
  z-index: 1;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  font-size: 16px;
  text-indent: 0.01px;
  text-overflow: '';
  border: none;
  padding: 0.4em 2.4em 0.4em 0.4em;
  border: 2px solid #d5d5d5;
  border-radius: 3px;
  box-sizing: border-box; }
  .uikit-select__element:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-select__element:disabled {
    cursor: not-allowed;
    background: rgba(168, 170, 172, 0.5);
    color: #5a5a5a; }
  .uikit-select__element::-ms-expand {
    display: none; }
  .ie8 .uikit-select__element,
  .ie9 .uikit-select__element {
    padding-right: 0.4em; }

html > body .uikit-select__element, x:-moz-any-link, x:default {
  padding-right: 0.4em; }

@supports (-moz-osx-font-smoothing: auto) {
  html body .uikit-select__element {
    padding-right: 2.4em; } }

/*! @gov.au/skip-link v0.1.0 */
@media print {
  .uikit-skip-link__link {
    background: #fff !important; } }

.uikit-skip-link {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6; }

.uikit-skip-link__link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }
  .uikit-skip-link__link:active, .uikit-skip-link__link:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: absolute;
    width: auto;
    font-size: 21px;
    top: 0.8em;
    left: 0.8em;
    padding: 0.4em 0.8em;
    color: #313131;
    background-color: #d5dcee;
    text-decoration: none;
    outline: 1px solid #313131;
    outline-offset: 1px; }

/*! @gov.au/tags v0.1.1 */
@media print {
  .uikit-tags__item {
    border-color: #000 !important; } }

.uikit-tags {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131;
  line-height: 1.6;
  margin-bottom: 0.4em; }
  .uikit-body .uikit-tags, .kss-modifier__example .uikit-tags {
    margin-bottom: 0.4em;
    padding-left: 0; }
  .uikit-tags > dt {
    display: inline-block; }
    .uikit-body .uikit-tags > dt, .kss-modifier__example .uikit-tags > dt {
      margin-bottom: 0.4em; }

.uikit-tags__item {
  border: 1px solid #0077C9;
  border-radius: 3px;
  display: inline-block;
  margin: 0 0.4em 0.4em 0;
  padding: 0 0.4em; }
  .uikit-body .uikit-tags__item, .kss-modifier__example .uikit-tags__item {
    margin-bottom: 0.4em;
    padding-left: 0.4em; }
  .uikit-tags__item > a {
    display: inline-block;
    margin: 0 -0.4em;
    padding: 0 0.4em;
    text-decoration: none;
    color: #313131; }
    .uikit-tags__item > a:hover, .uikit-tags__item > a:focus {
      background-color: #d5dcee; }
    .uikit-tags__item > a:focus {
      outline: 1px solid #313131;
      outline-offset: 1px;
      outline-offset: 2px; }
    .uikit-body .uikit-tags__item > a, .kss-modifier__example .uikit-tags__item > a {
      border: none; }

/*! @gov.au/text-inputs v0.1.1 */
@media print {
  .uikit-text-input {
    border-color: #000 !important; }
  :disabled {
    background-color: #f0f3f5 !important;
    border-color: transparent; }
  [disabled] {
    background-color: #f0f3f5 !important; } }

/**
 * Text input labels.
 */
.uikit-text-input__label {
  display: block;
  margin-bottom: 0.8em; }
  .uikit-text-input__label > .uikit-text-input {
    margin-top: 0.8em; }

/**
 * Generic text input styling.
 *
 * Also includes variants:
 * - invalid
 * - valid
 * - :focus
 * - :disabled/[disabled]
 */
.uikit-text-input {
  border: 2px solid #d5d5d5;
  padding: 0.4em;
  font-size: 16px;
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", sans-serif;
  color: #313131; }
  .uikit-text-input:focus {
    outline: 1px solid #313131;
    outline-offset: 1px; }
  .uikit-text-input:focus {
    background-color: #fbfcfd; }
  .uikit-text-input::selection {
    background-color: rgba(248, 193, 125, 0.5); }
  .uikit-text-input:invalid {
    border: 2px solid #D20032; }
    .uikit-text-input:invalid:focus {
      background-color: #fbe6eb; }
  .uikit-text-input.uikit-text-input--invalid {
    border: 2px solid #D20032; }
    .uikit-text-input.uikit-text-input--invalid:focus {
      background-color: #fbe6eb; }
  .uikit-text-input.uikit-text-input--valid {
    border: 2px solid #61AA41; }
    .uikit-text-input.uikit-text-input--valid:focus {
      background-color: #eff7ec; }
  .uikit-text-input:disabled {
    cursor: not-allowed;
    background: #f0f3f5;
    color: #5a5a5a; }
  .uikit-text-input[disabled] {
    cursor: not-allowed;
    background: #f0f3f5;
    color: #5a5a5a; }

/**
 * Block modifier
 */
.uikit-text-input--block {
  display: block;
  width: 100%;
  box-sizing: border-box; }

/**
 * Textarea styling.
 */
.uikit-text-input--textarea {
  line-height: 1.6; }

/**
 * Number input styling.
 *
 * Numbers are easier to disambiguate from each other (and letters) when set in
 * monospace.
 */
.uikit-text-input--number {
  font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
  letter-spacing: 2px; }

/**
 * Hint text.
 *
 * Built so it can sit both in- and outside the `label`.
 */
.uikit-text-input__hint {
  display: block;
  margin-bottom: 0.4em;
  font-size: 87.5%; }
  .uikit-text-input__label > .uikit-text-input__hint,
  .uikit-text-input + .uikit-text-input__hint {
    margin-top: 0.4em; }

/*------------------------------------*    SPF UIKit components
\*------------------------------------*/
.spf-image, .spf-article-image, .spf-feature-article-image, .spf-article-card-image, .spf-banner-image, .spf-subnav-image {
  width: 100%;
  object-fit: cover; }

.spf-article-image {
  height: 176px; }

.spf-feature-article-image {
  height: 290px; }

.spf-article-card-image {
  width: 100px;
  height: 100px; }

.spf-banner-image {
  height: 420px; }

.spf-subnav-image {
  width: 280px;
  height: 144px; }

.spf-body .uikit-header {
  padding: 1.6em 0;
  margin-bottom: 0; }
  .spf-body .uikit-header:before, .spf-body .uikit-header:after {
    content: " ";
    display: table; }
  .spf-body .uikit-header:after {
    clear: both; }
  .spf-body .uikit-header .uikit-header__logo-wrapper {
    float: left;
    border: none; }
    .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo {
      border-bottom: none;
      padding: 0.4em;
      float: left;
      padding: 0;
      padding-right: 0.96em;
      border-right: 1px solid #cbcbcb; }
      .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo:hover, .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo:focus {
        border-bottom: none; }
      .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo:last-child {
        border-right: none;
        padding-right: 0; }
      .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-image,
      .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-text {
        width: 140px;
        height: 72px; }
      .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-image {
        float: left; }
      .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-text {
        display: table-cell;
        vertical-align: middle;
        font-size: x-large;
        font-weight: 400; }
  @media (min-width: 992px) {
    .spf-body .uikit-header .header-search-row {
      margin-top: -0.8em; } }

.spf-body .uikit-footer, .spf-body .spf-footer-global {
  padding: 1.6em 0;
  margin-bottom: 0; }
  .spf-body .uikit-footer:before, .spf-body .spf-footer-global:before, .spf-body .uikit-footer:after, .spf-body .spf-footer-global:after {
    content: " ";
    display: table; }
  .spf-body .uikit-footer:after, .spf-body .spf-footer-global:after {
    clear: both; }
  .spf-body .uikit-footer .spf-social-media-icon-bar, .spf-body .spf-footer-global .spf-social-media-icon-bar {
    text-align: right; }
  .spf-body .uikit-footer .uikit-footer__logo, .spf-body .spf-footer-global .uikit-footer__logo {
    display: block;
    border-bottom: none;
    padding: 0.4em; }
    .spf-body .uikit-footer .uikit-footer__logo:focus, .spf-body .spf-footer-global .uikit-footer__logo:focus, .spf-body .uikit-footer .uikit-footer__logo:hover, .spf-body .spf-footer-global .uikit-footer__logo:hover {
      border-bottom: none; }
    @media (min-width: 992px) {
      .spf-body .uikit-footer .uikit-footer__logo, .spf-body .spf-footer-global .uikit-footer__logo {
        float: left; } }
    .spf-body .uikit-footer .uikit-footer__logo-image, .spf-body .spf-footer-global .uikit-footer__logo-image {
      width: 140px;
      height: 72px; }

.spf-body .spf-footer-global {
  border: none;
  background-color: #313131;
  margin-top: 0em; }
  .spf-body .spf-footer-global .spf-social-media-icon-bar {
    text-align: right; }
  .spf-body .spf-footer-global .uikit-footer__logo {
    display: block;
    border-bottom: none;
    padding: 0.4em; }
    .spf-body .spf-footer-global .uikit-footer__logo:focus, .spf-body .spf-footer-global .uikit-footer__logo:hover {
      border-bottom: none; }
    @media (min-width: 992px) {
      .spf-body .spf-footer-global .uikit-footer__logo {
        float: right; } }
    .spf-body .spf-footer-global .uikit-footer__logo-image {
      width: 140px;
      height: 72px; }

.spf-body .spf-alert {
  width: 100%;
  max-width: initial; }

.spf-body .spf-callout {
  width: 100%;
  max-width: initial;
  margin-left: 0; }

.spf-body .spf-article-box, .spf-body .spf-article-card {
  width: 100%;
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  display: inline-block; }
  .spf-body .spf-article-box .spf-article-body, .spf-body .spf-article-card .spf-article-body,
  .spf-body .spf-article-box .spf-article-title, .spf-body .spf-article-card .spf-article-title {
    padding: 0 1.6em; }
    .spf-body .spf-article-box .spf-article-body .spf-article-box-date, .spf-body .spf-article-card .spf-article-body .spf-article-box-date,
    .spf-body .spf-article-box .spf-article-title .spf-article-box-date, .spf-body .spf-article-card .spf-article-title .spf-article-box-date {
      font-size: small; }

.spf-body .spf-article-card {
  margin: 0.8em 0em; }
  .spf-body .spf-article-card:first-child {
    margin: 0em 0em 0.8em 0em; }
  .spf-body .spf-article-card:last-child {
    margin: 0.8em 0em 0em 0em; }
  .spf-body .spf-article-card .spf-article-card--image,
  .spf-body .spf-article-card .spf-article-card--title {
    vertical-align: middle;
    display: inline-block;
    margin: 0em;
    padding: 0em; }
    .spf-body .spf-article-card .spf-article-card--image img,
    .spf-body .spf-article-card .spf-article-card--title img {
      display: block; }
  .spf-body .spf-article-card .spf-article-card--title {
    padding-left: 1.6em; }

.spf-body .spf-social-media-icon-bar a {
  display: inline-block;
  border: none;
  margin: 0 .5em; }

.spf-body i.social-media-icon-sm {
  font-style: normal; }

.spf-body .spf-text-banner {
  padding: 1.6em;
  display: inline-block;
  width: 100%;
  line-height: 1;
  color: #313131; }
  .spf-body .spf-text-banner.spf-text-banner--large {
    padding: 3.2em; }
  .spf-body .spf-text-banner.spf-text-banner--hero {
    background-color: #00538d;
    color: #f0f3f5; }
  .spf-body .spf-text-banner.spf-text-banner--primary {
    background-color: #0077C9;
    color: #f0f3f5; }
  .spf-body .spf-text-banner.spf-text-banner--light {
    background-color: #f0f3f5; }
  .spf-body .spf-text-banner.spf-text-banner--dark {
    background-color: #313131;
    color: #f0f3f5; }
  .spf-body .spf-text-banner.spf-text-banner--gradiant {
    background: linear-gradient(to right, #0077C9, #2C4EAB);
    color: #f0f3f5;
    width: auto;
    display: block; }
  .spf-body .spf-text-banner.spf-text-banner--image, .spf-body .spf-text-banner.spf-text-banner--image-gradiant {
    background-image: url("../../../../images/text-banner-image.png");
    background-size: cover;
    position: relative;
    padding: 0em;
    overflow: hidden;
    max-height: 200px;
    overflow: auto; }
    .spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content, .spf-body .spf-text-banner.spf-text-banner--image-gradiant .spf-text-banner--image-content {
      position: relative;
      padding: 1.6em 3.2em;
      display: inline-block;
      height: 100%;
      width: 35%;
      min-width: 250px;
      margin-left: -1.6em; }
      .spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content::before, .spf-body .spf-text-banner.spf-text-banner--image-gradiant .spf-text-banner--image-content::before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #0077C9; }
      .spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content .spf-text-banner--image-content-text, .spf-body .spf-text-banner.spf-text-banner--image-gradiant .spf-text-banner--image-content .spf-text-banner--image-content-text {
        position: relative;
        height: 100%;
        width: 100%;
        color: white; }
  .spf-body .spf-text-banner.spf-text-banner--image-gradiant .spf-text-banner--image-content:before {
    background: linear-gradient(to right, #0077C9, #2C4EAB); }

.spf-page-content, .spf-page-content--middle, .spf-page-content--left, .spf-page-content--right {
  position: relative;
  display: block;
  padding: 1.6em; }

.spf-page-content--middle {
  border-right: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb; }

.spf-page-content--left {
  border-right: 1px solid #cbcbcb; }

.spf-page-content--right {
  border-left: 1px solid #cbcbcb; }

.spf-page-sidebar, .spf-page-sidebar--right, .spf-page-sidebar--left {
  padding: 1.6em; }

.spf-page-sidebar--right {
  border-left: 1px solid #cbcbcb;
  margin-left: -1px; }

.spf-page-sidebar--left {
  border-right: 1px solid #cbcbcb;
  margin-right: -1px; }

.spf-search-result {
  line-height: 1em; }
  .spf-search-result h3 {
    font-weight: 100; }

i.fa {
  font-style: normal; }

.spf-body .spf-tile {
  border: 1px solid #cbcbcb;
  border-radius: 3px;
  border-color: #0077C9;
  padding: 0.8em;
  margin-bottom: 1.6em; }
  .spf-body .spf-tile:hover {
    background-color: #d5dcee; }
  .spf-body .spf-tile > span {
    display: inline-block;
    vertical-align: middle; }
  .spf-body .spf-tile span.icon {
    color: #0077C9;
    margin-right: 0.8em; }
  .spf-body .spf-tile span.title {
    font-size: large; }

.spf-cross-site-alert .uikit-page-alerts {
  border-radius: 0;
  margin: 0em; }

.spf-body table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.spf-body th {
  text-align: left; }

.spf-body .spf-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.6em; }
  .spf-body .spf-table > tbody > tr > td,
  .spf-body .spf-table > tbody > tr > th,
  .spf-body .spf-table > thead > tr > td,
  .spf-body .spf-table > thead > tr > th,
  .spf-body .spf-table > tfoot > tr > td,
  .spf-body .spf-table > tfoot > tr > th {
    padding: 0.8em;
    line-height: 1.6em;
    vertical-align: top;
    border-top: 1px solid #cbcbcb; }
  .spf-body .spf-table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #cbcbcb;
    background-color: #0077C9;
    color: #e6f1fa; }
  .spf-body .spf-table > colgroup + thead > tr:first-child > td,
  .spf-body .spf-table > colgroup + thead > tr:first-child > th,
  .spf-body .spf-table > thead:first-child > tr:first-child > td,
  .spf-body .spf-table > thead:first-child > tr:first-child > th,
  .spf-body .spf-table > caption + thead > tr:first-child > td,
  .spf-body .spf-table > caption + thead > tr:first-child > th {
    border-top: 0; }
  .spf-body .spf-table > tbody + tbody {
    border-top: 2px solid #cbcbcb; }
  .spf-body .spf-table .spf-table {
    background-color: #f0f3f5; }

.spf-body .table-condensed > tbody > tr > td,
.spf-body .table-condensed > tbody > tr > th,
.spf-body .table-condensed > thead > tr > td,
.spf-body .table-condensed > thead > tr > th,
.spf-body .table-condensed > tfoot > tr > td,
.spf-body .table-condensed > tfoot > tr > th {
  padding: 0.8em; }

.spf-body .table-bordered {
  border: 1px solid #cbcbcb; }
  .spf-body .table-bordered > tbody > tr > td,
  .spf-body .table-bordered > tbody > tr > th,
  .spf-body .table-bordered > thead > tr > td,
  .spf-body .table-bordered > thead > tr > th,
  .spf-body .table-bordered > tfoot > tr > td,
  .spf-body .table-bordered > tfoot > tr > th {
    border: 1px solid #cbcbcb; }
  .spf-body .table-bordered > thead > tr > td,
  .spf-body .table-bordered > thead > tr > th {
    border-bottom-width: 2px; }

.spf-body .table-wrapped {
  border: 1px solid #cbcbcb; }

.spf-body .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f0f3f5; }

.spf-body .table-hover > tbody > tr:hover {
  background-color: #d8dbdd; }

.spf-body table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

.spf-body table td[class*="col-"],
.spf-body table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.spf-body .table > thead > tr > td.active,
.spf-body .table > thead > tr > th.active,
.spf-body .table > thead > tr.active > td,
.spf-body .table > thead > tr.active > th,
.spf-body .table > tbody > tr > td.active,
.spf-body .table > tbody > tr > th.active,
.spf-body .table > tbody > tr.active > td,
.spf-body .table > tbody > tr.active > th,
.spf-body .table > tfoot > tr > td.active,
.spf-body .table > tfoot > tr > th.active,
.spf-body .table > tfoot > tr.active > td,
.spf-body .table > tfoot > tr.active > th {
  background-color: #d5dcee; }

.spf-body .table-hover > tbody > tr > td.active:hover,
.spf-body .table-hover > tbody > tr > th.active:hover,
.spf-body .table-hover > tbody > tr.active:hover > td,
.spf-body .table-hover > tbody > tr:hover > .active,
.spf-body .table-hover > tbody > tr.active:hover > th {
  background-color: #c3cde7; }

.spf-body .table > thead > tr > td.success,
.spf-body .table > thead > tr > th.success,
.spf-body .table > thead > tr.success > td,
.spf-body .table > thead > tr.success > th,
.spf-body .table > tbody > tr > td.success,
.spf-body .table > tbody > tr > th.success,
.spf-body .table > tbody > tr.success > td,
.spf-body .table > tbody > tr.success > th,
.spf-body .table > tfoot > tr > td.success,
.spf-body .table > tfoot > tr > th.success,
.spf-body .table > tfoot > tr.success > td,
.spf-body .table > tfoot > tr.success > th {
  background-color: #61AA41; }

.spf-body .table-hover > tbody > tr > td.success:hover,
.spf-body .table-hover > tbody > tr > th.success:hover,
.spf-body .table-hover > tbody > tr.success:hover > td,
.spf-body .table-hover > tbody > tr:hover > .success,
.spf-body .table-hover > tbody > tr.success:hover > th {
  background-color: #56983a; }

.spf-body .table > thead > tr > td.info,
.spf-body .table > thead > tr > th.info,
.spf-body .table > thead > tr.info > td,
.spf-body .table > thead > tr.info > th,
.spf-body .table > tbody > tr > td.info,
.spf-body .table > tbody > tr > th.info,
.spf-body .table > tbody > tr.info > td,
.spf-body .table > tbody > tr.info > th,
.spf-body .table > tfoot > tr > td.info,
.spf-body .table > tfoot > tr > th.info,
.spf-body .table > tfoot > tr.info > td,
.spf-body .table > tfoot > tr.info > th {
  background-color: #1D92E2; }

.spf-body .table-hover > tbody > tr > td.info:hover,
.spf-body .table-hover > tbody > tr > th.info:hover,
.spf-body .table-hover > tbody > tr.info:hover > td,
.spf-body .table-hover > tbody > tr:hover > .info,
.spf-body .table-hover > tbody > tr.info:hover > th {
  background-color: #1a83cb; }

.spf-body .table > thead > tr > td.warning,
.spf-body .table > thead > tr > th.warning,
.spf-body .table > thead > tr.warning > td,
.spf-body .table > thead > tr.warning > th,
.spf-body .table > tbody > tr > td.warning,
.spf-body .table > tbody > tr > th.warning,
.spf-body .table > tbody > tr.warning > td,
.spf-body .table > tbody > tr.warning > th,
.spf-body .table > tfoot > tr > td.warning,
.spf-body .table > tfoot > tr > th.warning,
.spf-body .table > tfoot > tr.warning > td,
.spf-body .table > tfoot > tr.warning > th {
  background-color: #F39826; }

.spf-body .table-hover > tbody > tr > td.warning:hover,
.spf-body .table-hover > tbody > tr > th.warning:hover,
.spf-body .table-hover > tbody > tr.warning:hover > td,
.spf-body .table-hover > tbody > tr:hover > .warning,
.spf-body .table-hover > tbody > tr.warning:hover > th {
  background-color: #f28d0e; }

.spf-body .table > thead > tr > td.danger,
.spf-body .table > thead > tr > th.danger,
.spf-body .table > thead > tr.danger > td,
.spf-body .table > thead > tr.danger > th,
.spf-body .table > tbody > tr > td.danger,
.spf-body .table > tbody > tr > th.danger,
.spf-body .table > tbody > tr.danger > td,
.spf-body .table > tbody > tr.danger > th,
.spf-body .table > tfoot > tr > td.danger,
.spf-body .table > tfoot > tr > th.danger,
.spf-body .table > tfoot > tr.danger > td,
.spf-body .table > tfoot > tr.danger > th {
  background-color: #D20032; }

.spf-body .table-hover > tbody > tr > td.danger:hover,
.spf-body .table-hover > tbody > tr > th.danger:hover,
.spf-body .table-hover > tbody > tr.danger:hover > td,
.spf-body .table-hover > tbody > tr:hover > .danger,
.spf-body .table-hover > tbody > tr.danger:hover > th {
  background-color: #b9002c; }

.spf-body .table-responsive {
  overflow-x: auto;
  min-height: .01%; }
  @media screen and (max-width: 576px) {
    .spf-body .table-responsive {
      width: 100%;
      margin-bottom: 1.2em;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #cbcbcb; }
      .spf-body .table-responsive > .table {
        margin-bottom: 0; }
        .spf-body .table-responsive > .table > tbody > tr > td,
        .spf-body .table-responsive > .table > tbody > tr > th,
        .spf-body .table-responsive > .table > thead > tr > td,
        .spf-body .table-responsive > .table > thead > tr > th,
        .spf-body .table-responsive > .table > tfoot > tr > td,
        .spf-body .table-responsive > .table > tfoot > tr > th {
          white-space: nowrap; }
      .spf-body .table-responsive > .table-bordered {
        border: 0; }
        .spf-body .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .spf-body .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .spf-body .table-responsive > .table-bordered > thead > tr > td:first-child,
        .spf-body .table-responsive > .table-bordered > thead > tr > th:first-child,
        .spf-body .table-responsive > .table-bordered > tfoot > tr > td:first-child,
        .spf-body .table-responsive > .table-bordered > tfoot > tr > th:first-child {
          border-left: 0; }
        .spf-body .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .spf-body .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .spf-body .table-responsive > .table-bordered > thead > tr > td:last-child,
        .spf-body .table-responsive > .table-bordered > thead > tr > th:last-child,
        .spf-body .table-responsive > .table-bordered > tfoot > tr > td:last-child,
        .spf-body .table-responsive > .table-bordered > tfoot > tr > th:last-child {
          border-right: 0; }
        .spf-body .table-responsive > .table-bordered > tfoot > tr:last-child > td,
        .spf-body .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .spf-body .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .spf-body .table-responsive > .table-bordered > tbody > tr:last-child > th {
          border-bottom: 0; } }

.spf-body.uikit-body .spf-pagination .uikit-link-list > li, .spf-body.kss-modifier__example .spf-pagination .uikit-link-list > li {
  padding: 0em 0.16em;
  display: inline-block;
  border-bottom: solid 2px transparent; }
  .spf-body.uikit-body .spf-pagination .uikit-link-list > li:active, .spf-body.kss-modifier__example .spf-pagination .uikit-link-list > li:active, .spf-body.uikit-body .spf-pagination .uikit-link-list > li:hover, .spf-body.kss-modifier__example .spf-pagination .uikit-link-list > li:hover {
    border-color: #0077C9;
    background-color: #d5dcee; }
  .spf-body.uikit-body .spf-pagination .uikit-link-list > li > a, .spf-body.kss-modifier__example .spf-pagination .uikit-link-list > li > a {
    border: none;
    display: inline-block; }

.spf-body.uikit-body .spf-pagination > .spf-pagination--next, .spf-body.kss-modifier__example .spf-pagination > .spf-pagination--next,
.spf-body.uikit-body .spf-pagination > .spf-pagination--prev, .spf-body.kss-modifier__example .spf-pagination > .spf-pagination--prev {
  padding: 0.16em;
  border: none;
  vertical-align: middle;
  display: inline-block; }

.spf-body.uikit-body .spf-pagination > .spf-pagination--prev::after, .spf-body.kss-modifier__example .spf-pagination > .spf-pagination--prev::after, .spf-body.uikit-body .spf-pagination > .spf-pagination--next::after, .spf-body.kss-modifier__example .spf-pagination > .spf-pagination--next::after {
  content: '\f053';
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; }

.spf-body.uikit-body .spf-pagination > .spf-pagination--next::after, .spf-body.kss-modifier__example .spf-pagination > .spf-pagination--next::after {
  content: '\f054'; }

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

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

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

.spf-download-link::after {
  content: " \f0ab";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #0077C9; }

.spf-download-link .spf-download-link--size::before {
  content: "[ \f016";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 4px; }

.spf-download-link .spf-download-link--size::after {
  content: " ]"; }

.spf-download-link.spf-download-link--pdf .spf-download-link--size::before {
  content: "[ \f1c1 "; }

.spf-download-link.spf-download-link--word .spf-download-link--size::before {
  content: "[ \f1c2 "; }

.spf-download-link.spf-download-link--ppt .spf-download-link--size::before {
  content: "[ \f1c4 "; }

.spf-download-link.spf-download-link--txt .spf-download-link--size::before {
  content: "[ \f0f6 "; }

.spf-body .spf-block {
  border: 1px solid #cbcbcb;
  border-color: #0077C9; }
  .spf-body .spf-block .spf-block--title,
  .spf-body .spf-block .spf-block--body {
    padding: 1.6em; }
  .spf-body .spf-block .spf-block--title {
    background-color: #0077C9;
    color: #f0f3f5; }

.spf-body .spf-contact-block [class*="spf-contact-block--"] {
  position: relative;
  left: 1.6em; }
  .spf-body .spf-contact-block [class*="spf-contact-block--"]::before {
    content: "";
    font-family: fontAwesome;
    font-size: large;
    text-decoration: none;
    position: absolute;
    left: -1.6em; }

.spf-body .spf-contact-block .spf-contact-block--phone::before {
  content: '\f095'; }

.spf-body .spf-contact-block .spf-contact-block--email::before {
  content: '\f003'; }

.spf-body .spf-contact-block .spf-contact-block--address::before {
  content: '\f041'; }

.spf-body .spf-key-task {
  color: inherit;
  max-width: 250px;
  display: inline-block;
  position: relative; }
  .spf-body .spf-key-task > [class*="spf-key-tasks--"] {
    float: left;
    width: 100%;
    text-align: center; }
  .spf-body .spf-key-task .spf-key-tasks--title > a,
  .spf-body .spf-key-task .spf-key-tasks--title > a:hover,
  .spf-body .spf-key-task .spf-key-tasks--title > a:active,
  .spf-body .spf-key-task .spf-key-tasks--title > a:focus {
    color: inherit;
    font-size: x-large;
    border-color: #d5dcee; }

.spf-body .spf-key-tasks-icon-set {
  background-color: #0077C9;
  padding: 3.2em;
  color: #f0f3f5; }
  .spf-body .spf-key-tasks-icon-set .spf-key-tasks-icon-set--task {
    text-align: center; }
  .spf-body .spf-key-tasks-icon-set .spf-key-tasks--title {
    border-color: #d5dcee; }

.spf-body .spf-input-group {
  display: table;
  border-collapse: separate;
  font-size: 16px;
  table-layout: auto;
  line-height: 1; }
  .spf-body .spf-input-group > .spf-group-element,
  .spf-body .spf-input-group > .spf-group-element-wrapper > .spf-group-element {
    margin: 0;
    border-radius: 0;
    border: 1px solid #cbcbcb;
    border-left: none;
    padding: .7em;
    display: table-cell;
    font-size: 1em;
    vertical-align: bottom;
    max-height: 42px; }
  .spf-body .spf-input-group .spf-group-element:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .spf-body .spf-input-group .spf-group-element:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #cbcbcb; }
  .spf-body .spf-input-group > .spf-group-element-wrapper {
    padding: 0;
    margin: 0;
    border: none;
    display: table-cell;
    vertical-align: top;
    width: 100%;
    vertical-align: bottom; }
    .spf-body .spf-input-group > .spf-group-element-wrapper input[type="text"] {
      width: 100%;
      margin: 0; }

.spf-body .spf-search-box {
  margin-top: .2em; }
  .spf-body .spf-search-box .spf-group-element,
  .spf-body .spf-search-box .spf-group-element:first-child,
  .spf-body .spf-search-box .spf-group-element:last-child {
    border: solid 2px #0077C9;
    max-height: 42px; }
  .spf-body .spf-search-box .uikit-btn {
    padding: 7px; }
  .spf-body .spf-search-box .uikit-btn i {
    font-size: 25px;
    font-style: normal; }

.spf-body .spf-form {
  margin: 0.8em 0 0 0; }
  .spf-body .spf-form > input,
  .spf-body .spf-form > select,
  .spf-body .spf-form > .uikit-select {
    margin: 0; }
  .spf-body .spf-form > label,
  .spf-body .spf-form > p,
  .spf-body .spf-form > button {
    margin: 3.2em 0 0 0;
    display: block; }
  .spf-body .spf-form > p {
    display: block; }

.spf-body .spf-contact-us-form .spf-contact-us-form--title .spf-form > label,
.spf-body .spf-contact-us-form .spf-contact-us-form--body .spf-form > label {
  margin-top: 1.6em; }

.spf-body .spf-contact-us-form .spf-contact-us-form--title label.spf-contact-form-fullname::before,
.spf-body .spf-contact-us-form .spf-contact-us-form--title label.spf-contact-form-email::before,
.spf-body .spf-contact-us-form .spf-contact-us-form--body label.spf-contact-form-fullname::before,
.spf-body .spf-contact-us-form .spf-contact-us-form--body label.spf-contact-form-email::before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 4px; }

.spf-body .spf-contact-us-form .spf-contact-us-form--title label.spf-contact-form-fullname::before,
.spf-body .spf-contact-us-form .spf-contact-us-form--body label.spf-contact-form-fullname::before {
  content: "\f007"; }

.spf-body .spf-contact-us-form .spf-contact-us-form--title label.spf-contact-form-email::before,
.spf-body .spf-contact-us-form .spf-contact-us-form--body label.spf-contact-form-email::before {
  content: "\f003"; }

.spf-body .spf-contact-us-form .spf-contact-us-form--body {
  padding-top: 0; }

.spf-top-nav .uikit-link-list, .spf-body .spf-tabs-menu .uikit-link-list {
  padding-top: 0;
  padding-bottom: 0; }
  .spf-top-nav .uikit-link-list > li, .spf-body .spf-tabs-menu .uikit-link-list > li {
    margin-top: 0;
    margin-bottom: 0; }
    .spf-top-nav .uikit-link-list > li a, .spf-body .spf-tabs-menu .uikit-link-list > li a {
      font-weight: 700;
      border-bottom: solid 4px transparent;
      display: inline-block; }
      @media (min-width: 992px) {
        .spf-top-nav .uikit-link-list > li a, .spf-body .spf-tabs-menu .uikit-link-list > li a {
          padding: 1.6em 0.8em; } }
    .spf-top-nav .uikit-link-list > li a:active, .spf-body .spf-tabs-menu .uikit-link-list > li a:active,
    .spf-top-nav .uikit-link-list > li a:hover, .spf-body .spf-tabs-menu .uikit-link-list > li a:hover {
      border-bottom: solid 4px #0077C9; }

.spf-top-nav hr, .spf-body .spf-tabs-menu hr {
  margin-top: 0px;
  border: solid 1px #0077C9; }

.spf-body .spf-sub-nav hr {
  margin-top: 0px;
  margin-bottom: 0px;
  border: solid 1px #0077C9; }

.spf-body .spf-sub-nav-row {
  padding: 1.6em;
  border-bottom: solid 1px #c5c5c5; }

.spf-top-nav-mobile.open .spf-top-nav-mobile--title > a {
  background-color: #f0f3f5; }
  .spf-top-nav-mobile.open .spf-top-nav-mobile--title > a ::before {
    content: '\f00d'; }

.spf-top-nav-mobile.open .spf-top-nav-mobile--items {
  max-height: 1000px; }

.spf-top-nav-mobile .spf-top-nav-mobile--title,
.spf-top-nav-mobile .spf-top-nav-mobile--item {
  float: left;
  width: 100%;
  border: 1px solid #cbcbcb;
  border-color: #0077C9;
  margin: 0; }
  .spf-top-nav-mobile .spf-top-nav-mobile--title > a,
  .spf-top-nav-mobile .spf-top-nav-mobile--item > a {
    display: block;
    text-decoration: none;
    padding: 0.8em;
    border: none;
    border-left: solid 0.48em transparent; }
    .spf-top-nav-mobile .spf-top-nav-mobile--title > a:hover, .spf-top-nav-mobile .spf-top-nav-mobile--title > a:active, .spf-top-nav-mobile .spf-top-nav-mobile--title > a:focus,
    .spf-top-nav-mobile .spf-top-nav-mobile--item > a:hover,
    .spf-top-nav-mobile .spf-top-nav-mobile--item > a:active,
    .spf-top-nav-mobile .spf-top-nav-mobile--item > a:focus {
      background-color: transparent;
      background-color: #f0f3f5;
      outline: none; }

.spf-top-nav-mobile .spf-top-nav-mobile--title > a::before {
  content: '\f0c9';
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: 4px; }

.spf-top-nav-mobile .spf-top-nav-mobile--items {
  transition: max-height .5s;
  height: auto;
  max-height: 0;
  overflow: hidden;
  width: 100%; }
  .spf-top-nav-mobile .spf-top-nav-mobile--items > .uikit-link-list {
    width: 100%;
    margin: 0;
    padding: 0; }
  .spf-top-nav-mobile .spf-top-nav-mobile--items .spf-top-nav-mobile--item {
    border-bottom: none; }
    .spf-top-nav-mobile .spf-top-nav-mobile--items .spf-top-nav-mobile--item:last-child {
      border-bottom: 1px solid #cbcbcb;
      border-color: #0077C9; }
    .spf-top-nav-mobile .spf-top-nav-mobile--items .spf-top-nav-mobile--item:first-child {
      border-top: none; }
    .spf-top-nav-mobile .spf-top-nav-mobile--items .spf-top-nav-mobile--item > a:hover, .spf-top-nav-mobile .spf-top-nav-mobile--items .spf-top-nav-mobile--item > a:active, .spf-top-nav-mobile .spf-top-nav-mobile--items .spf-top-nav-mobile--item > a:focus {
      border-left-color: #0077C9;
      background-color: transparent; }

.spf-body .spf-tabs-menu {
  float: left;
  width: 100%; }
  .spf-body .spf-tabs-menu .uikit-link-list {
    float: left;
    position: relative; }
    .spf-body .spf-tabs-menu .uikit-link-list > .spf-tabs-menu---item-wrapper {
      margin: 0;
      float: left; }
      .spf-body .spf-tabs-menu .uikit-link-list > .spf-tabs-menu---item-wrapper > .spf-tabs-menu---item {
        border-top: 1px solid #cbcbcb;
        border-top-color: #0077C9;
        border-right: 1px solid #cbcbcb;
        border-right-color: #0077C9;
        border-bottom: 1px solid #cbcbcb;
        border-bottom: solid 4px transparent; }
        @media (min-width: 992px) {
          .spf-body .spf-tabs-menu .uikit-link-list > .spf-tabs-menu---item-wrapper > .spf-tabs-menu---item {
            padding-top: 0.8em;
            padding-bottom: 0.8em;
            outline: none; } }
        .spf-body .spf-tabs-menu .uikit-link-list > .spf-tabs-menu---item-wrapper > .spf-tabs-menu---item.active {
          background: white; }
        .spf-body .spf-tabs-menu .uikit-link-list > .spf-tabs-menu---item-wrapper > .spf-tabs-menu---item:hover,
        .spf-body .spf-tabs-menu .uikit-link-list > .spf-tabs-menu---item-wrapper > .spf-tabs-menu---item .active:hover {
          border-bottom: solid 4px #0077C9; }
      .spf-body .spf-tabs-menu .uikit-link-list > .spf-tabs-menu---item-wrapper:first-child > .spf-tabs-menu---item {
        border-left: 1px solid #cbcbcb;
        border-left-color: #0077C9; }

.spf-body .spf-tabs-content {
  float: left;
  position: relative;
  z-index: -1;
  width: 100%;
  background: white;
  margin-top: -2px;
  border-top: 1px solid #cbcbcb;
  border-color: #0077C9;
  padding: 1.6em; }
  .spf-body .spf-tabs-content .spf-tabs-content--item {
    display: none; }
    .spf-body .spf-tabs-content .spf-tabs-content--item.active {
      display: block; }

.spf-body .spf-side-nav li,
.spf-body .spf-side-nav ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0; }

.spf-body .spf-side-nav--first, .spf-body .spf-side-nav--first .spf-side-nav--second > li {
  border: 1px solid #cbcbcb;
  border-color: #0077C9;
  border-top: none; }
  .spf-body .spf-side-nav--first:first-child, .spf-body .spf-side-nav--first .spf-side-nav--second > li:first-child {
    border-top: 1px solid #cbcbcb;
    border-top-color: #0077C9; }
  .spf-body .spf-side-nav--first > a, .spf-body .spf-side-nav--first .spf-side-nav--second > li > a {
    position: relative;
    display: block;
    padding: 1.6em;
    border: none;
    border-left: solid 0.48em transparent; }
    .spf-body .spf-side-nav--first > a:active, .spf-body .spf-side-nav--first .spf-side-nav--second > li > a:active, .spf-body .spf-side-nav--first > a:focus, .spf-body .spf-side-nav--first .spf-side-nav--second > li > a:focus, .spf-body .spf-side-nav--first > a:hover, .spf-body .spf-side-nav--first .spf-side-nav--second > li > a:hover {
      background-color: transparent;
      border-left: solid 0.48em #0077C9;
      outline: none; }
    .spf-body .spf-side-nav--first > a::after, .spf-body .spf-side-nav--first .spf-side-nav--second > li > a::after {
      content: '';
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      float: right;
      transition: all .2s;
      color: #0077C9;
      font-size: x-large;
      line-height: 1; }
  .spf-body .spf-side-nav--first .spf-side-nav--second, .spf-body .spf-side-nav--first .spf-side-nav--second > li .spf-side-nav--second {
    overflow: hidden;
    height: auto;
    transition: max-height .3s; }
    .spf-body .spf-side-nav--first .spf-side-nav--second > li {
      border: none;
      border-top: 1px solid #cbcbcb;
      border-color: #0077C9; }
      .spf-body .spf-side-nav--first .spf-side-nav--second > li:first-child, .spf-body .spf-side-nav--first .spf-side-nav--second > li .spf-side-nav--second > li:first-child {
        border: none;
        border-top: 1px solid #cbcbcb;
        border-color: #0077C9; }
      .spf-body .spf-side-nav--first .spf-side-nav--second > li a {
        background-color: #f0f3f5; }
        .spf-body .spf-side-nav--first .spf-side-nav--second > li a:active, .spf-body .spf-side-nav--first .spf-side-nav--second > li a:focus, .spf-body .spf-side-nav--first .spf-side-nav--second > li a:hover {
          background-color: #f0f3f5; }
  .spf-body .spf-side-nav--first > a::after, .spf-body .spf-side-nav--first .spf-side-nav--second > li > a::after {
    display: inline-block;
    position: absolute;
    right: 0.64em;
    top: 50%;
    margin-top: -.5em; }
  .spf-body .spf-side-nav--first.close > a::after, .spf-body .spf-side-nav--first .spf-side-nav--second > li.close > a::after {
    content: '\f054';
    transform: rotate(0deg); }
  .spf-body .spf-side-nav--first.close .spf-side-nav--second, .spf-body .spf-side-nav--first .spf-side-nav--second > li.close .spf-side-nav--second {
    max-height: 0; }
  .spf-body .spf-side-nav--first.open > a, .spf-body .spf-side-nav--first .spf-side-nav--second > li.open > a {
    background-color: transparent;
    border-left: solid 0.48em #0077C9;
    outline: none; }
  .spf-body .spf-side-nav--first.open > a::after, .spf-body .spf-side-nav--first .spf-side-nav--second > li.open > a::after {
    content: '\f054';
    transform: rotate(90deg); }
  .spf-body .spf-side-nav--first.open .spf-side-nav--second, .spf-body .spf-side-nav--first .spf-side-nav--second > li.open .spf-side-nav--second {
    max-height: 2000px; }

/*------------------------------------*    Pattern Lab required.
    Govau UIKit text pages styles.
\*------------------------------------*/

/*# sourceMappingURL=style.css.map */