/**
 * Title:
 *    Main Stylesheet
 * Description:
 *    This is the main Scss file which will import all partials and
 *    compile into: assets/css/styles.css
 * Sections:
 *    $. Config
 *    $. Base
 *    $. Layout
 *    $. Modules
 *    $. Interface
 *    $. Helpers
 */
/* $. Config - Variables, global mixins & Bower components
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Variables
 * Description:
 *    Project variables go here
 * Sections:
 *    $. Breakpoints
 *    $. Colours
 *    $. Typography
 *    $. Layout
 *    $. Z axis
 */
/* $. Breakpoints
\*----------------------------------------------------------------*/
/* $. Colours
\*----------------------------------------------------------------*/
/* $. Typography
\*----------------------------------------------------------------*/
/* $. Typography
    - Weights:
\*----------------------------------------------------------------*/
/* $. Layout
\*----------------------------------------------------------------*/
/* $. Z axis
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Global Mixins
 * Description:
 *    This is an archive for all global mixins located within the
 *    'mixins' folder
 * Sections:
 *    $. Media Queries
 *    $. Your new mixins
 */
/* $. Media Queries - https://github.com/jakearchibald/sass-ie
\*----------------------------------------------------------------*/
/* $. Media Queries - https://github.com/jakearchibald/sass-ie
\*----------------------------------------------------------------*/
/* $. Your new mixins
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Bower Components
 * Description:
 *    Importing and using the bower components within your Sass
 * Sections:
 *    $. Imports
 *    $. Griddle Build
 *    $. Hotfixes
 */
/* $. Imports
\*----------------------------------------------------------------*/
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
@import '../grunticon/icons.data.svg.css';
@import '../grunticon/icons.data.png.css';
@import '../grunticon/icons.fallback.css';
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

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

/**
 * Opera hack
 */
.opera:-o-prefocus,
.grid,
.gform_wrapper .gform_fields {
  word-spacing: -0.43em; /* 3 */
}

/**
 * Child `grid` object adjustments
 * Used for more complex fixed-fluid hybrid grids.
 */
.grid > .grid, .gform_wrapper .gform_fields > .grid, .gform_wrapper .grid > .gform_fields, .gform_wrapper .gform_fields > .gform_fields {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0;
}

/**
 * Grid units
 * No explicit width by default. Apply `.unit-x-y` classes.
 *
 * 1. Fundamentals of the non-float grid layout mechanism.
 * 2. Apply grid gutter.
 * 3. Controls vertical positioning of units.
 * 4. Keeps content correctly aligned with the grid direction.
 * 5. Reset text defaults.
 */
.grid__cell, .gform_wrapper .gfield {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: inline-block; /* 1 */
  margin: 0;
  padding: 0 10px; /* 2 */
  vertical-align: top; /* 3 */
  text-align: left; /* 4 */
  letter-spacing: normal; /* 5 */
  word-spacing: normal; /* 5 */
  text-rendering: auto; /* 5 */
}

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

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

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

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

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

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

/**
 * Styling for the Civic Cookie Control plugin.
*/
.cookie-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 30px;
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  background-color: #f3f2f1;
}

/**
* styling for when users are logged in and admin bar is visible
*/
.admin-bar .cookie-banner {
  top: 32px;
}

.cookie-banner--main,
.cookie-banner--accept,
.cookie-banner--reject {
  padding: 12px 0;
}

.cookie-banner--main > *:not(.govuk-button-group),
.cookie-banner--accept,
.cookie-banner--reject {
  max-width: 800px;
}

.cookie-banner h2, .cookie-banner .gform_wrapper .gfield_label, .gform_wrapper .cookie-banner .gfield_label {
  font-size: 24px;
}

.cbg-hidden {
  display: none;
}

.cookie-banner-button--accept,
.cookie-banner-accept--hide,
.govuk-button {
  background: #0164A8;
  color: white;
  padding-left: 0;
  padding-right: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  display: block;
  width: 100%;
}
.cookie-banner-button--accept:hover,
.cookie-banner-accept--hide:hover,
.govuk-button:hover {
  background: white;
  color: #0164A8;
  border: 1px solid #005eb8;
}
@media screen and (min-width: 37.5em) {
  .cookie-banner-button--accept,
  .cookie-banner-accept--hide,
  .govuk-button {
    display: inline-block;
    width: auto;
  }
}

.cookie-banner-accept--hide {
  margin-bottom: 0;
}

.cookie-banner-button--reject {
  background: #0164A8;
  color: white;
  padding-left: 0;
  padding-right: 0;
  display: block;
  width: 100%;
}
.cookie-banner-button--reject:hover {
  background: white;
  color: #0164A8;
}
@media screen and (min-width: 37.5em) {
  .cookie-banner-button--reject {
    display: inline-block;
    width: auto;
  }
}

.govuk-body,
.govuk-fieldset__legend {
  font-size: 19px;
  margin-bottom: 8px;
}
@media screen and (min-width: 48em) {
  .govuk-body,
  .govuk-fieldset__legend {
    font-size: 19px;
  }
}

.govuk-body:last-child {
  margin-bottom: 24px;
}

.govuk-cookiecontrol-radios {
  margin-bottom: 16px;
}

.govuk-radios__item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.govuk-radios__label {
  padding: 2px 3px;
  line-height: 1;
}

#ccc {
  display: none;
}

.govuk-link {
  font-size: 19px;
  margin-bottom: 8px;
  display: inline-block;
  text-decoration: underline;
}
.govuk-link:hover {
  text-decoration: unset;
}

.govuk-fieldset {
  border: none;
  padding: 0;
}
.govuk-fieldset .govuk-fieldset__legend {
  padding: 0;
}

.govuk-notification-banner {
  border: 5px solid #005eb8;
  background-color: #005eb8;
  margin-bottom: 20px;
}

.govuk-notification-banner--success {
  border-color: #006747;
  background-color: #006747;
}

.govuk-notification-banner__header {
  padding: 2px 15px 5px;
  border-bottom: 1px solid;
  color: white;
}
@media screen and (min-width: 48em) {
  .govuk-notification-banner__header {
    padding: 2px 20px 5px;
  }
}

.govuk-notification-banner__content {
  background: white;
  padding: 15px;
  font-size: 16px;
}
@media screen and (min-width: 48em) {
  .govuk-notification-banner__content {
    font-size: 19px;
    padding: 20px;
  }
}

.govuk-notification-banner__title {
  margin-bottom: 0;
}

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

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

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

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

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

.unit-6-12 {
  width: 50%;
}

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

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

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

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

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

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

.unit-posright {
  float: right;
  display: block;
}

.unit-center,
.unit-centre {
  text-align: center;
}

@media screen and (min-width: 30em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp1 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp1 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp1 {
    width: 25%;
  }
  .unit-4-12--bp1 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp1 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp1 {
    width: 50%;
  }
  .unit-7-12--bp1 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp1 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp1 {
    width: 75%;
  }
  .unit-10-12--bp1 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp1 {
    width: 91.6666666667%;
  }
  .unit-right--bp1 {
    text-align: right;
  }
  .unit-center--bp1,
  .unit-centre--bp1 {
    text-align: center;
  }
  .unit-posright--bp1 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 37.5em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp2 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp2 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp2 {
    width: 25%;
  }
  .unit-4-12--bp2 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp2 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp2 {
    width: 50%;
  }
  .unit-7-12--bp2 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp2 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp2 {
    width: 75%;
  }
  .unit-10-12--bp2 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp2 {
    width: 91.6666666667%;
  }
  .unit-right--bp2 {
    text-align: right;
  }
  .unit-center--bp2,
  .unit-centre--bp2 {
    text-align: center;
  }
  .unit-posright--bp2 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 48em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp3 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp3 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp3 {
    width: 25%;
  }
  .unit-4-12--bp3 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp3 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp3 {
    width: 50%;
  }
  .unit-7-12--bp3 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp3 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp3 {
    width: 75%;
  }
  .unit-10-12--bp3 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp3 {
    width: 91.6666666667%;
  }
  .unit-1-5--bp3 {
    width: 20%;
  }
  .unit-2-5--bp3 {
    width: 40%;
  }
  .unit-3-5--bp3 {
    width: 60%;
  }
  .unit-4-5--bp3 {
    width: 80%;
  }
  .unit-right--bp3 {
    text-align: right;
  }
  .unit-center--bp3,
  .unit-centre--bp3 {
    text-align: center;
  }
  .unit-posright--bp3 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 56em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp4 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp4 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp4 {
    width: 25%;
  }
  .unit-4-12--bp4 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp4 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp4 {
    width: 50%;
  }
  .unit-7-12--bp4 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp4 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp4 {
    width: 75%;
  }
  .unit-10-12--bp4 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp4 {
    width: 91.6666666667%;
  }
  .unit-1-5--bp4 {
    width: 20%;
  }
  .unit-2-5--bp4 {
    width: 40%;
  }
  .unit-3-5--bp4 {
    width: 60%;
  }
  .unit-4-5--bp4 {
    width: 80%;
  }
  .unit-right--bp4 {
    text-align: right;
  }
  .unit-center--bp4,
  .unit-centre--bp4 {
    text-align: center;
  }
  .unit-posright--bp4 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 62em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp5 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp5 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp5 {
    width: 25%;
  }
  .unit-4-12--bp5 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp5 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp5 {
    width: 50%;
  }
  .unit-7-12--bp5 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp5 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp5 {
    width: 75%;
  }
  .unit-10-12--bp5 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp5 {
    width: 91.6666666667%;
  }
  .unit-right--bp5 {
    text-align: right;
  }
  .unit-center--bp5,
  .unit-centre--bp5 {
    text-align: center;
  }
  .unit-posright--bp5 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 70em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp6 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp6 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp6 {
    width: 25%;
  }
  .unit-4-12--bp6 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp6 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp6 {
    width: 50%;
  }
  .unit-7-12--bp6 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp6 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp6 {
    width: 75%;
  }
  .unit-10-12--bp6 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp6 {
    width: 91.6666666667%;
  }
  .unit-right--bp6 {
    text-align: right;
  }
  .unit-center--bp6,
  .unit-centre--bp6 {
    text-align: center;
  }
  .unit-posright--bp6 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 80em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp7 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp7 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp7 {
    width: 25%;
  }
  .unit-4-12--bp7 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp7 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp7 {
    width: 50%;
  }
  .unit-7-12--bp7 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp7 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp7 {
    width: 75%;
  }
  .unit-10-12--bp7 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp7 {
    width: 91.6666666667%;
  }
  .unit-1-5--bp7 {
    width: 20%;
  }
  .unit-2-5--bp7 {
    width: 40%;
  }
  .unit-3-5--bp7 {
    width: 60%;
  }
  .unit-4-5--bp7 {
    width: 80%;
  }
  .unit-right--bp7 {
    text-align: right;
  }
  .unit-center--bp7,
  .unit-centre--bp7 {
    text-align: center;
  }
  .unit-posright--bp7 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 90em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp8 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp8 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp8 {
    width: 25%;
  }
  .unit-4-12--bp8 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp8 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp8 {
    width: 50%;
  }
  .unit-7-12--bp8 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp8 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp8 {
    width: 75%;
  }
  .unit-10-12--bp8 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp8 {
    width: 91.6666666667%;
  }
  .unit-1-5--bp8 {
    width: 20%;
  }
  .unit-2-5--bp8 {
    width: 40%;
  }
  .unit-3-5--bp8 {
    width: 60%;
  }
  .unit-4-5--bp8 {
    width: 80%;
  }
  .unit-right--bp8 {
    text-align: right;
  }
  .unit-center--bp8,
  .unit-centre--bp8 {
    text-align: center;
  }
  .unit-posright--bp8 {
    float: right;
    display: block;
  }
}
@media screen and (min-width: 100em) {
  /* Proportional units
     ========================================================================== */
  /*
   * Specify the proportional width of an object.
   * Primarily for, but not limited to, use with `.grid__cell` components.
   * Intentional redundancy build into each set of unit classes.
   */
  .unit-1-12--bp9 {
    width: 8.3333333333%;
  }
  .unit-2-12--bp9 {
    width: 16.6666666667%;
  }
  .unit-3-12--bp9 {
    width: 25%;
  }
  .unit-4-12--bp9 {
    width: 33.3333333333%;
  }
  .unit-5-12--bp9 {
    width: 41.6666666667%;
  }
  .unit-6-12--bp9 {
    width: 50%;
  }
  .unit-7-12--bp9 {
    width: 58.3333333333%;
  }
  .unit-8-12--bp9 {
    width: 66.6666666667%;
  }
  .unit-9-12--bp9 {
    width: 75%;
  }
  .unit-10-12--bp9 {
    width: 83.3333333333%;
  }
  .unit-11-12--bp9 {
    width: 91.6666666667%;
  }
  .unit-1-5--bp9 {
    width: 20%;
  }
  .unit-2-5--bp9 {
    width: 40%;
  }
  .unit-3-5--bp9 {
    width: 60%;
  }
  .unit-4-5--bp9 {
    width: 80%;
  }
  .unit-right--bp9 {
    text-align: right;
  }
  .unit-center--bp9,
  .unit-centre--bp9 {
    text-align: center;
  }
  .unit-posright--bp9 {
    float: right;
    display: block;
  }
}
/* $. Hotfixes
\*----------------------------------------------------------------*/
.grid, .gform_wrapper .gform_fields {
  letter-spacing: -0.32em;
}

@media screen and (min-width: 48em) {
  .grid--spaced {
    margin: 0 -40px;
  }
  .grid--spaced > .grid__cell, .gform_wrapper .grid--spaced > .gfield {
    padding: 0 40px;
  }
}

.grid--flush {
  margin: 0;
}
.grid--flush > .grid__cell, .gform_wrapper .grid--flush > .gfield {
  padding: 0;
}

.grid__cell-strip {
  padding: 0;
}

/* $. Grunticons Import
\*----------------------------------------------------------------*/
/* $. Griddle Build
\*----------------------------------------------------------------*/
/* $. Hotfixes
\*----------------------------------------------------------------*/
.grid, .gform_wrapper .gform_fields {
  letter-spacing: -0.28em;
}

@media screen and (min-width: 48em) {
  .grid--spaced {
    margin: 0 -30px;
  }
  .grid--spaced > .grid__cell, .gform_wrapper .grid--spaced > .gfield {
    padding: 0 30px;
  }
}

.grid--flush {
  margin: 0;
}
.grid--flush > .grid__cell, .gform_wrapper .grid--flush > .gfield {
  padding: 0;
}

/* $. Base - Project defaults & Element styling
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Defaults
 * Description:
 *    These are the base styles for the project
 * Sections:
 *    $. Defaults
 *    $. Selections
 */
/* $. Defaults
\*----------------------------------------------------------------*/
*,
*:before,
*:after {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}

html {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  font-size: 100%;
  overflow-y: scroll;
  box-sizing: border-box;
  height: 100%;
}
@media screen and (min-width: 48em) {
  html {
    font-size: 112.5%;
  }
}

body {
  color: #404040;
}

a {
  display: block;
}

p a {
  display: inline-block;
}

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

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

a:link {
  -webkit-tap-highlight-color: #ED8B00;
}

:focus {
  outline: 0;
  box-shadow: 0 0 1px 2px #ED8B00;
}

/**
 * Title:
 *    Elements
 * Description:
 *    The styling of basic element tags
 * Sections:
 *    $. Basics
 *    $. Links
 *    $. Blockquotes
 *    $. Embedded
 */
/* $. Basics
\*----------------------------------------------------------------*/
hr {
  border: 0;
  border-top: 1px solid #014675;
}

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

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

pre {
  overflow-x: auto;
}

address {
  white-space: pre-line;
}

/* $. Links
\*----------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #0164A8;
}
a:hover {
  color: #014675;
}

/* $. Blockquotes
\*----------------------------------------------------------------*/
blockquote {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  margin: 0 0 1em 0;
  background: #0164A8;
  color: white;
  padding: 1em;
}
blockquote p {
  margin: 0;
  font-size: 1.35em;
}
blockquote .source {
  margin-top: 1em;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
}
blockquote .source:before {
  content: "-";
  display: inline-block;
  margin-right: 0.5rem;
}

/* $. Embedded
\*----------------------------------------------------------------*/
img {
  display: inline-block;
  margin: 0 auto;
  font-style: italic;
  color: #666;
  vertical-align: middle;
}
img[width] {
  width: auto !important;
}
img[height] {
  height: auto !important;
}

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

iframe {
  display: block;
}

.flexible {
  position: relative;
  height: 0;
  overflow: hidden;
  margin: 0;
  height: 300px;
}
@media screen and (min-width: 37.5em) {
  .flexible {
    height: 500px;
  }
}
.flexible .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  z-index: 5;
}
.flexible iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
 * Title: Typography
 * Description: Base typography styles dealing with Vertical Rhythm and Hierarchy
 * Sections:
 *    $. Vertical Rhythm
 *    $. Headings and Common Styles
 */
/* $. Vertical Rhythm
\*----------------------------------------------------------------*/
h1,
h2,
.gform_wrapper .gfield_label,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
  line-height: 1.2;
  font-weight: 400;
}

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

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

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

/* $. Headings and Common Styles
\*----------------------------------------------------------------*/
h1,
.alpha {
  font-size: 2.8rem;
}

h2, .gform_wrapper .gfield_label,
.beta {
  font-size: 2rem;
}

h3,
.gamma,
.gform_wrapper .gfield_label {
  font-size: 1.45rem;
}

h4,
.delta {
  font-size: 1.35rem;
}

h5,
.epsilon,
.gsc-cursor-page {
  font-size: 1rem;
}

h6,
.zeta {
  font-size: 0.875rem;
}

p {
  font-size: 1.1rem;
}

#EIDOdoc h1 {
  font-size: 1.8rem;
}
#EIDOdoc h2, #EIDOdoc .gform_wrapper .gfield_label, .gform_wrapper #EIDOdoc .gfield_label {
  font-size: 1.45rem;
}
#EIDOdoc h3 {
  font-size: 1.35rem;
}
#EIDOdoc p {
  font-size: 1.1rem;
}
#EIDOdoc .panel {
  padding: 0.5rem 0 1rem;
}

.intro,
.intro > p {
  font-size: 1.25em;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  margin-bottom: 1em;
}
.duo__content .intro,
.duo__content .intro > p {
  font-size: 1.25rem;
}

.intro a {
  display: inline-block;
}

.intro--normal {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
}

.heading {
  color: #0164A8;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}

@media screen and (min-width: 70em) {
  .limit-length {
    max-width: 62.5%;
  }
}

.meta {
  color: #8d8d8d;
  font-size: 0.875rem;
}

code {
  position: relative;
  margin-top: 2em;
  background: black;
  color: white;
  display: block;
  padding: 0.5em 1em;
  font-family: monospace;
  font-size: 14px;
}
code:after {
  content: "Code:";
  position: absolute;
  top: -2em;
  left: 0;
  height: 1em;
  background: white;
  color: black;
  padding: 0.5em;
  font-size: 10px;
}

/**
 * Title:
 *    Lists
 * Description:
 *    Styling of <ul>, <ol>, <dl> and its children
 * Sections:
 *    $. Basics
 *    $. Your Styles
 */
/* $. Lists
\*----------------------------------------------------------------*/
ul, ol {
  margin-left: 2em;
  padding-left: 0;
}
ul ul, ul ol, ol ul, ol ol {
  margin-top: 0.5em;
  margin-bottom: 0;
}

li {
  margin-bottom: 0.5em;
}

/**
 * Title:
 *    Forms
 * Description:
 *    Styling of forms and form variations
 * Sections:
 *    $. Basics
 *    $. Placeholders
 */
/* $. Basics
\*----------------------------------------------------------------*/
form {
  margin: 0 0 1.5em 0;
}

fieldset {
  margin-bottom: 1.5em;
  padding: 0 1em;
}
fieldset:last-child {
  margin-top: 0;
}

legend {
  font-size: 1.25em;
  margin-bottom: 1em;
  padding: 0 1em;
}

label {
  display: block;
  padding-bottom: 0;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
  background: none;
  border: none;
  height: 0.8em;
  width: 0.8em;
}

input,
select,
textarea {
  width: 100%;
  padding: 0.5em;
  border: 1px solid;
  border-radius: 0;
  color: #666;
  background-color: #FFF;
  border-color: #CCC;
}

textarea {
  resize: vertical;
}

form ul,
form ol {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1em;
}

form li {
  margin-bottom: 0.5em;
}

form li:last-child,
fieldset:last-child {
  margin-bottom: 0;
}

/* $. Placeholders
\*----------------------------------------------------------------*/
::-webkit-input-placeholder {
  font-style: italic;
}

:-moz-placeholder {
  font-style: italic;
}

::-moz-placeholder {
  font-style: italic;
}

:-ms-input-placeholder {
  font-style: italic;
}

/* $. Filter
\*----------------------------------------------------------------*/
.form__label {
  font-weight: bold;
  font-size: 1.125rem;
}
.form__label:after {
  content: ":";
}

.form--filter {
  margin-bottom: 2em;
  padding-bottom: 1.3em;
}
.form--filter .btn:hover, .form--filter .cookie-banner-button--accept:hover,
.form--filter .cookie-banner-accept--hide:hover,
.form--filter .govuk-button:hover, .form--filter .cookie-banner-button--reject:hover,
.form--filter .btn:focus,
.form--filter .cookie-banner-button--accept:focus,
.form--filter .cookie-banner-accept--hide:focus,
.form--filter .govuk-button:focus,
.form--filter .cookie-banner-button--reject:focus {
  background-color: #0164A8;
  color: #FFFFFF;
  border-color: #0164A8;
}
.form--filter .form__label {
  font-weight: normal;
}
.form--filter .form__label:after {
  content: ":";
}
.form--filter h2, .form--filter .gform_wrapper .gfield_label, .gform_wrapper .form--filter .gfield_label {
  font-weight: bold;
  margin-bottom: 0.5em;
}

.form__reset {
  display: inline-block;
  margin: 1em 4em 1em 3em;
}
@media screen and (min-width: 30em) {
  .form__reset {
    margin: 0.6666666667em 1em;
  }
}

/* $. Custom Select
\*----------------------------------------------------------------*/
.custom-select-container {
  position: relative;
  width: 100%;
  max-width: 500px;
  min-height: 48px;
  display: block;
}
.custom-select-container select {
  height: 2.55em;
  font-size: 1rem;
  width: 100%;
  border: 0;
  opacity: 0;
  line-height: 2;
  position: relative;
  top: -8px;
  left: 10px;
  z-index: 10;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}
.custom-select-container:focus-within {
  outline: 0;
  box-shadow: 0 0 1px 2px #ED8B00;
}

.custom-select {
  display: block;
  position: absolute;
  border-width: 1px;
  border-style: solid;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.4em 0.5em;
  border-radius: 0.2em;
  background-position: 97.5% 50%;
  color: #404040;
  background-color: #FFFFFF;
  border-color: #EDEBEB;
  border-radius: 0.2em;
  border-width: 1px;
  border-style: solid;
}
@media screen and (min-width: 48em) {
  .custom-select {
    background-position: 98% 50%;
  }
}

#hj-main .custom-select {
  display: inline-block;
  position: static;
}

/**
 * Gravity Forms honeypot removal
 */
.gform_validation_container {
  display: none;
}

@font-face {
  font-family: "Frutiger W01";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-45Light.eot?#iefix");
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-45Light.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-45Light.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-45Light.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-45Light.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-45Light.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
}
@font-face {
  font-family: "Frutiger W01";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix");
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-55Roman.svg#7def0e34-f28d-434f-b2ec-472bde847115") format("svg");
}
@font-face {
  font-family: "Frutiger W01";
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix");
  src: url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.woff") format("woff"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/FrutigerLTW01-65Bold.svg#eae74276-dd78-47e4-9b27-dac81c3411ca") format("svg");
}
/**
 * Title:
 *    Tables
 * Description:
 *    Styling of tables and their variations
 * Sections:
 *    $. Basics
 *    $. Your Styles
 */
/* $. Basics
\*----------------------------------------------------------------*/
table {
  width: 100%;
}

td, th, caption {
  padding: 0.5em;
  border: 1px solid #c3e6ff;
  vertical-align: top;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
}

tr:nth-child(odd) td {
  background: #F0F9FF;
}

th, caption {
  font-weight: 600;
  font-family: "Frutiger W01", sans-serif;
  background: #c3e6ff;
  text-align: left !important;
}

caption {
  background: #013e69;
}

.tbl--title {
  width: 20%;
}

.tbl--information {
  width: 30%;
}

.tbl--visiting {
  width: 27.5%;
}

.tbl--contact {
  width: 22.5%;
}

td.tbl--information,
td.tbl--visiting,
td.tbl--contact {
  font-size: 0.875rem;
}

/* $. Your Styles
\*----------------------------------------------------------------*/
.table--hovered tr:hover td {
  background: #014d82;
}

/* $. Modules - Global objects i.e. .btn, .island, etc
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Button Module
 * Description:
 *    The .btn module and its extensions
 * Sections:
 *    $. Setup
 *    $. Component
 *    $. Modifications
 */
/* $. Setup
\*----------------------------------------------------------------*/
button,
input[type=button],
input[type=submit],
.btn,
.cookie-banner-button--accept,
.cookie-banner-accept--hide,
.govuk-button,
.cookie-banner-button--reject {
  position: relative;
  display: inline-block;
  padding: 1em 5em 1em 4em;
  border: 0;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
  transition: background 0.15s ease-out;
  border-radius: 3.5em;
}

/* $. Component
\*----------------------------------------------------------------*/
/* $. Modifications
\*----------------------------------------------------------------*/
.btn--primary {
  color: #0164A8;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.btn--primary:hover, .btn--primary:focus {
  color: #FFFFFF;
  background: #0164A8;
}
.btn--primary:hover, .btn--primary:focus {
  color: #0164A8;
  background: #d2efff;
}

.btn--secondary {
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #FFFFFF;
}
.btn--secondary:hover, .btn--secondary:focus {
  color: transparent;
  background: #FFFFFF;
}
.btn--secondary:hover, .btn--secondary:focus {
  color: #0164A8;
  background: #FFFFFF;
}

.btn--rim {
  color: #0164A8;
  background: #FFFFFF;
  padding: 1.5em 5em 1.5em 2em;
  border: 15px solid;
}
.btn--rim:hover, .btn--rim:focus {
  color: #FFFFFF;
  background: #0164A8;
}
.btn--rim:hover, .btn--rim:focus {
  color: #0164A8;
  background: #FFFFFF;
}

.btn--red,
.btn--yellow,
.btn--green,
.btn--blue {
  border-style: solid;
  border-width: 8px;
  background-color: #FFFFFF;
}
@media screen and (min-width: 62em) {
  .btn--red,
  .btn--yellow,
  .btn--green,
  .btn--blue {
    border-width: 15px;
  }
}

.btn--red {
  border-color: #D71440;
}

.btn--yellow {
  border-color: #ED8B00;
}

.btn--green {
  border-color: #64B76F;
}

.btn--blue {
  border-color: #0164A8;
}

.btn--top-push {
  margin-top: 1.5em;
}

.btn--top-push-double {
  margin-top: 3em;
}

.btn--bottom-push {
  margin-bottom: 1.5em;
}

.btn--bottom-push-double {
  margin-bottom: 3em;
}

.btn--brand {
  position: relative;
  color: #FFFFFF;
  background: #0077b8;
}
.btn--brand:hover, .btn--brand:focus {
  color: #0077b8;
  background: #FFFFFF;
}
.btn--brand:hover, .btn--brand:focus {
  color: #FFFFFF;
  background: #0164A8;
}

.btn--full {
  width: 100%;
  padding: 0.75em 0 0.75em 0;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.3rem;
}

.btn--small {
  padding: 0.6666666667em 4em 0.6666666667em 3em;
}

/**
 * Title:
 *    Media Module - http://goo.gl/Xf6MJ
 * Description:
 *    The .media module and its extensions
 * Sections:
 *    $. Setup
 *    $. Component
 *    $. Modifications
 */
/* $. Setup
\*----------------------------------------------------------------*/
/* $. Component
\*----------------------------------------------------------------*/
.media {
  margin-bottom: 1em;
}

.media__body p:last-child {
  margin-bottom: 0;
}
.media__body:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .media__body {
    overflow: hidden;
  }
}

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

/* $. Modifications
\*----------------------------------------------------------------*/
@media screen and (min-width: 37.5em) {
  .media--flipped .media__img {
    float: right;
    margin-left: 2em;
    margin-right: 0;
  }
}

/*
Download Link
 */
.file-download {
  position: relative;
  display: block;
  background-color: #F7F7F7;
  padding: 1em 1em;
  margin-bottom: 1em;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}
.file-download > a {
  font-size: 1.2rem;
  text-decoration: none !important;
  vertical-align: top;
}
.file-download > a:hover, .file-download > a:focus {
  text-decoration: underline !important;
}
.file-download .icon {
  width: 1.5em;
  height: 1.5em;
  box-sizing: border-box;
}
.file-download.adobe .prompt {
  display: block;
}
.file-download .prompt {
  display: none;
}

/**
 * Title:
 *    Island Module - http://goo.gl/1XYHG
 * Description:
 *    The .island module and its extensions
 * Sections:
 *    $. Setup
 *    $. Component
 *    $. Modifications
 */
/* $. Setup
\*----------------------------------------------------------------*/
.island, .islet, .wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  padding: 1.5em;
  margin: 0 0 2em 0;
}
.island > :last-child, .islet > :last-child, .wp-pagenavi .current > :last-child,
.wp-pagenavi .page > :last-child,
.wp-pagenavi .nextpostslink > :last-child,
.wp-pagenavi .previouspostslink > :last-child {
  margin-bottom: 0;
}

/* $. Component
\*----------------------------------------------------------------*/
/* $. Elements
\*----------------------------------------------------------------*/
.island__extra {
  margin-top: 1em;
}

.island__heading {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0.5em 0;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.7em;
  text-align: center;
  background: #3b91c5;
  text-transform: uppercase;
  color: #FFFFFF;
}

.island__link-item,
.island__link {
  display: block;
  color: #FFFFFF !important;
  text-decoration: none !important;
}
@media screen and (min-width: 80em) {
  .island__link-item,
  .island__link {
    display: inline-block;
  }
}

.island__link-item {
  margin-right: 1em;
}

.island__link {
  font-size: 1.1rem;
}

/* $. Modifications
\*----------------------------------------------------------------*/
.island--brand {
  background-color: #0077b8;
}
.island--brand p {
  color: #FFFFFF;
}
.island--brand .heading {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0.5em 0;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.7em;
  text-align: center;
  background: #3b91c5;
  text-transform: uppercase;
  color: #FFFFFF;
}
.island--brand .list-heading {
  color: #FFFFFF;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
}

/**
 * Title:
 *    Navigation Module
 * Description:
 *    The .nav module and its extensions
 * Sections:
 *    $. Container
 *    $. Component
 *    $. Primary
 *    $. Secondary
 *    $. Tertiary
 */
/* $. Container
\*----------------------------------------------------------------*/
.nav-container--mobile {
  display: none;
}
.nav-container--mobile .nav--primary .nav__link:not(.nav__link--home) {
  display: none;
}
.nav-container--mobile .nav--primary .nav__link-btn {
  color: #FFFFFF;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  transition: background 0.15s ease-out;
  display: inline-block;
  padding: 0.25em 0;
  transition: background 0.15s ease-out;
  background: none;
  border: none;
}
.nav-container--mobile .nav--primary .nav__link-btn:focus {
  box-shadow: 0 0 1px 2px #ffa321;
}
.nav-container--mobile .nav--primary .nav__dropdown {
  background: white;
  padding: 1em;
}
.nav-container--mobile .nav--primary .nav__dropdown.toggle-dropdown {
  display: block;
}
@media screen and (min-width: 56em) {
  .nav-container--mobile {
    display: none;
  }
}

.is-active-nav .nav-container--mobile {
  display: block;
}

.nav-container--desktop {
  display: none;
}
@media screen and (min-width: 56em) {
  .nav-container--desktop {
    display: block;
  }
}

.nav-container {
  background: #0164A8;
  width: 100%;
}
@media screen and (min-width: 37.5em) {
  .nav-container {
    width: 100%;
  }
}
@media screen and (min-width: 56em) {
  .nav-container {
    transform: translateX(0);
    transition: none;
    padding-top: 0;
    visibility: visible;
    position: static;
    opacity: 1;
    background: #0164A8;
    width: 100%;
    height: auto;
  }
}
.nav-container .nav__item {
  color: #FFFFFF;
}
.nav-container .container, .nav-container .cookie-banner--main,
.nav-container .cookie-banner--accept,
.nav-container .cookie-banner--reject {
  position: relative;
}
.is-active-nav .nav-container {
  visibility: visible;
  transform: translateX(0);
}

/* $. Component
\*----------------------------------------------------------------*/
.nav {
  margin-left: 0;
  margin-bottom: 0;
}
.nav li {
  margin-bottom: 0;
}
@media screen and (min-width: 37.5em) {
  .nav li {
    border-bottom: 0;
    border-top: 0;
  }
}

/* $. Primary
\*----------------------------------------------------------------*/
/**
 * Themes
 */
.nav--primary {
  position: relative;
  width: 100%;
}
.nav--primary .nav__item {
  display: block;
  font-size: 1.2rem;
}
@media screen and (min-width: 56em) {
  .nav--primary .nav__item {
    display: inline-block;
  }
  .nav--primary .nav__item:hover .nav__link, .nav--primary .nav__item:focus .nav__link {
    background: #FFFFFF;
    border-bottom-color: transparent;
    color: #0164A8;
  }
}
.nav--primary .nav__link {
  color: #FFFFFF;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  transition: background 0.15s ease-out;
  display: inline-block;
  padding: 0.25em 0;
  transition: background 0.15s ease-out;
}
.nav--primary .nav__link:focus {
  box-shadow: 0 0 1px 2px #ffa321;
}
@media screen and (min-width: 56em) {
  .nav--primary .nav__link {
    font-size: 1rem;
    padding: 1em 0.6em;
  }
}
@media screen and (min-width: 62em) {
  .nav--primary .nav__link {
    font-size: 1.2rem;
    padding: 0.7em 0.6em;
  }
}
@media screen and (min-width: 80em) {
  .nav--primary .nav__link {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 56em) {
  .nav--primary .is-current .nav__link {
    background: #0077b8;
  }
  .nav--primary .is-current .nav__link:hover, .nav--primary .is-current .nav__link:focus {
    background: #FFFFFF;
    color: #0164A8;
  }
}

/**
 * Element
 */
.nav__link--home {
  padding: 0.25em 0 !important;
}
.nav__link--home:hover, .nav__link--home:focus {
  background: none !important;
}
@media screen and (min-width: 56em) {
  .nav__link--home {
    font-size: 1rem;
    padding: 1em 0 !important;
  }
}
@media screen and (min-width: 62em) {
  .nav__link--home {
    font-size: 1.2rem;
    padding: 0.7em 0 !important;
  }
}
.nav__link--home .icon {
  position: relative;
  top: 0.15em;
  width: 18px;
  height: 18px;
}
@media screen and (min-width: 56em) {
  .nav__link--home .icon {
    width: 23px;
    height: 23px;
    margin-right: 1em;
  }
}

/* $. Secondary
\*----------------------------------------------------------------*/
.nav--secondary-mob {
  font-size: 1.2rem;
}
.nav--secondary-mob a {
  padding: 0.25em 0.25em 0.25em 0;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  color: #FFFFFF;
  display: block;
}
@media screen and (min-width: 56em) {
  .nav--secondary-mob {
    display: none;
  }
}

/* $. Teritary
\*----------------------------------------------------------------*/
.nav--tertiary {
  text-align: center;
}
@media screen and (min-width: 70em) {
  .nav--tertiary {
    float: left;
    text-align: left;
  }
}
.nav--tertiary li {
  display: inline-block;
  margin-left: 0.3em;
  padding-left: 0.5em;
  border-left: 1px solid #0164A8;
  border-bottom: 0;
  line-height: 1;
}
.nav--tertiary li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.nav--tertiary a {
  padding: 0;
  text-decoration: underline;
  font-size: 0.875rem;
  color: #0164A8;
}
@media screen and (min-width: 48em) {
  .nav--tertiary a:hover, .nav--tertiary a:focus {
    color: #404040;
  }
}

/* $. Dropdowns
\*--------------------------*/
.nav__dropdown {
  display: none;
}
@media screen and (min-width: 56em) {
  .nav__dropdown {
    position: absolute;
    left: 0;
    width: 72.5%;
    max-width: 826px;
    right: 0;
    top: 100%;
    margin-top: 0;
    padding: 1.25em 1.25em;
    background-color: #FFFFFF;
    border-left: 2px solid #0164A8;
    border-bottom: 2px solid #0164A8;
    border-right: 2px solid #0164A8;
  }
}
.nav__dropdown i {
  margin-right: 0.3em;
}
.nav__dropdown .dropdown__icon-small {
  width: 15px;
  height: 15px;
}

.nav__dropdown__title {
  font-size: 1.125rem;
  color: #404040;
  margin-bottom: 1em;
  margin-top: 0;
}

@media screen and (min-width: 56em) {
  .nav__dropdown__trigger:hover .nav__item,
  .nav__dropdown__trigger:focus-within .nav__item {
    color: #0164A8;
  }
  .nav__dropdown__trigger:hover .nav__dropdown,
  .nav__dropdown__trigger:focus-within .nav__dropdown {
    display: block;
  }
}

.nav__dropdown__item {
  display: block;
  font-size: 1.5rem;
}

.nav__dropdown__submenu {
  margin-bottom: 0.5em;
}

.nav__dropdown__submenu__item {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  display: inline-block;
  margin-right: 0.5em;
}

.nav__dropdown__item,
.nav__dropdown__list__item {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
}
@media screen and (min-width: 62em) {
  .nav__dropdown__item,
  .nav__dropdown__list__item {
    font-size: 1.5rem;
  }
}

.nav__dropdown__list__item {
  line-height: 1;
  display: block;
  margin-bottom: 0.5em;
}
.nav__dropdown__list__item:nth-child(odd) {
  margin-right: 3%;
}

/* $. Icon navigation
\*----------------------------------------------------------------*/
.icon-nav-container {
  position: relative;
  margin-top: -3em;
}
@media screen and (min-width: 56em) {
  .icon-nav-container {
    margin-top: -3.5em;
  }
}
@media screen and (min-width: 62em) {
  .icon-nav-container {
    margin-top: -7em;
  }
}
@media screen and (min-width: 70em) {
  .icon-nav-container {
    margin-top: -8em;
  }
}

.icon-nav {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 2em;
}
@media screen and (min-width: 56em) {
  .icon-nav {
    padding-bottom: 1em;
  }
}
.icon-nav li {
  display: inline-block;
  margin-bottom: 1em;
}
@media screen and (min-width: 62em) {
  .icon-nav li {
    margin-bottom: 0;
  }
}
.icon-nav a:focus {
  box-shadow: 0 0 1px 2px #ffa321;
}
.icon-nav li a:not(.btn):not(.cookie-banner-button--accept):not(.cookie-banner-accept--hide):not(.govuk-button):not(.cookie-banner-button--reject) {
  display: block;
}
.icon-nav .nav__text {
  display: none;
}
@media screen and (min-width: 62em) {
  .icon-nav .nav__text {
    display: block;
    text-align: center;
    font-family: "Frutiger W01", sans-serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0 auto;
    width: 90%;
    max-width: 260px;
    padding-top: 1em;
  }
}
@media screen and (min-width: 70em) {
  .icon-nav .nav__text {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 80em) {
  .icon-nav .nav__text {
    font-size: 1.25rem;
  }
}

.nav__icon,
.nav__icon-large {
  width: 80px;
  height: 80px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -40px;
  background-size: 50% !important;
  background-position: 50%;
}
@media screen and (min-width: 48em) {
  .nav__icon,
  .nav__icon-large {
    background-size: 70% !important;
    right: 3%;
  }
}
@media screen and (min-width: 62em) {
  .nav__icon,
  .nav__icon-large {
    margin: 0 auto;
    display: block;
    position: static;
    transform: none;
    background-color: #FFFFFF;
    border-radius: 50%;
    padding: 4em;
  }
}

.nav__icon-large {
  display: none;
}
@media screen and (min-width: 62em) {
  .nav__icon-large {
    display: block;
  }
}

.nav__btn {
  display: table;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .nav__btn {
    min-height: 7em;
    font-size: 1rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 56em) {
  .nav__btn {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 62em) {
  .nav__btn {
    display: none;
    position: relative;
  }
}

.nav__btn-text {
  display: table-cell;
  vertical-align: middle;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
}

.secondary-nav-container {
  display: none;
}
@media screen and (min-width: 56em) {
  .secondary-nav-container {
    display: block;
  }
}

@media screen and (min-width: 56em) {
  .nav--secondary {
    position: absolute;
    font-size: 0.9rem;
    top: 1.5em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 70%;
    right: 0;
  }
}
@media screen and (min-width: 56em) {
  .nav--secondary li {
    margin-left: 1em;
  }
  .nav--secondary li:first-child {
    margin-left: 0;
  }
}
@media screen and (min-width: 56em) {
  .nav--secondary a {
    padding: 0;
    color: #404040;
  }
}
@media screen and (min-width: 62em) {
  .nav--secondary a {
    display: inline-block;
  }
  .nav--secondary a:hover, .nav--secondary a:focus {
    color: #0164A8;
  }
}
@media screen and (min-width: 56em) {
  .nav--secondary .is-current a {
    border-bottom: 1px solid #FFFFFF;
    border-bottom-color: rgba(255, 255, 255, 0.25);
  }
  .nav--secondary .is-current a:hover, .nav--secondary .is-current a:focus {
    border-bottom-color: rgba(1, 100, 168, 0.25);
  }
}
@media screen and (min-width: 56em) {
  .nav--secondary .nav__distinct a {
    color: #FFFFFF;
    background: #0077b8;
    padding: 0.25em 0.6666666667em;
    margin-top: -0.25em;
    border-bottom: 0;
  }
  .nav--secondary .nav__distinct a:hover, .nav--secondary .nav__distinct a:focus {
    color: #0077b8;
    background: #FFFFFF;
  }
  .nav--secondary .nav__distinct a:hover, .nav--secondary .nav__distinct a:focus {
    background-color: #0164A8;
    color: #FFFFFF;
  }
}
@media screen and (min-width: 56em) {
  .nav--secondary .nav__distinct.is-current a {
    color: #FFFFFF;
    background: #0164A8;
    border-bottom: 0;
  }
  .nav--secondary .nav__distinct.is-current a:hover, .nav--secondary .nav__distinct.is-current a:focus {
    color: #0164A8;
    background: #FFFFFF;
  }
  .nav--secondary .nav__distinct.is-current a:hover, .nav--secondary .nav__distinct.is-current a:focus {
    background-color: #014d82;
    color: #FFFFFF;
  }
}

/**
 * Title:
 *    Breadcrumbs
 * Description:
 *    The .breadcrumbs module and its extensions
 * Sections:
 *    $. Setup
 *    $. Component
 *    $. Modifications
 */
/* $. Setup
\*----------------------------------------------------------------*/
/* $. Component
\*----------------------------------------------------------------*/
.breadcrumbs {
  margin-bottom: 1em;
  font-size: 0.9rem;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}
@media screen and (min-width: 48em) {
  .breadcrumbs {
    text-align: left;
  }
}
.breadcrumbs a {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  display: inline-block;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
  border-bottom: 1px solid #FFFFFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px 2px #ffa321;
}

/* $. Modifications
\*----------------------------------------------------------------*/
.breadcrumbs--pinned {
  position: absolute;
  top: 1em;
  padding: 0 0 1em 0;
}

/**
 * Title:
 *    Islet
 * Description:
 *    The .islet module allows you have to wrap a section of content
 *    within a padded box.
 * Sections:
 *    $. Component
 *    $. Type
 *    $. States
 *    $. Sizing
 */
/* $. Component
\*----------------------------------------------------------------*/
.islet, .wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  background-color: #F7F7F7;
}

/* $. Type
\*----------------------------------------------------------------*/
.islet--bordered {
  background-color: transparent;
  padding-top: 3em;
}
.islet--bordered:first-child {
  border-top: none;
  padding-top: 0;
}

.islet--featured, .wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  color: #FFFFFF;
  background-color: #0164A8;
}

.islet--featured-light {
  color: #404040;
  background-color: #aadcfe;
}

.islet--alternate {
  color: black;
  background-color: #3b91c5;
}

.islet--grey {
  color: #404040;
  background-color: #F6F6F6;
}

/* $. States
\*----------------------------------------------------------------*/
.islet--success {
  color: black;
  background-color: #64B76F;
}

.islet--warning {
  background-color: #ED8B00;
  color: black;
}

.islet--error {
  color: #FFFFFF;
  background-color: #D71440;
}

/* $. Sizing
\*----------------------------------------------------------------*/
.islet--small, .wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  padding: 0.75em;
}

.islet--large {
  padding: 2.5em;
}

/* $. Basics
\*----------------------------------------------------------------*/
.list--unset, .alphabet, .list--checked,
.list--crossed,
.list--downloads, .nav {
  list-style: none !important;
  margin-left: 0 !important;
  margin-top: 0;
}

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

.list--bullets {
  list-style: disc !important;
}

/* $. Components
\*----------------------------------------------------------------*/
.list--checked li,
.list--crossed li,
.list--downloads a {
  position: relative;
  padding-left: 30px;
}
.list--checked li:before,
.list--crossed li:before,
.list--downloads a:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.list--checked li:before {
  width: 25px;
  height: 24px;
  background-image: url("../grunticon/png/true.png");
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2221%22%20viewBox%3D%22289.1%20410.4%2017%2021%22%20enable-background%3D%22new%20289.1%20410.4%2017%2021%22%3E%3Cpath%20fill%3D%22%2385B227%22%20d%3D%22M305.8%20414.6c0%20.9-.3%201.6-1.1%202.3l-.1.1-6.4%206.8c-1.4%201.4-2.6%202.6-3.5%203.3-1%20.7-1.6%201.2-2%201.2s-1-.2-1.6-.6c-.6-.4-1.1-.7-1.2-1.2-.1-.3-.3-1.1-.4-2.2-.1-1.2-.2-2.3-.2-3.6%200-.6.3-1.4.9-1.9.6-.6%201.3-1%202-1%20.6%200%201.1.6%201.3%201.9%200%20.1%200%20.2%200%20.3.1%201%20.2%201.6.4%202%20.1.4.3.5.6.5.1%200%20.3-.1.5-.3.3-.2.6-.5%201.1-1l6.6-6.5c.5-.5%201.1-1%201.5-1.3.4-.3.9-.4%201.1-.4.2%200%20.4.1.5.2.1.2.1.4.1.9v.4h-.1z%22%2F%3E%3C%2Fsvg%3E");
}

.list--crossed li:before {
  width: 19px;
  height: 24px;
  background-image: url("../grunticon/png/false.png");
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2221%22%20viewBox%3D%22291.6%20410.4%2012%2021%22%20enable-background%3D%22new%20291.6%20410.4%2012%2021%22%3E%3Cpath%20fill%3D%22%23E73433%22%20d%3D%22M303.6%20414.1c-.7.9-1.3%201.8-2.1%202.7-.7.9-1.3%201.8-2%202.6.3.7.7%201.5%201%202.3.3.8.7%201.7%201.1%202.5l-.3.2v.2c-.1.1-.1.1-.2.2s-.1.1-.2.1l.1.4c-.1.1-.2.2-.3.3-.1.1-.2.1-.4.2-.1%200-.4-.3-.9-1-.4-.6-1-1.7-1.9-2.9-.7%201-1.5%202-2.1%203.1s-1.3%202.2-2%203.2c-.2.1-.3.1-.5.2%200%200-.2%200-.4%200h-.1c-.2-.2-.3-.4-.5-.6-.1-.2-.2-.4-.2-.5%200-.1%200-.1%200-.2s0-.2.1-.3l-.1-.3c.2-.6.7-1.5%201.6-2.6s1.9-2.5%203.2-4.2c-.3-.8-.5-1.6-.8-2.3s-.6-1.7-.9-2.7c.1-.2.2-.3.3-.4.1-.1.2-.2.3-.2.1%200%20.1%200%20.2%200s.1.1.2.1l.1-.1c.1%200%20.1%200%20.2%200h.1c0-.1.1-.1.1-.2%200%20.1%200%200%20.1%200%20.2%200%20.5.5%201.1%201.8.3.7.6%201.2.8%201.8.4-.4.9-1%201.6-1.8%201.1-1.6%201.9-2.3%202-2.3.1%200%20.2%200%20.3.1.1.1.2.2.4.3l.4-.4c.1.1.2.2.3.4.2.2.3.2.3.3z%22%2F%3E%3C%2Fsvg%3E");
}

.list--downloads a {
  text-decoration: none;
  padding-left: 1.75em;
}
.list--downloads a:before {
  width: 24px;
  height: 24px;
  background-image: url("../grunticon/png/pdf.png");
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%22-49%2051%2020%2020%22%20enable-background%3D%22new%20-49%2051%2020%2020%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23ABBFD8%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-30.7%2070.5h-16.7c-.7%200-1.3-.6-1.3-1.3v-6.4l4-6.9c.2-.4.6-.6%201.1-.6h1.2c.2%200%20.4.2.4.4s-.2.4-.4.4h-1.2c-.1%200-.3.1-.4.2l-3.9%206.6V69c0%20.3.2.4.4.4h16.7c.2%200%20.4-.2.4-.4v-6l-3.9-6.6c-.1-.1-.2-.2-.4-.2h-1.2c-.2%200-.4-.2-.4-.4s.2-.4.4-.4h1.2c.4%200%20.8.2%201.1.6l4%206.9v6.4c.2.6-.4%201.2-1.1%201.2zm-6.1-5h-4.5c-.6%200-1.1-.5-1.2-1.1l-.2-1.2h-5.1c-.2%200-.4-.2-.4-.4s.2-.4.4-.4h5.1c.4%200%20.7.3.8.7l.2%201.2c0%20.2.2.4.4.4h4.5c.2%200%20.4-.2.4-.4l.2-1.2c.1-.4.4-.7.8-.7h5.1c.2%200%20.4.2.4.4s-.2.4-.4.4h-5.1l-.2%201.2c-.1.7-.6%201.1-1.2%201.1zm-2.5-4.5c-.2%200-.4-.2-.4-.4v-8.5c0-.3.2-.4.4-.4s.4.2.4.4v8.5c0%20.2-.1.4-.4.4zm.2.2l-2-2.1c-.2-.2-.2-.5%200-.6.2-.2.4-.2.6%200l1.4%201.5%201.4-1.5c.2-.2.4-.2.6%200%20.2.2.2.5%200%20.6l-2%202.1z%22%2F%3E%3C%2Fsvg%3E");
}
.list--downloads em {
  display: inline-block;
  margin-left: 0.25em;
  font-size: 0.8rem;
  font-weight: bold;
  font-style: normal;
  color: #5a5a5a;
}

/* $. Linklist
\*----------------------------------------------------------------*/
.linklist {
  margin-top: 1em;
}

.link__item {
  display: block;
  margin-bottom: 0;
  position: relative;
}
.link__item a {
  position: relative;
  padding: 0.5em 0;
  outline: 0;
  border: 0;
}
.link__item a:focus {
  box-shadow: 0 0 1px 2px #ffa321;
}

.linklist--sidebar .link__item ul {
  list-style: none;
  margin: 0 0 0 1em;
  font-size: 75%;
}
.linklist--sidebar .link__item ul li {
  margin-bottom: 0;
  margin-top: 0.25em;
}
.linklist--sidebar .link__item ul li:first-child {
  margin-top: 0;
}
.linklist--sidebar .link__item ul a {
  padding-left: 25px;
}
.linklist--sidebar .link__item ul .link__icon {
  top: 7px;
}

.link__item--pseudo > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: 0.5em;
  background-image: url("../img/icons/arrowhead.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.link__item--pseudo a:hover:before {
  background-image: url("../img/icons/arrowhead-white.svg");
}

.link__icon {
  position: absolute;
  left: 0;
  top: 8px;
}

.list--zero {
  margin-top: 0;
}
.list--zero li {
  margin-bottom: 0;
}

.linklist--icon-large .link__item a {
  padding-left: 40px;
}

.linklist--icon-small .link__item a {
  display: inline-block;
  padding-left: 30px;
  padding-top: 0.3333333333em;
  padding-bottom: 0.3333333333em;
}
.linklist--icon-small .link__icon {
  top: 9px;
  margin-top: 0;
}

.linklist--float .link__item {
  width: 50%;
  float: left;
  overflow: display;
}
.linklist--float .link__item a {
  padding-top: 0.6666666667em;
  padding-bottom: 0.6666666667em;
  display: inline-block;
}
.linklist--float .link__item .icon--small {
  width: 32px;
  height: 32px;
}

.linklist--block .link__item {
  width: 50%;
  float: left;
}
@media screen and (min-width: 70em) {
  .linklist--block .link__item {
    width: 100%;
  }
  .linklist--block .link__item a {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
    border-bottom: 1px solid #1fb0ff;
  }
}

.linklist--sidebar .link__item {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  line-height: 1.1;
}
.linklist--sidebar .link__item .icon {
  left: 0.5em;
}
.linklist--sidebar .link__item a {
  padding-left: 40px;
}
.linklist--sidebar .link__item a:hover, .linklist--sidebar .link__item a:focus {
  background-color: #0077b8;
  color: #FFFFFF;
}
.linklist--sidebar .link__item a:hover span, .linklist--sidebar .link__item a:focus span {
  background-image: url(../../assets/img/icons/arrowhead-white.svg);
}
.linklist--sidebar .link__item.is-current a {
  background-color: #0077b8;
  color: #FFFFFF;
}

.link__item.current_page_item span {
  background-image: url(../../assets/img/icons/arrowhead-white.svg);
}

.linklist--block.linklist--white a {
  color: #FFFFFF;
  display: block;
  padding-top: 0.6666666667em;
  padding-bottom: 0.6666666667em;
}

.skip-link {
  position: absolute;
  top: -100%;
  padding: 0.5rem;
  left: 0;
  color: white;
  font-weight: bold;
  font-size: 1.2rem;
  background: #0164A8;
  text-decoration: none;
  z-index: 10000;
}

.skip-link:focus {
  left: 0;
  top: 0;
  text-decoration: underline;
  color: white;
}

.expander {
  background-color: #F6F6F6;
  border: 1px solid #0164A8;
  border-bottom-width: 4px;
  padding: 0.75em 1.5em;
}
.expander p {
  text-align: left;
}
.expander:not(:first-child) {
  margin-top: 1em;
}

.expander__button {
  display: block;
  text-decoration: underline;
  cursor: pointer;
  color: #404040;
  font-size: 1em;
  padding: 0.25em 0.25em 0.5em 3em;
  background-color: #F6F6F6;
  background-image: url("../img/icons/circle-minus-blue.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 2em 2em;
  border: 0;
  border-radius: 0;
  width: 100%;
  text-align: left;
}
.expander__button:hover {
  color: #404040;
  text-decoration-thickness: 3px;
}
.expander__button:focus {
  background-image: url("../img/icons/circle-minus-blue.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 2em 2em;
  text-decoration: underline;
  box-shadow: 0 -2px #404040, 0 4px #404040;
  color: #404040;
}
@media screen and (min-width: 30em) {
  .expander__button {
    font-size: 1.125em;
  }
}
.expander__button p {
  margin: 0;
}

.expander--minimised {
  border-bottom-width: 1px;
}
.expander--minimised .expander__button {
  background-image: url("../img/icons/circle-plus-blue.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 2em 2em;
}
.expander--minimised .expander__button:focus {
  background-image: url("../img/icons/circle-plus-black.svg");
  background-repeat: no-repeat;
  background-position: left;
}
.expander--minimised .expander__content {
  display: none;
}

.expander__content {
  padding: 0.75em 0;
}
.expander__content a {
  text-decoration: underline;
}
.expander__content p:last-child,
.expander__content ul:last-child,
.expander__content ol:last-child {
  margin: 0;
}
@media screen and (min-width: 37.5em) {
  .expander__content {
    font-size: 1.125em;
  }
}

/* $. Interface - Project specific objects i.e. .work, .product, etc
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Header
 * Description:
 *    Header layout module, used to define the header at the top of each page.
 *    This could be used in combination with other components to create a
 *    fully-fledged design.
 * Sections:
 *    $. Base
 *    $. Logo
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.header {
  z-index: 15;
  background: #FFFFFF;
}
@media screen and (min-width: 56em) {
  .header {
    position: relative;
    padding-bottom: 0;
  }
}

.header__container-upper {
  position: relative;
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 56em) {
  .header__container-upper {
    width: 85%;
    padding: 1em 0 2em 0;
  }
}

.header__container-lower {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 56em) {
  .header__container-lower {
    width: 100%;
  }
}

/* $. Logo
\*----------------------------------------------------------------*/
.header__logo {
  width: 164px;
  height: 80px;
  margin: 0.5em 0 0.5em 0.5em;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg viewBox="0 0 162 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Group</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Group" transform="translate(0.35, 0.35)" fill-rule="nonzero"><path d="M158.77,3.02 L157.44,7.11 C156.38,6.61 154.93,6.17 152.89,6.17 C150.7,6.17 148.93,6.49 148.93,8.14 C148.93,11.05 156.94,9.96 156.94,16.2 C156.94,21.88 151.65,23.35 146.86,23.35 C144.73,23.35 142.28,22.85 140.47,22.29 L141.77,18.11 C142.86,18.82 145.05,19.29 146.85,19.29 C148.65,19.29 151.25,18.97 151.25,16.85 C151.25,13.55 143.24,14.79 143.24,9 C143.24,3.7 147.91,2.11 152.44,2.11 C154.98,2.11 157.38,2.38 158.77,3.02 M142.89,2.46 L138.6,22.99 L133.07,22.99 L134.9,14.2 L128.36,14.2 L126.53,22.99 L121,22.99 L125.29,2.46 L130.82,2.46 L129.2,10.32 L135.73,10.32 L137.36,2.46 L142.89,2.46 Z M123.26,2.46 L118.89,22.99 L112.03,22.99 L107.72,8.78 L107.66,8.78 L104.79,22.99 L99.59,22.99 L104,2.46 L110.89,2.46 L115.12,16.7 L115.18,16.7 L118.08,2.46 L123.28,2.46 L123.26,2.46 Z M161.14,0 L97.79,0 L97.79,25.51 L161.14,25.51 L161.14,0 L161.14,0 Z" id="Shape" fill="%23005EB8"></path><path d="M10.26,41.26 C10.26,44.39 8.55,45.96 5.13,45.96 C1.71,45.96 0,44.39 0,41.24 L0,33.18 L2.52,33.18 L2.52,40.49 C2.52,42.82 3.39,43.98 5.13,43.98 C6.87,43.98 7.74,42.82 7.74,40.49 L7.74,33.18 L10.26,33.18 L10.26,41.26 Z" id="Path" fill="%23231F20"></path><path d="M17.4,38.13 C16.69,38.13 16.16,38.42 15.81,39.01 C15.46,39.6 15.28,40.34 15.28,41.24 L15.28,45.74 L12.87,45.74 L12.87,36.47 L15.16,36.47 L15.16,37.73 L15.2,37.73 C15.9,36.75 16.91,36.25 18.24,36.25 C19.27,36.25 20.05,36.57 20.59,37.22 C21.13,37.87 21.39,38.76 21.39,39.88 L21.39,45.73 L18.98,45.73 L18.98,40.53 C18.98,39.69 18.86,39.08 18.61,38.69 C18.36,38.31 17.97,38.11 17.41,38.11 L17.4,38.13 Z" id="Path" fill="%23231F20"></path><path d="M26.33,32.48 L26.33,34.78 L23.92,34.78 L23.92,32.48 L26.33,32.48 L26.33,32.48 Z M26.33,36.48 L26.33,45.75 L23.92,45.75 L23.92,36.48 L26.33,36.48 L26.33,36.48 Z" id="Shape" fill="%23231F20"></path><path d="M32.61,45.96 C31.65,45.96 30.92,45.69 30.41,45.14 C29.91,44.59 29.65,43.87 29.65,42.95 L29.65,38.23 L27.87,38.23 L27.87,36.47 L29.65,36.47 L29.65,34.62 L32.06,33.85 L32.06,36.48 L34.2,36.48 L34.2,38.24 L32.06,38.24 L32.06,42.54 C32.06,43.04 32.15,43.43 32.33,43.69 C32.51,43.95 32.8,44.09 33.21,44.09 C33.67,44.09 34.03,44.01 34.29,43.84 L34.36,45.75 C33.86,45.89 33.27,45.97 32.6,45.97 L32.61,45.96 Z" id="Path" fill="%23231F20"></path><path d="M40.14,45.96 C38.6,45.96 37.41,45.54 36.56,44.7 C35.71,43.86 35.28,42.68 35.28,41.15 C35.28,40.25 35.44,39.43 35.76,38.69 C36.08,37.95 36.56,37.36 37.2,36.92 C37.84,36.48 38.64,36.25 39.58,36.25 C41.12,36.25 42.24,36.71 42.94,37.64 C43.64,38.56 43.99,39.97 43.99,41.85 L37.58,41.85 C37.64,42.58 37.9,43.16 38.37,43.57 C38.84,43.98 39.46,44.19 40.24,44.19 C40.77,44.19 41.28,44.11 41.79,43.94 C42.3,43.77 42.8,43.54 43.3,43.26 L43.3,45.22 C42.41,45.71 41.36,45.96 40.13,45.96 L40.14,45.96 Z M39.7,38.02 C39.1,38.02 38.61,38.21 38.23,38.59 C37.85,38.97 37.63,39.51 37.57,40.2 L41.67,40.2 C41.62,39.52 41.43,38.98 41.1,38.6 C40.77,38.22 40.3,38.02 39.69,38.02 L39.7,38.02 Z" id="Shape" fill="%23231F20"></path><path d="M52.02,44.7 C51.35,45.54 50.4,45.96 49.18,45.96 C47.87,45.96 46.9,45.5 46.26,44.58 C45.62,43.66 45.3,42.5 45.3,41.08 C45.3,39.66 45.63,38.45 46.29,37.57 C46.95,36.69 47.92,36.26 49.19,36.26 C49.79,36.26 50.31,36.36 50.76,36.57 C51.2,36.78 51.61,37.11 51.97,37.55 L52.01,37.55 L52.01,32.24 L54.42,32.24 L54.42,45.74 L52.08,45.74 L52.08,44.7 L52.04,44.7 L52.02,44.7 Z M51.96,41.08 C51.96,40.6 51.88,40.14 51.73,39.68 C51.57,39.23 51.33,38.86 51.01,38.56 C50.69,38.26 50.28,38.12 49.8,38.12 C49.14,38.12 48.64,38.41 48.31,38.98 C47.98,39.55 47.81,40.25 47.81,41.07 C47.81,41.89 47.98,42.56 48.31,43.17 C48.64,43.78 49.15,44.08 49.85,44.08 C50.55,44.08 51.1,43.78 51.45,43.17 C51.8,42.56 51.97,41.86 51.97,41.07 L51.96,41.08 Z" id="Shape" fill="%23231F20"></path><polygon id="Path" fill="%23231F20" points="64.62 33.18 64.62 43.76 69.5 43.76 69.5 45.74 62.1 45.74 62.1 33.18 64.62 33.18"></polygon><path d="M73.35,32.48 L73.35,34.78 L70.94,34.78 L70.94,32.48 L73.35,32.48 Z M73.35,36.48 L73.35,45.75 L70.94,45.75 L70.94,36.48 L73.35,36.48 Z" id="Shape" fill="%23231F20"></path><path d="M80.42,38.13 C79.71,38.13 79.18,38.42 78.83,39.01 C78.48,39.6 78.3,40.34 78.3,41.24 L78.3,45.74 L75.89,45.74 L75.89,36.47 L78.18,36.47 L78.18,37.73 L78.22,37.73 C78.92,36.75 79.93,36.25 81.26,36.25 C82.29,36.25 83.07,36.57 83.61,37.22 C84.15,37.87 84.41,38.76 84.41,39.88 L84.41,45.73 L82,45.73 L82,40.53 C82,39.69 81.88,39.08 81.63,38.69 C81.38,38.31 80.99,38.11 80.43,38.11 L80.42,38.13 Z" id="Path" fill="%23231F20"></path><path d="M90.88,45.96 C89.44,45.96 88.31,45.53 87.51,44.66 C86.7,43.79 86.3,42.59 86.3,41.07 C86.3,40.15 86.48,39.32 86.84,38.6 C87.2,37.87 87.72,37.3 88.4,36.89 C89.08,36.48 89.88,36.27 90.8,36.27 C91.66,36.27 92.44,36.37 93.12,36.58 L92.9,38.49 C92.41,38.26 91.87,38.15 91.28,38.15 C90.54,38.15 89.94,38.42 89.49,38.96 C89.04,39.5 88.82,40.21 88.82,41.08 C88.82,42 89.04,42.74 89.48,43.29 C89.92,43.84 90.53,44.11 91.32,44.11 C91.58,44.11 91.88,44.07 92.21,43.99 C92.54,43.91 92.86,43.81 93.17,43.68 L93.28,45.68 C92.6,45.88 91.8,45.99 90.89,45.99 L90.88,45.96 Z" id="Path" fill="%23231F20"></path><path d="M99.12,45.96 C98.15,45.96 97.3,45.75 96.56,45.34 C95.83,44.93 95.26,44.36 94.87,43.63 C94.47,42.9 94.28,42.09 94.28,41.17 C94.28,40.2 94.49,39.34 94.9,38.6 C95.31,37.86 95.89,37.28 96.62,36.87 C97.35,36.46 98.19,36.26 99.12,36.26 C100.05,36.26 100.89,36.46 101.63,36.87 C102.37,37.28 102.94,37.85 103.36,38.59 C103.77,39.33 103.98,40.19 103.98,41.17 C103.98,42.08 103.78,42.9 103.39,43.63 C102.99,44.36 102.43,44.93 101.69,45.34 C100.95,45.75 100.1,45.96 99.13,45.96 L99.12,45.96 Z M101.46,40.89 C101.46,40.11 101.26,39.46 100.85,38.93 C100.44,38.4 99.87,38.14 99.12,38.14 C98.37,38.14 97.83,38.41 97.42,38.94 C97.01,39.47 96.8,40.13 96.8,40.89 C96.8,41.9 97,42.68 97.38,43.25 C97.76,43.82 98.35,44.1 99.12,44.1 C99.89,44.1 100.47,43.82 100.87,43.26 C101.27,42.7 101.46,41.91 101.46,40.89 L101.46,40.89 Z" id="Shape" fill="%23231F20"></path><polygon id="Path" fill="%23231F20" points="108.34 32.25 108.34 45.75 105.93 45.75 105.93 32.25 108.34 32.25"></polygon><path d="M115.41,38.13 C114.7,38.13 114.17,38.42 113.82,39.01 C113.47,39.6 113.29,40.34 113.29,41.24 L113.29,45.74 L110.88,45.74 L110.88,36.47 L113.17,36.47 L113.17,37.73 L113.21,37.73 C113.91,36.75 114.92,36.25 116.25,36.25 C117.28,36.25 118.06,36.57 118.6,37.22 C119.14,37.87 119.4,38.76 119.4,39.88 L119.4,45.73 L116.99,45.73 L116.99,40.53 C116.99,39.69 116.87,39.08 116.62,38.69 C116.37,38.31 115.98,38.11 115.42,38.11 L115.41,38.13 Z" id="Path" fill="%23231F20"></path><path d="M123.89,44.2 C124.3,44.2 124.66,44.11 124.99,43.93 C125.31,43.75 125.48,43.46 125.48,43.07 C125.48,42.75 125.35,42.49 125.07,42.31 C124.8,42.12 124.36,41.95 123.75,41.8 C122.89,41.57 122.26,41.26 121.87,40.86 C121.48,40.46 121.29,39.89 121.29,39.15 C121.29,38.25 121.63,37.55 122.31,37.03 C122.99,36.52 123.87,36.27 124.95,36.27 C125.72,36.27 126.59,36.38 127.56,36.61 L127.4,38.43 C126.98,38.29 126.61,38.18 126.29,38.12 C125.97,38.06 125.63,38.03 125.26,38.03 C124.83,38.03 124.48,38.12 124.22,38.29 C123.96,38.46 123.82,38.72 123.82,39.06 C123.82,39.31 123.94,39.52 124.19,39.67 C124.44,39.83 124.85,39.98 125.42,40.14 C126.31,40.38 126.96,40.72 127.38,41.16 C127.8,41.6 128.01,42.2 128.01,42.95 C128.01,43.92 127.65,44.67 126.92,45.19 C126.19,45.71 125.25,45.97 124.1,45.97 C123.28,45.97 122.38,45.84 121.38,45.57 L121.52,43.59 C122.34,44 123.13,44.2 123.9,44.2 L123.89,44.2 Z" id="Path" fill="%23231F20"></path><path d="M134.4,38.13 C133.7,38.13 133.18,38.42 132.82,38.98 C132.46,39.55 132.28,40.31 132.28,41.26 L132.28,45.74 L129.87,45.74 L129.87,32.24 L132.28,32.24 L132.28,37.73 L132.32,37.73 C132.62,37.27 133.02,36.91 133.53,36.65 C134.04,36.39 134.61,36.25 135.23,36.25 C136.26,36.25 137.04,36.58 137.58,37.23 C138.11,37.88 138.38,38.76 138.38,39.87 L138.38,45.74 L135.97,45.74 L135.97,40.5 C135.97,39.66 135.84,39.05 135.59,38.68 C135.34,38.31 134.94,38.12 134.4,38.12 L134.4,38.13 Z" id="Path" fill="%23231F20"></path><path d="M143.33,32.48 L143.33,34.78 L140.92,34.78 L140.92,32.48 L143.33,32.48 Z M143.33,36.48 L143.33,45.75 L140.92,45.75 L140.92,36.48 L143.33,36.48 Z" id="Shape" fill="%23231F20"></path><path d="M148.06,36.48 L148.06,38.59 L148.1,38.59 C148.15,38.25 148.29,37.9 148.52,37.54 C148.75,37.17 149.06,36.87 149.45,36.63 C149.83,36.39 150.24,36.27 150.66,36.27 C150.95,36.27 151.19,36.29 151.38,36.34 L151.38,38.77 C151.15,38.64 150.79,38.57 150.3,38.57 C149.66,38.57 149.18,38.84 148.84,39.38 C148.5,39.92 148.34,40.77 148.34,41.94 L148.34,45.76 L145.93,45.76 L145.93,36.49 L148.07,36.49 L148.06,36.48 Z" id="Path" fill="%23231F20"></path><path d="M156.81,45.96 C155.27,45.96 154.08,45.54 153.23,44.7 C152.38,43.86 151.95,42.68 151.95,41.15 C151.95,40.25 152.11,39.43 152.43,38.69 C152.75,37.95 153.23,37.36 153.87,36.92 C154.51,36.48 155.31,36.25 156.25,36.25 C157.79,36.25 158.91,36.71 159.61,37.64 C160.31,38.56 160.66,39.97 160.66,41.85 L154.25,41.85 C154.31,42.58 154.57,43.16 155.04,43.57 C155.51,43.98 156.13,44.19 156.91,44.19 C157.44,44.19 157.95,44.11 158.46,43.94 C158.97,43.77 159.47,43.54 159.97,43.26 L159.97,45.22 C159.08,45.71 158.03,45.96 156.8,45.96 L156.81,45.96 Z M156.38,38.02 C155.78,38.02 155.29,38.21 154.91,38.59 C154.53,38.97 154.31,39.51 154.25,40.2 L158.35,40.2 C158.3,39.52 158.11,38.98 157.78,38.6 C157.45,38.22 156.98,38.02 156.37,38.02 L156.38,38.02 Z" id="Shape" fill="%23231F20"></path><polygon id="Path" fill="%23231F20" points="4.44 53.46 4.44 51.48 14.16 51.48 14.16 53.46 10.56 53.46 10.56 64.04 8.04 64.04 8.04 53.46 4.44 53.46"></polygon><path d="M17.82,64.26 C16.28,64.26 15.09,63.84 14.24,63 C13.39,62.16 12.96,60.98 12.96,59.45 C12.96,58.55 13.12,57.73 13.44,56.99 C13.76,56.25 14.24,55.66 14.88,55.22 C15.52,54.78 16.32,54.55 17.26,54.55 C18.8,54.55 19.92,55.01 20.62,55.94 C21.32,56.86 21.67,58.27 21.67,60.15 L15.26,60.15 C15.32,60.88 15.58,61.46 16.05,61.87 C16.52,62.28 17.14,62.49 17.92,62.49 C18.45,62.49 18.96,62.41 19.47,62.24 C19.98,62.07 20.48,61.84 20.98,61.56 L20.98,63.52 C20.09,64.01 19.04,64.26 17.81,64.26 L17.82,64.26 Z M17.38,56.32 C16.78,56.32 16.29,56.51 15.91,56.89 C15.53,57.27 15.31,57.81 15.25,58.5 L19.35,58.5 C19.3,57.82 19.11,57.28 18.78,56.9 C18.45,56.52 17.98,56.32 17.37,56.32 L17.38,56.32 Z" id="Shape" fill="%23231F20"></path><path d="M29.1,62.66 L29.06,62.66 C28.8,63.15 28.4,63.54 27.87,63.83 C27.34,64.12 26.78,64.26 26.2,64.26 C25.62,64.26 25.11,64.15 24.61,63.93 C24.11,63.71 23.71,63.39 23.41,62.97 C23.11,62.55 22.96,62.06 22.96,61.49 C22.96,60.48 23.33,59.7 24.08,59.15 C24.82,58.6 25.96,58.32 27.5,58.32 L28.99,58.32 L28.99,58.28 C28.99,57.55 28.82,57.04 28.47,56.75 C28.12,56.46 27.6,56.32 26.9,56.32 C26.41,56.32 25.91,56.41 25.42,56.59 C24.92,56.77 24.46,57.02 24.04,57.33 L23.97,55.26 C24.43,55.06 24.94,54.89 25.52,54.76 C26.1,54.63 26.65,54.56 27.19,54.56 C28.59,54.56 29.61,54.87 30.24,55.48 C30.87,56.09 31.19,57.09 31.19,58.47 L31.19,60.38 C31.19,60.79 31.2,61.37 31.23,62.12 C31.25,62.87 31.29,63.52 31.34,64.06 L29.22,64.06 C29.18,63.87 29.15,63.41 29.11,62.67 L29.1,62.66 Z M25.27,61.36 C25.27,61.72 25.4,62 25.68,62.2 C25.95,62.4 26.32,62.5 26.8,62.5 C27.41,62.5 27.93,62.28 28.36,61.83 C28.79,61.38 29,60.73 29,59.87 L29,59.76 L27.94,59.76 C26.16,59.76 25.28,60.29 25.28,61.36 L25.27,61.36 Z" id="Shape" fill="%23231F20"></path><path d="M37.56,64.26 C36.12,64.26 34.99,63.83 34.19,62.96 C33.38,62.09 32.98,60.89 32.98,59.37 C32.98,58.45 33.16,57.62 33.52,56.9 C33.88,56.17 34.4,55.6 35.08,55.19 C35.76,54.78 36.56,54.57 37.48,54.57 C38.34,54.57 39.12,54.67 39.8,54.88 L39.58,56.79 C39.09,56.56 38.55,56.45 37.96,56.45 C37.22,56.45 36.62,56.72 36.17,57.26 C35.72,57.8 35.5,58.51 35.5,59.38 C35.5,60.3 35.72,61.04 36.16,61.59 C36.6,62.14 37.21,62.41 38,62.41 C38.26,62.41 38.56,62.37 38.89,62.29 C39.22,62.21 39.54,62.11 39.85,61.98 L39.96,63.98 C39.28,64.18 38.48,64.29 37.57,64.29 L37.56,64.26 Z" id="Path" fill="%23231F20"></path><path d="M46.09,56.43 C45.39,56.43 44.87,56.72 44.51,57.28 C44.15,57.85 43.97,58.61 43.97,59.56 L43.97,64.04 L41.56,64.04 L41.56,50.54 L43.97,50.54 L43.97,56.03 L44.01,56.03 C44.31,55.57 44.71,55.21 45.22,54.95 C45.73,54.69 46.3,54.55 46.92,54.55 C47.95,54.55 48.73,54.88 49.27,55.53 C49.8,56.18 50.07,57.06 50.07,58.17 L50.07,64.04 L47.66,64.04 L47.66,58.8 C47.66,57.96 47.53,57.35 47.28,56.98 C47.03,56.61 46.63,56.42 46.09,56.42 L46.09,56.43 Z" id="Path" fill="%23231F20"></path><path d="M55.02,50.78 L55.02,53.08 L52.61,53.08 L52.61,50.78 L55.02,50.78 Z M55.02,54.78 L55.02,64.05 L52.61,64.05 L52.61,54.78 L55.02,54.78 Z" id="Shape" fill="%23231F20"></path><path d="M62.1,56.43 C61.39,56.43 60.86,56.72 60.51,57.31 C60.16,57.9 59.98,58.64 59.98,59.54 L59.98,64.04 L57.57,64.04 L57.57,54.77 L59.86,54.77 L59.86,56.03 L59.9,56.03 C60.6,55.05 61.61,54.55 62.94,54.55 C63.97,54.55 64.75,54.87 65.29,55.52 C65.83,56.17 66.09,57.06 66.09,58.18 L66.09,64.03 L63.68,64.03 L63.68,58.83 C63.68,57.99 63.56,57.38 63.31,56.99 C63.06,56.61 62.67,56.41 62.11,56.41 L62.1,56.43 Z" id="Path" fill="%23231F20"></path><path d="M71.74,64.05 C70.5,64.05 69.57,63.62 68.92,62.77 C68.28,61.92 67.96,60.78 67.96,59.37 C67.96,58.58 68.1,57.81 68.38,57.08 C68.66,56.34 69.1,55.74 69.69,55.27 C70.28,54.8 71.01,54.57 71.88,54.57 C72.52,54.57 73.07,54.69 73.54,54.92 C74.01,55.15 74.4,55.53 74.73,56.05 L74.77,56.05 L74.77,54.79 L77.07,54.79 L77.07,63.2 C77.07,64.78 76.66,65.99 75.85,66.82 C75.03,67.65 73.82,68.06 72.21,68.06 C71.04,68.06 69.97,67.85 68.97,67.43 L69.17,65.38 C69.6,65.61 70.08,65.8 70.59,65.96 C71.11,66.12 71.54,66.19 71.89,66.19 C72.93,66.19 73.66,65.9 74.06,65.33 C74.46,64.75 74.66,63.93 74.66,62.86 L74.66,62.59 L74.62,62.59 C74.36,63.05 73.96,63.41 73.44,63.67 C72.92,63.93 72.35,64.07 71.74,64.07 L71.74,64.05 Z M74.66,59.31 C74.66,58.49 74.5,57.81 74.17,57.26 C73.85,56.71 73.33,56.43 72.62,56.43 C71.91,56.43 71.39,56.7 71.03,57.24 C70.67,57.78 70.48,58.49 70.48,59.36 C70.48,59.8 70.56,60.24 70.71,60.67 C70.87,61.1 71.1,61.46 71.41,61.74 C71.72,62.02 72.09,62.16 72.53,62.16 C73.25,62.16 73.78,61.89 74.13,61.35 C74.48,60.81 74.65,60.13 74.65,59.3 L74.66,59.31 Z" id="Shape" fill="%23231F20"></path><polygon id="Path" fill="%23231F20" points="87.3 58.54 87.3 64.05 84.78 64.05 84.78 51.49 87.3 51.49 87.3 56.57 92.34 56.57 92.34 51.49 94.86 51.49 94.86 64.05 92.34 64.05 92.34 58.54"></polygon><path d="M101.8,64.26 C100.83,64.26 99.98,64.05 99.24,63.64 C98.51,63.23 97.94,62.66 97.55,61.93 C97.15,61.2 96.96,60.39 96.96,59.47 C96.96,58.5 97.17,57.64 97.58,56.9 C97.99,56.16 98.57,55.58 99.3,55.17 C100.03,54.76 100.87,54.56 101.8,54.56 C102.73,54.56 103.57,54.76 104.31,55.17 C105.05,55.58 105.62,56.15 106.04,56.89 C106.45,57.63 106.66,58.49 106.66,59.47 C106.66,60.38 106.46,61.2 106.07,61.93 C105.67,62.66 105.11,63.23 104.37,63.64 C103.63,64.05 102.78,64.26 101.81,64.26 L101.8,64.26 Z M104.14,59.19 C104.14,58.41 103.94,57.76 103.53,57.23 C103.12,56.7 102.55,56.44 101.8,56.44 C101.05,56.44 100.51,56.71 100.1,57.24 C99.69,57.77 99.48,58.43 99.48,59.19 C99.48,60.2 99.68,60.98 100.06,61.55 C100.44,62.12 101.03,62.4 101.8,62.4 C102.57,62.4 103.15,62.12 103.55,61.56 C103.95,61 104.14,60.21 104.14,59.19 L104.14,59.19 Z" id="Shape" fill="%23231F20"></path><path d="M110.57,62.5 C110.98,62.5 111.34,62.41 111.67,62.23 C111.99,62.05 112.16,61.76 112.16,61.37 C112.16,61.05 112.03,60.79 111.75,60.61 C111.48,60.42 111.04,60.25 110.43,60.1 C109.57,59.87 108.94,59.56 108.55,59.16 C108.16,58.76 107.97,58.19 107.97,57.45 C107.97,56.55 108.31,55.85 108.99,55.33 C109.67,54.82 110.55,54.57 111.63,54.57 C112.4,54.57 113.27,54.68 114.24,54.91 L114.08,56.73 C113.66,56.59 113.29,56.48 112.97,56.42 C112.65,56.36 112.31,56.33 111.94,56.33 C111.51,56.33 111.16,56.42 110.9,56.59 C110.64,56.76 110.5,57.02 110.5,57.36 C110.5,57.61 110.62,57.82 110.87,57.97 C111.12,58.13 111.53,58.28 112.1,58.44 C112.99,58.68 113.64,59.02 114.06,59.46 C114.48,59.9 114.69,60.5 114.69,61.25 C114.69,62.22 114.33,62.97 113.6,63.49 C112.87,64.01 111.93,64.27 110.78,64.27 C109.96,64.27 109.06,64.14 108.06,63.87 L108.2,61.89 C109.02,62.3 109.81,62.5 110.58,62.5 L110.57,62.5 Z" id="Path" fill="%23231F20"></path><path d="M118.85,54.78 L118.85,56.09 L118.89,56.09 C119.51,55.07 120.47,54.56 121.77,54.56 C123.07,54.56 124.02,55 124.68,55.88 C125.33,56.76 125.66,57.93 125.66,59.38 C125.66,60.83 125.33,62.01 124.67,62.91 C124.01,63.81 123.03,64.26 121.72,64.26 C121.11,64.26 120.6,64.16 120.19,63.96 C119.78,63.76 119.39,63.44 119,62.98 L118.96,62.98 L118.96,67.82 L116.55,67.82 L116.55,54.77 L118.85,54.77 L118.85,54.78 Z M123.13,59.38 C123.13,58.6 122.97,57.91 122.64,57.32 C122.32,56.73 121.81,56.43 121.13,56.43 C120.64,56.43 120.23,56.58 119.91,56.88 C119.59,57.18 119.35,57.56 119.2,58.01 C119.05,58.46 118.97,58.92 118.97,59.39 C118.97,60.18 119.15,60.88 119.5,61.49 C119.85,62.1 120.38,62.4 121.09,62.4 C121.8,62.4 122.3,62.1 122.63,61.5 C122.96,60.9 123.13,60.2 123.13,59.39 L123.13,59.38 Z" id="Shape" fill="%23231F20"></path><path d="M130.01,50.78 L130.01,53.08 L127.6,53.08 L127.6,50.78 L130.01,50.78 Z M130.01,54.78 L130.01,64.05 L127.6,64.05 L127.6,54.78 L130.01,54.78 Z" id="Shape" fill="%23231F20"></path><path d="M136.29,64.26 C135.33,64.26 134.6,63.99 134.09,63.44 C133.59,62.89 133.33,62.17 133.33,61.25 L133.33,56.53 L131.55,56.53 L131.55,54.77 L133.33,54.77 L133.33,52.92 L135.74,52.15 L135.74,54.78 L137.88,54.78 L137.88,56.54 L135.74,56.54 L135.74,60.84 C135.74,61.34 135.83,61.73 136.01,61.99 C136.19,62.25 136.48,62.39 136.89,62.39 C137.35,62.39 137.71,62.31 137.97,62.14 L138.04,64.05 C137.54,64.19 136.95,64.27 136.28,64.27 L136.29,64.26 Z" id="Path" fill="%23231F20"></path><path d="M145.09,62.66 L145.05,62.66 C144.79,63.15 144.39,63.54 143.86,63.83 C143.33,64.12 142.77,64.26 142.19,64.26 C141.61,64.26 141.1,64.15 140.6,63.93 C140.1,63.71 139.7,63.39 139.4,62.97 C139.1,62.55 138.95,62.06 138.95,61.49 C138.95,60.48 139.32,59.7 140.07,59.15 C140.81,58.6 141.95,58.32 143.49,58.32 L144.98,58.32 L144.98,58.28 C144.98,57.55 144.81,57.04 144.46,56.75 C144.11,56.46 143.59,56.32 142.89,56.32 C142.4,56.32 141.9,56.41 141.41,56.59 C140.91,56.77 140.45,57.02 140.03,57.33 L139.96,55.26 C140.42,55.06 140.93,54.89 141.51,54.76 C142.09,54.63 142.64,54.56 143.18,54.56 C144.58,54.56 145.6,54.87 146.23,55.48 C146.86,56.09 147.18,57.09 147.18,58.47 L147.18,60.38 C147.18,60.79 147.19,61.37 147.22,62.12 C147.24,62.87 147.28,63.52 147.33,64.06 L145.21,64.06 C145.17,63.87 145.14,63.41 145.1,62.67 L145.09,62.66 Z M141.26,61.36 C141.26,61.72 141.39,62 141.67,62.2 C141.94,62.4 142.31,62.5 142.79,62.5 C143.4,62.5 143.92,62.28 144.35,61.83 C144.78,61.38 144.99,60.73 144.99,59.87 L144.99,59.76 L143.93,59.76 C142.15,59.76 141.27,60.29 141.27,61.36 L141.26,61.36 Z" id="Shape" fill="%23231F20"></path><polygon id="Path" fill="%23231F20" points="152.02 50.55 152.02 64.05 149.61 64.05 149.61 50.55"></polygon><path d="M156.58,62.5 C156.99,62.5 157.35,62.41 157.68,62.23 C158,62.05 158.17,61.76 158.17,61.37 C158.17,61.05 158.04,60.79 157.76,60.61 C157.49,60.42 157.05,60.25 156.44,60.1 C155.58,59.87 154.95,59.56 154.56,59.16 C154.17,58.76 153.98,58.19 153.98,57.45 C153.98,56.55 154.32,55.85 155,55.33 C155.68,54.82 156.56,54.57 157.64,54.57 C158.41,54.57 159.28,54.68 160.25,54.91 L160.09,56.73 C159.67,56.59 159.3,56.48 158.98,56.42 C158.66,56.36 158.32,56.33 157.95,56.33 C157.52,56.33 157.17,56.42 156.91,56.59 C156.65,56.76 156.51,57.02 156.51,57.36 C156.51,57.61 156.63,57.82 156.88,57.97 C157.13,58.13 157.54,58.28 158.11,58.44 C159,58.68 159.65,59.02 160.07,59.46 C160.49,59.9 160.7,60.5 160.7,61.25 C160.7,62.22 160.34,62.97 159.61,63.49 C158.88,64.01 157.94,64.27 156.79,64.27 C155.97,64.27 155.07,64.14 154.07,63.87 L154.21,61.89 C155.03,62.3 155.82,62.5 156.59,62.5 L156.58,62.5 Z" id="Path" fill="%23231F20"></path><polygon id="Path" fill="%23005EB8" points="108.91 72.78 108.91 79.04 107.3 79.04 107.3 70.66 109.36 70.66 112.55 76.92 112.57 76.92 112.57 70.66 114.18 70.66 114.18 79.04 112.13 79.04 108.93 72.78"></polygon><polygon id="Path" fill="%23005EB8" points="117.73 75.37 117.73 79.04 116.05 79.04 116.05 70.66 117.73 70.66 117.73 74.04 121.09 74.04 121.09 70.66 122.77 70.66 122.77 79.04 121.09 79.04 121.09 75.37"></polygon><path d="M126.62,77.87 C126.98,77.87 127.32,77.78 127.63,77.59 C127.95,77.41 128.1,77.14 128.1,76.79 C128.1,76.5 127.99,76.27 127.76,76.1 C127.54,75.93 127.18,75.75 126.7,75.55 C126.2,75.36 125.8,75.18 125.5,75 C125.2,74.83 124.94,74.59 124.73,74.27 C124.52,73.95 124.42,73.56 124.42,73.07 C124.42,72.22 124.7,71.58 125.25,71.16 C125.8,70.73 126.51,70.52 127.36,70.52 C128.09,70.52 128.75,70.62 129.35,70.82 L129.19,72.2 C128.62,71.96 128.05,71.84 127.49,71.84 C127.13,71.84 126.82,71.93 126.56,72.12 C126.3,72.31 126.17,72.6 126.17,73 C126.17,73.2 126.23,73.37 126.36,73.5 C126.49,73.64 126.64,73.74 126.8,73.82 C126.96,73.9 127.23,74.01 127.58,74.15 C128.05,74.33 128.44,74.51 128.76,74.69 C129.07,74.87 129.33,75.12 129.53,75.44 C129.73,75.76 129.84,76.16 129.84,76.65 C129.84,77.46 129.56,78.08 129.01,78.52 C128.46,78.96 127.68,79.18 126.68,79.18 C126.29,79.18 125.95,79.16 125.68,79.11 C125.4,79.06 125.03,78.98 124.55,78.86 L124.71,77.35 C125.35,77.69 125.98,77.87 126.61,77.87 L126.62,77.87 Z" id="Path" fill="%23005EB8"></path><polygon id="Path" fill="%23005EB8" points="133.84 71.99 133.84 70.67 140.32 70.67 140.32 71.99 137.92 71.99 137.92 79.05 136.24 79.05 136.24 71.99 133.84 71.99"></polygon><path d="M141.61,72.87 L141.61,74.27 L141.63,74.27 C141.66,74.05 141.76,73.81 141.91,73.57 C142.07,73.33 142.27,73.12 142.53,72.96 C142.79,72.8 143.05,72.72 143.33,72.72 C143.52,72.72 143.68,72.74 143.81,72.77 L143.81,74.39 C143.66,74.3 143.42,74.26 143.09,74.26 C142.67,74.26 142.34,74.44 142.12,74.8 C141.9,75.16 141.78,75.73 141.78,76.5 L141.78,79.04 L140.17,79.04 L140.17,72.86 L141.6,72.86 L141.61,72.87 Z" id="Path" fill="%23005EB8"></path><path d="M148.94,78.21 C148.68,78.53 148.37,78.77 148.03,78.94 C147.69,79.11 147.31,79.19 146.91,79.19 C146.23,79.19 145.71,78.98 145.35,78.55 C144.99,78.12 144.81,77.53 144.81,76.77 L144.81,72.87 L146.42,72.87 L146.42,76.4 C146.42,76.96 146.51,77.36 146.68,77.59 C146.85,77.82 147.12,77.94 147.46,77.94 C147.92,77.94 148.28,77.75 148.52,77.36 C148.76,76.98 148.88,76.47 148.88,75.85 L148.88,72.86 L150.49,72.86 L150.49,79.04 L148.97,79.04 L148.97,78.2 L148.95,78.2 L148.94,78.21 Z" id="Path" fill="%23005EB8"></path><path d="M153.49,78.01 C153.76,78.01 154.01,77.95 154.22,77.83 C154.43,77.71 154.54,77.52 154.54,77.25 C154.54,77.03 154.45,76.86 154.27,76.74 C154.09,76.62 153.8,76.5 153.39,76.4 C152.81,76.25 152.4,76.04 152.14,75.78 C151.88,75.52 151.75,75.14 151.75,74.64 C151.75,74.04 151.98,73.57 152.43,73.23 C152.88,72.89 153.47,72.72 154.19,72.72 C154.7,72.72 155.28,72.8 155.93,72.95 L155.82,74.16 C155.54,74.06 155.29,74 155.08,73.96 C154.87,73.92 154.64,73.9 154.39,73.9 C154.1,73.9 153.87,73.96 153.69,74.07 C153.51,74.19 153.43,74.36 153.43,74.58 C153.43,74.75 153.51,74.88 153.68,74.99 C153.84,75.09 154.12,75.2 154.5,75.3 C155.09,75.46 155.53,75.69 155.81,75.98 C156.09,76.27 156.23,76.67 156.23,77.17 C156.23,77.82 155.99,78.32 155.5,78.66 C155.02,79.01 154.39,79.18 153.62,79.18 C153.08,79.18 152.47,79.09 151.81,78.92 L151.91,77.6 C152.45,77.87 152.98,78.01 153.49,78.01 L153.49,78.01 Z" id="Path" fill="%23005EB8"></path><path d="M159.97,79.19 C159.33,79.19 158.84,79.01 158.51,78.64 C158.17,78.28 158.01,77.79 158.01,77.18 L158.01,74.04 L156.82,74.04 L156.82,72.86 L158.01,72.86 L158.01,71.62 L159.62,71.1 L159.62,72.85 L161.05,72.85 L161.05,74.03 L159.62,74.03 L159.62,76.9 C159.62,77.24 159.68,77.49 159.8,77.67 C159.92,77.85 160.12,77.93 160.39,77.93 C160.69,77.93 160.93,77.87 161.11,77.76 L161.16,79.03 C160.82,79.13 160.43,79.17 159.98,79.17 L159.97,79.19 Z" id="Path" fill="%23005EB8"></path></g></g></svg>');
  background-repeat: no-repeat;
}
@media screen and (min-width: 37.5em) {
  .header__logo {
    margin: 1em 0 1em 1em;
  }
}
@media screen and (min-width: 56em) {
  .header__logo {
    width: 205px;
    height: 100px;
  }
}

.header__logo-secondry {
  width: 12em;
  height: auto;
  margin: 0.5em 1em 0.5em 0;
}
@media screen and (min-width: 37.5em) {
  .header__logo-secondry {
    margin: 1em 0;
  }
}
@media screen and (min-width: 56em) {
  .header__logo-secondry {
    width: 300px;
    height: 100px;
    background-size: 100%;
  }
}

.header__logos {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 56em) {
  .header__logos {
    padding-bottom: 0.5em;
  }
}

/* $. Toggle
\*----------------------------------------------------------------*/
.toggle-container {
  transition: none;
  background-color: rgba(0, 0, 0, 0);
  width: 0;
  float: left;
}

.header__toggle {
  display: block;
  padding: 0;
  width: 40px;
  height: 40px;
  background-color: #0077b8;
  z-index: 30;
  top: 1em;
  left: 0;
}
@media screen and (min-width: 56em) {
  .header__toggle {
    display: none;
  }
}

/**
 * Title:
 *    Icons
 * Description:
 *    Styling for icons
 * Sections:
 *    $. Base
 *    $. Logo
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon--xsmall {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.icon--smallest {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon--small {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.icon--medium {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.icon--large {
  display: inline-block;
  width: 100px;
  height: 100px;
}
@media screen and (min-width: 56em) {
  .icon--large {
    width: 200px;
    height: 200px;
  }
}
@media screen and (min-width: 70em) {
  .icon--large {
    width: 250px;
    height: 250px;
  }
}

/* $. Header icons
\*----------------------------------------------------------------*/
.icon--navicon, .icon--cross {
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 auto;
}

.icon--btn {
  position: absolute;
  right: 5%;
  top: 50%;
  margin-top: -10px;
}

/* $. Icons push
\*----------------------------------------------------------------*/
.icon--push-right {
  margin-right: 0.5em;
}

/* $. Icons custom sizing
\*----------------------------------------------------------------*/
.icon--po_logo-2 {
  width: 70px;
}

.icon--disabledgo {
  height: 32px;
}

.icon--ADL {
  display: inline-block;
  width: 100%;
  height: 100px;
  margin-top: 2em;
}
@media screen and (min-width: 37.5em) {
  .icon--ADL {
    height: 160px;
  }
}

/**
 * Title:
 *    Footer
 * Description:
 *    Header layout module, used to define the header at the top of each page.
 *    This could be used in combination with other components to create a
 *    fully-fledged design.
 * Sections:
 *    $. Base
 *    $. Extras
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.footer {
  padding: 2em 0;
  position: relative;
}

.footer__container {
  padding-bottom: 2em;
}

/* $. Layout
\*----------------------------------------------------------------*/
.footer__block {
  padding-bottom: 2em;
  text-align: left;
}
.footer__block a {
  text-decoration: underline;
}
@media screen and (min-width: 62em) {
  .footer__block {
    padding-bottom: 0;
    margin-bottom: 2em;
  }
  .footer__block:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
.footer__block h1 {
  font-size: 1.5rem;
}
@media screen and (min-width: 48em) {
  .footer__block h1 {
    font-size: 1.3rem;
  }
}

.footer__nav {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 2em;
}

/* $. Extras
\*----------------------------------------------------------------*/
.footer__print {
  font-size: 0.75rem;
  display: block;
  margin-top: 1em;
  text-align: center;
  color: #666666;
}
@media screen and (min-width: 70em) {
  .footer__print {
    float: left;
    text-align: left;
    width: 100%;
    margin-top: 1em;
  }
}
.footer__print a {
  display: inline-block;
}

.footer__logo {
  display: block;
  margin: 0 auto;
  width: 355px;
  height: 20px;
  margin-bottom: 2em;
}

.footer__nav__social {
  text-align: center;
}
.footer__nav__social a {
  margin-left: 0.5em;
  display: inline-block;
}
.footer__nav__social .accessable {
  width: 100px;
  padding-bottom: 20px;
}
@media screen and (min-width: 70em) {
  .footer__nav__social {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
  }
}

.footer-upper__container {
  flex-direction: column-reverse;
  display: flex;
}
@media screen and (min-width: 70em) {
  .footer-upper__container {
    flex-direction: row;
  }
}

.cqc-widget a:focus {
  outline: 4px solid black;
}

a.widget-button-new-style:focus {
  outline: 4px solid black;
}

.formatted-quote {
  position: relative;
  max-width: 56rem;
  border: 14px solid #cbe3f3;
  border-radius: 18px;
  margin-top: 6rem;
  margin-bottom: 4rem;
  padding: 3rem 3rem 2rem 3rem;
}

.formatted-quote__message {
  position: relative;
  color: #003d7d;
  padding: 0 2rem;
  font-size: 1.3rem;
  text-align: center;
}

.formatted-quote__opening {
  position: absolute;
  top: -2rem;
  left: -3rem;
  width: 2rem;
}
.formatted-quote__opening svg {
  fill: #e067a2;
}

.formatted-quote__closing {
  position: absolute;
  bottom: -2.5rem;
  right: -3rem;
  width: 2rem;
}
.formatted-quote__closing svg {
  fill: #e067a2;
}

.formatted-quote__name {
  margin-top: 1.5rem;
  font-weight: bold;
  font-style: italic;
  color: #003d7d;
  text-align: center;
}

/**
 * Title:
 *    Panels
 * Description:
 *    Header layout module, used to define the header at the top of each page.
 *    This could be used in combination with other components to create a
 *    fully-fledged design.
 * Sections:
 *    $. Base
 *    $. Logo
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.panel {
  display: block;
  padding: 2em 0;
}
@media screen and (min-width: 48em) {
  .panel {
    padding: 3em 0;
  }
}

/* $. Layout
\*----------------------------------------------------------------*/
.panel--background {
  position: relative;
  background-size: cover;
  background-position: 100% 15%;
  background-repeat: no-repeat;
}
.panel--background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #FFFFFF;
}

.panel--background-green {
  background-color: #418d4c;
}
.panel--background-green:before {
  background-image: url("../img/hospital-scene.jpg");
  opacity: 0.2;
  background-color: none;
}
.panel--background-green .panel__subtext {
  font-size: 24px;
}
.panel--background-green .panel__subtext a {
  color: #FFFFFF;
  text-decoration: underline;
}

.panel--push-bottom {
  padding-bottom: 4em;
}

.panel--hero {
  text-align: center;
  padding-bottom: 3em;
  padding-top: 2em;
}
@media screen and (min-width: 37.5em) {
  .panel--hero {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
@media screen and (min-width: 56em) {
  .panel--hero {
    padding-top: 4em;
    padding-bottom: 6em;
  }
}
@media screen and (min-width: 70em) {
  .panel--hero {
    padding-bottom: 8em;
    padding-top: 4em;
  }
}

.panel--icon-nav {
  text-align: center;
}

.panel--icon .panel__text {
  font-size: 1.8rem;
}
@media screen and (min-width: 56em) {
  .panel--icon .panel__text {
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 56em) {
  .panel--icon .panel__content-left {
    margin-right: 3em;
  }
}
.panel--icon .panel__content-right p {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 56em) {
  .panel--icon .panel__content-right {
    width: 60%;
  }
}
.panel--icon .panel__content-right .icon--arrowhead-large-white .is-hidden, .panel--icon .panel__content-right .icon--arrowhead-large-white .gform_validation_container {
  color: black;
}
@media screen and (min-width: 62em) {
  .panel--icon .panel__content-right .icon--arrowhead-large-white {
    position: absolute;
    right: 0;
    top: 40%;
  }
}

/* $. Color Variations
\*----------------------------------------------------------------*/
.panel--white {
  background-color: #FFFFFF;
}
.panel--white .panel__title {
  color: #404040;
}
.panel--white .panel__text {
  color: #404040;
}
.panel--white .panel__link {
  color: #0077b8;
}

.panel--brand-light {
  background-color: #0077b8;
}
.panel--brand-light .panel__title,
.panel--brand-light .panel__heading {
  color: #FFFFFF;
}
.panel--brand-light .panel__text,
.panel--brand-light .panel__block a {
  color: #FFFFFF;
}

.panel--background {
  color: #FFFFFF;
}
.panel--background .panel__heading {
  color: #0164A8;
}
.panel--background .panel--content {
  color: #FFFFFF;
}

.panel--announcement {
  padding: 1em 0;
  background-color: white;
  margin-bottom: 4em;
}
@media screen and (min-width: 56em) {
  .panel--announcement {
    padding: 3em 0;
    margin-bottom: 8em;
  }
}
.panel--announcement .panel__content-left {
  float: left;
}
.panel--announcement .panel__heading {
  color: #D71440;
  font-weight: 700;
  margin-bottom: 0.5em;
  overflow: hidden;
}
.panel--announcement .panel__text {
  padding-bottom: 1em;
}
.panel--announcement .icon {
  width: 40px;
  height: 40px;
}
@media screen and (min-width: 37.5em) {
  .panel--announcement .icon {
    width: 80px;
    height: 80px;
  }
}
.panel--announcement p {
  margin-bottom: 0;
}

.panel--highlight {
  background-color: #f9f9f9;
}

/* $. Content
\*----------------------------------------------------------------*/
.panel__content-left {
  margin-right: 1em;
}
@media screen and (min-width: 56em) {
  .panel__content-left {
    float: left;
    margin-right: 2em;
  }
}

.panel__content-right {
  padding-top: 1em;
}
@media screen and (min-width: 56em) {
  .panel__content-right {
    width: 85%;
    padding-top: 2em;
    float: left;
  }
}

.panel__block {
  margin-bottom: 1em;
  border-bottom: 1px solid #1fb0ff;
  padding: 1em 0;
}
@media screen and (min-width: 70em) {
  .panel__block {
    padding: 0 40px;
    border-bottom: 0;
  }
  .panel__block:last-child {
    border-bottom: 0;
  }
  .panel__block:first-child {
    padding-top: 0;
  }
}
.panel__block .panel__title {
  text-align: left;
}
.panel__block .panel__title a:hover {
  text-decoration: underline;
}
.panel__block .panel__title a:focus {
  box-shadow: 0 0 1px 2px #ffa321;
}
.panel__block .panel__image {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 37.5em) {
  .panel__block .panel__image {
    margin: 0;
    float: right;
  }
}
@media screen and (min-width: 56em) {
  .panel__block .panel__image {
    float: none;
  }
}
.panel__block .panel__media {
  float: left;
  width: 100%;
  padding-left: 1em;
}
@media screen and (min-width: 37.5em) {
  .panel__block .panel__media {
    width: 70%;
  }
}
@media screen and (min-width: 56em) {
  .panel__block .panel__media {
    padding-left: 0;
    float: none;
    width: 100%;
  }
}

.panel__title {
  margin-top: 1em;
  font-size: 1.5rem;
}
@media screen and (min-width: 37.5em) {
  .panel__title {
    margin-top: 0;
  }
}
@media screen and (min-width: 56em) {
  .panel__title {
    margin-top: 1em;
  }
}
@media screen and (min-width: 70em) {
  .panel__title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 80em) {
  .panel__title {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 90em) {
  .panel__title {
    font-size: 1.6rem;
  }
}

.panel__title,
.panel__heading {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
}

.panel__heading {
  font-size: 2.1rem;
}
@media screen and (min-width: 56em) {
  .panel__heading {
    font-size: 2.8rem;
  }
}

.panel__subtext {
  margin-top: 0.5em;
}

.panel__text {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}

.panel__content {
  position: relative;
  padding-top: 1em;
  z-index: 1;
}
@media screen and (min-width: 48em) {
  .panel__content {
    padding-top: 0;
  }
}

.panel__image {
  width: 9em;
  height: 9em;
}
@media screen and (min-width: 80em) {
  .panel__image {
    width: 12em;
    height: 12em;
  }
}

/* $. Overlays
\*----------------------------------------------------------------*/
.panel--overlay-white {
  background-color: #FFFFFF;
}

.panel--overlay-green {
  background-color: #64B76F;
}

.panel--overlay-less {
  opacity: 0.6;
}

/* $. Global site search
\*----------------------------------------------------------------*/
.search--header {
  position: relative;
  display: block;
  z-index: 20;
  float: right;
  width: 180px;
  border: 0;
  margin: 0;
  background: none;
  transition: width 0.2s linear;
}
@media screen and (min-width: 37.5em) {
  .search--header {
    width: 15em;
  }
}
@media screen and (min-width: 56em) {
  .search--header {
    float: none;
    width: 17em;
  }
}
.search--header .search__button {
  background-color: #FFFFFF;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  right: 7%;
  padding: 0;
  border: 0;
}

.search__input {
  color: #404040;
  border-radius: 3.5em;
  padding: 0.7em 1em;
  border: 1px solid #d2d2d2;
}
.search__input::-webkit-input-placeholder {
  font-style: normal;
  color: #404040;
}
.search__input:-moz-placeholder {
  font-style: normal;
  color: #404040;
}
.search__input::-moz-placeholder {
  font-style: normal;
  color: #404040;
}
.search__input:-ms-input-placeholder {
  font-style: normal;
  color: #404040;
}

.search__button {
  position: absolute;
}

@media screen and (min-width: 56em) {
  .search--js-active {
    transition: width 0.1s linear;
  }
}

.search--default {
  position: relative;
}
.search--default .search__input {
  padding: 0.75em 0em 0.75em 1em;
  border: 1px solid #404040;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1rem;
}
@media screen and (min-width: 62em) {
  .search--default .search__input {
    font-size: 1.35rem;
  }
}
.search--default .search__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 1em 2em 1em 3em;
}
@media screen and (min-width: 62em) {
  .search--default .search__button {
    padding: 1em 4em 1em 2em;
  }
}
.search--default .search__icon {
  display: inline-block;
  height: 25px;
  width: 40px;
  position: absolute;
  right: 50%;
  margin-right: -20px;
  top: 50%;
  margin-top: -13px;
}
@media screen and (min-width: 62em) {
  .search--default .search__icon {
    right: 15%;
    top: 50%;
    margin-top: -13px;
    margin-right: 0;
  }
}

.search-container {
  margin: 1em 0;
}
@media screen and (min-width: 62em) {
  .search-container {
    margin: 2em 0;
  }
}

.header__search {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  float: right;
  padding-top: 1em;
}
@media screen and (min-width: 56em) {
  .header__search {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.header__recite {
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.header__recite a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 54px;
}
@media screen and (min-width: 70em) {
  .header__recite a {
    min-width: 200px;
  }
}
.header__recite p {
  display: none;
  margin: 0;
  color: #292223;
  font-size: 17px;
}
@media screen and (min-width: 70em) {
  .header__recite p {
    display: block;
  }
}
.header__recite img {
  width: 45px;
  height: 45px;
}
@media screen and (min-width: 80em) {
  .header__recite img {
    border-left: 2px solid #efefef;
    margin-left: 7px;
    padding-left: 7px;
  }
}

/**
 * Title:
 *    Section
 * Description:
 *    Header layout module, used to define the intro at the top of each page.
 *    This could be used in combination with other components to create a
 *    fully-fledged design.
 * Sections:
 *    $. Base
 *    $. Logo
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.section {
  position: relative;
  padding: 3em 0;
}

/* $. Elements
\*----------------------------------------------------------------*/
.section__title {
  padding-bottom: 0.5em;
}

.section__show-on-hover {
  display: block;
  margin-top: 0.5em;
}
@media screen and (min-width: 48em) {
  .section__show-on-hover {
    display: none;
  }
}

.section__container {
  position: relative;
}

.section__excerpt {
  padding-left: 30px;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  padding-top: 0;
}

.section__listing {
  position: relative;
  display: block;
  background-color: #EDEBEB;
  padding: 1em 3em 1em 2em;
}
@media screen and (min-width: 48em) {
  .section__listing {
    min-height: 12em;
  }
}
.section__listing:hover, .section__listing:active, .section__listing:focus {
  background-color: #0077b8;
  transition: background 0.15s ease-out;
}
.section__listing:hover .section__link, .section__listing:active .section__link, .section__listing:focus .section__link {
  color: #FFFFFF;
}
.section__listing:hover .section__show-on-hover, .section__listing:active .section__show-on-hover, .section__listing:focus .section__show-on-hover {
  color: white;
  display: block;
}

.section__listing-block {
  border-left: 2px solid #0077b8;
  margin-bottom: 1em;
}

.section__listing-bubble {
  border-radius: 10px;
  margin-bottom: 4em;
}
.section__listing-bubble:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2em;
  width: 3em;
  height: 3em;
  border-left: 3em solid #EDEBEB;
  border-bottom: 3em solid transparent;
}
.section__listing-bubble:hover:before, .section__listing-bubble:active:before, .section__listing-bubble:focus:before {
  transition: all 0.15s ease-out;
  border-left: 3em solid #0077b8;
}

.section__link,
.section__link-pdf {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.1;
}

.linklist--icon-small .section__link a {
  display: inline-block;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.linklist--icon-small .section__link a .icon {
  top: 50%;
  margin-top: -10px;
}

.section__link-pdf {
  padding: 0.25em 0;
}

.section__img {
  display: none;
}
@media screen and (min-width: 56em) {
  .section__img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (min-width: 56em) {
  .section__img-hide {
    display: none !important;
  }
}

/* $. Modifications
\*----------------------------------------------------------------*/
.section--small {
  padding: 2em 0;
}

.section--head {
  background-color: #0077b8;
}
.section--head .heading,
.section--head .intro {
  color: #FFFFFF;
}
.section--head .heading a,
.section--head .intro a {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  border-bottom: 1px solid white;
}
.section--head .heading a:hover,
.section--head .intro a:hover {
  color: #EDEBEB;
}
.section--head .intro {
  margin-bottom: 0;
}
.section--head .heading {
  margin-top: 0;
  font-size: 2.2rem;
}
@media screen and (min-width: 37.5em) {
  .section--head .heading {
    font-size: 2.8rem;
  }
}
.section--head .section__container {
  padding-top: 1.5em;
}

.section--img {
  padding-bottom: 0;
}
@media screen and (min-width: 56em) {
  .section--img {
    padding-bottom: 2em;
  }
}
@media screen and (min-width: 56em) {
  .section--img .section__img {
    width: 10em;
    height: 10em;
    position: absolute;
    right: 0;
    top: 2em;
  }
}
@media screen and (min-width: 62em) {
  .section--img .section__img {
    width: 15em;
    height: 15em;
  }
}
@media screen and (min-width: 70em) {
  .section--img .section__img {
    width: 20em;
    height: 20em;
  }
}
.section--img .section__img-hide {
  width: 100%;
  max-height: 20em;
}
@media screen and (min-width: 56em) {
  .section--img .section__img-hide {
    display: none !important;
  }
}

.section--img-credentials {
  padding-bottom: 0;
}
@media screen and (min-width: 56em) {
  .section--img-credentials {
    padding-bottom: 2em;
  }
}
.section--img-credentials .section__img {
  width: 10em;
  height: 10em;
}
@media screen and (min-width: 56em) {
  .section--img-credentials .section__img {
    top: 6em;
  }
}
@media screen and (min-width: 62em) {
  .section--img-credentials .section__img {
    width: 17em;
    height: 17em;
  }
}
@media screen and (min-width: 80em) {
  .section--img-credentials .section__img {
    top: 7em;
    width: auto;
    height: auto;
  }
}
@media screen and (min-width: 56em) {
  .section--img-credentials .section__img-hide {
    display: none !important;
  }
}

/* $. Aligment
\*----------------------------------------------------------------*/
.section--centered {
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 62em) {
  .section--centered {
    max-width: 60%;
  }
}
@media screen and (min-width: 70em) {
  .section--centered {
    max-width: 40%;
  }
}

/**
 * Title:
 *    Duo
 * Description:
 *    Header layout module, used to define the intro at the top of each page.
 *    This could be used in combination with other components to create a
 *    fully-fledged design.
 * Sections:
 *    $. Base
 *    $. Content
 *    $. Modifications
 */
/* $. Base
\*----------------------------------------------------------------*/
.duo {
  position: relative;
}

/* $. Content
\*----------------------------------------------------------------*/
.duo__img {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 37.5em) {
  .duo__img {
    margin: 0;
    float: left;
  }
}
@media screen and (min-width: 56em) {
  .duo__img {
    margin-right: 2em;
  }
}

.duo__content {
  overflow: hidden;
}
@media screen and (min-width: 30em) {
  .duo__content {
    text-align: center;
    padding-top: 0;
  }
}
@media screen and (min-width: 37.5em) {
  .duo__content {
    padding-left: 1.5em;
  }
}
@media screen and (min-width: 48em) {
  .duo__content {
    float: left;
    text-align: left;
  }
}
@media screen and (min-width: 56em) {
  .duo__content {
    padding-left: 0;
    width: 79%;
  }
}
@media screen and (min-width: 62em) {
  .duo__content {
    width: 100%;
  }
}
@media screen and (min-width: 70em) {
  .duo__content {
    width: 74%;
  }
}

.duo__heading {
  font-size: 2.2rem;
  margin-top: 0.5em;
}
@media screen and (min-width: 37.5em) {
  .duo__heading {
    margin-top: 0;
  }
}
@media screen and (min-width: 70em) {
  .duo__heading {
    font-size: 1.9rem;
  }
}
@media screen and (min-width: 80em) {
  .duo__heading {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 90em) {
  .duo__heading {
    font-size: 2.7rem;
  }
}

/* $. Modifications
\*----------------------------------------------------------------*/
.duo--full .duo__content {
  width: 100%;
  padding-left: 0;
}

.duo--push {
  padding-bottom: 4em;
}
.duo--push:last-child {
  padding-bottom: 0;
}

/**
 * Title:
 *    Block
 * Description:
 *    Header layout module, used to define the intro at the top of each page.
 *    This could be used in combination with other components to create a
 *    fully-fledged design.
 * Sections:
 *    $. Base
 *    $. Logo
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.block {
  padding-left: 1em;
  border-left: 1px solid #90d1fe;
  margin: 1em 0;
}
.block:last-child {
  margin-bottom: 0;
}

/* $. Float
\*----------------------------------------------------------------*/
.block--top {
  margin-right: 3em;
}
@media screen and (min-width: 70em) {
  .block--top {
    margin-right: 0;
    margin-bottom: 6em;
  }
}

.block--bottom {
  margin-right: 3em;
}
@media screen and (min-width: 70em) {
  .block--bottom {
    margin-right: 0;
    margin-top: 6em;
  }
}

.block--half-top {
  margin-top: 3em;
}
@media screen and (min-width: 70em) {
  .block--half-top {
    margin-top: 3em;
  }
}

.block--half-bottom {
  margin-bottom: 3em;
}
@media screen and (min-width: 70em) {
  .block--half-bottom {
    margin-bottom: 3em;
  }
}

.block--float {
  float: left;
}

/* $. Elements
\*----------------------------------------------------------------*/
.block__info {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
  font-size: 2rem;
}
@media screen and (min-width: 37.5em) {
  .block__info {
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 70em) {
  .block__info {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 80em) {
  .block__info {
    font-size: 2.1rem;
  }
}

/**
 * Title:
 *    Styling for main content within the cms
 * Description:
 *    The cms will be used for any content page that is linked to the cms
 * Sections:
 *    $. Typography
 *    $. Components
 *    $. Modifications
 */
/* $. Typography
\*----------------------------------------------------------------*/
h1 {
  margin-top: 0;
}

h2, .gform_wrapper .gfield_label,
h3,
h4,
h5 {
  margin-bottom: 0.2em;
  margin-top: 0;
}

/* $. Components
\*----------------------------------------------------------------*/
@media screen and (min-width: 70em) {
  .cms-area {
    padding-right: 2em;
    margin-bottom: 8em;
  }
}
.cms-area > p,
.cms-area ul,
.cms-area ol {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}
.cms-area p {
  margin-bottom: 1.5em;
}
.cms-area blockquote {
  margin-bottom: 2em;
}
.cms-area ul,
.cms-area ol {
  font-size: 1.1rem;
  margin-bottom: 1.75em;
}
.cms-area ul li,
.cms-area ol li {
  margin-bottom: 0.4em;
}
.cms-area ul li:last-child,
.cms-area ol li:last-child {
  margin-bottom: 0;
}
.cms-area ul {
  margin-left: 1em;
}
.cms-area li a {
  display: inline-block;
}
.cms-area ol {
  margin-left: 1.5em;
}
.cms-area a:not(.btn):not(.cookie-banner-button--accept):not(.cookie-banner-accept--hide):not(.govuk-button):not(.cookie-banner-button--reject) {
  color: #0077b8;
  text-decoration: underline;
}
.cms-area h2, .cms-area .gform_wrapper .gfield_label, .gform_wrapper .cms-area .gfield_label,
.cms-area h3,
.cms-area h4,
.cms-area h5 {
  margin-top: 0.1em;
  margin-bottom: 0.3333333333em;
}
.cms-area h2, .cms-area .gform_wrapper .gfield_label, .gform_wrapper .cms-area .gfield_label {
  font-size: 2rem;
}
.cms-area h3 {
  font-size: 1.75rem;
}
.cms-area h4 {
  font-size: 1.5rem;
}
.cms-area h5 {
  font-size: 1.25rem;
  color: #EDEBEB;
}

/* $. Jump links
\*----------------------------------------------------------------*/
/**
** Styling for Table of Contents plus shortcode
**/
#toc_container {
  padding: 36px;
  background: white;
  margin: 0 0 36px 0;
}

.toc_title {
  font-size: 1.5rem;
  font-weight: normal;
}

.toc_list li {
  position: relative;
  font-size: 1.4rem;
  list-style-image: url("../img/icons/arrow-down.svg");
  padding-left: 5px;
}

.cms-area .toc_title {
  margin-bottom: 10px;
}

/* $. Images
\*----------------------------------------------------------------*/
.alignleft,
.alignright {
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media screen and (min-width: 56em) {
  .alignleft,
  .alignright {
    max-width: 50%;
  }
}

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

.wp-caption-text {
  max-width: 450px;
  display: block;
  margin: 0.6666666667em auto 0;
  font-size: 75%;
}
@media screen and (min-width: 56em) {
  .wp-caption-text {
    max-width: 100%;
    margin-top: 0;
    padding: 1em;
    background-color: #F6F6F6;
  }
}

@media screen and (min-width: 56em) {
  .alignright {
    float: right;
    margin-left: 1em;
  }
}

@media screen and (min-width: 56em) {
  .alignleft {
    float: left;
    margin-right: 1em;
  }
}

/* $. Content
\*----------------------------------------------------------------*/
.content a:not(.btn):not(.cookie-banner-button--accept):not(.cookie-banner-accept--hide):not(.govuk-button):not(.cookie-banner-button--reject) {
  color: #0077b8;
}

/* $. Pagination
\*----------------------------------------------------------------*/
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  margin-left: 0.5em;
}
.wp-pagenavi .pages {
  margin-right: 1em;
}

/**
 * Title:
 *    Style guide
 * Description:
 *    Styling for the main components used in the style guide.
 * Sections:
 *    $. Setup
 *    $. Components
 *    $. Modifications
 */
/* $. Setup
\*----------------------------------------------------------------*/
.swatch {
  margin-bottom: 1em;
  text-align: center;
  border: 1px solid #ECEAE6;
}

/* $. Components
\*----------------------------------------------------------------*/
.swatch__value {
  padding: 1em 0.5em;
}

.swatch__description {
  border-top: 1px solid #ECEAE6;
  padding: 0.5em;
  font-size: 12px;
  font-size: 0.8rem;
}

/**
 * Title:
 *    Sidebar
 * Description:
 *    Sidebar styling to be used on content pages
 * Sections:
 *    $. Base
 *    $. Elements
 *    $. Modifications
 *    $. Color modifications
 */
/* $. Base
\*----------------------------------------------------------------*/
.sidebar {
  padding: 1.5em 1em 0 0;
  background-color: #FFFFFF;
}
@media screen and (min-width: 70em) {
  .sidebar {
    padding: 1.5em 1em;
    position: relative;
    top: -9em;
  }
}
.sidebar a {
  display: block !important;
}
.sidebar .linklist {
  font-size: 1.25rem;
}
@media screen and (min-width: 48em) {
  .sidebar .linklist {
    font-size: 1.125rem;
  }
}
.sidebar .linklist .link__item {
  margin: 0.25rem 0;
}
@media screen and (min-width: 48em) {
  .sidebar .linklist .link__item {
    margin: 0;
  }
}

/* $. Elements
\*----------------------------------------------------------------*/
.sidebar__section {
  margin-bottom: 2em;
}

.sidebar__link {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 600;
  margin-bottom: 0.5em;
}

.sidebar__link-light {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}

.sidebar__text {
  padding: 0.5em 0;
  line-height: 1.2;
  font-size: 1rem;
}

.current_page_item a {
  background-color: #0077b8;
  color: #FFFFFF;
}
.current_page_item ul a {
  background-color: transparent;
  color: #0164A8;
}

.sidebar__img {
  padding: 1em 0;
}

/* $. Modifications
\*----------------------------------------------------------------*/
.sidebar--push {
  margin-top: 3em;
  padding: 1em 0;
}

@media screen and (min-width: 48em) {
  .sidebar--bordered {
    max-width: 50%;
  }
}
@media screen and (min-width: 70em) {
  .sidebar--bordered {
    max-width: 100%;
  }
}

.sidebar--bordered-top {
  border-top: 15px solid #F6F6F6;
}

.sidebar--bordered-bottom {
  border-bottom: 15px solid #F6F6F6;
}

.sidebar--highlight {
  padding: 1em;
}
.sidebar--highlight .sidebar__heading, .sidebar--highlight .gform_wrapper .gfield_label, .gform_wrapper .sidebar--highlight .gfield_label,
.sidebar--highlight .sidebar__text {
  color: #FFFFFF;
}

.sidebar--meta {
  padding: 1em 0;
}
.sidebar--meta .sidebar__heading, .sidebar--meta .gform_wrapper .gfield_label, .gform_wrapper .sidebar--meta .gfield_label {
  color: #D71440;
}
.sidebar--meta .sidebar__link {
  color: #D71440;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}
.sidebar--meta .sidebar__content {
  padding-left: 40px;
}
.sidebar--meta .sidebar__text {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}

/* $. Colour modifications
\*----------------------------------------------------------------*/
.sidebar--green {
  background-color: #64B76F;
}

.sidebar--red {
  background-color: #D71440;
}

.sidebar--yellow {
  background-color: #ba6d00;
}

.sidebar--brand {
  background-color: #0164A8;
}

.sidebar--brand-light {
  background-color: #0077b8;
}

/**
 * Title:
 *    Directory
 * Description:
 *    Layout for directory and alphabets
 */
.directory {
  margin-bottom: 2em;
}
.directory li {
  display: inline;
  margin: 0;
}

.directory--small {
  margin-bottom: -0.5em;
}

.directory--listing li {
  display: block;
}

/* $. Layout
\*----------------------------------------------------------------*/
.directory__heading {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  padding-bottom: 0.25em;
}

.directory__alphabet {
  display: inline-block;
  text-align: center;
  width: 2em;
  height: 2em;
  margin-bottom: 0.25em;
  padding: 0.3333333333em;
  line-height: 1.3em;
  border-style: solid;
  border-width: 1px;
}
.directory__alphabet:focus, .directory__alphabet:active, .directory__alphabet:hover {
  transition: all 0.15s ease-out;
}
.directory__alphabet.directory__alphabet--empty {
  cursor: default;
}
.directory--large .directory__alphabet {
  background-color: #EDEBEB;
  color: #0164A8;
  border-color: #F6F6F6;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 600;
  font-size: 1.375em;
}
@media screen and (min-width: 37.5em) {
  .directory--large .directory__alphabet {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 56em) {
  .directory--large .directory__alphabet {
    font-size: 1.675rem;
    margin-right: 0.25em;
    margin-bottom: 0.3333333333em;
  }
}
@media screen and (min-width: 62em) {
  .directory--large .directory__alphabet {
    font-size: 2rem;
  }
}
.directory--large .directory__alphabet.directory__alphabet--empty {
  background-color: #f8f7f7;
  color: #99c1dc;
  border-color: #fbfbfb;
}
.directory--large .directory__alphabet.directory__alphabet--empty:focus, .directory--large .directory__alphabet.directory__alphabet--empty:active, .directory--large .directory__alphabet.directory__alphabet--empty:hover {
  background-color: #f8f7f7;
  color: #99c1dc !important;
  border-color: #fbfbfb;
}
.directory--large .directory__alphabet:focus, .directory--large .directory__alphabet:active, .directory--large .directory__alphabet:hover {
  background-color: #0164A8;
  color: #FFFFFF !important;
  border-color: #0164A8;
}
.directory--large .directory__alphabet.is-active {
  background-color: #0164A8;
  color: #FFFFFF !important;
  border-color: #0164A8;
}
.directory--large .directory__alphabet.is-active:focus, .directory--large .directory__alphabet.is-active:active, .directory--large .directory__alphabet.is-active:hover {
  background-color: #0164A8;
  color: #FFFFFF !important;
  border-color: #0164A8;
}
.directory--small .directory__alphabet {
  background-color: #0077b8;
  color: #FFFFFF !important;
  border-color: #0077b8;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
  font-size: 1em;
}
@media screen and (min-width: 62em) {
  .directory--small .directory__alphabet {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 70em) {
  .directory--small .directory__alphabet {
    font-size: 1.5rem;
  }
}
.directory--small .directory__alphabet.directory__alphabet--empty {
  background: white;
  border: none;
  color: #909090 !important;
}
.directory--small .directory__alphabet.directory__alphabet--empty:focus, .directory--small .directory__alphabet.directory__alphabet--empty:active, .directory--small .directory__alphabet.directory__alphabet--empty:hover {
  background-color: #99c9e3;
  border-color: #99c1dc;
}
.directory--small .directory__alphabet:focus, .directory--small .directory__alphabet:active, .directory--small .directory__alphabet:hover {
  background-color: #FFFFFF;
  color: #0164A8 !important;
  border-color: #0077b8;
}
.directory--small .directory__alphabet.is-active {
  background-color: #FFFFFF;
  color: #0164A8 !important;
  border-color: #0077b8;
}
.directory--small .directory__alphabet.is-active:focus, .directory--small .directory__alphabet.is-active:active, .directory--small .directory__alphabet.is-active:hover {
  background-color: #FFFFFF;
  color: #0164A8 !important;
  border-color: #0077b8;
}

.directory--head .directory__alphabet-item {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  font-size: 1.2em;
  background-color: #0077b8;
  color: #FFFFFF !important;
  border: 1px solid #0077b8;
}
.directory--head .directory__alphabet-item:hover, .directory--head .directory__alphabet-item:focus, .directory--head .directory__alphabet-item:active {
  transition: all 0.15s ease-out;
  background-color: #FFFFFF;
  border: 1px solid #0077b8;
}

.alphabet {
  line-height: 1;
  font-size: 1.5rem;
  margin: 0.5em 0;
}

.alphabet__item {
  display: block;
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
}
@media screen and (min-width: 37.5em) {
  .alphabet__item {
    width: 70px;
    height: 70px;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
  }
}

.alphabet .alphabet__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  padding: 0.3333333333em;
  line-height: 1.3;
  background-color: #EDEBEB;
  color: #0164A8;
  border-color: #F6F6F6;
  font-family: "Frutiger W01", sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
}
@media screen and (min-width: 37.5em) {
  .alphabet .alphabet__label {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 56em) {
  .alphabet .alphabet__label {
    font-size: 1.675rem;
  }
}
@media screen and (min-width: 62em) {
  .alphabet .alphabet__label {
    font-size: 2rem;
  }
}
.alphabet .alphabet__label:hover, .alphabet .alphabet__label:focus {
  background-color: #0164A8;
  color: #FFFFFF;
  border-color: #0164A8;
}
.alphabet .alphabet__label:focus, .alphabet .alphabet__label:active, .alphabet .alphabet__label:hover {
  transition: all 0.15s ease-out;
}

.alphabet__item--current .alphabet__label,
.alphabet__item--current .alphabet__label:hover,
.alphabet__item--current .alphabet__label:focus {
  background-color: #014675;
  color: #e6e6e6;
  border-color: #014675;
}

.alphabet .alphabet__item--empty .alphabet__label {
  cursor: default;
  background-color: white;
  color: #909090;
  border: none;
}
.alphabet .alphabet__item--empty .alphabet__label:focus, .alphabet .alphabet__item--empty .alphabet__label:active, .alphabet .alphabet__item--empty .alphabet__label:hover {
  background-color: white;
  color: #909090 !important;
  border: none;
}

.alphabet--radio input[type=radio]:focus + .alphabet__label {
  outline: 2px solid #ED8B00 !important;
}
.alphabet--radio .alphabet__label {
  border-color: #FFFFFF;
}
.alphabet--radio .alphabet__label:hover,
.alphabet--radio .alphabet__label:focus {
  border-color: #0164A8;
  background-color: #0164A8;
  color: #FFFFFF;
}
.alphabet--radio .alphabet__item--current .alphabet__label {
  border-color: #0164A8;
  background-color: #0164A8;
  color: #FFFFFF;
}
.alphabet--radio .alphabet__item--current .alphabet__label:hover,
.alphabet--radio .alphabet__item--current .alphabet__label:focus {
  border-color: #014675;
  background-color: #014675;
  color: #e6e6e6;
}

/**
 * Title:
 *    Credentials
 * Description:
 *    Styling for 
 * Sections:
 *    $. Base
 *    $. Logo
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.credential__details {
  float: left;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (min-width: 56em) {
  .credential__details {
    font-size: 1.35em;
    margin-bottom: 1em;
  }
}
.credential__details div {
  margin-top: 1em;
}
@media screen and (min-width: 56em) {
  .credential__details div {
    margin-top: 0.3333333333em;
  }
}
.credential__details dt,
.credential__details dd {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
  padding: 0.15em 0;
  font-size: 1rem;
}
.credential__details dt ul,
.credential__details dd ul {
  font-size: 1rem;
}
@media screen and (min-width: 37.5em) {
  .credential__details dt,
  .credential__details dd {
    font-size: 1rem;
    display: table-cell;
  }
  .credential__details dt ul,
  .credential__details dd ul {
    font-size: 1rem;
  }
}
@media screen and (min-width: 56em) {
  .credential__details dt,
  .credential__details dd {
    font-size: 1.25rem;
  }
  .credential__details dt ul,
  .credential__details dd ul {
    font-size: 1.25rem;
  }
}
.credential__details dt {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 600;
  line-height: 1.1;
}
.credential__details dt:after {
  content: ":";
}
@media screen and (min-width: 37.5em) {
  .credential__details dt {
    width: 150px;
  }
}
@media screen and (min-width: 48em) {
  .credential__details dt {
    width: 175px;
  }
}
@media screen and (min-width: 56em) {
  .credential__details dt {
    width: 200px;
    font-family: "Frutiger W01", sans-serif;
    font-weight: 300;
  }
}
.credential__details dd {
  margin: 0;
}
.credential__details dd ul {
  margin: 0;
  list-style: none;
}
.credential__details dd ul li {
  margin-bottom: 0;
}

.credentials__img {
  background-color: #FFFFFF;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 70em) {
  .credentials__img {
    padding: 1em;
    margin-top: -9em;
    margin-bottom: 0;
  }
}

/**
 * Title:
 *    Listing
 * Description:
 *    Style up a post listing with key information
 * Sections:
 *    $. Base
 *    $. Elements
 */
/* $. Base
\*----------------------------------------------------------------*/
.listings__heading {
  margin-top: 1em;
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #EDEBEB;
}

/* $. Elements
\*----------------------------------------------------------------*/
.listing {
  margin: 0.5em 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #F6F6F6;
}
.listing:last-child {
  border-bottom: 0;
}

.listing__heading {
  font-size: 1.4rem;
}

.listing__points-side {
  display: none;
}
@media screen and (min-width: 70em) {
  .listing__points-side {
    display: block;
  }
}

@media screen and (min-width: 70em) {
  .listing__points-content {
    display: none;
  }
}

.listing__points {
  font-size: 1rem;
  color: #666666;
}
.listing__points dt, .listing__points dd {
  float: left;
}
.listing__points dt {
  font-weight: 600;
}
.listing__points .dt-align {
  margin-left: 0.5em;
}
.listing__points dd {
  margin-left: 0.25em;
}

/**
 * Title:
 *    Article
 * Description:
 *    Listing of a group of News posts 
 * Sections:
 *    $. Base
 *    $. Logo
 *    $. Toggle
 */
/* $. Base
\*----------------------------------------------------------------*/
.article {
  margin-bottom: 2em;
}

/* $. Components
\*----------------------------------------------------------------*/
.article__title {
  margin-bottom: 0.2em;
}

.article__img-border {
  background-color: #FFFFFF;
  padding: 1em;
}

.article__text {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}

/* $. Modifications
\*----------------------------------------------------------------*/
/* $. Search Results
\*----------------------------------------------------------------*/
.search-result {
  padding: 1em;
  margin-bottom: 1em;
  background: #F6F6F6;
  box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.2);
}
.search-result:last-of-type {
  margin-bottom: 0;
}
.search-result h1, .search-result p, .search-result a {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 300;
}
.search-result a {
  color: #0164A8;
  word-wrap: break-word;
  text-decoration: underline;
}
.search-result p {
  margin-bottom: 1em !important;
  font-size: 1.11rem;
}
.search-result span.searchwp-highlight {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 400;
}

.wp-pagenavi,
.pagination {
  margin: 1em auto;
  text-align: center;
}

@media screen and (min-width: 70em) {
  .wp-pagenavi,
  .pagination {
    margin-bottom: 6em;
  }
}

.wp-pagenavi a, .current {
  display: block;
  float: left;
  padding: 0 0.75em;
  margin: 0 0.2em 0.5em 0.2em;
  border: 1px solid #EDEBEB;
  border-bottom-color: #EDEBEB !important;
  background: white;
  color: #EDEBEB;
  height: 2em;
  line-height: 0.5em;
}
.wp-pagenavi a:not(.current):hover, .current:not(.current):hover {
  border: 1px solid #0077b8;
  color: white;
  cursor: pointer;
  background: #0077b8;
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .page {
  margin-bottom: 0.5em;
}

.current {
  background: #F6F6F6 !important;
  border: 1px solid #EDEBEB;
  color: black;
  cursor: disabled;
  margin-bottom: 0 !important;
}

.nextpostslink,
.prevpostslink {
  float: left;
  display: block;
  background: #0077b8;
  height: 2em;
  line-height: 2em;
  border: 1px solid #0164A8;
  color: #EDEBEB;
  padding: 0 0.75em;
}
.nextpostslink:hover,
.prevpostslink:hover {
  background: #0164A8;
  color: white;
  cursor: pointer;
}

.job-banner__image {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.job-banner__content {
  margin: 0 auto;
  text-align: center;
  max-width: 70ch;
  padding: 2rem 0 4rem;
}

/* $. Layout - Page based layouts i.e. .header, .page-86, etc
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Containers
 * Description:
 *    Container based layout modules
 * Sections:
 *    $. Containers
 *    $. Your Styles
 */
.container, .cookie-banner--main,
.cookie-banner--accept,
.cookie-banner--reject {
  margin: 0 auto;
  width: 92.5%;
  min-width: 15em;
  max-width: 78em;
}
@media screen and (min-width: 30em) {
  .container, .cookie-banner--main,
  .cookie-banner--accept,
  .cookie-banner--reject {
    width: 85%;
  }
}

.site-wrap {
  margin: 0 auto;
  width: 92.5%;
  min-width: 800px;
  max-width: 800px;
}

/* $. Containers
\*----------------------------------------------------------------*/
body {
  background-color: #fff;
}

.note.note--error {
  display: block;
  text-align: center;
  background-color: #ff8080;
  color: maroon;
  padding: 0.5em;
}

.gform_wrapper .gfield {
  margin-bottom: 2em;
}
.gform_wrapper .gf_hidden {
  display: none;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel] {
  width: 100%;
  padding: 1em;
}
.gform_wrapper input[type=radio] {
  margin-top: 5px;
  width: 1em;
}
.gform_wrapper .gfield.gsection {
  margin-bottom: 0;
}
.gform_wrapper .gsection_title {
  color: #333;
  border-bottom: 1px dotted;
  margin: 1em 0;
  padding: 0 0 0.33em;
}
.gform_wrapper .gfield_label {
  cursor: pointer;
}
.gform_wrapper .gfield_date_dropdown_day,
.gform_wrapper .gfield_date_dropdown_month,
.gform_wrapper .gfield_date_dropdown_year {
  width: 30%;
  float: left;
  padding-right: 1em;
}
.gform_wrapper .gfield_description {
  color: #404040;
  font-size: 1rem;
  margin-bottom: 0.5em;
}
.gform_wrapper .gfield_description.validation_message {
  background-color: red;
  color: #fff;
  padding: 0.25em;
  text-align: right;
}
.gform_wrapper .gfield_error input[type=text],
.gform_wrapper .gfield_error input[type=email],
.gform_wrapper .gfield_error input[type=tel] textarea {
  border-color: red;
}
.gform_wrapper .gfield_radio,
.gform_wrapper .gfield_checkbox {
  margin-bottom: 0;
}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
  margin-bottom: 0;
}
.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_checkbox input {
  float: left;
  padding-bottom: 0.5em;
}
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_radio input {
  float: left;
  padding-left: 10px;
  padding-bottom: 0.5em;
}
.gform_wrapper .gfield_checkbox label {
  padding-left: 10px;
  width: 90%;
}
.gform_wrapper .gfield_checkbox input {
  margin-top: 5px;
}
.gform_wrapper .ginput_complex label {
  padding-top: 1em;
}
.gform_wrapper .btn--primary {
  background-color: #09c;
  font-weight: bold;
  cursor: pointer;
}
.gform_wrapper .gfield_required {
  margin-left: 3px;
  font-size: 1rem;
  color: #404040;
}

/* $. Your Styles
\*----------------------------------------------------------------*/
#cse {
  margin-top: 0 !important;
  max-width: 100% !important;
  font-family: "Frutiger W01", sans-serif !important;
}
#cse td {
  border: 0 !important;
}

.gsc-above-wrapper-area-container {
  margin: 0 !important;
}

.gsc-above-wrapper-area {
  display: none !important;
}

.gsc-control-cse {
  border: 0 !important;
}

.gsc-resultsHeader,
.gs-web-image-box,
.gcsc-branding {
  display: none !important;
}

.gsc-control-cse,
.gsc-table-cell-thumbnail {
  padding: 0 !important;
}

.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link * {
  font-size: 20px !important;
  color: #0164A8 !important;
  text-decoration: none !important;
}

.gs-webResult .gs-visibleUrl {
  color: #0164A8 !important;
}

.gs-result .gs-snippet {
  margin-top: 0.5em !important;
  height: auto !important;
}

.gs-result .gs-snippet,
.gs-webResult .gs-visibleUrl,
.gs-result .gs-snippet b {
  font-size: 16px !important;
  line-height: 1.5 !important;
  height: auto !important;
}

.gsc-webResult.gsc-result {
  padding: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
}

.gsc-expansionArea {
  padding-bottom: 1.5em !important;
}

.gsc-table-result {
  margin: 0;
  padding: 0;
}
.gsc-table-result .gsc-table-cell-snippet-close,
.gsc-table-result .gsc-table-cell-snippet-open {
  padding: 1.5em;
  background-color: #F6F6F6 !important;
  border: 0 !important;
}

.gsc-table-result td div.gs-title {
  height: auto !important;
  font-size: 20px !important;
}

.gs-title {
  height: auto !important;
}
.gs-title > a {
  line-height: 1.2 !important;
  text-decoration: none !important;
  display: inline-block;
  border-bottom: 1px solid #0164A8;
  font-size: 20px !important;
  color: #0164A8 !important;
}

.gsc-url-bottom {
  margin-top: 1em;
}

.gsc-cursor-box {
  margin: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.gsc-cursor {
  display: inline-block;
  margin: 0 auto;
}

.gsc-cursor-page {
  font-family: "Frutiger W01", sans-serif;
  font-weight: 600;
  display: inline-block !important;
  width: 2em !important;
  height: 2em !important;
  text-align: center !important;
  line-height: 2em !important;
  background: white !important;
  color: #404040 !important;
  text-shadow: none !important;
  padding: 0 !important;
  text-decoration: none !important;
  transition: color 200ms !important;
  margin-right: 0.6666666667em !important;
  border: 1px solid #0164A8 !important;
}
.gsc-cursor-page:hover, .gsc-cursor-page:focus, .gsc-cursor-page:active {
  color: #0164A8 !important;
}

.gsc-cursor-current-page {
  color: white !important;
  background: #0164A8 !important;
  border: 0 !important;
}
.gsc-cursor-current-page:hover, .gsc-cursor-current-page:focus, .gsc-cursor-current-page:active {
  color: white !important;
}

/* $. Helpers - i.e. Clearfixes, accessbility hidden, etc
\*----------------------------------------------------------------*/
/**
 * Title:
 *    Extras
 * Description:
 *    Any other helpers which will be used throughout the project
 * Sections:
 *    $. Clearfix
 *    $. Visually Hidden
 */
/* $. Clearfix - http://goo.gl/5Fvrh
\*----------------------------------------------------------------*/
form:after, .nav:after, .header:after, .listing__points div:after,
.cf:after,
.media:after,
.panel--icon:after,
.alphabet:after,
.credential__details:after,
.wp-pagenavi:after,
.pagination:after,
.gform_wrapper .gfield_checkbox li:after,
.gform_wrapper .gfield_radio li:after {
  content: "";
  display: table;
  clear: both;
}

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

.gform_validation_container {
  display: none;
}

/**
 * Title:
 *    Overrides
 * Description:
 *    Global overrides to be used throughout a project. Using !important as
 *    we always want them to override existing styles.
 * Sections:
 *    $. Box Model
 *    $. Positioning
 *    $. Type Styling
 */
/* $. Box Model
\*----------------------------------------------------------------*/
.u-zero-top {
  margin-top: 0 !important;
}

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

.u-zero-bottom-pad {
  padding-bottom: 0 !important;
}

.u-push-top {
  margin-top: 1em;
}

.u-push-top-plus {
  margin-top: 2em;
}

.u-push-bottom {
  margin-bottom: 1em;
}

.u-push-bottom-plus {
  margin-bottom: 3em;
}

.u-display-block {
  display: block;
}

.u-no-side-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* $. Positioning
\*----------------------------------------------------------------*/
/* Alignment */
.u-align-left {
  text-align: left;
}

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

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

/* Floats */
.u-float-none {
  float: none;
}

.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

/* $. Type Styling
\*----------------------------------------------------------------*/
/* Families */
.u-family-sans {
  font-family: "Frutiger W01", sans-serif;
}

.u-family-serif {
  font-family: "Palatino Linotype", serif;
}

/* Sizing */
.u-size-small {
  font-size: 0.8rem;
}

.u-size-large {
  font-size: 1.3rem;
}

/* Weight */
.u-weight-light {
  font-family: "Frutiger W01", sans-serif;
}

.u-weight-normal {
  font-family: "Frutiger W01", sans-serif;
}

.u-weight-bold {
  font-family: "Frutiger W01", sans-serif;
}

/* Style */
.u-style-italic {
  font-family: "Frutiger W01", sans-serif;
}

.u-style-uppercase {
  text-transform: uppercase;
}

/* $. Styling
\*----------------------------------------------------------------*/
/* Radius */
.u-rounded {
  border-radius: 100%;
}

.u-curved {
  border-radius: 1em;
}

/* Hide */
.u-hide--bp5 {
  display: none;
}
@media screen and (min-width: 62em) {
  .u-hide--bp5 {
    display: block;
  }
}

.u-show--bp5 {
  display: table-cell;
}
@media screen and (min-width: 62em) {
  .u-show--bp5 {
    display: none;
  }
}

.u-inline {
  display: inline-block;
}

/* $. Borders
\*----------------------------------------------------------------*/
.u-border-left {
  padding-left: 1em;
  border-left: 1px solid #90d1fe;
}

.u-border-bottom {
  border-bottom: 1px solid #EDEBEB;
}

.u-border-top, .islet--bordered {
  border-top: 1px solid #EDEBEB;
}

.u-border-both {
  border-bottom: 1px solid #EDEBEB;
  border-top: 1px solid #EDEBEB;
}

/* $. Images
\*----------------------------------------------------------------*/
.u-rounded-img {
  border-radius: 50%;
}
