.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.25s ease 0.125s;
  transition: opacity 0.25s ease 0.125s;
}
.fade-enter,
.fade-leave-to {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
.pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
.pswp img {
    max-width: none; }
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open {
  display: block; }
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }
/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }
/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }
/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
.pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
.pswp__button:active {
    outline: none;
    opacity: 0.9; }
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(https://d2glwx35mhbfwf.cloudfront.net/v3.5.6/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(https://d2glwx35mhbfwf.cloudfront.net/v3.5.6/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }
.pswp__button--close {
  background-position: 0 -44px; }
.pswp__button--share {
  background-position: -44px -44px; }
.pswp__button--fs {
  display: none; }
.pswp--supports-fs .pswp__button--fs {
  display: block; }
.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }
.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }
/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }
/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }
.pswp__button--arrow--left {
  left: 0; }
.pswp__button--arrow--right {
  right: 0; }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, .3);
  height: 30px;
  width: 32px;
  position: absolute; }
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }
/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }
.pswp__share-modal--hidden {
  display: none; }
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
          transition: transform 0.25s, -webkit-transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
.pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
.pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
  opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }
a.pswp__share--download:hover {
  background: #DDD; }
/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }
/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
.pswp__caption small {
    font-size: 11px;
    color: #BBB; }
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }
.pswp__caption--empty {
  display: none; }
/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }
/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }
.pswp__preloader--active {
  opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(https://d2glwx35mhbfwf.cloudfront.net/v3.5.6/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }
.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, .5); }
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, .3); }
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }
/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }
.pswp__element--disabled {
  display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
  background: none; }
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* stylelint-disable selector-list-comma-newline-after */

/**
 * Base styles
 */

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  color: rgb(9, 65, 131);
  font-family: 'Source Sans Pro', 'Gill Sans', 'Trebuchet MS', 'Arial', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

@media (min-width: 85em) {

html {
    font-size: 18px
}
  }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  background-color: rgb(3, 58, 123); /* same as page header/footer for scroll overflow */

  /* make fonts look a bit thiner */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  display: block;
  background-color: white; /* override scroll overflow background */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
hr,
pre,
table,
blockquote,
figure,
fieldset,
address {
  margin: 0 0 1.5rem;
}

pre {
  overflow: scroll;
}

/* prevent unbroken line from overflowing container width */

pre.codeblock {
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .033);
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .033);
  }

form {
  margin: 0;
}

th,
td,
button,
legend,
fieldset,
blockquote {
  padding: 0;
}

hr {
  margin: 3rem 0;
  border: 1px solid rgb(198, 200, 202);
}

ol,
ul {
  padding-left: 1.5rem;
}

ol ol,
  ol ul,
  ul ol,
  ul ul {
    margin-top: 0.75rem;
    margin-bottom: 0;
  }

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol { list-style-type: lower-roman; }

ul ul {
  list-style-type: circle;
}

ul ul ul { list-style-type: square; }

li {
  margin-bottom: 0.75rem;
}

a {
  color: rgb(15, 91, 114);
  font-weight: 600;
}

a:visited { color: rgb(87, 96, 164); }

a:active { color: rgb(2, 72, 92); }

a:hover,
  a:focus {
    text-decoration: none;
  }

.bg-inverted a,
  .bg-inverted-dark a,
  .bg-inverted-darker a {
    color: rgb(124, 189, 205);
  }

.bg-inverted a:visited, .bg-inverted-dark a:visited, .bg-inverted-darker a:visited { color: rgb(193, 202, 230); }

.bg-inverted a:active, .bg-inverted-dark a:active, .bg-inverted-darker a:active { color: rgb(255, 255, 255); }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  line-height: inherit;
}

button {
  border: none;
  background: none;
  color: inherit;
}

button:not([disabled]) {
  cursor: pointer;
}

svg {
  display: block;
  fill: currentColor;
}

/* revert to dotted bottom border for abbreviations */

/* https://github.com/necolas/normalize.css/pull/468#issuecomment-174107494 */

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}

/* hide outline on elements focused programmatically */

[tabindex='-1'] {
  outline-width: 0;
}

/**
 * Hide elements
 * Prefer the `hidden` attribute where possible. For `svg` elements,
 * use the `hidden` class instead, as the attribute is not allowed.
 */

[hidden],
.hidden {
  display: none !important;
}

/**
 * Variables
 */

:root {
  /* Background colour palette */
  /* Note - Primary Navy BG is same as UoM Navy */

  /* Primary palette */
  /* Note - Navy Dark is UoM Navy */ /* #ABBED5 */ /* #F2F5F9 */

  /* Supporting palette */

  /* Note - there is no dark yellow in the brand palette */

  /* Colours that are outside of the brand palette */

  /* Rotating colours */

  /* Link colours - http://paletton.com/#uid=13o0u0kmmGKbYTnhIN2qUABwFtZ */

  /* Third-party colours */

  /* Vertical rhythm */ /* line spacing (i.e. leading) */ /* half line spacing (multiple by font-size to get space above/below elements) */

  /* Layout widths */
  /* Beware of `border-box` sizing when combining these widths with left/right padding */

  /* Typography */

  /* Border radius */

  /* Side nav width */
}

/**
 * Breakpoints
 */

/**
 * Margin and padding
 */

.shim-mt0 { margin-top: 0 !important; }

.shim-mb0 { margin-bottom: 0 !important; }

.shim-ml0 { margin-left: 0 !important; }

.shim-mr0 { margin-right: 0 !important; }

.shim-pt0 { padding-top: 0 !important; }

.shim-pb0 { padding-bottom: 0 !important; }

.shim-pl0 { padding-left: 0 !important; }

.shim-pr0 { padding-right: 0 !important; }

.shim-mt05 { margin-top: 0.75rem !important; }

.shim-mb05 { margin-bottom: 0.75rem !important; }

.shim-pt05 { padding-top: 0.75rem !important; }

.shim-pb05 { padding-bottom: 0.75rem !important; }

.shim-mt1 { margin-top: 1.5rem !important; }

.shim-mb1 { margin-bottom: 1.5rem !important; }

.shim-pt1 { padding-top: 1.5rem !important; }

.shim-pb1 { padding-bottom: 1.5rem !important; }

.shim-mt2 { margin-top: 3rem !important; }

.shim-mb2 { margin-bottom: 3rem !important; }

.shim-pt2 { padding-top: 3rem !important; }

.shim-pb2 { padding-bottom: 3rem !important; }

.shim-reset {
  margin: 0 !important;
  padding: 0 !important;
}

/**
 * Prevent wrapping - e.g. for URLs, emails, etc.
 */

.shim-nowrap {
  white-space: nowrap !important;
}

/**
 * Background
 */

/* saw-tooth pattern */

.bg-saw-tooth {
  background-image: url(https://d2glwx35mhbfwf.cloudfront.net/v3.5.6/bg-saw-tooth.svg);
}

/* inverted background */

.bg-inverted {
  background-color: rgb(9, 65, 131);
  color: white;
}

.bg-inverted-dark {
  background-color: rgb(3, 58, 123);
  color: white;
}

.bg-inverted-darker {
  background-color: rgb(1, 42, 88);
  color: white;
}

.bg-inverted--o95 {
  background-color: rgba(3, 58, 123, .95);
  color: white;
}

.bg-inverted--o95 .card--focus-box__cnr {
    opacity: .85; /* push up opacity for focus color on blue bg */
  }

/* light-gray background */

.bg-alt {
  background-color: rgb(247, 247, 247);
}

.bg-alt-darker {
  background-color: rgb(228, 228, 228);
}

/* light-blue (used in side nav) */

.bg-light-blue {
  background-color: rgb(235, 240, 245);
}

/* white background */

.bg-white {
  background-color: white;
  color: rgb(9, 65, 131);
}

/**
 * Colours
 */

.col-facebook { color: rgb(#3b5998); }

.col-twitter { color: rgb(#55acee); }

.col-linkedin { color: rgb(#0976b4); }

/**
 * Max-width wrapper
 */

.max {
  max-width: 63rem; /* account for padding */
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.max--xxsml { max-width: 23rem; }

.max--xsml { max-width: 33rem; }

.max--sml { max-width: 43rem; }

.max--lge { max-width: 83rem; }

/**
 * Link
 */

/* reset */

.link-reset,
.links-reset a {
  font-weight: inherit;
  text-decoration: none;
}

.link-reset:link,.link-reset:visited, .links-reset a:link, .links-reset a:visited { color: inherit; }

.link-reset:hover, .links-reset a:hover { text-decoration: underline; }

/* wrapping an image (typically a logo) */

.link-img {
  display: inline-block;
  vertical-align: bottom;
}

/* fix unwanted inline-block space */

.link-img > img {
    display: block;
  }

/* with text and icon (e.g. `popular` list in footer) */

.link-icon {
  display: inline-block;
  position: relative;
  line-height: 1.3;
  vertical-align: center;
}

.link-icon__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.3em;
    height: 1.3em;
  }

.link-icon__text {
    display: inline-block;
    padding-right: .125rem; /* for focus outline */
    padding-left: 1.8em; /* icon width .5em */
    text-decoration: inherit;
    vertical-align: top; /* fix unwanted inline-block space */
  }

a[target='_blank']:not(.link-icon--disable)::after {
      content: '';
      display: inline-block;
      width: .875em;
      height: .875em;
      margin-left: .25em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E %3Cpath d='M9.9 1.1v2.2c0 .4-.4.5-.7.3l-.6-.7-4.1 4.2c-.2.1-.5.1-.6 0l-.4-.4c-.2-.2-.2-.4 0-.6L7.6 2 7 1.3c-.2-.2 0-.7.3-.7h2.2c.2 0 .4.2.4.5zM7 5.3l-.2.2c-.1.1-.2.2-.2.3v2.5H1.2V2.8h4.5c.1 0 .2 0 .3-.1l.3-.3c.2-.2 0-.7-.3-.7H1c-.5 0-.8.4-.8.8v6c0 .5.4.8.8.8h6c.5 0 .8-.4.8-.8v-3c-.1-.3-.5-.5-.8-.2z' fill='%2309707E' /%3E %3C/svg%3E");
      vertical-align: -.1em;
    }

/**
 * List
 */

/* reset */

.list-reset {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.list-spaced li {
    margin-bottom: 1.125rem; /* 1.125rem */
    padding-left: 1.125rem;
  }

.list-spaced ol,
  .list-spaced ul {
    margin-top: 1.125rem;
  }

/* with white chevron markers */

.list-chevrons > li::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 8px;
    margin-right: .5em;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjgiPgogIDxwYXRoIGQ9Ik0wIDB2Mi4yNUwxLjc1IDQgMCA1Ljc1VjhsNC00eiIgZmlsbD0iI2ZmZiIgLz4KPC9zdmc+');
    vertical-align: middle;
  }

/* fix vertical alignment of chevron */

@supports (display: flex) {

.list-chevrons > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center
}
  }

/* definition list - i.e. `dl` */

.list-def > dt,
  .list-def > dd {
    display: block;
  }

.list-def > dt {
    margin-right: 1ch;
    float: left;
    clear: left;
    font-weight: 600;
  }

.list-def > dd {
    margin-bottom: .25rem;
    margin-left: 0; /* remove UA style */
    padding: 0 1px; /* fix cropped focus outline caused by hidden overflow */
    overflow: hidden; /* for multi-line alignment */
    text-overflow: ellipsis;
  }

/* for long unbreakable words */

.list-def > dd:last-child {
      margin-bottom: 0;
    }

/* force `dd` to fall below `dt` when too long (must be combined with `clearfix`) */

.list-def--wrap > dd {
    float: left;
  }

/**
 * Push icon to the right of a block of text.
 * Used in buttons, menus, etc.
 */

.push-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}

.push-icon__icon {
    display: inline-block;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; /* prevent icon from shrinking */
    width: .75em;
    height: .75em;
    margin-left: 1em;
    vertical-align: middle;
  }

.push-icon__icon--left {
      margin-right: 1em;
      margin-left: 0;
    }

.push-icon__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.push-icon--top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

.push-icon--top .push-icon__icon {
      margin-top: .25rem;
    }

/**
 * Boxed content
 * Removes top spacing of first child and bottom spacing of last child
 */

.box > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

.box > *:first-child {
    margin-top: 0;
    padding-top: 0;
  }

/**
 * Clearfix
 */

.clearfix::before,
  .clearfix::after {
    content: '';
    display: table;
  }

.clearfix::after {
    clear: both;
  }

/* Center text - useful for CMS */

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

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

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

.text-italic {
  font-style: italic;
}

.text-bold {
  font-weight: 600;
}

.text-bigger {
  font-size: 1.333em;
}

.text-smaller {
  font-size: .667em;
}

.text-underborder {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgb(198, 200, 202);
}

.emsp-r {
  padding-right: 1em;
}

.emsp-l {
  padding-left: 1em;
}

/* ellipsis overflow */

.text-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* prevent wrapping - e.g. for emails, URLs, etc. */

.text-nowrap {
  white-space: nowrap;
}

/**
 * Hide visually but not from screenreaders
 */

.screenreaders-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}

/**
 * Download metadata
 */

.metadata {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  color: 105, 109, 115;
  font-size: .9em;
}

/**
 * Animations
 */

@-webkit-keyframes fadeIn {
  from { opacity: 0; }
}

@keyframes fadeIn {
  from { opacity: 0; }
}

@-webkit-keyframes slideFromRight {
  from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@keyframes slideFromRight {
  from { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@-webkit-keyframes slideFromTop {
  from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@keyframes slideFromTop {
  from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.grid--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

@media (min-width: 481px) {

.grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap
}
  }

@media (min-width: 769px) {
    .grid--1col,
    .grid--2col,
    .grid--3col,
    .grid--4col {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
    }

      .grid--1col .cell, .grid--2col .cell, .grid--3col .cell, .grid--4col .cell {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
      }

    .grid--2col .cell { width: 50%; }
    .grid--3col .cell { width: 33.33333%; }
    .grid--4col .cell { width: 25%; }
  }

.cell {
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

@media (min-width: 481px) {
      .cell--tab-1of1 { width: 100%; }
      .cell--tab-1of2 { width: 50%; }
      .cell--tab-1of3 { width: 33.33333%; }
      .cell--tab-2of3 { width: 66.66667%; }
      .cell--tab-1of4 { width: 25%; }
      .cell--tab-3of4 { width: 75%; }
  }

@media (min-width: 769px) {
      .cell--desk-1of1 { width: 100%; }
      .cell--desk-1of2 { width: 50%; }
      .cell--desk-1of3 { width: 33.33333%; }
      .cell--desk-2of3 { width: 66.66667%; }
      .cell--desk-1of4 { width: 25%; }
      .cell--desk-3of4 { width: 75%; }
  }

@media (min-width: 1099px) {
      .cell--wide-1of1 { width: 100%; }
      .cell--wide-1of2 { width: 50%; }
      .cell--wide-1of3 { width: 33.33333%; }
      .cell--wide-2of3 { width: 66.66667%; }
      .cell--wide-1of4 { width: 25%; }
      .cell--wide-3of4 { width: 75%; }
  }

/* Components - Alphabetically ordered */

.accordion .toggleblock__default {
    width: 100%;
    padding: 1rem 1.25rem;
    -webkit-transition: background-color .15s ease-out, color .15s ease-out;
    transition: background-color .15s ease-out, color .15s ease-out;
    border-bottom: 1px solid rgb(228, 228, 228);
    text-decoration: none;
    cursor: pointer;
  }

.accordion .toggleblock__default h2 {
      margin-bottom: 0;
      font-size: 1.25rem;
      line-height: 1.25;
    }

.accordion .toggleblock__default::after {
      content: '';
      position: absolute;
      top: 50%;
      right: 1.25rem;
      width: 0;
      height: 0;
      margin-top: -.25rem;
      border-top: .333rem solid currentColor;
      border-right: .333rem solid transparent;
      border-left: .333rem solid transparent;
    }

.accordion .toggleblock__default--active,
    .accordion .toggleblock__default:focus,
    .accordion .toggleblock__default:hover {
      background-color: rgb(247, 247, 247);
    }

.accordion .toggleblock__default--active::after {
      border-top: 0;
      border-bottom: .333rem solid currentColor;
    }

.accordion .toggleblock__hidden-inner {
    padding: 1.25rem;
    border-bottom: 1px solid rgb(228, 228, 228);
    background-color: rgb(247, 247, 247);
  }

.notice {
  margin: 1.5rem;
  padding: 1.5rem;
  border-radius: 4px;
  background-color: rgb(242, 245, 249);
}

.notice--warning {
    background-color: rgb(255, 220, 186);
    color: rgb(112, 35, 15);
  }

.notice--warning a {
      color: rgb(112, 35, 15);
    }

.notice--success {
    background-color: rgb(243, 248, 215);
    color: rgb(64, 96, 31);
  }

.notice--success a {
      color: rgb(64, 96, 31);
    }

.notice--danger {
    background-color: rgb(185, 61, 28);
    color: #fff;
  }

.notice--danger a {
      color: #fff;
    }

.article-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* fix alignment of first heading or lead paragraph */

.article-wrap__main > h3:first-child, .article-wrap__main > .heading-card:first-child, .article-wrap__main > .lead:first-child {
    margin-top: -0.125rem; /* heading/lead font size - base font size */
  }

.article-wrap__aside-box:not(:first-child) {
      padding-top: 1.5rem;
    }

.article-wrap__aside-box:not(:last-child) {
      padding-bottom: 1.5rem;
      border-bottom: 1px solid rgb(9, 65, 131);
    }

.article-wrap__type {
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
  }

.article-wrap__contact-list {
    margin-bottom: 0;
  }

.article-wrap__social-heading {
    margin-bottom: .25rem;
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
  }

.article-wrap__categories-heading {
      margin-bottom: .25rem;
      font-size: 1.125em;
      font-weight: 600;
    }

.article-wrap__categories a {
      display: block;
      padding: .25em 0;
    }

/* switch to sidebar layout unless `column` variant is used */

@media (min-width: 769px) {

.article-wrap:not(.article-wrap--column) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap
  }

      .article-wrap:not(.article-wrap--column) .article-wrap__header {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        margin-bottom: 3.75rem;
      }

      .article-wrap:not(.article-wrap--column) .article-wrap__main {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        width: 70%;
        padding: 0 1.5rem;
      }

      .article-wrap:not(.article-wrap--column) .article-wrap__aside {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        width: 30%;
      }
    }

@media (min-width: 900px) {
      .article-wrap:not(.article-wrap--column) .article-wrap__aside {
        padding-right: 1.5rem;
      }
    }

.tags__heading {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
  }

.tags__heading .push-icon__icon {
      width: 1rem;
      height: 1rem;
      margin: 0;
    }

.tags__listing {
    display: inline-block;
    vertical-align: middle;
  }

.tag--truncate {
    display: inline-block;
    width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
  }

blockquote,
.block-quotation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

blockquote p,
  blockquote__content,
  .block-quotation p,
  .block-quotation__content {
    margin-bottom: 0;
    font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
    font-size: 1.8rem;
    font-style: italic;
  }

blockquote p::before,
    blockquote p::after,
    blockquote__content::before,
    blockquote__content::after,
    .block-quotation p::before,
    .block-quotation p::after,
    .block-quotation__content::before,
    .block-quotation__content::after {
      position: absolute;
      color: 105, 109, 115;
      font-size: 1.333em;
      font-style: normal;
    }

blockquote p::before, blockquote__content::before, .block-quotation p::before, .block-quotation__content::before {
      content: '\201C';
      top: -.5em;
      left: 0;
      float: left;
    }

@media (min-width: 769px) {

blockquote p::before, blockquote__content::before, .block-quotation p::before, .block-quotation__content::before {
        left: -2rem
    }
      }

blockquote p::after, blockquote__content::after, .block-quotation p::after, .block-quotation__content::after {
      content: '\201D';
      right: 0;
      bottom: -.25em;
      float: right;
    }

@media (min-width: 769px) {

blockquote p::after, blockquote__content::after, .block-quotation p::after, .block-quotation__content::after {
        right: -2rem
    }
      }

blockquote.long p,
    blockquote.long__content,
    .block-quotation.long p,
    .block-quotation.long__content {
      font-size: 1.6rem;
    }

blockquote--bdr-top, .block-quotation--bdr-top {
    padding-top: 1.8em;
    border-top: 1px solid;
    border-color: rgb(105, 109, 115);
  }

blockquote--bdr-top .block-quotation__content::before, .block-quotation--bdr-top .block-quotation__content::before {
      top: .25em;
    }

blockquote--bdr-btm, .block-quotation--bdr-btm {
    padding-bottom: 1.8em;
    border-bottom: 1px solid;
    border-color: rgb(105, 109, 115);
  }

blockquote--bdr-btm .block-quotation__content::after, .block-quotation--bdr-btm .block-quotation__content::after {
      bottom: .5em;
    }

blockquote cite,
  blockquote__author,
  .block-quotation cite,
  .block-quotation__author {
    width: 100%;
    margin-top: 0.75rem;
    float: left;
    color: 75, 77, 83;
    font-size: 1.1em;
    font-style: normal;
    text-align: left;
  }

blockquote cite::before, blockquote__author::before, .block-quotation cite::before, .block-quotation__author::before {
      content: '\2014';
    }

.bg-inverted blockquote cite, .bg-inverted .block-quotation cite {
      color: 235, 236, 236;
    }

.bg-inverted blockquote__content::before,
      .bg-inverted blockquote__content::after,
      .bg-inverted .block-quotation__content::before,
      .bg-inverted .block-quotation__content::after {
        color: 235, 236, 236;
      }

.bg-inverted blockquote--bdr-btm,
    .bg-inverted blockquote--bdr-top,
    .bg-inverted .block-quotation--bdr-btm,
    .bg-inverted .block-quotation--bdr-top {
      border-color: rgb(235, 236, 236);
    }

@media (min-width: 769px) {

blockquote,
.block-quotation {
    padding-right: 0;
    padding-left: 0
}
  }

/**
 * Button + Button owner
 */

.btn {
  display: inline-block;
  padding: 1.2rem;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  border: 2px solid rgba(9, 65, 131, 0.7);
  border-radius: 3px;
  color: rgb(9, 65, 131);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
}

.btn:focus,
  .btn:hover,
  .btn:visited,
  .btn-owner:focus .btn,
  .btn-owner:hover .btn {
    border-color: rgb(9, 65, 131);
    color: rgb(9, 65, 131);
  }

.btn:active,
  .btn-owner:active .btn {
    background-color: rgb(9, 65, 131);
    color: #fff;
  }

.btn--inverted,
  .btn--inverted:visited,
  .btn--inverted:focus {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: transparent;
    color: #fff;
  }

.btn--cta.btn {
    border-color: rgb(9, 65, 131);
    background-color: rgb(9, 65, 131);
    color: white;
  }

.btn--cta.btn:hover {
      border-color: white;
      color: white;
    }

.btn--inverted:focus,
  .btn--inverted:hover,
  .btn-owner:focus .btn--inverted,
  .btn-owner:hover .btn--inverted {
    border-color: #fff;
    color: #fff;
  }

.btn--inverted:active,
  .btn-owner:active .btn--inverted,
  .btn--hard {
    background-color: #fff;
    color: rgb(9, 65, 131);
  }

.btn--sml {
    padding: 0.75rem 1.25em;
  }

.btn--xsml {
    padding: 0.5rem 1.25em;
  }

.btn--wide {
    min-width: 15rem;
    max-width: 100%;
  }

@media (max-width: 480px) {

.btn--wide {
      min-width: 100%
  }
    }

.btn--xwide {
    min-width: 30rem;
    max-width: 100%;
  }

@media (max-width: 480px) {

.btn--xwide {
      min-width: 100%
  }
    }

.btn--fullwidth {
    min-width: 100%;
    text-align: center;
  }

.btn--center {
    margin-right: auto;
    margin-left: auto;
  }

.btn--icon {
    position: relative;
    padding-right: 3rem;
    text-align: left;
  }

.btn--icon::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: calc(50% - 0.375em);
      right: 1.25rem;
      width: .75em;
      height: .75em;
      margin-top: .05rem;
      background-size: cover;
    }

.btn--icon--center {
      padding-right: 3rem;
      text-align: center;
    }

.btn--icon--chevron-right::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.92 1.18L5.72 5l-3.8 3.83L3.08 10l5-5-5-5-1.16 1.18z' fill='%23074482' /%3E%3C/svg%3E"); }

.btn--icon--chevron-right-inverted::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1.92 1.18L5.72 5l-3.8 3.83L3.08 10l5-5-5-5-1.16 1.18z' fill='%23fff' /%3E%3C/svg%3E"); }

.btn--icon--chevron-left::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.08 1.18L4.28 5l3.8 3.83L6.92 10l-5-5 5-5 1.16 1.18z' fill='%23074482' /%3E%3C/svg%3E"); }

.btn--icon--chevron-left-inverted::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.08 1.18L4.28 5l3.8 3.83L6.92 10l-5-5 5-5 1.16 1.18z' fill='%23fff' /%3E%3C/svg%3E"); }

.btn--icon--download::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M9.1 3.53H6.76V0H3.24v3.53H.9L5 7.65zM.9 8.83V10h8.2V8.82z' fill='%23074482' /%3E%3C/svg%3E"); }

.btn--icon--download-inverted::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M9.1 3.53H6.76V0H3.24v3.53H.9L5 7.65zM.9 8.83V10h8.2V8.82z' fill='%23fff' /%3E%3C/svg%3E"); }

.btn--icon--search::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M7.148 6.29h-.454l-.157-.158c.557-.65.896-1.493.896-2.416C7.433 1.664 5.77 0 3.716 0 1.664 0 0 1.664 0 3.716 0 5.77 1.664 7.432 3.716 7.432c.923 0 1.766-.338 2.416-.895l.158.157v.453L9.147 10 10 9.148zm-3.432 0c-1.42 0-2.572-1.153-2.572-2.574 0-1.42 1.15-2.573 2.572-2.573S6.29 2.295 6.29 3.716c0 1.42-1.153 2.573-2.574 2.573z' fill='%23074482' /%3E%3C/svg%3E"); }

.btn--icon--search-inverted::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M7.148 6.29h-.454l-.157-.158c.557-.65.896-1.493.896-2.416C7.433 1.664 5.77 0 3.716 0 1.664 0 0 1.664 0 3.716 0 5.77 1.664 7.432 3.716 7.432c.923 0 1.766-.338 2.416-.895l.158.157v.453L9.147 10 10 9.148zm-3.432 0c-1.42 0-2.572-1.153-2.572-2.574 0-1.42 1.15-2.573 2.572-2.573S6.29 2.295 6.29 3.716c0 1.42-1.153 2.573-2.574 2.573z' fill='%23fff' /%3E%3C/svg%3E"); }

.btn--icon--twitter::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M43.2 14.2v1.32c0 13-10 28.03-28.04 28.03-5.54 0-10.83-1.57-15.16-4.45.84.12 1.56.12 2.4.12 4.58 0 8.9-1.57 12.28-4.2-4.33-.13-7.94-2.9-9.27-6.87.66.12 1.26.12 1.86.12.84 0 1.8-.12 2.64-.36-4.6-.9-7.95-4.9-7.95-9.6v-.1c1.32.72 2.88 1.2 4.45 1.2-2.65-1.8-4.45-4.8-4.45-8.18 0-1.8.48-3.5 1.32-4.93 4.8 6 12.15 9.84 20.33 10.32-.14-.7-.26-1.43-.26-2.27 0-5.42 4.45-9.87 9.86-9.87 2.9 0 5.43 1.2 7.23 3.12 2.3-.5 4.33-1.2 6.26-2.4-.76 2.27-2.3 4.2-4.37 5.4 2.04-.24 3.85-.73 5.65-1.57-1.2 1.93-2.9 3.73-4.8 5.18z' fill='%23074482' /%3E%3C/svg%3E"); }

.btn--icon--twitter-inverted::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M43.2 14.2v1.32c0 13-10 28.03-28.04 28.03-5.54 0-10.83-1.57-15.16-4.45.84.12 1.56.12 2.4.12 4.58 0 8.9-1.57 12.28-4.2-4.33-.13-7.94-2.9-9.27-6.87.66.12 1.26.12 1.86.12.84 0 1.8-.12 2.64-.36-4.6-.9-7.95-4.9-7.95-9.6v-.1c1.32.72 2.88 1.2 4.45 1.2-2.65-1.8-4.45-4.8-4.45-8.18 0-1.8.48-3.5 1.32-4.93 4.8 6 12.15 9.84 20.33 10.32-.14-.7-.26-1.43-.26-2.27 0-5.42 4.45-9.87 9.86-9.87 2.9 0 5.43 1.2 7.23 3.12 2.3-.5 4.33-1.2 6.26-2.4-.76 2.27-2.3 4.2-4.37 5.4 2.04-.24 3.85-.73 5.65-1.57-1.2 1.93-2.9 3.73-4.8 5.18z' fill='%23fff' /%3E%3C/svg%3E"); }

.btn--icon-before {
    position: relative;
    padding-left: 3rem;
    text-align: left;
  }

.btn--icon-before::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: calc(50% - 0.375em);
      left: 1.25rem;
      width: .75em;
      height: .75em;
      margin-top: .05rem;
      background-size: cover;
    }

.btn--icon-before--center {
      padding-right: 3rem;
      text-align: center;
    }

.btn--disabled {
    opacity: .5;
    pointer-events: none;
  }

.card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  min-height: 100%;
  font-weight: normal;
}

.card.btn-owner {
    color: rgb(9, 65, 131);
    text-decoration: none;
  }

.card.btn-owner:visited {
      color: rgb(9, 65, 131);
    }

.card.btn-owner.bg-inverted,
    .card.btn-owner.bg-inverted--o95 {
      color: white;
    }

.card.btn-owner.bg-inverted:visited, .card.btn-owner.bg-inverted--o95:visited { color: white; }

.card.btn-owner.bg-inverted:hover, .card.btn-owner.bg-inverted--o95:hover { background-color: rgb(8, 60, 119); }

.card__inner {
    padding: 1.5rem;
  }

.card__inner--tight {
      padding: 1.5rem 0;
    }

.card__thumb {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

.card__thumb--zoom {
      position: relative;
      width: 100%;
      height: 200px;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }

.card__thumb--zoom::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        background: inherit;
      }

.card__footer {
    margin-top: auto;
    margin-bottom: 0;
    padding: 1.5rem;
  }

/* One column */

.grid--1col .cell .card,
  .listing--one .list-item .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

.grid--1col .cell .card .card__inner, .listing--one .list-item .card .card__inner {
      margin-right: auto;
    }

@media (min-width: 600px) {

.grid--1col .cell .card,
  .listing--one .list-item .card {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row
  }

      .grid--1col .cell .card--division, .listing--one .list-item .card--division {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
      }
    }

.card--bdr-hover {
    border-bottom: .4rem solid #eee;
  }

.card--bdr,
  .card--bdr:hover {
    border-bottom: .4rem solid;
  }

/* Border color sequence */

.cell:nth-child(7n+1) .card--bdr, .cell:nth-child(7n+1) .card--bdr:hover { border-color: rgb(153, 162, 170); }

.cell:nth-child(7n+2) .card--bdr, .cell:nth-child(7n+2) .card--bdr:hover { border-color: rgb(63, 167, 194); }

.cell:nth-child(7n+3) .card--bdr, .cell:nth-child(7n+3) .card--bdr:hover { border-color: rgb(236, 174, 101); }

.cell:nth-child(7n+4) .card--bdr, .cell:nth-child(7n+4) .card--bdr:hover { border-color: rgb(89, 177, 127); }

.cell:nth-child(7n+5) .card--bdr, .cell:nth-child(7n+5) .card--bdr:hover { border-color: rgb(231, 112, 82); }

.cell:nth-child(7n+6) .card--bdr, .cell:nth-child(7n+6) .card--bdr:hover { border-color: rgb(114, 131, 191); }

.cell:nth-child(7n) .card--bdr, .cell:nth-child(7n) .card--bdr:hover { border-color: rgb(238, 136, 137); }

.cell--col-1 .card--bdr, .cell--col-1 .card--bdr:hover { border-color: rgb(153, 162, 170) !important; }

.cell--col-2 .card--bdr, .cell--col-2 .card--bdr:hover { border-color: rgb(63, 167, 194) !important; }

.cell--col-3 .card--bdr, .cell--col-3 .card--bdr:hover { border-color: rgb(236, 174, 101) !important; }

.cell--col-4 .card--bdr, .cell--col-4 .card--bdr:hover { border-color: rgb(89, 177, 127) !important; }

.cell--col-5 .card--bdr, .cell--col-5 .card--bdr:hover { border-color: rgb(231, 112, 82) !important; }

.cell--col-6 .card--bdr, .cell--col-6 .card--bdr:hover { border-color: rgb(114, 131, 191) !important; }

.cell--col-7 .card--bdr, .cell--col-7 .card--bdr:hover { border-color: rgb(238, 136, 137) !important; }

.list-item:nth-child(7n+1) .card--bdr, .list-item:nth-child(7n+1) .card--bdr:hover { border-color: rgb(153, 162, 170); }

.list-item:nth-child(7n+2) .card--bdr, .list-item:nth-child(7n+2) .card--bdr:hover { border-color: rgb(63, 167, 194); }

.list-item:nth-child(7n+3) .card--bdr, .list-item:nth-child(7n+3) .card--bdr:hover { border-color: rgb(236, 174, 101); }

.list-item:nth-child(7n+4) .card--bdr, .list-item:nth-child(7n+4) .card--bdr:hover { border-color: rgb(89, 177, 127); }

.list-item:nth-child(7n+5) .card--bdr, .list-item:nth-child(7n+5) .card--bdr:hover { border-color: rgb(231, 112, 82); }

.list-item:nth-child(7n+6) .card--bdr, .list-item:nth-child(7n+6) .card--bdr:hover { border-color: rgb(114, 131, 191); }

.list-item:nth-child(7n) .card--bdr, .list-item:nth-child(7n) .card--bdr:hover { border-color: rgb(238, 136, 137); }

.colour-cycle--alt .cell:nth-child(4n+1) .card--bdr,
    .colour-cycle--alt .list-item:nth-child(4n+1) .card--bdr,
    .colour-cycle--alt .cell:nth-child(4n+1) .card--bdr:hover,
    .colour-cycle--alt .list-item:nth-child(4n+1) .card--bdr:hover {
      border-color: rgb(231, 112, 82);
    }

.colour-cycle--alt .cell:nth-child(4n+2) .card--bdr,
    .colour-cycle--alt .list-item:nth-child(4n+2) .card--bdr,
    .colour-cycle--alt .cell:nth-child(4n+2) .card--bdr:hover,
    .colour-cycle--alt .list-item:nth-child(4n+2) .card--bdr:hover {
      border-color: rgb(63, 167, 194);
    }

.colour-cycle--alt .cell:nth-child(4n+3) .card--bdr,
    .colour-cycle--alt .list-item:nth-child(4n+3) .card--bdr,
    .colour-cycle--alt .cell:nth-child(4n+3) .card--bdr:hover,
    .colour-cycle--alt .list-item:nth-child(4n+3) .card--bdr:hover {
      border-color: rgb(236, 174, 101);
    }

.colour-cycle--alt .cell:nth-child(4n) .card--bdr,
    .colour-cycle--alt .list-item:nth-child(4n) .card--bdr,
    .colour-cycle--alt .cell:nth-child(4n) .card--bdr:hover,
    .colour-cycle--alt .list-item:nth-child(4n) .card--bdr:hover {
      border-color: rgb(161, 209, 114);
    }

.card--bdr-top,
  .card--bdr-top:hover {
    border-top: .4rem solid;
    border-bottom: 0;
  }

.cell .card--bdr-blue,
    .list-item .card--bdr-blue {
      border-bottom: .4rem solid rgb(93, 130, 173);
    }

.card--bdr-thin,
  .card--bdr-thin:hover {
    border-width: .2rem;
  }

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

.card--division hr {
    margin: 1.5rem 0;
    border: 0;
    border-bottom: 2px solid rgb(171, 190, 213);
  }

.card--division .card__title {
    min-height: 6.5rem;
    margin: 0;
    padding: 1.5rem;
    font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
    font-size: 1.125em;
    font-weight: 600;
  }

.card--division .card__footer {
    padding: 0 1.5rem 1.5rem 1.5rem;
  }

.card--division .card__subheader {
    min-height: 5.5rem;
  }

.card--division--head .card__meta {
      margin: 1.5rem 0;
      font-weight: 600;
    }

.card--division--head .card__thumb {
      position: relative;
      height: 360px;
    }

.card--division--head .card__thumb-img,
      .card--division--head .card__thumb img {
        width: 100%;
        height: 360px;
      }

.card--division--head .card__thumb-img {
        background-position: center;
        background-size: cover;
      }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {

.card--division--head .card__thumb img {
          -o-object-fit: cover;
             object-fit: cover
      }
        }

.card--division--head .card__thumb::before,
      .card--division--head .card__thumb::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 5rem;
        height: 5rem;
        margin-top: .05rem;
        opacity: .6;
        background-size: cover;
      }

.card--division--head .card__thumb::before {
        top: 0;
        left: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m0 0v112l32-32v-48h48l32-32h-112z' fill='%23074482' /%3E%3C/svg%3E");
      }

.card--division--head .card__thumb::after {
        right: 0;
        bottom: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m112 0-32 32v48h-48l-32 32h112v-112z' fill='%23074482' /%3E%3C/svg%3E");
      }

.card--division--head-compact .card__subheader {
        min-height: inherit;
      }

.card--division--head-compact .card__meta {
        margin-bottom: 0;
      }

.grid--1col .cell .card--division--head .card__header, .listing--one .list-item .card--division--head .card__header {
        font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
        font-size: 1.75rem;
      }

.grid--1col .cell .card--division--head .card__inner, .listing--one .list-item .card--division--head .card__inner {
        width: 100%;
        margin-right: auto;
        margin-left: 0;
        padding-left: 0;
      }

@media (min-width: 769px) {

.grid--1col .cell .card--division--head .card__inner, .listing--one .list-item .card--division--head .card__inner {
          width: 60%;
          padding-right: 3rem;
          float: left
      }
        }

.grid--1col .cell .card--division--head .card__subheader, .listing--one .list-item .card--division--head .card__subheader {
        min-height: auto;
      }

.grid--1col .cell .card--division--head .card__thumb, .listing--one .list-item .card--division--head .card__thumb {
        margin-top: auto;
        margin-bottom: auto;
      }

@media (min-width: 769px) {

.grid--1col .cell .card--division--head .card__thumb, .listing--one .list-item .card--division--head .card__thumb {
          width: 30%;
          float: right
      }

          .section__inner--sml .grid--1col .cell .card--division--head .card__thumb, .section__inner--sml .listing--one .list-item .card--division--head .card__thumb {
            width: 40%;
            height: 300px;
          }

            .section__inner--sml .grid--1col .cell .card--division--head .card__thumb img, .section__inner--sml .listing--one .list-item .card--division--head .card__thumb img {
              height: 300px;
            }
        }

@media (min-width: 600px) {

.grid--1col .cell .card--division--head,
    .listing--one .list-item .card--division--head {
        border-bottom: 0
    }

        .grid--1col .cell .card--division--head hr, .listing--one .list-item .card--division--head hr {
          max-width: 50%;
          text-align: left;
        }
      }

.card--fact .card__inner {
    display: block;
  }

.card--fact .card__header {
    margin-bottom: .75rem;
    font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
    font-size: 2.6rem;
    font-weight: bold;
  }

.card--fact .card__header--sml {
      font-size: 1.7rem;
    }

.card--fact .card__thumb {
    width: auto;
    max-height: 150px;
  }

.card--fact .card__thumb + .card__inner {
      padding-top: 0;
    }

.card--fact .card__meta {
    margin-bottom: .75rem;
    font-size: 1.1rem;
    font-weight: 600;
  }

.card--fact-image .card__thumb {
      margin: 1.5rem auto;
    }

@media (min-width: 600px) {
      .list-item--desk-1of1 .card--fact-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
      }

        .list-item--desk-1of1 .card--fact-image .card__thumb {
          width: 40%;
        }

        .list-item--desk-1of1 .card--fact-image .card__inner {
          width: 60%;
        }
    }

.card--fact p {
    font-size: .9rem;
  }

/**
 * Focus box as used in About us - Growing esteem pages
 */

.card--focus-box {
  position: relative;
  padding: 3rem;
  text-align: left;
}

.card--focus-box-vert {
    padding: 1.5rem;
    text-align: center;
  }

.card--focus-box__cnr {
    position: absolute;
    width: 6em;
    height: 6em;
    opacity: .5;
    color: rgb(89, 177, 127);
  }

.card--focus-box__cnr--top-left {
      top: 0;
      left: 0;
    }

.card--focus-box__cnr--btm-right {
      right: 0;
      bottom: 0;
    }

/* Focus mark color modifiers */

.card--focus-box--brand .card--focus-box__cnr {
      color: rgb(9, 65, 131);
    }

.card--focus-box--white .card--focus-box__cnr {
      color: #fff;
    }

.card--focus-box--teal .card--focus-box__cnr {
      color: rgb(63, 167, 194);
    }

.card--focus-box--yellow .card--focus-box__cnr {
      color: rgb(236, 174, 101);
    }

.card--focus-box--emerald .card--focus-box__cnr {
      color: rgb(89, 177, 127);
    }

.card--focus-box--blue .card--focus-box__cnr {
      color: rgb(64, 116, 178);
    }

.card--focus-box--orange .card--focus-box__cnr {
      color: rgb(231, 112, 82);
    }

.card--focus-box--green .card--focus-box__cnr {
      color: rgb(161, 209, 114);
    }

.card--focus-box--purple .card--focus-box__cnr {
      color: rgb(114, 131, 191);
    }

.card--focus-box--pink .card--focus-box__cnr {
      color: rgb(238, 136, 137);
    }

.card--focus-box__icon {
    width: 100%;
    max-width: 200px;
    max-height: 200px;
    margin-right: auto;
    margin-bottom: 1.5rem;
    margin-left: auto;
    padding: 0 1.5rem;
    stroke-width: 0;
  }

.cell:nth-child(7n+1) .card--focus-box__icon *,
  .list-item:nth-child(7n+1) .card--focus-box__icon * {
    fill: rgb(63, 167, 194);
  }

.cell:nth-child(7n+2) .card--focus-box__icon *,
  .list-item:nth-child(7n+2) .card--focus-box__icon * {
    fill: rgb(236, 174, 101);
  }

.cell:nth-child(7n+3) .card--focus-box__icon *,
  .list-item:nth-child(7n+3) .card--focus-box__icon * {
    fill: rgb(89, 177, 127);
  }

.cell:nth-child(7n+4) .card--focus-box__icon *,
  .list-item:nth-child(7n+4) .card--focus-box__icon * {
    fill: rgb(231, 112, 82);
  }

.cell:nth-child(7n+5) .card--focus-box__icon *,
  .list-item:nth-child(7n+5) .card--focus-box__icon * {
    fill: rgb(114, 131, 191);
  }

.cell:nth-child(7n+6) .card--focus-box__icon *,
  .list-item:nth-child(7n+6) .card--focus-box__icon * {
    fill: rgb(238, 136, 137);
  }

.cell:nth-child(7n) .card--focus-box__icon *,
  .list-item:nth-child(7n) .card--focus-box__icon * {
    fill: rgb(153, 162, 170);
  }

.colour-cycle--alt .cell:nth-child(4n+1) .card--focus-box__icon *,
  .colour-cycle--alt .list-item:nth-child(4n+1) .card--focus-box__icon * {
    fill: rgb(231, 112, 82);
  }

.colour-cycle--alt .cell:nth-child(4n+2) .card--focus-box__icon *,
  .colour-cycle--alt .list-item:nth-child(4n+2) .card--focus-box__icon * {
    fill: rgb(63, 167, 194);
  }

.colour-cycle--alt .cell:nth-child(4n+3) .card--focus-box__icon *,
  .colour-cycle--alt .list-item:nth-child(4n+3) .card--focus-box__icon * {
    fill: rgb(236, 174, 101);
  }

.colour-cycle--alt .cell:nth-child(4n) .card--focus-box__icon *,
  .colour-cycle--alt .list-item:nth-child(4n) .card--focus-box__icon * {
    fill: rgb(161, 209, 114);
  }

.card--focus-box:not(.page-header .card--focus-box):not(.split-section .card--focus-box) {
    width: calc(100% + 3rem);
    margin: -3rem -1.5rem;
  }

@media (min-width: 481px) {

.card--focus-box:not(.page-header .card--focus-box):not(.split-section .card--focus-box) {
      width: 100%;
      margin: 0
  }
    }

.card--image-focus {
  width: 100%;
  padding: 0;
  text-align: left;
}

.card--image-focus .card__thumb {
    position: relative;
    height: 240px;
  }

.card--image-focus .card__thumb-img,
    .card--image-focus .card__thumb img {
      width: 100%;
      height: 240px;
    }

.card--image-focus .card__thumb-img {
      background-position: center;
      background-size: cover;
    }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {

.card--image-focus .card__thumb img {
        -o-object-fit: cover;
           object-fit: cover
    }
      }

.card--image-focus .card__thumb--tall {
      height: 360px;
    }

.card--image-focus .card__thumb--tall img {
        height: 360px;
      }

.card--image-focus .card__thumb--full {
      height: 100%;
    }

.card--image-focus .card__thumb--full img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
      }

.card--image-focus .card__thumb::before,
    .card--image-focus .card__thumb::after {
      content: '';
      position: absolute;
      z-index: 2;
      width: 5rem;
      height: 5rem;
      opacity: .6;
      background-size: cover;
    }

.card--image-focus .card__thumb::before {
      top: 0;
      left: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m0 0v112l32-32v-48h48l32-32h-112z' fill='%239AD6C3' /%3E%3C/svg%3E");
    }

.card--image-focus .card__thumb::after {
      right: 0;
      bottom: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m112 0-32 32v48h-48l-32 32h112v-112z' fill='%239AD6C3' /%3E%3C/svg%3E");
    }

.card--image-focus--col-brand .card__thumb::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m0 0v112l32-32v-48h48l32-32h-112z' fill='%23074482' /%3E%3C/svg%3E"); }

.card--image-focus--col-brand .card__thumb::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m112 0-32 32v48h-48l-32 32h112v-112z' fill='%23074482' /%3E%3C/svg%3E"); }

.card--image-focus--col-white .card__thumb::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m0 0v112l32-32v-48h48l32-32h-112z' fill='%23FFF' /%3E%3C/svg%3E"); }

.card--image-focus--col-white .card__thumb::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m112 0-32 32v48h-48l-32 32h112v-112z' fill='%23FFF' /%3E%3C/svg%3E"); }

.card--image-focus.btn-owner:hover .card__thumb::before,
      .card--image-focus.btn-owner:hover .card__thumb::after {
        opacity: .7;
      }

.card--image-focus.btn-owner:hover .card__inner h2,
      .card--image-focus.btn-owner:hover .card__inner h3,
      .card--image-focus.btn-owner:hover .card__inner h4 { /* stylelint-disable-line */
        text-decoration: underline;
      }

.card--image-focus__tight .card__inner {
      padding-right: 0;
      padding-left: 0;
    }

/**
 * Image thumbnail variant
 */

.card--image:hover .card__thumb::before {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }

.card--image .card__inner {
    text-align: center;
  }

.card--image .card__inner p {
      margin-top: 1.5rem;
      font-size: .9rem;
    }

/**
 * Lists of images as used in senior leadership pages
 */

.card--imagelisting .card__inner {
    padding-right: 0;
    padding-left: 0;
  }

.card--imagelisting .card__thumb {
    height: 200px;
  }

.card--imagelisting .card__header {
    color: rgb(9, 65, 131);
    font-weight: bold;
    text-decoration: underline;
  }

.card--stafflist .card__meta {
    margin-bottom: 0;
  }

.card--stafflist .card__thumb {
    height: 240px;
    background-position: center;
  }

.card--stafflist .card__header {
    margin-bottom: 0;
    color: rgb(9, 65, 131);
    font-weight: bold;
    text-decoration: underline;
  }

.card--link {
  position: relative;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: center;
}

.card--link .card__thumb {
    position: relative;
    width: 100%;
    height: 200px;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

.card--link .card__thumb::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
      background: inherit;
    }

.card--link svg {
    position: absolute;
    top: calc(50% + 93px);
    right: 1.5rem;
  }

.card--link .card__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    margin: auto;
    padding: 1.5rem;
    color: #fff;
    text-align: center;
  }

.card--link div.card__header {
    width: 100%;
  }

.card--link div.card__header span {
      margin-right: auto;
      margin-left: auto;
    }

.card--link div.card__header svg {
      position: relative;
      top: auto;
      right: auto;
      min-width: 15px;
      margin-right: 0;
      margin-left: 0.75rem;
      color: white;
    }

.card--link p.card__header {
    padding-right: 3rem;
  }

.card--link.bg-alt .card__header,
    .card--link.bg-alt svg {
      color: rgb(9, 65, 131);
    }

@media (min-width: 769px) {

.card--link {
    max-width: 14.3rem
}
  }

@supports (display: flex) {

.card--link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center
}
  }

.card--news {
  background-color: white;
  color: rgb(9, 65, 131);
}

.card--news .card__header {
    margin-top: 1.5rem;
  }

/**
 * Pathfinder cards - highlight focus on hover
 */

.card--pathfinder {
  padding: 1.5rem;
  text-align: center;
}

.card--pathfinder .card__header {
    margin-top: 1.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    text-align: center;
  }

.card--pathfinder .card__inner {
    text-align: center;
  }

.card--pathfinder--sml {
    text-align: center;
  }

.card--pathfinder--sml .btn {
      margin-bottom: 1.5rem;
    }

.card--pathfinder .card__footer {
    padding-top: 0;
  }

.card--pathfinder .card--focus-box__cnr {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: .2;
    color: #fff;
  }

.card--pathfinder:hover .card--focus-box__cnr { opacity: .3; }

.section--image-mask.bg-inverted .card--pathfinder {
    background-color: rgba(9, 65, 131, 0.9);
  }

.section--image-mask.bg-inverted .card--pathfinder:hover {
      background-color: rgba(8, 60, 119, 0.9);
    }

.contact-card {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.contact-card a {
    color: rgb(9, 65, 131);
    text-decoration: none;
  }

.contact-card a:hover {
      text-decoration: underline;
    }

.contact-card__map {
    width: 100% !important;
    max-width: 100%;
    height: 370px;
    background-color: white;
  }

.contact-card__lower {
    display: table;
    width: 100%;
    background-color: white;
  }

.contact-card__col1_3 {
    margin-bottom: 0;
    padding: 3rem 1.5rem;
    border-top: 1px solid rgb(235, 236, 236);
    vertical-align: top;
  }

@media (min-width: 600px) {

.contact-card__col1_3 {
      display: inline-block;
      width: 50%;
      padding: 3rem;
      border-top: 0
  }
    }

@media (min-width: 769px) {

.contact-card__col1_3 {
      display: table-cell;
      width: 33.333%
  }
    }

.contact-card__title {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.2em;
    font-weight: bold;
  }

.contact-card__detail {
    display: block;
    margin-left: 0;
    padding: 1em 0;
    font-size: .9em;
  }

.contact-card__detail--inline {
      display: inline-block;
      margin-left: 0;
      padding-top: 0;
      font-size: .9em;
    }

.check-list {
  margin-bottom: 1.5rem;
}

.check-list__list {
    padding-left: 0;
    list-style-type: none;
  }

.check-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

.check-list__checkbox {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin: .4em .5em 0 0;
  }

.check-list__checkbox:checked + .check-list__label {
      text-decoration: line-through;
    }

.check-list__label {
    cursor: pointer;
  }

.news-block {
  width: 100%;
  padding: 0;
  border-top: 1px solid rgb(153, 162, 170);
}

.news-block__link {
    color: rgb(9, 65, 131);
    font-weight: normal;
    text-decoration: none;
  }

.news-block__title {
    font-weight: bold;
  }

.news-block__item {
    width: 100%;
    margin-bottom: 0;
    padding-top: 1.667rem;
    padding-bottom: 1rem;
    list-style-type: none;
    border-bottom: 1px solid rgb(153, 162, 170);
    font-size: .9rem;
  }

.news-block__item p {
      margin-bottom: .75rem;
    }

.news-block__img {
    width: 100%;
    margin-bottom: 1rem;
  }

@media (min-width: 481px) {

.news-block {
    float: left
}

    .news-block__img {
      width: 11.25rem;
      height: 6.328125rem; /* stylelint-disable-line number-max-precision */
      margin-top: .333rem;
      margin-left: -12.5rem;
      float: left;
    }

    .news-block__item {
      padding-left: 12.5rem;
      float: left;
    }
  }

.event-block {
  padding: 1rem 0;
}

.event-block__item {
    margin-bottom: 0;
    list-style-type: none;
  }

.event-block__item:last-child .event-block__link {
      border-bottom: 0;
    }

.event-block__title {
    margin-bottom: .5rem;
    font-weight: bold;
    line-height: 1.4;
  }

.event-block__date,
  .event-block__time {
    position: relative;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 1.5rem;
    font-weight: 600;
    text-align: left;
  }

.event-block__date::before, .event-block__time::before {
      content: '';
      display: inline-block;
      position: absolute;
      top: calc(50% - 0.5rem);
      left: 0;
      width: 1rem;
      height: 1rem;
      margin-top: .05rem;
      background-size: cover;
    }

.event-block__date::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 0 22 22'%3E%3Cpath d='M14,14H7V16H14M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M17,10H7V12H17V10Z' fill='%23074482' /%3E%3C/svg%3E"); }

.event-block__time::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 42 42'%3E%3Cpath d='M23.99 4C12.94 4 4 12.95 4 24s8.94 20 19.99 20C35.04 44 44 35.05 44 24S35.04 4 23.99 4zM24 40c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16zm1-26h-3v12l10.49 6.3L34 29.84l-9-5.34V14z' fill='%23074482'%3E%3C/path%3E%3C/svg%3E"); }

.event-block__link {
    display: block;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgb(153, 162, 170);
    color: rgb(9, 65, 131);
    font-size: .9rem;
    font-weight: normal;
    text-decoration: none;
  }

.event-block__link p {
      margin-bottom: .75rem;
    }

.content-block {
  padding: 3rem 1.5rem;
}

/* compensate for difference in font-size with first child (typically `h2`) */

.content-block > *:last-child {
    margin-bottom: 0.1875rem; /* half line spacing * (font-size of `h2` - font-size of `p) */
  }

/* remove default bottom margin of last child (typically `p`), and */

.content-block > * {
    max-width: 60rem;
    margin-right: auto;
    margin-left: auto;
  }

.layout--right .layout__main .content-block > *,
    .layout--right .layout__main .content-block > * {
      max-width: calc(57rem - 17%); /* account for side nav */
    }

.content-block--sml > * { max-width: 40rem; }

.content-block--lge > * { max-width: 80rem; }

.content-block--short {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

.download-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  border: 1px solid rgb(9, 65, 131);
  border-radius: 4px;
}

.download-block.btn-owner {
    color: rgb(9, 65, 131);
    text-decoration: none;
  }

.download-block.btn-owner:hover {
      border-color: rgb(93, 130, 173);
    }

.download-block.btn-owner:hover .download-block__inner h3 {
        text-decoration: underline;
      }

.download-block__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

@media (min-width: 481px) {

.download-block__inner {
      width: 70%;
      padding-right: 1.5rem;
      padding-left: 1.5rem
  }
    }

.download-block__thumb {
    width: 30%;
  }

@media (max-width: 480px) {

.download-block__thumb {
      display: none
  }
    }

.download-block__img {
    display: block;
    max-width: 100%;
  }

.document-list .link-download::after, .document-list--download-all a::after, .document-list figcaption::after, .document-list [href$='.pdf']::after, .document-list [href$='.Pdf']::after, .document-list [href$='.pDf']::after, .document-list [href$='.PDf']::after, .document-list [href$='.pdF']::after, .document-list [href$='.PdF']::after, .document-list [href$='.pDF']::after, .document-list [href$='.PDF']::after, .document-list [href$='.doc']::after, .document-list [href$='.Doc']::after, .document-list [href$='.dOc']::after, .document-list [href$='.DOc']::after, .document-list [href$='.doC']::after, .document-list [href$='.DoC']::after, .document-list [href$='.dOC']::after, .document-list [href$='.DOC']::after, .document-list [href$='.docx']::after, .document-list [href$='.Docx']::after, .document-list [href$='.dOcx']::after, .document-list [href$='.DOcx']::after, .document-list [href$='.doCx']::after, .document-list [href$='.DoCx']::after, .document-list [href$='.dOCx']::after, .document-list [href$='.DOCx']::after, .document-list [href$='.docX']::after, .document-list [href$='.DocX']::after, .document-list [href$='.dOcX']::after, .document-list [href$='.DOcX']::after, .document-list [href$='.doCX']::after, .document-list [href$='.DoCX']::after, .document-list [href$='.dOCX']::after, .document-list [href$='.DOCX']::after, .document-list [href$='.dotx']::after, .document-list [href$='.Dotx']::after, .document-list [href$='.dOtx']::after, .document-list [href$='.DOtx']::after, .document-list [href$='.doTx']::after, .document-list [href$='.DoTx']::after, .document-list [href$='.dOTx']::after, .document-list [href$='.DOTx']::after, .document-list [href$='.dotX']::after, .document-list [href$='.DotX']::after, .document-list [href$='.dOtX']::after, .document-list [href$='.DOtX']::after, .document-list [href$='.doTX']::after, .document-list [href$='.DoTX']::after, .document-list [href$='.dOTX']::after, .document-list [href$='.DOTX']::after, .document-list [href$='.xlsx']::after, .document-list [href$='.Xlsx']::after, .document-list [href$='.xLsx']::after, .document-list [href$='.XLsx']::after, .document-list [href$='.xlSx']::after, .document-list [href$='.XlSx']::after, .document-list [href$='.xLSx']::after, .document-list [href$='.XLSx']::after, .document-list [href$='.xlsX']::after, .document-list [href$='.XlsX']::after, .document-list [href$='.xLsX']::after, .document-list [href$='.XLsX']::after, .document-list [href$='.xlSX']::after, .document-list [href$='.XlSX']::after, .document-list [href$='.xLSX']::after, .document-list [href$='.XLSX']::after, .document-list [href$='.xls']::after, .document-list [href$='.Xls']::after, .document-list [href$='.xLs']::after, .document-list [href$='.XLs']::after, .document-list [href$='.xlS']::after, .document-list [href$='.XlS']::after, .document-list [href$='.xLS']::after, .document-list [href$='.XLS']::after, .document-list [href$='.pptx']::after, .document-list [href$='.Pptx']::after, .document-list [href$='.pPtx']::after, .document-list [href$='.PPtx']::after, .document-list [href$='.ppTx']::after, .document-list [href$='.PpTx']::after, .document-list [href$='.pPTx']::after, .document-list [href$='.PPTx']::after, .document-list [href$='.pptX']::after, .document-list [href$='.PptX']::after, .document-list [href$='.pPtX']::after, .document-list [href$='.PPtX']::after, .document-list [href$='.ppTX']::after, .document-list [href$='.PpTX']::after, .document-list [href$='.pPTX']::after, .document-list [href$='.PPTX']::after, .document-list [href$='.ppsx']::after, .document-list [href$='.Ppsx']::after, .document-list [href$='.pPsx']::after, .document-list [href$='.PPsx']::after, .document-list [href$='.ppSx']::after, .document-list [href$='.PpSx']::after, .document-list [href$='.pPSx']::after, .document-list [href$='.PPSx']::after, .document-list [href$='.ppsX']::after, .document-list [href$='.PpsX']::after, .document-list [href$='.pPsX']::after, .document-list [href$='.PPsX']::after, .document-list [href$='.ppSX']::after, .document-list [href$='.PpSX']::after, .document-list [href$='.pPSX']::after, .document-list [href$='.PPSX']::after, .document-list [href$='.key']::after, .document-list [href$='.Key']::after, .document-list [href$='.kEy']::after, .document-list [href$='.KEy']::after, .document-list [href$='.keY']::after, .document-list [href$='.KeY']::after, .document-list [href$='.kEY']::after, .document-list [href$='.KEY']::after, .document-list [href$='.csv']::after, .document-list [href$='.Csv']::after, .document-list [href$='.cSv']::after, .document-list [href$='.CSv']::after, .document-list [href$='.csV']::after, .document-list [href$='.CsV']::after, .document-list [href$='.cSV']::after, .document-list [href$='.CSV']::after {
      content: '';
      display: inline-block;
      width: .875em;
      height: .875em;
      margin-left: .25em;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M9.1 3.53H6.76V0H3.24v3.53H.9L5 7.65zM.9 8.83V10h8.2V8.82z' fill='%2309707E' /%3E%3C/svg%3E");
      vertical-align: -.175em;
    }

.document-list .link-download-off::after {
    content: none;
  }

.document-list--thumbs a::after {
      content: '';
      position: relative;
      background-image: none !important;
    }

.document-list--thumbs figure img {
        width: 100%;
      }

.document-list--thumbs figcaption {
      font-size: .8em;
      text-align: center;
    }

.embed {
  position: relative;
}

.embed::before {
    content: '';
    display: block;
    padding-bottom: 56.25%; /* 16/9 by default */
  }

.embed > iframe {
    display: block; /* remove unwanted `inline-block` spacing */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/* wide ratio (21:9) */

.embed--21_9::before {
    padding-bottom: 42.5%;
  }

.embed--fillheight {
    height: 100%;
  }

/* SoundCloud embeds */

.embed--soundcloud-classic,
  .embed--soundcloud-visual { /* switch to fixed height */
  }

.embed--soundcloud-classic::before, .embed--soundcloud-visual::before { content: none; }

/* SoundCloud's "classic" embed (horizontal player) */

.embed--soundcloud-classic > iframe {
    position: static;
    height: 166px;
  }

/* SoundCloud's "visual" embed (square with background image) */

.embed--soundcloud-visual > iframe {
    position: static;
    width: 15rem;
    height: 15rem;
    margin: 0 auto;
  }

@media (min-width: 769px) {

.embed--soundcloud-visual > iframe {
      width: 20rem;
      height: 20rem
  }
    }

.figure {
  margin-right: auto;
  margin-left: auto;
  padding: 1.5rem;
}

.figure img,
  .figure .embed {
    width: 100%;
  }

.figure figcaption {
    margin-top: 1.5em;
    margin-right: auto;
    margin-left: auto;
    caption-side: bottom;
    color: rgb(107, 113, 119);
    font-size: .9em;
    font-style: italic;
    text-align: center;
  }

.figure--fill {
    margin: 0;
    padding: 0;
  }

.figure--fill img {
      display: block;
    }

.figure--fill figcaption {
      margin-bottom: 3rem;
    }

@media (min-width: 769px) {

.figure--inset figcaption {
        display: table-caption;
        margin-top: inherit
    }

        .figure--inset figcaption::before {
          content: '';
          position: absolute;
          width: 2rem;
          margin-top: -0.75rem;
          border-top: 2px solid rgb(153, 162, 170);
        }
      }

@media (min-width: 769px) {

.figure--inset {
      display: table;
      position: relative;
      width: 50%
  }

      .figure--inset-right {
        margin-right: -5rem;
        margin-left: auto;
        float: right;
      }

        .figure--inset-lge .figure--inset-right {
          margin-right: -10rem;
        }

        .figure--inset-right figcaption {
          padding-right: 1.5rem;
          text-align: right;
        }

          .figure--inset-right figcaption::before {
            right: 1.5rem;
          }

      .figure--inset-left {
        margin-left: -5rem;
        float: left;
      }

        .figure--inset-lge .figure--inset-left {
          margin-left: -10rem;
        }

        .figure--inset-left figcaption {
          padding-left: 1.5rem;
          text-align: left;
        }

          .figure--inset-left figcaption::before {
            text-align: right;
          }
    }

.figure--lge { width: 75%; }

.figure--med { width: 50%; }

.figure--sml { width: 35%; }

.mce form[id^='form_'] input[type='checkbox'],
  .mce form[id^='form_'] input[type='radio'],
  .form input[type='checkbox'],
  .form input[type='radio'] {
    margin-right: .5em;
  }

.mce form[id^='form_'] button,
  .mce form[id^='form_'] input[type='submit'],
  .form button,
  .form input[type='submit'] {
    display: inline-block;
    padding: 1.2rem 3rem;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    border: 2px solid rgb(9, 65, 131);
    border-radius: 3px;
    background-color: rgb(9, 65, 131);
    color: white;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
  }

.mce form[id^='form_'] button:focus,
    .mce form[id^='form_'] button:hover,
    .mce form[id^='form_'] input[type='submit']:focus,
    .mce form[id^='form_'] input[type='submit']:hover,
    .form button:focus,
    .form button:hover,
    .form input[type='submit']:focus,
    .form input[type='submit']:hover {
      border-color: rgba(255, 255, 255, 0.6);
    }

.mce form[id^='form_'] button:active, .mce form[id^='form_'] input[type='submit']:active, .form button:active, .form input[type='submit']:active {
      -webkit-transition: background-color .2s;
      transition: background-color .2s;
      background-color: rgba(9, 65, 131, .7);
    }

.mce form[id^='form_'] fieldset, .form fieldset {
    margin-bottom: 0;
    border: 0;
  }

.mce form[id^='form_'] label, .form label {
    font-size: .95em;
    font-weight: bold;
  }

.mce form[id^='form_'] legend, .form legend {
    margin-bottom: 1rem;
    margin-left: 0;
  }

.mce form[id^='form_'] fieldset ul, .form fieldset ul {
    padding-left: 0;
    list-style-type: none;
  }

.mce form[id^='form_'] select, .form select {
    width: 100%;
    margin-bottom: 1rem;
  }

@media screen and (min-width: 769px) {

.mce form[id^='form_'] select, .form select {
      width: 44rem
  }
    }

@media screen and (min-width: 769px) {
    .mce form[id^='form_'] .grid select, .mce .grid form[id^='form_'] select, .grid .form select, .form .grid select {
      width: 100%;
    }
}

.styled-select {
  position: relative;
  z-index: 1;
  background-color: white;
  color: rgb(9, 65, 131);
}

.styled-select select {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: .5rem;
    padding: .5rem 2.875rem .5rem .75rem;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: rgb(9, 65, 131);
    font-size: 1rem;
    font-weight: 600;
    -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-appearance: none;
  }

/* stylelint-disable-line property-no-vendor-prefix */

.styled-select select option {
      color: black;
    }

.styled-select select::-ms-expand {
      display: none; /* stylelint-disable-line property-no-vendor-prefix */
    }

.styled-select::after {
    content: '';
    position: absolute;
    top: 1rem;
    right: .75rem;
    width: .5rem;
    height: .5rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    border-right: 2px solid rgb(9, 65, 131);
    border-bottom: 2px solid rgb(9, 65, 131);
  }

@media (min-width: 1024px) {

.styled-select::after {
      top: 1.075rem
  }
    }

.styled-select--blue {
    position: relative;
    background-color: #5081bd;
    color: white;
  }

.styled-select--blue select {
      color: white;
    }

.styled-select--blue option {
      color: white;
    }

.styled-select--blue::before {
      content: '';
      position: absolute;
      right: 2.8rem;
      height: 40px;
      border-right: 1px solid white;
    }

.styled-select--blue::after {
      right: 1.2rem;
      border-color: white;
    }

.mce form[id^='form_'] input[type='search'], .form input[type='search'] {
    -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
    -moz-appearance: none;
         appearance: none;
  }

.mce form[id^='form_'] input[type='text'],
  .mce form[id^='form_'] input[type='email'],
  .mce form[id^='form_'] input[type='number'],
  .mce form[id^='form_'] input[type='password'],
  .mce form[id^='form_'] input[type='search'],
  .mce form[id^='form_'] input[type='url'],
  .mce form[id^='form_'] textarea,
  .form input[type='text'],
  .form input[type='email'],
  .form input[type='number'],
  .form input[type='password'],
  .form input[type='search'],
  .form input[type='url'],
  .form textarea {
    width: 100%;
    margin-top: .375rem;
    margin-bottom: 1rem;
    padding: .5rem .625rem;
    border: 1px solid rgb(221, 223, 223);
    border-radius: 3px;
    background-color: rgb(247, 247, 247);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 1.25rem;
    font-weight: 300;
  }

.mce form[id^='form_'] input[type='text']:hover:not([disabled]), .mce form[id^='form_'] input[type='email']:hover:not([disabled]), .mce form[id^='form_'] input[type='number']:hover:not([disabled]), .mce form[id^='form_'] input[type='password']:hover:not([disabled]), .mce form[id^='form_'] input[type='search']:hover:not([disabled]), .mce form[id^='form_'] input[type='url']:hover:not([disabled]), .mce form[id^='form_'] textarea:hover:not([disabled]), .form input[type='text']:hover:not([disabled]), .form input[type='email']:hover:not([disabled]), .form input[type='number']:hover:not([disabled]), .form input[type='password']:hover:not([disabled]), .form input[type='search']:hover:not([disabled]), .form input[type='url']:hover:not([disabled]), .form textarea:hover:not([disabled]) {
      border-color: rgb(153, 162, 170);
    }

.mce form[id^='form_'] input[type='text']:focus, .mce form[id^='form_'] input[type='email']:focus, .mce form[id^='form_'] input[type='number']:focus, .mce form[id^='form_'] input[type='password']:focus, .mce form[id^='form_'] input[type='search']:focus, .mce form[id^='form_'] input[type='url']:focus, .mce form[id^='form_'] textarea:focus, .form input[type='text']:focus, .form input[type='email']:focus, .form input[type='number']:focus, .form input[type='password']:focus, .form input[type='search']:focus, .form input[type='url']:focus, .form textarea:focus {
      border-color: rgb(173, 205, 240);
      background-color: #fff;
      color: #000;
    }

.mce form[id^='form_'] input[type='text']:focus.invalid, .mce form[id^='form_'] input[type='email']:focus.invalid, .mce form[id^='form_'] input[type='number']:focus.invalid, .mce form[id^='form_'] input[type='password']:focus.invalid, .mce form[id^='form_'] input[type='search']:focus.invalid, .mce form[id^='form_'] input[type='url']:focus.invalid, .mce form[id^='form_'] textarea:focus.invalid, .form input[type='text']:focus.invalid, .form input[type='email']:focus.invalid, .form input[type='number']:focus.invalid, .form input[type='password']:focus.invalid, .form input[type='search']:focus.invalid, .form input[type='url']:focus.invalid, .form textarea:focus.invalid {
        color: #000;
      }

.mce form[id^='form_'] input[type='text'][disabled], .mce form[id^='form_'] input[type='email'][disabled], .mce form[id^='form_'] input[type='number'][disabled], .mce form[id^='form_'] input[type='password'][disabled], .mce form[id^='form_'] input[type='search'][disabled], .mce form[id^='form_'] input[type='url'][disabled], .mce form[id^='form_'] textarea[disabled], .form input[type='text'][disabled], .form input[type='email'][disabled], .form input[type='number'][disabled], .form input[type='password'][disabled], .form input[type='search'][disabled], .form input[type='url'][disabled], .form textarea[disabled] {
      opacity: .5;
    }

.mce form[id^='form_'] input[type='text'].invalid, .mce form[id^='form_'] input[type='email'].invalid, .mce form[id^='form_'] input[type='number'].invalid, .mce form[id^='form_'] input[type='password'].invalid, .mce form[id^='form_'] input[type='search'].invalid, .mce form[id^='form_'] input[type='url'].invalid, .mce form[id^='form_'] textarea.invalid, .form input[type='text'].invalid, .form input[type='email'].invalid, .form input[type='number'].invalid, .form input[type='password'].invalid, .form input[type='search'].invalid, .form input[type='url'].invalid, .form textarea.invalid {
      border-color: rgb(255, 255, 255);
      background-color: #fff;
      color: rgb(255, 255, 255);
    }

@media screen and (min-width: 769px) {

.mce form[id^='form_'] input[type='text'],
  .mce form[id^='form_'] input[type='email'],
  .mce form[id^='form_'] input[type='number'],
  .mce form[id^='form_'] input[type='password'],
  .mce form[id^='form_'] input[type='search'],
  .mce form[id^='form_'] input[type='url'],
  .mce form[id^='form_'] textarea,
  .form input[type='text'],
  .form input[type='email'],
  .form input[type='number'],
  .form input[type='password'],
  .form input[type='search'],
  .form input[type='url'],
  .form textarea {
      max-width: 44rem
  }
    }

.mce form[id^='form_'] textarea, .form textarea {
    height: 14rem;
  }

/* Fill grid  */

.mce form[id^='form_'] .fill input[type='text'],
    .mce form[id^='form_'] .fill input[type='email'],
    .mce form[id^='form_'] .fill input[type='number'],
    .mce form[id^='form_'] .fill input[type='password'],
    .mce form[id^='form_'] .fill input[type='search'],
    .mce form[id^='form_'] .fill input[type='url'],
    .mce form[id^='form_'] .fill textarea,
    .form .fill input[type='text'],
    .form .fill input[type='email'],
    .form .fill input[type='number'],
    .form .fill input[type='password'],
    .form .fill input[type='search'],
    .form .fill input[type='url'],
    .form .fill textarea {
      max-width: 100%;
    }

@media screen and (min-width: 230px) {

.mce form[id^='form_'] .sq-form-question-datetime .sq-form-question-answer {
    position: relative;
    padding-top: 1rem
}

    .mce form[id^='form_'] .sq-form-question-datetime .sq-form-question-answer label {
      position: absolute;
      top: -.25rem;
    }

    .mce form[id^='form_'] .sq-form-question-datetime .sq-form-question-answer select {
      width: calc(33% - 0.585rem);
      max-width: 5rem;
      margin-right: .5rem;
    }
  }

.section .form--inline__row, .form--inline__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }

.section .form--inline__row input[type='search'].form--inline__search, .form--inline__row input[type='search'].form--inline__search {
      max-width: none;
      margin: 0;
      padding: 1rem .625rem;
    }

.section .form--inline__row input[type='search'].form--inline__search:not(:first-child), .form--inline__row input[type='search'].form--inline__search:not(:first-child) {
        border-radius: 0;
      }

.section .form--inline__row > :first-child, .form--inline__row > :first-child {
      border-radius: 3px 3px 0 0;
    }

@media screen and (min-width: 769px) {

.section .form--inline__row > :first-child, .form--inline__row > :first-child {
        border-radius: 3px 0 0 3px
    }
      }

@media screen and (min-width: 769px) {

.section .form--inline__row, .form--inline__row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0
  }

      .section .form--inline__row--center, .form--inline__row--center {
        margin: 1.5rem auto;
      }

      .section .form--inline__row--fill, .form--inline__row--fill {
        max-width: none;
      }
    }

.section .form--inline__input, .form--inline__input {
    display: table-cell;
    width: 100%;
    vertical-align: top;
  }

.section .form--inline__input input[type='text'],
    .section .form--inline__input input[type='email'],
    .section .form--inline__input input[type='number'],
    .section .form--inline__input input[type='password'],
    .section .form--inline__input input[type='search'],
    .section .form--inline__input input[type='url'],
    .form--inline__input input[type='text'],
    .form--inline__input input[type='email'],
    .form--inline__input input[type='number'],
    .form--inline__input input[type='password'],
    .form--inline__input input[type='search'],
    .form--inline__input input[type='url'] {
      max-width: none;
      border-radius: 3px 0 0 3px;
    }

button.section .form--inline__button, button.form--inline__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 3rem;
    height: 3rem;
    margin-top: .375rem;
    margin-bottom: 1rem;
    margin-left: 0;
    padding: 0 .667rem;
    border-radius: 0 0 3px 3px;
    color: white;
    font-weight: 600;
    line-height: 1;
  }

button.section .form--inline__button--text, button.form--inline__button--text {
      padding-right: 3rem;
      padding-left: 3rem;
    }

button.section .form--inline__button--alt, button.form--inline__button--alt {
      min-width: 9rem;
      height: 4.333rem;
      margin: 0;
      border-color: rgb(198, 200, 202);
      background-color: rgb(198, 200, 202);
      color: rgb(9, 65, 131);
      text-align: center;
    }

button.section .form--inline__button--alt:hover, button.form--inline__button--alt:hover {
        border-color: rgb(228, 228, 228);
      }

button.section .form--inline__button--alt:active, button.form--inline__button--alt:active {
        background-color: white;
      }

@media screen and (min-width: 769px) {

button.section .form--inline__button, button.form--inline__button {
      border-radius: 0 3px 3px 0
  }
    }

.section .form--inline__svg, .form--inline__svg {
    width: 1rem;
    height: 1rem;
    margin: .875rem .125rem;
  }

.section .form--inline__button-label, .form--inline__button-label {
    margin: .75rem;
    font-size: 1.25rem;
  }

.section .form--inline__label, .form--inline__label {
    color: rgb(9, 65, 131);
  }

.section .form--inline__select, .form--inline__select {
    display: block;
    height: 4.333rem;
    padding: .667rem 1.333rem;
    background-color: rgb(247, 247, 247);
    line-height: 1.25;
  }

.section .form--inline__select select, .form--inline__select select {
      width: 100%;
    }

@media screen and (min-width: 769px) {

.section .form--inline__select, .form--inline__select {
      min-width: 12rem
  }
    }

.section .form--inline.form--inverse button.form--inline__button--alt, .form--inline.form--inverse button.form--inline__button--alt {
      border-color: transparent;
      background-color: rgb(9, 65, 131);
      color: white;
    }

.section .form--inline.form--inverse button.form--inline__button--alt:focus,
      .section .form--inline.form--inverse button.form--inline__button--alt:hover,
      .form--inline.form--inverse button.form--inline__button--alt:focus,
      .form--inline.form--inverse button.form--inline__button--alt:hover {
        border-color: rgba(255, 255, 255, 0.6);
      }

.section .form--inline.form--inverse button.form--inline__button--alt:active, .form--inline.form--inverse button.form--inline__button--alt:active {
        -webkit-transition: background-color .2s;
        transition: background-color .2s;
        background-color: rgba(9, 65, 131, .7);
      }

.section .form--inline.form--inverse .form--inline__search,
    .section .form--inline.form--inverse .form--inline__select,
    .form--inline.form--inverse .form--inline__search,
    .form--inline.form--inverse .form--inline__select {
      border: 1px solid rgb(221, 223, 223);
    }

.section .form--inline.form--inverse .form--inline__select, .form--inline.form--inverse .form--inline__select {
      border-right: 0;
    }

.listing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-right: -.75rem;
  margin-left: -.75rem;
  padding: 0;
}

.listing--one .list-item {
      width: 100%;
    }

.listing--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

.listing--links > .cell > a {
    color: inherit;
    text-decoration: none;
  }

.listing--links > .cell > a:hover h3 {
      text-decoration: underline;
    }

@media (min-width: 769px) {
      .listing--two .list-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        max-width: 50%;
      }
      .listing--three .list-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
                flex: 0 0 33.33333%;
        max-width: 33.33333%;
      }
      .listing--four .list-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
      }
  }

@media (min-width: 481px) and (max-width: 768px) {
      .listing--four .list-item, .listing--three .list-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
      }
  }

.list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  list-style: none;
}

@media (min-width: 600px) {
    .list-item--desk-1of1 {
      width: 100%;
    }

    .list-item--desk-1of2 {
      width: 50%;
    }

    .list-item--desk-1of3 {
      width: 33.33333%;
    }

    .list-item--desk-2of3 {
      width: 66.66667%;
    }

    .list-item--desk-1of4 {
      width: 25%;
    }

    .list-item--desk-3of4 {
      width: 75%;
    }
  }

/* functional */

body > div[aria-hidden='true']:not(#sitemap) {
  position: fixed;
  width: 100%;
}

.modal-dialog {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;

  /* decorative styles */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: background-color .15s ease-out, visibility .15s ease-out;
  transition: background-color .15s ease-out, visibility .15s ease-out;
}

.modal-dialog.active {
    display: block;
  }

.modal-dialog__modal {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100vw - 3.75em);
    max-height: calc(100vh - 3.75em);
    padding: 4em 1.25em 0;
    overflow: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
    opacity: 0;

    /* decorative styles */
    background-color: white;
  }

.modal-dialog[aria-hidden='true'] {
    visibility: hidden;
  }

.modal-dialog[aria-hidden='false'] {
    visibility: visible;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;

    /* decorative styles */
    background-color: rgba(34, 34, 34, .8);
    -webkit-box-shadow: 0 3.75em 0 0 rgba(34, 34, 34, .8);
            box-shadow: 0 3.75em 0 0 rgba(34, 34, 34, .8);
  }

.modal-dialog[aria-hidden='false'] .modal-dialog__modal {
      opacity: 1;
    }

@media all and (min-width: 31.25em) {
  .modal-dialog .modal-dialog__modal {
    min-width: 25em;
    max-width: 37.5em;
  }
}

.modal-dialog__open {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

.modal-dialog__close {
  position: absolute;
  top: .25em;
  right: .25em;
  padding: .25em;
  font-size: 2em;
  line-height: 1.25;
  text-transform: uppercase;
}

.modal-dialog__close:hover {
    color: rgb(152, 65, 64);
  }

.nav--horizontal {
    padding-bottom: 1px;
    border-bottom: .3125rem solid rgb(173, 205, 240);
    background-color: rgb(64, 116, 178);
  }

@media screen and (min-width: 769px) {

.nav--horizontal {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-bottom: 5px solid rgb(173, 205, 240);
      border-color: rgb(173, 205, 240);
      text-align: center
  }

      .nav--horizontal a.nav__link {
        padding: 1.25rem 1.75rem;
        line-height: 1.1;
      }
    }

a.nav__link {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    color: white;
    font-size: .9rem;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
  }

a.nav__link--current::after {
      content: '';
      position: absolute;
      z-index: 10;
      bottom: calc(50% - 0.625rem);
      left: 0;
      width: 0;
      height: 0;
      border: solid transparent;
      border-width: .625rem;
      border-left-color: rgb(173, 205, 240);
      pointer-events: none;
    }

@media (min-width: 769px) {

a.nav__link--current::after {
        bottom: calc(0.625rem - 1px);
        left: 50%;
        margin-bottom: -.625rem;
        margin-left: -.625rem;
        border-width: 0 .625rem .625rem;
        border-bottom-color: rgb(173, 205, 240);
        border-left-color: transparent
    }
      }

a.nav__link:hover {
      text-decoration: underline;
    }

@media (min-width: 769px) {

a.nav__link {
      width: auto;
      border-bottom: 0
  }
    }

.toggleblock.nav--toggle {
  margin-bottom: 0;
  background-color: rgb(64, 116, 178);
  color: white;
}

.toggleblock.nav--toggle .toggleblock__default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: .5rem 1rem .25rem 1rem;
    border-bottom: .3125rem solid rgb(173, 205, 240);
    cursor: pointer;
  }

.toggleblock.nav--toggle .toggleblock__default.active {
      border-color: rgb(173, 205, 240);
    }

.toggleblock.nav--toggle .toggleblock__default.active .nav__svg {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
      }

.toggleblock.nav--toggle .nav__link {
    border-color: rgba(255, 255, 255, .25);
    background-color: rgb(173, 205, 240);
    color: black;
  }

.toggleblock.nav--toggle .nav__link--current {
      background-color: rgb(64, 116, 178);
      color: white;
    }

.toggleblock.nav--toggle .nav__link--current::after {
        border-left-color: white;
      }

.toggleblock.nav--toggle .nav__svg {
    width: 1rem;
    height: 1rem;
    margin: .5rem 0;
  }

@media screen and (min-width: 769px) {
    .toggleblock.nav--toggle .toggleblock__default {
      display: none;
    }

    .toggleblock.nav--toggle .toggleblock__hidden {
      max-height: 60rem;
    }

    .toggleblock.nav--toggle .nav__link {
      background-color: rgb(64, 116, 178);
      color: white;
    }

    .toggleblock.nav--toggle .nav__link--current {
      background-color: rgb(64, 116, 178);
      color: white;
    }

      .toggleblock.nav--toggle .nav__link--current::after {
        border-bottom-color: rgb(173, 205, 240);
        border-left-color: transparent;
      }
  }

.page-breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  list-style-type: none;
}

.page-breadcrumbs__item {
    display: none;
    margin-right: .25rem;
    margin-bottom: 0;
  }

.page-breadcrumbs__item:first-child,
    .page-breadcrumbs__item:nth-last-child(2) {
      display: block;
    }

.page-breadcrumbs__item:nth-last-child(2):not(:first-child) {
        font-weight: 600;
      }

/* hide last chevron in case it is provided (e.g. in CMS) */

.page-breadcrumbs__item:nth-last-child(2) .page-breadcrumbs__chevron {
        display: none;
      }

/* hide site name on mobile */

@media (max-width: 480px) {
      .page-breadcrumbs__item:first-child:not(:last-child):not(:nth-last-child(2)) .page-breadcrumbs__name {
        display: none;
      }
    }

@media (min-width: 769px) {

.page-breadcrumbs__item {
      display: block
  }
        .page-breadcrumbs__item:nth-last-child(2):not(:first-child) {
          font-weight: normal;
        }

        .page-breadcrumbs__item:nth-last-child(2) .page-breadcrumbs__chevron {
          display: block;
        }

      .page-breadcrumbs__item:last-child {
        font-weight: 600;
      }

        .page-breadcrumbs__item:last-child .page-breadcrumbs__chevron {
          display: none;
        }
    }

.page-breadcrumbs__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

.page-breadcrumbs__home {
    width: 1.125em;
    height: 1.125em;
    margin-right: .25em;
    margin-bottom: .125em;
    margin-left: .25em;
  }

.page-breadcrumbs__name {
    padding: 0 .25rem;
  }

.page-breadcrumbs__chevron {
    margin-top: .125em;
    margin-left: .125em;
  }

.page-header {
  position: relative;
  padding: 2rem 0 0;
  overflow: hidden;
  background-color: rgb(9, 65, 131);
  color: #fff;
}

.page-header__logomat {
    margin-top: -1rem;
    margin-left: -1rem;
    padding: 1rem;
    background-color: rgb(9, 65, 131);
  }

.page-header__logo {
    display: block;
    width: 48px;
    height: 48px;
  }

@media (min-width: 481px) {

.page-header__logo {
      width: 117px;
      height: 117px
  }
    }

.page-header--no-logo .page-header--center {
      min-height: 80vh;
    }

.page-header--no-logo.page-header--l2 .page-header--center {
      min-height: 60vh;
    }

/* Entity identifier */

.page-header__entity {
    position: relative;
    z-index: 1;
    width: 45%;
    margin-top: 3rem;
  }

.page-header__entity::before {
      content: '';
      display: block;
      position: absolute;
      top: -.75em;
      left: 0;
      width: 1rem;
      border-top: 1px solid #fff;
    }

.page-header__entity__main,
    .page-header__entity__sub {
      margin-bottom: 0;
    }

.page-header__entity__main {
      font-weight: 600;
    }

.page-header__entity__sub {
      margin-top: .25rem;
      font-size: .875em;
    }

@media (max-width: 599px) {

.page-header__entity {
      width: 90%
  }
    }

.page-header__heading {
    position: relative;
    z-index: 1;
    width: 50%;
    max-width: 25.6rem;
    padding-right: 3rem;
  }

@media (max-width: 599px) {

.page-header__heading {
      width: 80%
  }
    }

.page-header__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    max-width: 55rem;
    background-color: rgb(93, 130, 173);
    background-position: center bottom;
    background-size: cover;
  }

@media (max-width: 599px) {

.page-header__img {
      position: relative;
      width: 17.2rem; /* `aperture.svg` viewbox ratio * height */
      height: 20rem;
      margin-top: -8rem;
      margin-left: auto
  }
    }

/* Aperture with focus mark for level-1 and 2 headers */

.page-header__aperture::before {
    content: '';
    position: absolute;
    top: -1px; /* (1) fix subtle border artefact on some browser/viewport combinations */
    right: 0;
    bottom: 0;
    left: -1px; /* (1) */
    background: url(https://d2glwx35mhbfwf.cloudfront.net/v3.5.6/aperture.svg) left center / cover;
  }

/* Aperture without focus mark for level-3 header */

.page-header__shape {
    position: absolute;
    top: -35%; /* MAGIC NUMBER account for slight rotation */
    right: 0;
    bottom: 0;
    left: 27%;
    -webkit-transform: rotate(.25deg);
            transform: rotate(.25deg); /* rotate slightly */
    background-color: inherit;
  }

/* pass on background colour to pseudo-elements */

.page-header__shape::before,
    .page-header__shape::after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      background-color: inherit; /* inherit from shape and header */
    }

/* triangle in top left-hand corner */

.page-header__shape::before {
      top: 0;
      height: 60%;
      -webkit-transform: skewY(-30deg);
              transform: skewY(-30deg);
      -webkit-transform-origin: top left;
              transform-origin: top left;
    }

/* triangle in bottom left-hand corner */

.page-header__shape::after {
      bottom: 0;
      height: 40%;
      -webkit-transform: skewY(60deg);
              transform: skewY(60deg);
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left;
    }

/* Level-1 header */

.page-header--l1 .page-header__heading {
      margin: 4.5rem 0;
    }

/* less space when heading follows entity identifier */

.page-header--l1 .page-header__entity + .page-header__heading {
      margin-top: 3rem;
      margin-bottom: 3.75rem;
    }

@media (min-width: 769px) {
      .page-header--l1 .page-header__heading {
        margin: 6rem 0;
      }

      .page-header--l1 .page-header__entity + .page-header__heading {
        margin-top: 4.5rem;
        margin-bottom: 5.25rem;
      }
    }

/* Level-2 header */

.page-header--campaign .page-header--l2.page-header {
      min-height: 60vh;
    }

.page-header--l2 .page-header__heading {
      margin-top: 3rem;
      font-size: 1.75rem;
    }

.page-header--l2 .page-header__entity + .page-header__heading {
      margin-top: 2.25rem; /* less when following entity identifier */
    }

.page-header--l2 .page-header--center {
      min-height: calc(60vh - 10.333rem);
    }

@media (min-width: 769px) {
      .page-header--l2 .page-header__heading {
        margin-bottom: 3rem;
      }
    }

/* Level-3 header (i.e. `PageHeaderMin`) */

.page-header--l3 {
    z-index: 0;
    padding: 0;
  }

.page-header--l3 .page-header__inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }

.page-header--l3 .page-header__logo {
      font-size: .875rem;
    }

/* fix wrapping of `alt` text */

@media (min-width: 481px) {

.page-header--l3 .page-header__logo {
        width: 85px;
        height: 71px
    }
      }

.page-header--l3 .bg-pattern {
      left: 0;
      background-repeat: no-repeat;
      background-position: 100% 100%;
    }

.page-header--l3 .bg-pattern::before,
      .page-header--l3 .bg-pattern::after {
        display: none;
      }

.page-header--baseline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

@media screen {

.page-header--baseline {
      min-height: calc(80vh - 10.333rem) /* IE9 interprets vh as # of pages in print-mode */
  }
    }

.page-header--center {
    display: table;
    width: 100%;
  }

.page-header--center > *:first-child {
      display: table-cell;
      vertical-align: middle;
    }

@media screen {

.page-header--center {
      min-height: calc(80vh - 10.333rem)
  }
    }

.page-header--campaign {
    background-position: 50%;
    background-size: cover;
  }

.page-header--campaign .page-header {
      background-color: transparent;
    }

@media screen {

.page-header--campaign {
      min-height: 80vh
  }

      .page-header--campaign .page-header {
        min-height: 80vh;
      }
    }

.page-header__darken--o25 .page-header {
      background-color: rgba(0, 0, 0, .25);
    }

.page-header__darken--o25 .page-header .btn {
        background-color: rgba(0, 0, 0, .5);
      }

.page-header__darken--o50 .page-header {
      background-color: rgba(0, 0, 0, .5);
    }

.page-header__darken--o50 .page-header .btn {
        background-color: rgba(0, 0, 0, .5);
      }

.page-header__darken--o75 .page-header {
      background-color: rgba(0, 0, 0, .75);
    }

.page-header__darken--o25,
    .page-header__darken--o50,
    .page-header__darken--o75 {
      background-position: 50%;
      background-size: cover;
    }

.page-footer {
  /* default stacking */
  position: relative;
  z-index: 3;
  padding: 0;
  background-color: rgb(9, 65, 131);
  color: #fff;
}

/* top half with logo, search, popular links, etc. */

.page-footer__top {
    padding: 3rem 0 2.25rem;
  }

/* bottom half with sitemap, contact info and legal links */

.page-footer__bottom {
    padding: 2.25rem 0;
    background-color: rgb(3, 58, 123);
  }

/* logo wrapper */

.page-footer__header__logo {
    margin-bottom: 2.25rem;
    text-align: center;
  }

/* list of user groups */

.page-footer__users {
    font-size: 1.125rem;
  }

.page-footer__users a::before {
      margin-right: .375em;
      vertical-align: 6%; /* MAGIC NUMBER */
    }

/* list of popular links */

.page-footer__popular {
    line-height: 1.6875; /* match size of `users` list items */
  }

/* Acknoledgement of Country */

.page-footer__ack {
    margin-bottom: 0;
    font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
    font-size: 1.125rem;
  }

/* heading in sitemap */

.page-footer__sitemap-heading {
    display: inline-block;
    margin-bottom: .75rem;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
  }

.page-footer__sitemap-heading:hover {
      text-decoration: underline;
    }

.page-footer__sitemap-heading:visited {
      color: #fff;
    }

/* list of pages in sitemap */

.page-footer__sitemap-pages--minor {
      font-size: .875rem;
      line-height: 1.667;
    }

.page-footer__sitemap-pages > li:not(:last-child) {
      margin-bottom: .125rem;
    }

/* social links */

.page-footer__social {
    margin-top: -.125rem; /* MAGIC NUMBER: fix alignment with headings */
    margin-bottom: 1.25rem;
  }

/* contact info */

.page-footer__contact {
    margin: 0;
  }

.page-footer__contact > dt {
      font-weight: normal;
    }

.page-footer__contact > dd {
      margin-bottom: 0;
    }

.page-footer__contact a {
      color: inherit;
      font-weight: inherit;
    }

/* legal links (disclaimer, privacy, etc.) */

.page-footer__legal {
    color: rgb(205, 230, 255);
  }

.page-footer__legal__sep {
      margin: 0 .375rem;
    }

.page-footer__contact,
  .page-footer__header,
  .page-footer__popular,
  .page-footer__sitemap-pages,
  .page-footer__users {
    margin-bottom: 1.5rem;
  }

@media (max-width: 1098px) {
    .page-footer__inner { max-width: 52rem; }
  }

@media (max-width: 768px) {
    .page-footer__inner { max-width: 38rem; }
  }

@media (max-width: 480px) {
    .page-footer__inner { max-width: 22rem; }
  }

@media (min-width: 481px) {

.page-footer {

    /* footer header with logo and search form */
}
    .page-footer__top { padding-bottom: 2.75rem; }
    .page-footer__bottom { padding-top: 3rem; }
    .page-footer__header {
      display: table;
      width: 100%;
    }

      .page-footer__header__logo,
      .page-footer__header__search {
        display: table-cell;
        vertical-align: bottom;
      }

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

      .page-footer__header__search {
        width: 50%;
        padding-left: .5rem;
      }

    .page-footer__popular {
      margin-right: -.5rem;
      margin-left: -.5rem;
    }

      .page-footer__popular > li {
        width: 50%;
        padding: 0 0 0 .5rem;
        float: left;
        list-style: none;
      }

        .page-footer__popular > li:nth-child(2n+1) {
          clear: left;
        }

    .page-footer__header,
    .page-footer__users,
    .page-footer__ack,
    .page-footer__sitemap-pages {
      margin-bottom: 2.25rem;
    }
  }

@media (min-width: 481px) and (max-width: 1098px) {
    .page-footer__main {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
    }

      .page-footer__main__users,
      .page-footer__main__ack,
      .page-footer__main__contacts {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
      }

      .page-footer__main__contacts {
        margin-bottom: 3rem;
      }

    .page-footer__popular {
      margin-bottom: 0;
    }
  }

@media (min-width: 769px) {
    .page-footer__header {
      margin-bottom: 3rem;
    }
  }

@media (min-width: 1099px) {
    .page-footer__top,
    .page-footer__bottom {
      padding: 3.75rem 0;
    }

    .page-footer__header {
      margin-bottom: 3.75rem;
    }

    .page-footer__users,
    .page-footer__popular,
    .page-footer__ack {
      margin-bottom: 0;
    }

    .page-footer__legal {
      margin-top: 1.5rem;
    }
  }

/**
 * Search form
 */

.page-footer-search__field {
    position: relative;
  }

.page-footer-search__label {
    font-size: .8em;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

.page-footer-search__icon {
    position: absolute;
    top: calc(50% - 10px); /* vertical centring */
    left: 0;
    width: 1.375rem;
    height: 1.375rem;
  }

.page-footer-search__submit {
    color: white;
  }

.page-footer-search__icon-mask {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
  }

.page-footer-search__input {
    display: block;
    width: 100%;
    padding: .5rem .5rem .75rem 1.75rem; /* icon width + roughly .5rem */
    -webkit-transition: border-bottom-color .3s;
    transition: border-bottom-color .3s;
    border: none;
    border-bottom: 2px solid rgb(173, 205, 240);
    border-radius: 0;
    background-color: transparent;
    color: inherit;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

.page-footer-search__input:focus {
      border-bottom-color: #fff;
    }

.page-footer-search__input::-webkit-input-placeholder {
      color: rgb(173, 205, 240);
      font-weight: 300;
    }

.page-footer-search__input::-moz-placeholder {
      color: rgb(173, 205, 240);
      font-weight: 300;
    }

.page-footer-search__input::-ms-input-placeholder {
      color: rgb(173, 205, 240);
      font-weight: 300;
    }

.page-footer-search__input::placeholder {
      color: rgb(173, 205, 240);
      font-weight: 300;
    }

@media (min-width: 481px) {

.page-footer-search {
    margin-bottom: 0
}
  }

.megamenu {
  position: fixed;
  z-index: 102;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  background-color: rgb(9, 65, 131);
  color: white;
}

.megamenu.active {
    top: 0;
    min-height: 100%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

.megamenu__blanket {
    position: absolute;
    top: -7.5rem;
    left: 0;
    width: 100%;
    height: 7.5rem;
    margin: -1rem;
    background-color: rgba(0, 0, 0, .5);
  }

.megamenu .header-tools__search {
    display: none;
  }

.megamenu .header-tools__search .link-icon--vertical {
      margin-top: 1.25rem;
      margin-bottom: .75rem;
    }

.megamenu .header-tools__search .link-icon--vertical:hover {
        background: rgba(255, 255, 255, .15);
        color: white;
      }

.megamenu .inner {
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background-color: rgb(9, 65, 131);
  }

.megamenu .inner.open {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }

.megamenu > .page-header-search__form {
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-left: 1rem;
  }

.megamenu > .page-header-search__form .page-header-search__input {
      width: calc(100% - 4rem);
    }

.megamenu .menu__section {
      padding: 0;
      border-bottom: 1px solid rgba(255, 255, 255, .05);
    }

.megamenu .menu__section .menu__back-btn::before {
        content: '\2039';
        line-height: .9;
      }

.megamenu .menu__section .menu__section .menu__item {
        width: 100%;
      }

.megamenu .menu__item {
      margin-bottom: 0;
      list-style-type: none;
      border-top: 1px solid rgba(255, 255, 255, .05);
      border-left: 5px solid transparent;
    }

.megamenu .menu__item--active {
        border-left-color: rgb(171, 190, 213);
      }

.megamenu .menu__nested-parent,
    .megamenu .menu__link {
      display: block;
      padding: .75rem 1rem .75rem 2rem;
      color: white;
      text-decoration: none;
    }

.megamenu .menu__nested-parent:hover,
      .megamenu .menu__nested-parent:focus,
      .megamenu .menu__link:hover,
      .megamenu .menu__link:focus {
        background-color: rgb(3, 58, 123);
        color: white;
        text-decoration: underline;
      }

.megamenu .menu__link[href='#'] {
      opacity: .2;
      cursor: not-allowed;
    }

.megamenu .menu__link--nested {
      width: 100%;
      font-weight: 600;
      text-align: left;
      cursor: pointer;
    }

.megamenu .menu__link--nested::after {
        content: '\203A';
        z-index: 9;
        float: right;
        font-size: 1.5rem;
        font-weight: normal;
        line-height: .85;
      }

.megamenu .menu__nested-parent {
      padding-left: 1.25rem;
    }

.megamenu .menu__back-btn {
      display: block;
      width: 100%;
      padding: 1.25rem;
      background-color: rgb(1, 42, 88);
      color: white;
      font-weight: 600;
      line-height: 1.96;
      text-align: left;
      text-decoration: none;
      text-transform: uppercase;
      cursor: pointer;
    }

.megamenu .menu__back-btn::before {
        content: '\D7';
        width: 1.25rem;
        padding-right: .625rem;
        float: left;
        font-size: 1.75rem;
        font-weight: 600;
        line-height: 1.1;
        text-align: center;
      }

.megamenu .menu__back-btn:hover {
        text-decoration: underline;
      }

.megamenu .menu__campaign {
      display: block;
      position: relative;
      width: 100%;
      height: 10rem;
      background-color: rgba(0, 0, 0, .5);
      background-repeat: no-repeat;
      background-size: cover;
      color: white;
    }

.megamenu .menu__campaign-text {
        position: absolute;
        bottom: 0;
        width: 100%;
        margin-bottom: 0;
        padding: 1rem 1.25rem;
        background-color: rgba(185, 61, 28, .95);
        font-size: .8125rem;
        line-height: 1.4;
        text-decoration: none;
      }

.megamenu .menu__campaign-title {
        display: block;
        padding-bottom: .25rem;
      }

.megamenu a.menu__campaign:hover .menu__campaign-title {
    text-decoration: underline;
  }

@media (min-width: 481px) {

.megamenu {
    right: -18.75rem;
    width: 18.75rem
}

    .megamenu .menu__section {
      padding-right: 0;
    }

    .megamenu.active {
      -webkit-box-shadow: 1px 0 12px 3px rgba(0, 0, 0, .6);
              box-shadow: 1px 0 12px 3px rgba(0, 0, 0, .6);
    }

    .megamenu .inner.open {
      -webkit-transform: translateX(-18.75rem);
              transform: translateX(-18.75rem);
    }
  }

@media (min-width: 769px) {

.megamenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    right: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 1.5rem);
    height: 100%;
    margin-left: 1.5rem;
    padding-left: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none
}

    .megamenu__blanket {
      position: static;
      height: auto;
      margin: 0;
      background-color: transparent;
    }

    .megamenu .header-tools__search {
      display: block;
      float: right;
    }

    .megamenu .inner {
      display: none;
      position: absolute;
      z-index: 2;
      top: auto;
      left: 0;
      height: auto;
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
      padding-left: 0;
      background-color: #083c79;
    }

      .megamenu .inner.open {
        display: none;
        position: absolute;
      }

      .megamenu .inner .menu__item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 1.5rem;
        border-bottom: 0;
      }

      @media (min-width: 1099px) {

    .megamenu .inner {
        padding-right: 7.85rem;
        padding-left: 7.85rem
    }
      }

      @media (min-width: 85em) {

    .megamenu .inner {
        padding-right: 7.25rem;
        padding-left: 7.25rem
    }
      }

    .megamenu > .page-header-search__form,
    .megamenu .menu__back-btn {
      display: none;
    }
      .megamenu .menu__aside {
        width: 25%;
        min-width: 17rem;
      }

      .megamenu .menu__campaign {
        width: 16.5rem;
        margin-left: 1.5rem;
      }

        .megamenu .menu__campaign-text {
          padding: .75rem 1rem;
        }

      .megamenu .menu__nested-parent {
        display: table-cell;
        position: relative;
        height: calc(6.4375rem - 5px);
        padding: calc(1rem + 5px) 1.5rem 1rem;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
      }

      .megamenu .menu__item {
        border-top: none;
        border-bottom: 5px solid transparent;
        border-left: 0;
      }

        .megamenu .menu__item--right {
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
        }

        .megamenu .menu__item--active {
          border-bottom-color: rgb(171, 190, 213);
        }

      .megamenu .menu__link--nested::after {
        display: none;
      }

      .megamenu .menu__login {
        margin-right: 0;
        margin-left: auto;
      }

        .megamenu .menu__login .header-tools__search {
          margin-right: 0;
        }

        .megamenu .menu__login .link-icon--vertical {
          height: 4rem;
        }

      .megamenu .menu__section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        padding-left: 0;
        border-bottom: none;
      }

        .megamenu .menu__section .inner .menu__nested-parent {
          width: 33.333%;
          height: auto;
          padding-top: .4375rem;
          padding-bottom: .4375rem;
          padding-left: 1.5rem;
          font-size: 1.25rem;
          line-height: 1.4;
          text-align: left;
          text-decoration: none;
        }

          @media (min-width: 900px) {

        .megamenu .menu__section .inner .menu__nested-parent {
            width: 25%
        }
          }

          @media (min-width: 85em) {

        .megamenu .menu__section .inner .menu__nested-parent {
            width: 20%
        }
          }

        .megamenu .menu__section .menu__item {
          padding-bottom: 0;
        }

        .megamenu .menu__section .menu__link {
          display: table-cell;
          position: relative;
          height: calc(6.4375rem - 5px);
          padding: calc(1rem + 5px) 1.5rem 1rem;
          line-height: 1.1;
          text-align: center;
          text-decoration: none;
          vertical-align: middle;
        }

          .megamenu .menu__section .menu__link:hover,
          .megamenu .menu__section .menu__link[aria-expanded='true'] {
            background-color: #083c79;
          }
        .megamenu .menu__section .menu__item--over .menu__link, .megamenu .menu__section .menu__item[tabindex='0'] .menu__link {
          background-color: #083c79;
          text-decoration: underline;
        }

        .megamenu .menu__section .menu__item--over .inner, .megamenu .menu__section .menu__item[tabindex='0'] .inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          z-index: 3;
          left: 0;
          width: 100%;
          -webkit-box-shadow: 1px 6px 12px -3px rgba(0, 0, 0, .6);
                  box-shadow: 1px 6px 12px -3px rgba(0, 0, 0, .6);
        }

        .megamenu .menu__section .menu__item--over .menu__section .menu__link, .megamenu .menu__section .menu__item[tabindex='0'] .menu__section .menu__link {
          background-color: transparent;
          text-decoration: none;
        }

          .megamenu .menu__section .menu__item--over .menu__section .menu__link:hover, .megamenu .menu__section .menu__item[tabindex='0'] .menu__section .menu__link:hover {
            text-decoration: underline;
          }

      .megamenu .menu__section .menu__section {
        display: block;
        width: 100%;
        margin-top: 0;
        margin-left: 2rem;
        padding-left: 0;
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        -webkit-column-width: 50%;
           -moz-column-width: 50%;
                column-width: 50%;
        font-size: .9rem;
        -webkit-column-break-inside: avoid;
                break-inside: avoid;
        page-break-inside: avoid;
      }

        .megamenu .menu__section .menu__section .menu__item {
          display: inline-block;
          padding: 0;
          list-style-type: none;
          border-left: 1px solid rgba(255, 255, 255, .2);
        }

        .megamenu .menu__section .menu__section .menu__link {
          display: inline-block;
          height: auto;
          padding: .75rem 1.5rem .75rem 2rem;
          font-size: .9rem;
          text-align: left;
          text-decoration: none;
        }

          .megamenu .menu__section .menu__section .menu__link:hover {
            text-decoration: underline;
          }

        @media (min-width: 900px) {

      .megamenu .menu__section .menu__section {
          -webkit-columns: 3;
             -moz-columns: 3;
                  columns: 3;
          -webkit-column-width: 33.333%;
             -moz-column-width: 33.333%;
                  column-width: 33.333%
      }
        }

        @media (min-width: 85em) {

      .megamenu .menu__section .menu__section {
          -webkit-columns: 4;
             -moz-columns: 4;
                  columns: 4;
          -webkit-column-width: 25%;
             -moz-column-width: 25%;
                  column-width: 25%
      }
        }
  }

.page-header--study {
  overflow: visible;
}

.page-header--study .page-header__inner {
    height: 4.5rem;
    padding-left: 1rem;
  }

.page-header--study .page-header__inner .link-img {
      margin: -.75rem;
      padding: .75rem;
      border-radius: 3px;
    }

@media (min-width: 481px) {

.page-header--study .page-header__inner {
      height: 6.4375rem
  }
    }

.page-header--study .header-tools__menu {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    margin-left: auto;
  }

.page-header--study .header-tools__menu .link-icon--vertical {
      padding: .5rem 1rem;
      border-radius: 3px;
    }

.page-header--study .header-tools__menu .link-icon--vertical:hover {
        background: rgba(255, 255, 255, .15);
        color: white;
      }

@media (min-width: 769px) {

.page-header--study .header-tools__menu {
      display: none
  }
    }

.page-header.active {
  z-index: 101;
}

.page-header.active .megamenu__blanket {
    z-index: 100;
    top: 0;
  }

@media (max-width: 480px) {
  .page-header--study .page-header__inner .link-img {
    padding-right: 0;
    padding-left: 0;
  }

  .logo-mask {
    height: 2.625rem;
    overflow: hidden;
  }

    .logo-mask .page-header__logo {
      width: 4rem;
      height: 4rem;
    }
}

@media (min-width: 769px) {
    .menu__item--over .menu__link--nested::after, .menu__item[tabindex='0'] .menu__link--nested::after {
      content: '';
      display: block;
      position: absolute;
      z-index: 10;
      bottom: .3125rem;
      left: calc(50% - 0.3125rem);
      width: .625rem;
      height: .625rem;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      border-right: 1px solid rgb(64, 116, 178);
      border-bottom: 1px solid rgb(64, 116, 178);
      pointer-events: none;
    }
}

/* stylelint-disable-next-line selector-type-no-unknown */

page-nav {
  display: none;
}

.sitenav {
  position: fixed;
  z-index: 101;
  background-color: rgb(9, 65, 131);
  color: #fff;
}

.sitenav li {
    margin-bottom: 0;
  }

.sitenav__panel {
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background-color: rgb(9, 65, 131);
  }

.sitenav__panel--nested {
      position: absolute;
    }

.sitenav__panel--nested .sitenav__back-btn::before {
          content: '\2039';
          font-size: 1.667rem;
        }

/* hide sidebar of parent panels */

.sitenav__panel--nested-open {
      z-index: 102;
      overflow: hidden;
    }

/* show panel */

.sitenav__panel--open {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
    }

.sitenav__back-btn {
    display: block;
    width: 100%;
    padding: 1.25rem;
    background-color: rgb(1, 42, 88);
    color: white;
    font-weight: 600;
    line-height: 1.96;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
  }

.sitenav__back-btn::before {
      content: '\D7';
      padding-right: .625rem;
      float: left;
      font-size: 1.75rem;
      font-weight: 600;
      line-height: 1;
    }

.sitenav__back-btn:hover {
      text-decoration: underline;
    }

/* add chevron to nested panel triggers */

.sitenav__nested-trigger::after {
      content: '\203A';
      z-index: 9;
      float: right;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: .85;
    }

/* overrides for all lists */

.sitenav__list,
  .sitenav__meta {
    max-width: none;
    margin: 0;
  }

.sitenav__list > li, .sitenav__meta > li {
      display: block;
      width: auto;
      max-width: none;
      margin: 0;
      padding: 0;
      list-style-type: none;
    }

.sitenav__list a, .sitenav__meta a {
      display: block;
      color: inherit;
      text-decoration: none;
    }

.sitenav__list a:hover, .sitenav__meta a:hover {
        text-decoration: underline;
      }

/* root and nested nav lists */

.sitenav__list {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
  }

.sitenav__list > li {
      border-top: 1px solid rgba(255, 255, 255, .05);
    }

.sitenav__list .home > a {
      padding-left: 1.25rem;
    }

.sitenav__list a {
      padding: .75rem 1rem .75rem 2rem;
    }

.sitenav__list a.sitenav__nested-parent {
        padding-left: 1.25rem;
      }

.sitenav__list a:hover,
      .sitenav__list a:focus {
        background-color: rgb(3, 58, 123);
        color: #fff;
      }

/* meta menu */

.sitenav__meta {
    padding: 1.25rem 0;
    color: 218, 227, 237;
  }

.sitenav__meta a {
      padding: .25rem 1.25rem;
      font-size: .875rem;
    }

/* show site nav */

.sitenav.active {
    top: 0;
    min-height: 100%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }

@media (min-width: 481px) {

.sitenav {
    /* switch to fixed width */
    right: -18.75rem;
    width: 18.75rem

    /* now that width is fixed, switch to margin so that sitemap link doesn't hide panel scrollbars */
}
    .sitenav__panel { padding-right: 0; }

    .sitenav.active {
      -webkit-transform: translateX(-18.75rem);
              transform: translateX(-18.75rem);
      -webkit-box-shadow: 1px 0 12px 3px rgba(0, 0, 0, .6);
              box-shadow: 1px 0 12px 3px rgba(0, 0, 0, .6);
    }
  }

.blanket {
  display: none;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: .5;
  background-color: black;
}

.blanket.on {
    display: block;
  }

.blanket.white {
    display: block;
    z-index: 100;
    margin-top: 3.75rem;
    -webkit-animation: fadeIn .2s backwards;
            animation: fadeIn .2s backwards;
    opacity: .95;
    background-color: white;
  }

@media (min-width: 769px) {

.blanket.white {
      margin-top: 5.625rem
  }
    }

.header-tools {
  position: absolute;
  z-index: 101;
  top: .4em;
  right: 0;
  margin: .1em 1em 1em;
  background-color: transparent;
}

.header-tools__search,
  .header-tools__menu {
    display: inline-block;
    width: 4rem;
    margin-right: .25rem;
    margin-left: .25rem;
    color: white;
  }

@media (min-width: 481px) {

.header-tools {
    margin-top: 1em
}
  }

.link-icon--vertical {
    display: inline-block;
    width: 100%;
    padding: .5rem 1rem;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    background-color: rgb(9, 65, 131);
    text-align: center;
    vertical-align: top;
  }

.link-icon--vertical .link-icon__icon {
      display: inline;
      position: static;
      width: 1.5rem;
      height: 1.5rem;
      margin-top: .125rem;
      margin-bottom: -.125rem;
    }

.link-icon--vertical .link-icon__text {
      display: block;
      padding: 0;
      font-size: .7rem;
    }

.link-icon--vertical:hover {
      -webkit-transition: all linear .1s;
      transition: all linear .1s;
      background: rgba(255, 255, 255, .15);
      color: white;
      text-decoration: none;
    }

.page-header-search {
  display: none;
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
  -webkit-animation: fadeIn .2s backwards;
          animation: fadeIn .2s backwards;
  background: rgba(255, 255, 255, .95);
}

.page-header-search.active {
    display: block;
  }

.page-header-search form {
    padding: 1.5rem 0 1.5rem 1.5rem;
    float: right;
    -webkit-animation: slideFromTop .2s backwards;
            animation: slideFromTop .2s backwards;
  }

.page-header-search fieldset {
    margin: 0;
    border: 0;
  }

.page-header-search__inline {
    display: inline-block;
  }

.page-header-search__input {
    min-width: 12rem;
    height: 2.25rem;
    margin: 0;
    padding: .25rem .75rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px 0 0 3px;
    border-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .1) inset;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, .1) inset;
    vertical-align: top;
    -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
    -moz-appearance: none;
         appearance: none;
  }

.page-header-search__submit {
    height: 2.25rem;
    margin: 0;
    padding: .25rem .75rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 3px 3px 0;
    border-color: rgba(0, 0, 0, .1);
    background-color: rgb(93, 130, 173);
    color: white;
    vertical-align: top;
  }

.page-header-search__submit:hover {
      background-color: rgb(9, 65, 131);
    }

.page-header-search__icon {
    width: 1.375rem;
    height: 1.375rem;
  }

.page-header-search__icon--close {
      width: 1.5rem;
      height: 1.5rem;
      margin: auto;
      padding-bottom: .4em;
    }

@media (min-width: 769px) {

.page-header-search {
    height: 5.625rem
}
  }

.link-icon--close {
  display: inline-block;
  margin-top: -1rem;
  margin-right: .5rem;
  margin-left: .5rem;
  padding: 1rem;
  color: rgb(93, 130, 173);
  font-size: .6rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top;
}

.link-icon--close svg {
    width: 1.5rem;
    height: 1.5rem;
  }

.link-icon--close:hover {
    color: rgb(9, 65, 131);
  }

.photo-gallery__figure {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
  }

.photo-gallery__figure figcaption {
      margin-top: .5em;
      margin-bottom: 1em;
    }

.preview-img-item {
  width: 100%;
  height: 200px;
  background-position: 50%;
  background-size: cover;
  cursor: pointer;
}

.preview-img-item--nolink {
    cursor: default;
  }

.lazy-bgimg {
  background-size: cover;
}

.lazy-bgimg--loading {
    background-size: cover;
  }

/*
* Quick Links Menu - See pg 9 of Hive digital design system
*/

.ql-menu {
  font-size: 1.25rem;
  line-height: 1.3;
}

.ql-menu__content h2 {
      margin-bottom: 3rem;
    }

.ql-menu__content .btn {
      font-size: 1rem;
    }

@media (min-width: 769px) {

.ql-menu__content {
      padding-right: 3rem
  }
    }

.ql-menu__nav a {
      color: rgb(9, 65, 131);
      font-weight: 600;
    }

.ql-menu__nav a:visited {
        color: rgb(9, 65, 131);
      }

@media (min-width: 769px) {

.ql-menu__nav {
      max-width: 20rem
  }
    }

.ql-menu__secondary {
    margin-top: 2rem;
  }

.ql-menu__secondary-link {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      margin: 0;
      margin-bottom: 0.75rem;
      padding-left: 0;
      color: rgb(9, 65, 131);
      font-size: .9em;
      text-decoration: none;
    }

.ql-menu__secondary-icon {
      margin-top: .25em;
      margin-right: 0.75rem;
    }

.ql-menu__secondary--2col .cell,
    .ql-menu__secondary--3col .cell,
    .ql-menu__secondary--4col .cell {
      width: 100%;
      margin-bottom: 0;
      padding-bottom: .75rem;
    }

.ql-menu__secondary--2col .cell--flat, .ql-menu__secondary--3col .cell--flat, .ql-menu__secondary--4col .cell--flat {
        display: block;
        font-size: 1rem;
        line-height: 1.4;
      }

.ql-menu__secondary--2col .cell .push-icon__icon, .ql-menu__secondary--3col .cell .push-icon__icon, .ql-menu__secondary--4col .cell .push-icon__icon {
        display: inline;
        margin-left: .25rem;
        vertical-align: -.1rem;
      }

@media (min-width: 769px) {
      .ql-menu__secondary--2col,
      .ql-menu__secondary--3col,
      .ql-menu__secondary--4col {
        display: block;
      }

        .ql-menu__secondary--2col .cell, .ql-menu__secondary--3col .cell, .ql-menu__secondary--4col .cell {
          -webkit-column-break-inside: avoid;
             page-break-inside: avoid;
                  break-inside: avoid;
        }

      .ql-menu__secondary--2col { -webkit-columns: 2; -moz-columns: 2; columns: 2; }
      .ql-menu__secondary--3col { -webkit-columns: 3; -moz-columns: 3; columns: 3; }
      .ql-menu__secondary--4col { -webkit-columns: 4; -moz-columns: 4; columns: 4; }
    }

.ql-menu--l1 .ql-menu__nav {
      margin-top: 2.25rem;
    }

.ql-menu--l2 .ql-menu__nav {
      margin-top: 2.25rem;
      font-weight: normal;
    }

.ql-menu--l2 .ql-menu__nav h3 {
        margin-bottom: 1.5rem;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
      }

.ql-menu--l2 .ql-menu__link {
      padding-left: 1.5rem;
      border-color: rgb(153, 162, 170);
      background-color: rgb(247, 247, 247);
      font-weight: 600;
    }

.ql-menu--l2 .ql-menu__link:last-child {
        border-bottom: 0;
      }

.ql-menu--l3 .ql-menu__link {
      margin-bottom: 0.75rem;
      padding-left: 1.5rem;
      border-width: 4px;
      border-color: rgb(153, 162, 170);
      background-color: rgb(247, 247, 247);
      font-weight: normal;
    }

.ql-menu--l4 .ql-menu__link {
      margin-bottom: 0.75rem;
      padding-left: 1.5rem;
      border-width: 4px;
      border-color: rgb(153, 162, 170);
      background-color: rgb(9, 65, 131);
      color: #fff;
      font-weight: normal;
    }

.ql-menu--l4 .ql-menu__link:active,
      .ql-menu--l4 .ql-menu__link:visited {
        color: #fff;
      }

.ql-menu--l4 .ql-menu__link:nth-child(1) { border-color: rgb(153, 162, 170); }

.ql-menu--l4 .ql-menu__link:nth-child(2) { border-color: rgb(63, 167, 194); }

.ql-menu--l4 .ql-menu__link:nth-child(3) { border-color: rgb(236, 174, 101); }

.ql-menu--l4 .ql-menu__link:nth-child(4) { border-color: rgb(89, 177, 127); }

.ql-menu--l4 .ql-menu__link:nth-child(5) { border-color: rgb(231, 112, 82); }

.ql-menu__link {
    display: block;
    padding: 1.5rem .75rem 1rem 0;
    border-bottom: 1px solid rgb(153, 162, 170);
    color: inherit;
    text-decoration: none;
  }

.ql-menu__link:hover {
      text-decoration: underline;
    }

.ql-menu__link:visited {
      color: inherit;
    }

.ql-menu--condensed .ql-menu__link {
      padding-top: .75rem;
      padding-bottom: .5rem;
      font-size: 1.125rem;
    }

.ql-menu--condensed.ql-menu--l2 .ql-menu__link {
      padding-right: 0.75rem;
      padding-left: 0.75rem;
    }

/**
 * Section
 */

.section {
  background-repeat: no-repeat;
  background-position: center;
}

.section__inner {
    max-width: 63rem; /* account for padding */
    margin-right: auto;
    margin-left: auto;
    padding: 3rem 1.5rem;
  }

.layout--left .layout__main .section__inner,
    .layout--right .layout__main .section__inner {
      max-width: calc(60rem - 17%); /* account for side nav */
    }

.section__inner--sml {
      max-width: 43rem;
    }

.section__inner--xsml {
      max-width: 33rem;
    }

.section__inner--short {
      min-height: 0 !important;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }

.section__inner--nopad {
      min-height: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }

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

.section--image {
    background-size: cover;
  }

.section--image-mask {
    position: relative;
  }

.section--image-mask::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: .2;
      background-color: black;
    }

.section--divider__inner {
      margin-top: auto;
      margin-bottom: auto;
      text-align: center;
    }

@supports (display: flex) {

.section--divider__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between
    }
      }

.section--divider .heading-section {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }

@supports (display: flex) {
    .section__inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: 22.5rem;
    }
  }

@media (min-width: 769px) {
    .section__inner {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem;
    }

    .section__inner--short {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  }

@media (min-width: 1099px) {
    @supports (display: flex) {
      .section__inner {
        min-height: 21.9rem;
      }
    }
  }

/**
 * Split section
 */

.split-section--fullheight {
    min-height: 47.1rem;
  }

/* left and right-hand sides are interchangeable */

.split-section__side {
    background-position: center;
    background-size: cover;
  }

.split-section__side--with-image {
      padding-top: 56.25%;
    }

.split-section__inner {
    margin-right: 0;
    margin-left: 0;
    padding: 3rem;
  }

.split-section--withquote .split-section__side--with-image {
      padding: 15rem 1.5rem 3rem 1.5rem;
      vertical-align: bottom !important;
    }

.split-section--withquote .card--focus-box {
      margin-right: auto;
      margin-left: auto;
      padding: 0.75rem;
    }

.split-section--withquote .card--focus-box .card__inner {
        padding: 1.5rem;
      }

@media (min-width: 769px) {

.split-section--withquote .card--focus-box {
        max-width: 70%
    }
      }

.split-section--withquote .split-section__quote {
      margin-bottom: 1.125rem;
      font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
      font-size: 1.25em;
      font-style: italic;
    }

.split-section--withquote .split-section__quote::before {
        content: open-quote;
      }

.split-section--withquote .split-section__quote::after {
        content: close-quote;
      }

.split-section--withquote .split-section__quote-cite {
      position: relative;
      margin: 0;
      padding: 0;
      font-size: .9em;
      font-weight: 600;
    }

.split-section--withquote .split-section__quote-cite::before {
        content: '\2014';
      }

.split-section--withquote .card--focus-box__cnr {
      width: 3em;
      height: 3em;
    }

@media (min-width: 769px) {

.split-section {
    display: table;
    width: 100%
}

    .split-section__side {
      display: table-cell;
      width: 50%;
      vertical-align: middle;
    }

      .split-section__side--with-image {
        padding-top: 0;
      }

    .split-section__inner {
      max-width: 31.5rem; /* account for either left or right padding */
      padding-top: 6rem;
      padding-bottom: 6rem;
    }

    .split-section__side:first-child > .split-section__inner { margin-left: auto; }
    .split-section__side:last-child > .split-section__inner { margin-right: auto; }

    .split-section--top .split-section__side {
      vertical-align: top;
    }
  }

@media (max-width: 768px) {

.split-section {
    /* remove spacing between two subsequent sections on mobile */
}
      .split-section__side:not(.split-section__side--with-image) + .split-section__side:not(.split-section__side--with-image) > .split-section__inner {
        padding-top: 0;
      }
  }

.side-panel {
  background-color: transparent;
}

.side-panel__inner {
    padding: 1.5rem;
  }

@media (min-width: 900px) {
      .layout--left .side-panel__inner {
        padding-left: 0;
      }
    }

.side-panel__title {
    margin-bottom: none;
    padding-left: 0.75rem;
  }

.side-panel__nav {
    height: auto;
    margin-top: 0.75rem;
    padding: 0 1.5rem;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    list-style: none;
  }

@media (max-width: 1193px) {

.side-panel__nav--closed {
        display: none;
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 0
    }
      }

.side-panel__nav-item {
      padding: 0.75rem;
      border-bottom: 1px solid rgb(9, 65, 131);
    }

@media (min-width: 900px) {

.side-panel__nav {
      display: block !important;
      padding-right: 0;
      padding-left: 0
  }
    }

.side-panel__trigger {
    float: right;
  }

.side-panel__trigger svg {
      margin-top: .5em;
    }

@media (min-width: 900px) {

.side-panel__trigger {
      display: none
  }
    }

@media (min-width: 900px) {

.side-panel {
    padding-top: 6rem
}
  }

.layout {
  display: table;
  position: relative;
  width: 100%;
}

.layout__pre,
  .layout__post {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

@media (min-width: 900px) {

.layout__pre,
  .layout__post {
      width: 17%
  }
    }

.layout__pre {
    float: left;
  }

@media (min-width: 900px) {

.layout__pre {
      float: none
  }
    }

.layout__main {
    display: table-cell;
    width: 100%;
    float: left;
  }

@media (min-width: 900px) {

.layout__main {
      width: 83%;
      float: none
  }
    }

.layout--left {
    padding-left: calc(50% - 30rem);
  }

@media (min-width: 85em) {

.layout--left {
      padding-left: calc(41.5% - 30rem)
  }
    }

.layout--right .layout__main {
      float: left;
    }

.layout__post {
    float: right;
  }

.social-list {
  display: inline-block; /* fit to link width for bg */
  margin-left: -.5rem;
}

/* offset by link padding so icon is aligned */

.social-list > li,
  .social-list__link {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: bottom; /* remove unwanted inline-block spacing */
  }

.social-list__link {
    padding: .5rem;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
  }

.social-list__link:focus,
    .social-list__link:hover {
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
    }

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

.stats-group__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    max-width: 40rem;
    margin-right: auto;
    margin-bottom: -0.375rem; /* MAGIC NUMBER: roughly equal spacing above and below stats */
    margin-left: auto;
  }

.stats-group__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 1rem 1.5rem;
  }

.stats-group:not(.stats-group--inverted) .stats-group__item:nth-child(1) .stats-group__icon { color: rgb(153, 162, 170); }

.stats-group:not(.stats-group--inverted) .stats-group__item:nth-child(2) .stats-group__icon { color: rgb(63, 167, 194); }

.stats-group:not(.stats-group--inverted) .stats-group__item:nth-child(3) .stats-group__icon { color: rgb(236, 174, 101); }

.stats-group__icon {
    width: 7.125rem;
    margin-right: auto;
    margin-left: auto;
  }

.bg-inverted .stats-group__icon {
      color: #cbe8ef;
    }

.stats-group__value {
    display: block;
    margin-top: 2rem;
    font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
  }

.stats-group__value__hash {
      margin-left: -.5ch; /* offset hash so number is a little more centred */
      font-size: 65%;
      line-height: inherit;
      vertical-align: 35%;
    }

.stats-group__text {
    display: block;
    margin-top: .25rem;
    font-weight: 600;
    line-height: 1.2;
  }

.stats-group__attribution {
    margin-top: 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
  }

.sublink-menu {
  padding: 0.75rem;
}

.sublink-menu__icon {
    margin: 0 auto 3rem auto;
  }

.sublink-menu__image {
    width: 100%;
  }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {

.sublink-menu__image {
      height: 200px;
      -o-object-fit: cover;
         object-fit: cover
  }
    }

.sublink-menu--green .sublink-menu__icon {
    fill: rgb(89, 177, 127);
  }

.sublink-menu--red .sublink-menu__icon {
    fill: rgb(231, 112, 82);
  }

.sublink-menu--blue .sublink-menu__icon {
    fill: rgb(64, 116, 178);
  }

.sublink-menu__title {
    min-height: 3em;
    margin-top: 1.5rem;
    font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
  }

.sublink-menu__item {
    display: block;
    padding: 0.75rem;
    border-top: 2px solid rgb(153, 162, 170);
    color: rgb(9, 65, 131);
    text-decoration: none;
  }

.sublink-menu__item:last-child {
      border-bottom: 2px solid rgb(153, 162, 170);
    }

.sublink-menu__item:hover {
      text-decoration: underline;
    }

.sublink-menu--pad .sublink-menu__nav .sublink-menu__item {
    padding: 1.25rem;
    border-width: 1px;
    font-size: 1.125rem;
    font-weight: bold;
  }

.table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.table a,
  .table a:visited,
  .table a:hover {
    color: rgb(9, 65, 131);
    text-decoration: underline;
  }

.table td,
  .table th {
    padding: 1rem;
    text-align: left;
  }

.table td.truncate, .table th.truncate {
      overflow: hidden;
      text-overflow: ellipsis;
    }

.table td {
    border-right: 1px solid rgb(198, 200, 202);
  }

.table td:last-child {
      border-right: 0;
    }

.table tbody tr {
    border-bottom: 1px solid rgb(198, 200, 202);
  }

.table tbody tr:last-child {
      border-bottom: 0;
    }

.table thead tr {
    border: 0;
  }

.table--tight td,
  .table--tight th {
    padding: .8em;
  }

.table--loose td,
  .table--loose th {
    padding: 1.5rem;
  }

.table--centered td,
    .table--centered th {
      text-align: center;
    }

.table--centered tr td:nth-child(1),
    .table--centered tr th:nth-child(1) {
      text-align: left;
    }

.table--borderless td {
      border-right: 0;
    }

.table--borderless tbody tr {
      border-bottom: 0;
    }

.table--striped tr:nth-child(even) {
      background-color: rgb(247, 247, 247);
    }

.table--striped tr.table__row--white {
      background-color: white;
    }

.table--striped tr.table__row--highlight {
      background-color: rgb(247, 247, 247);
    }

.table--striped tr.table__row--info {
      background-color: rgb(205, 230, 255);
    }

.table--striped tr.table__row--inverted {
      background-color: rgb(9, 65, 131);
    }

.table--hover tbody tr:hover {
      background-color: rgb(198, 200, 202);
    }

.table__row--inverted {
      background-color: rgb(9, 65, 131);
      color: white;
    }

.table__row--white {
      background-color: white;
      color: rgb(9, 65, 131);
    }

.table__row--highlight {
      background-color: rgb(247, 247, 247);
    }

.table__row--info {
      border-width: 2px;
      background-color: rgb(205, 230, 255);
      color: rgb(9, 65, 131);
    }

.tabs {
  margin: 0 auto;
  border-bottom: 0;
}

.tabs__tablist-item {
    display: inline;
  }

.tabs__section {
    background-color: transparent;
  }

.tabs__section + .tabs__section {
      border-top: 1px solid rgb(171, 190, 213);
      background-color: white;
    }

@media (min-width: 481px) {

.tabs__section + .tabs__section {
        border-top: 0;
        border-bottom: 0
    }
      }

@media (min-width: 481px) {

.tabs__section {
      border-bottom: 1px solid rgb(171, 190, 213)
  }
    }

.tabs__tablist {
    display: none;
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }

@media (max-width: 768px) {

.tabs__tablist.tabs__tablist--min {
        display: block;
        border-top: 1px solid rgb(171, 190, 213);
        border-bottom: 1px solid rgb(171, 190, 213)
    }

        .tabs__tablist.tabs__tablist--min .tabs__tab {
          border-bottom: 6px solid rgb(171, 190, 213);
        }

          .tabs__tablist.tabs__tablist--min .tabs__tab[tabindex='0'] {
            background-color: rgb(242, 245, 249);
            font-weight: bold;
          }
      }

@media (min-width: 481px) {

.tabs__tablist {
      display: block;
      padding-top: 0;
      padding-right: 1.5rem;
      padding-left: 1.5rem
  }
    }

.tabs__tablist--mobile.styled-select {
      padding-top: .5rem;
      padding-bottom: 1px;
      border-top: 1px solid rgb(171, 190, 213);
    }

.tabs__tablist--mobile.styled-select::after {
        top: 1.3975rem;
      }

@media (max-width: 768px) {

.tabs__tablist--mobile.tabs__tablist--min {
        display: none
    }
      }

@media (min-width: 481px) {

.tabs__tablist--mobile {
      display: none
  }
    }

.tabs__tab {
    display: block;
    width: 100%;
    padding: .75rem 1.5rem;
    border-top: 3px solid transparent;
    border-bottom: 1px solid rgb(171, 190, 213);
    background-color: rgb(242, 245, 249);
    color: rgb(9, 65, 131);
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
  }

.tabs__tab:hover {
      text-decoration: underline;
    }

.tabs__tab:last-child {
      border-bottom-color: transparent;
    }

.tabs__tab[tabindex='0'] {
      background-color: white;
    }

@media (min-width: 481px) {

.tabs__tab {
      display: inline-block;
      width: auto;
      margin-right: .375rem;
      margin-bottom: -1px;
      border-top: 1px solid rgb(171, 190, 213);
      border-right: 1px solid rgb(171, 190, 213);
      border-bottom: 1px solid rgb(171, 190, 213);
      border-left: 1px solid rgb(171, 190, 213);
      border-radius: 3px 3px 0 0;
      -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1);
              box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .1)
  }

      .tabs__tab:last-child {
        border-right: 1px solid rgb(171, 190, 213);
        border-bottom-color: rgb(171, 190, 213);
      }

        .tabs__tab:last-child[tabindex='0'] {
          border-bottom-color: transparent;
        }

      .tabs__tab[tabindex='0'] {
        border-top-color: rgb(171, 190, 213);
        border-right-color: rgb(171, 190, 213);
        border-bottom-color: transparent;
        border-left-color: rgb(171, 190, 213);
        -webkit-box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, .1);
                box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, .1);
      }
    }

.tabs__panel {
    padding: 1.25rem;
    background-color: white;
  }

.tabs__panel[aria-hidden='true'] {
      display: none;
    }

.tabs--alt .tabs__section {
      border: 0;
      background-color: white;
    }

.tabs--alt .tabs__section + .tabs__section {
        background-color: rgb(247, 247, 247);
      }

.tabs--alt .tabs__tablist {
      text-align: center;
    }

.tabs--alt .tabs__tab {
      margin-bottom: 0;
      padding-top: 1rem;
      padding-bottom: .5rem;
      border-top: 0;
      border-right: 0;
      border-bottom: 6px solid transparent;
      border-left: 0;
      background-color: transparent;
      font-size: 1.375rem;
      font-weight: 600;
    }

.tabs--alt .tabs__tab[tabindex='0'] {
        border-color: rgb(171, 190, 213);
      }

.tabs--alt .tabs__panel {
      background-color: rgb(247, 247, 247);
    }

.timeline {
  position: relative;
  max-width: 60rem;
  margin: 0 auto;
  padding-bottom: 0;
  font-size: 1em;
}

.timeline::before,
  .timeline::after {
    content: '';
    display: table;
  }

.timeline::after {
    clear: both;
  }

.timeline__header {
    width: 28%;
    margin: -4px 0 0;
    padding-top: .125rem;
    padding-right: 1.25rem;
    padding-bottom: 1.875rem;
    float: left;
    font-size: .875rem;
    text-align: right;
    text-transform: uppercase;
  }

.timeline__body {
    position: relative;
    width: 68%;
    margin: -4px 0 0;
    padding-bottom: 1.875rem;
    padding-left: 1.25rem;
    float: left;
    border-left: 1px solid rgb(218, 227, 237);
  }

.timeline__body:last-child {
      border-left-color: transparent; /* keep 1px border so dot remains aligned */
    }

/* dot */

.timeline__body::before {
      content: '';
      display: block;
      position: absolute;
      z-index: 2;
      top: 6px; /* match horizontal dimension */
      left: -6px; /* half of width, rounded up */
      width: 11px;
      height: 11px; /* odd number for dot to be perfectly centred on the 1px line */
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      background-color: rgb(218, 227, 237);
    }

@media screen and (min-width: 769px) {
    .timeline::before {
      left: 32.5%;
    }

    .timeline__header {
      width: 33%;
    }

    .timeline__body {
      width: 63%;
    }
  }

.toggleblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.toggleblock__default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
  }

.toggleblock__hidden {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-out;
    transition: max-height .3s ease-out;
  }

.toggleblock__hidden--active {
      max-height: 240rem;
      -webkit-transition-timing-function: ease-in;
              transition-timing-function: ease-in;
    }

.toggleblock--mobile .toggleblock__default {
      display: block;
      position: relative;
      padding: .925rem;
      border-bottom: 3px solid rgba(255, 255, 255, .3);
      background-color: rgb(9, 65, 131);
      text-decoration: none;
      cursor: pointer;
    }

.toggleblock--mobile .toggleblock__default > h2 {
        margin-bottom: 0;
        color: white;
        font-family: 'Source Sans Pro', 'Gill Sans', 'Trebuchet MS', 'Arial', sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
      }

.toggleblock--mobile .toggleblock__default > h2::after {
          content: '';
          display: inline-block;
          position: relative;
          top: -.275rem;
          width: .667rem;
          height: .667rem;
          margin-left: 1rem;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          border: 0 solid white;
          border-right-width: 1px;
          border-bottom-width: 1px;
        }

.toggleblock--mobile .toggleblock__default--active > h2::after {
      top: .125rem;
      border-width: 0;
      border-top-width: 1px;
      border-left-width: 1px;
    }

.toggleblock--mobile .toggleblock__hidden {
      padding-top: 1.5rem;
    }

.toggleblock--mobile .toggleblock__footer {
      display: block;
      visibility: visible;
      height: auto;
      padding: .925rem;
      border-top: 3px solid rgba(255, 255, 255, .3);
      background-color: rgb(9, 65, 131);
      color: white;
      font-family: 'Source Sans Pro', 'Gill Sans', 'Trebuchet MS', 'Arial', sans-serif;
      font-size: 1.2rem;
      font-weight: 600;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      cursor: pointer;
    }

.toggleblock--mobile .toggleblock__footer::before {
        content: '';
        display: inline-block;
        position: relative;
        top: .125rem;
        width: .667rem;
        height: .667rem;
        margin-right: 1rem;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        border: 0 solid white;
        border-top-width: 1px;
        border-left-width: 1px;
      }

@media (min-width: 769px) {
      .toggleblock--mobile .toggleblock__default {
        display: none;
      }

      .toggleblock--mobile .toggleblock__hidden {
        max-height: 120rem;
        padding-top: 0;
      }

      .toggleblock--mobile .toggleblock__footer {
        display: none;
      }
    }

.enquiry .toggleblock__default {
    margin: auto;
  }

.heading-page,
.heading-page-sub,
.heading-section,
.heading-card,
.lead {
  display: block;
  font-weight: bold;
  text-transform: none;
}

h1,
.heading-page {
  margin-bottom: 3rem;
  font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
  font-size: 2rem;
  line-height: 1.3;
}

.heading-page-sub {
  margin-bottom: 2.25rem;
  font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
  font-size: 2rem;
  line-height: 1.4;
}

.heading-lead {
  font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
}

.heading-normal {
  font-family: 'Source Sans Pro', 'Gill Sans', 'Trebuchet MS', 'Arial', sans-serif;
}

h2,
.heading-section {
  margin-bottom: 1.5rem;
  font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
  font-size: 1.75rem;
}

h3,
.heading-card,
.lead {
  margin-bottom: 0.75rem;
  font-size: 1.25rem; /* https://github.com/unimelb/pattern-lib/issues/56#issuecomment-327679214 */
}

.heading-card,
.lead {
  font-family: 'Source Sans Pro', 'Gill Sans', 'Trebuchet MS', 'Arial', sans-serif;
  font-weight: 600;
}

h4 {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: 600;
}

h5 {
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: bold;
  text-transform: uppercase;
}

h6 {
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: bold;
}

.item-ticked {
  position: relative;
  list-style-type: none;
}

.item-ticked::before {
    content: '';
    position: absolute;
    top: .55rem;
    left: .375rem;
    width: .675rem;
    height: .375rem;
    margin-left: -1.5rem;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid rgb(89, 177, 127);
    border-left: 2px solid rgb(89, 177, 127);
    background: transparent;
  }

.item-crossed {
  position: relative;
  list-style-type: none;
}

.item-crossed::before {
    content: '\D7';
    position: absolute;
    top: -.325rem;
    left: .375rem;
    width: .675rem;
    height: .375rem;
    margin-left: -1.5rem;
    background: transparent;
    color: rgb(185, 61, 28);
    font-size: 1.5rem;
    font-weight: 600;
  }

.giant {
  padding-left: 0;
  counter-reset: steps;
}

.giant__item {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 3.75rem;
    list-style-type: none;
    border-bottom: 1px solid rgb(198, 200, 202);
    counter-increment: steps;
  }

.giant__item::before {
      content: counter(steps);
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      font-family: 'Noto Serif', 'Georgia', 'Times New Roman', serif;
      font-size: 3.5rem;
      line-height: 1;
    }

.welcome {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse wrap;
      -ms-flex-flow: row-reverse wrap;
          flex-flow: row-reverse wrap;
}

.welcome__inner {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
    margin-right: auto;
    margin-left: 0;
  }

.section__inner--sml .welcome__inner {
      margin-top: 4.5rem;
    }

@media (min-width: 600px) {

.welcome__inner {
      width: 50%;
      padding-right: 1.5rem
  }

      .section__inner--sml .welcome__inner {
        margin-top: 0;
      }
    }

@media (min-width: 900px) {

.welcome__inner {
      width: 66.66%;
      padding-right: 3rem
  }

      .section__inner--sml .welcome__inner {
        width: calc(50% - 3rem);
        padding-right: 1.5rem;
      }
    }

.welcome__caption-title {
    display: block;
    text-align: center;
  }

.welcome__caption-text {
    font-size: .9em;
    text-align: left;
  }

.welcome__thumb-img,
    .welcome__thumb img {
      width: 100%;
      height: 300px;
    }

.welcome__thumb-img {
      background-position: center;
      background-size: cover;
    }

@supports ((-o-object-fit: cover) or (object-fit: cover)) {

.welcome__thumb img {
        -o-object-fit: cover;
           object-fit: cover
    }
      }

.welcome__thumb figure {
      display: block;
      position: relative;
      width: 100%;
      height: 300px;
      margin-bottom: 3rem;
    }

.welcome__thumb figure::before,
      .welcome__thumb figure::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 5rem;
        height: 5rem;
        opacity: .6;
        background-size: cover;
      }

.welcome__thumb figure::before {
        top: 0;
        left: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m0 0v112l32-32v-48h48l32-32h-112z' fill='%23074482' /%3E%3C/svg%3E");
      }

.welcome__thumb figure::after {
        right: 0;
        bottom: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 112'%3E%3Cpath d='m112 0-32 32v48h-48l-32 32h112v-112z' fill='%23074482' /%3E%3C/svg%3E");
      }

.welcome__thumb .btn {
      display: block;
      margin: 1.5rem 0;
      clear: both;
    }

@media (min-width: 481px) {

.welcome__thumb {
      margin: 3rem
  }
    }

@media (min-width: 600px) {

.welcome__thumb {
      width: calc(50% - 3rem);
      margin-right: 1.5rem;
      margin-left: 1.5rem
  }
    }

@media (min-width: 900px) {

.welcome__thumb {
      width: calc(33.3% - 3rem)
  }

      .section__inner--sml .welcome__thumb {
        width: calc(50% - 3rem);
        margin-right: 1.5rem;
        margin-left: 1.5rem;
      }
    }

.welcome__signature {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

/*** Add new component below */

/* Hide injected SVG sprite */

body > svg:first-child {
  position: absolute;
  width: 0;
  height: 0;
}