/** Version: 0.9.4 (build #2db6532150eafe9949855ea91470393a4448a04c) | Thu May 17 2018 3:04 */
@charset "UTF-8";
/*

  (Lowest to highest specificity)

  1 | SETTINGS - Configs, brand colors, spacing units, variables.

  ↓

  2 | TOOLS - Library's custom mixins, 3rd party mixins.

  ↓

  3 | GENERIC - Generic definitions, eg. resets, normalisations, imports of external styles and fonts.

  ↓

  4 | ELEMENTS - Non-specific elements (= without classes or IDs), eg. body, h1, p ...

  ↓

  5 | OBJECTS - Simple atomic design patterns (= using classes only), eg. buttons, icons,...

  ↓

  6 | COMPONENTS - More complex designs (using classes only), eg. header, footer, searchbar...

  ↓

  7 | TRUMPS - Most specific, mostly overrides (usage of !important and IDs).

*/
/** BASIC DEPENDENCIES */
html {
  box-sizing: border-box; }

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

/** SETTINGS (order sensitive!) */
/*==========================================
=            COLOUR DEFINITIONS            =
==========================================*/
/*******************************************************************************

  *IMPORTANT* - Follow proper colour-naming convention.

  1) Read why https://davidwalsh.name/sass-color-variables-dont-suck
  2) Get unique name for the color using
    http://chir.ag/projects/name-that-color/#831212 or make one.
  3) Assign colour to the variable as following: ${base_color}-{unique_name}.

*******************************************************************************/
/** Branded. */
/** Victoria's greens. */
/** Victoria's blues. */
/** Vic highlights **/
/** Other highlights. **/
/** Non approved. Talk to Nathan */
/** Dark to light combinations. */
/*==========================================
=            SETTINGS & OPTIONS            =
==========================================*/
/*******************************************************************************

  As a rule of thumb, *EVERY VARIABLE* that is used by two and more
  *distinictive* components should be placed here.

*******************************************************************************/
/* ===== PATHS ============================================================ */
/* ===== BASE, LAYOUT & GRID ============================================== */
/* ===== POSITIONING ====================================================== */
/** Placement on the Z axis */
/* ===== FONTS ============================================================ */
/** Settings */
/** Available weights */
/** Victoria font */
/** Victoria icons */
/* ===== DEFAULTS ========================================================= */
/** General colours */
/** General typography. */
/** Links & Hovers */
/** Margins and paddings */
/** verticale padding **/
/** Shadows (always in px units) */
/** Borders, corners (always in px units)*/
/** Imagery */
/** Miscs */
/*=========================================
=            GRID SYSTEM (NEAT)           =
=========================================*/
/*******************************************************************************

  Neat's documentation: http://thoughtbot.github.io/neat-docs/latest/

*******************************************************************************/
/** Define settings that will be used by default */
/** Development *ONLY* helper */
/*============================================
=      RESPONSIVE SETTINGS AND VARIABLES     =
============================================*/
/*******************************************************************************

  *DO USE EMs* as a responsive breakpoints!

  ems in media queries are derived from html's font-size = they behave as rems,
  but are more stable across all browsers.

*******************************************************************************/
/* ===== BREAKPOINT DEFINITIONS ============================================= */
/* ===== DEVICES AND THEIR RANGES =========================================== */
/** Standard mobile device */
/** Mobile with higher resolution */
/** Standard tablet */
/** Small desktop */
/** Large desktop */
/** TOOLS */
/*==================================================
=            VICTORIA'S MIXINS COLLECTION          =
==================================================*/
/*******************************************************************************

  Mixins collection that can be used to simplify SCSS development.

  *HIGHLY RECOMMENDED* to read through comments of all available mixins before
  you start an active development!

  Also, all use or be combined with Bourbon's mixins.

  Bourbon's documentation: http://bourbon.io/docs/

/*******************************************************************************


/* ===== BOX MODEL ========================================================== */
/*******************************************************************************
 * Transforms non-object element (eg. pseudo-elements) into object one.
 *
 * @display         - Type of box of the object element.
 * @content         - Optional text content (useful for icons).
 * @position        - Specifies type of positioning method used for an element.
 */
/* ===== TYPOGRAPHY ========================================================= */
/*******************************************************************************
 * Shorter definition of all active states of an element.
 *
 * { @content }     - Definition of the active states' styles.
 */
/*******************************************************************************
 * Makes custom square bullets in the list-item using its `::before`
 * pseudo-element. *SHOULD BE* used in the <li> element.
 *
 * @size            - Size of the square.
 * @colour          - Colour of the bullet.
 */
/* ===== IMAGES & ICONS ===================================================== */
/*******************************************************************************
 * Turns potentially non-object element into a font icon container.
 *
 * @display         - Type of box of the object element.
 * @ico-code        - Unicode code of the icon from the $font-family.
 * @font-family     - Name or type of the font icon.
 */
/*==================================================
=                APP-SPECIFIC MIXINS               =
==================================================*/
/*******************************************************************************

  Application-specific mixins collection.

  As a rule of thumb, only mixins that are re-used by multiple objects,
  components or trumps should be placed here.

/*******************************************************************************/
/** Single menu/submenu item */
/** 3RD PARTY LIBS */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * 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; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * 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; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * 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; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * 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; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 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 {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  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 and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * 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 */ }

/*! Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity .3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  transition: opacity .3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  transform: scale(1);
  transition: transform .3s ease; }

.lity-loading .lity-content, .lity-closed .lity-content {
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none; }

.lity-close:active {
  top: 1px; }

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }

.tcon {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  justify-content: center;
  align-items: center;
  height: 2em;
  transition: 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 2em;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
  display: inline-block;
  height: 0.22222em;
  width: 2em;
  border-radius: 2.85714px;
  transition: 0.3s;
  background: #fff;
  position: relative; }
  .tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 0.22222em;
    width: 2em;
    border-radius: 2.85714px;
    transition: 0.3s;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    transform-origin: 0.14286em center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 0.5em; }
  .tcon-menu__lines::after {
    top: -0.5em; }
  .tcon-transform .tcon-menu__lines {
    transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
  width: auto; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      transform-origin: 50% 50%;
      top: 0;
      width: 2em; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.tcon-search__item {
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  border-radius: 0;
  transition: 0.3s;
  background: transparent;
  position: relative;
  transform: rotate(-45deg); }
  .tcon-search__item::before, .tcon-search__item::after {
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    border-radius: 0;
    transition: 0.3s;
    background: transparent;
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto; }
  .tcon-search__item::before {
    height: 0.2em;
    left: 0;
    background: #444;
    border-radius: 0.14286em; }
  .tcon-search__item::after {
    right: 0;
    background: #CCC;
    border-radius: 50%;
    width: 0.8em;
    height: 0.8em;
    border: 0.1em solid #444;
    transform-origin: 50% 50%; }

.tcon-search--xcross.tcon-transform {
  transform: scale3d(0.8, 0.8, 0.8); }
  .tcon-search--xcross.tcon-transform .tcon-search__item::before, .tcon-search--xcross.tcon-transform .tcon-search__item::after {
    border-radius: 0.14286em;
    background: #444; }
  .tcon-search--xcross.tcon-transform .tcon-search__item::after {
    height: 0.2em;
    width: 100%;
    top: 0;
    right: 0;
    border: 0;
    transform: rotate3d(0, 0, 1, 90deg); }

/** GENERIC */
/*=========================================
=              CUSTOM RESETS              =
=========================================*/
* {
  margin: 0;
  padding: 0; }

ul,
ol {
  list-style: none; }

h1 {
  margin: 0; }

figure {
  margin: 0; }

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*==========================================
=        DEVELOPMENT HELPER STYLES         =
==========================================*/
/*******************************************************************************

  For usage during development *ONLY* - !DO NOT USE IN PRODUCTION TEMPLATES!

*******************************************************************************/
body.show-grid {
  background-image: linear-gradient(to bottom, #0FF 0, rgba(255, 255, 255, 0) 1px);
  background-repeat: repeat-y;
  background-size: 100% 1.6em; }

body:not(.dev):before {
  display: none; }

/*==========================================
=           CUSTOM NORMALISATION           =
==========================================*/
q:before, q:after {
  content: ''; }

/** ELEMENTS ( > Atoms defined by an element) */
/*==========================================
=        GENERAL TYPOGRAPHY SETUP          =
==========================================*/
/* ===== FUNCTION HELPERS ================================================= */
/** Scales the font using pre-defined ratio to keep the consistency.
   *
   *  $font-size (default: 1) - indexed from 0, where 0 = $base-font-size;
   *                            > 0 = Bigger fonts
   *                            < 0 = Smaller fonts
   */
/** Similar to @function scale-font(). Additionally, it multiplies the size
    * with `heading to body text` ratio. Useful to compensate sizing when the
    * heading font is visibly different default size than body font
    * (eg. 16px heading is significantly bigger/smaller than 16px of body).
    *
    */
/* ===== DEFINE & IMPORT FONTS ============================================ */
/* Victoria's font `National` */
@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 400;
  src: url("https://static.victoria.ac.nz/fonts/NationalWebLF-Regular.woff2") format("woff2"), url("https://static.victoria.ac.nz/fonts/NationalWebLF-Regular.woff") format("woff"), url("https://static.victoria.ac.nz/fonts/NationalWebLF-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 600;
  src: url("https://static.victoria.ac.nz/fonts/NationalWebLF-Semibold.woff2") format("woff2"), url("https://static.victoria.ac.nz/fonts/NationalWebLF-Semibold.woff") format("woff"), url("https://static.victoria.ac.nz/fonts/NationalWebLF-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: "National";
  font-style: normal;
  font-weight: 800;
  src: url("https://static.victoria.ac.nz/fonts/NationalWebLF-Extrabold.woff2") format("woff2"), url("https://static.victoria.ac.nz/fonts/NationalWebLF-Extrabold.woff") format("woff"), url("https://static.victoria.ac.nz/fonts/NationalWebLF-Extrabold.ttf") format("truetype"); }

/* Victoria's icon font */
@font-face {
  font-family: "VicIcons";
  font-style: normal;
  font-weight: 400;
  src: url("https://static.victoria.ac.nz/fonts/vic-icons.woff2") format("woff2"), url("https://static.victoria.ac.nz/fonts/vic-icons.woff") format("woff"), url("https://static.victoria.ac.nz/fonts/vic-icons.ttf") format("truetype"); }

/* ===== BASE TYPOGRAPHY ================================================== */
html {
  font-size: 100%; }
  @media screen and (max-width: 38.88889em) {
    html {
      font-size: 85%; } }
  @media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
    html {
      font-size: 92.5%; } }
  @media screen and (min-width: 71.11111em) {
    html {
      font-size: 100%; } }

body {
  font-family: "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  line-height: 1.6;
  color: #444;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

/** Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  font-weight: 600;
  color: #115737;
  line-height: 1; }

h1 {
  font-weight: 800;
  font-size: 2.44141em; }

h2 {
  font-size: 1.95312em; }

h3 {
  font-size: 1.5625em; }

h4 {
  font-size: 1.25em; }

h5 {
  font-size: 1.125em; }

h6 {
  font-size: 1em; }

/** Paragraphs */
p {
  line-height: 1.6; }

/** Lists */
ul {
  list-style: none; }

ol {
  list-style: decimal; }

dl dt {
  font-weight: bold; }

/** Links */
a[href] {
  color: #005EA5;
  text-decoration: none; }

a > img:hover, a > img:active, a > img:focus {
  opacity: 0.9; }

a.link-more, .breadcrumbs a {
  color: #005EA5;
  text-decoration: underline; }
  a.link-more:hover, .breadcrumbs a:hover, a.link-more:active, .breadcrumbs a:active, a.link-more:focus, .breadcrumbs a:focus {
    color: #2E8ACA;
    text-decoration: none; }

/** Figures */
figure img {
  display: block;
  width: 100%; }

figure p {
  color: #444; }

figure:hover img, figure:active img, figure:focus img {
  filter: none; }

/** Miscs */
time {
  color: #8B8B8B; }

/*==========================================
=                  TABLES                  =
==========================================*/
/** Standard table */
table {
  width: 100%; }
  table th,
  table td {
    padding: 0.8rem;
    text-align: left; }
  table th {
    font-weight: 700;
    background-color: #D1E0DA; }
    table th strong,
    table th b {
      font-weight: inherit; }
  table td {
    border-bottom: 1px solid #DDD; }
  table img {
    display: inline-block;
    width: auto; }

.table-container,
table {
  clear: both;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  margin-bottom: 1.6rem; }

.table-container {
  _overflow: auto;
  overflow-x: auto;
  display: block;
  width: 100%; }
  .table-container table {
    margin-bottom: 0;
    box-shadow: none; }
  @media screen and (max-width: 38.88889em) {
    .table-container {
      overflow-x: scroll; } }

/*=========================================
=              FORM INPUTS                =
=========================================*/
/** Prevent zoom on input (see: stackoverflow.com/a/16255670/1081234) */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 100%; } }

/** OBJECTS ( > Atoms defined by a single class) */
/*==========================================
=            DEFAULT FORMATTING            =
==========================================*/
/** Use everywhere where standard formatting rules should be applied! */
.formatting {
  /** Links */
  /** Items within general grid */
  /** Unique content elements */
  /** Imagery */
  /** Lists */
  /** Formatted elements that need to restart a bleed */
  /** Items in the right widget sidebar */ }
  .formatting h1 {
    margin-bottom: .5em; }
  .formatting h2,
  .formatting h3,
  .formatting h4,
  .formatting h5,
  .formatting h6 {
    margin-bottom: .7em;
    line-height: 1.2; }
  .formatting p {
    margin-bottom: 1.2em; }
    .formatting p:last-child {
      margin-bottom: 0; }
  .formatting a h1,
  .formatting a h2,
  .formatting a h3,
  .formatting a h4,
  .formatting a h5,
  .formatting a h6 {
    color: #005EA5;
    text-decoration: underline; }
  .formatting a:hover h1,
  .formatting a:hover h2,
  .formatting a:hover h3,
  .formatting a:hover h4,
  .formatting a:hover h5,
  .formatting a:hover h6, .formatting a:active h1,
  .formatting a:active h2,
  .formatting a:active h3,
  .formatting a:active h4,
  .formatting a:active h5,
  .formatting a:active h6, .formatting a:focus h1,
  .formatting a:focus h2,
  .formatting a:focus h3,
  .formatting a:focus h4,
  .formatting a:focus h5,
  .formatting a:focus h6 {
    color: #2E8ACA;
    text-decoration: none; }
  .formatting a:hover img, .formatting a:active img, .formatting a:focus img {
    opacity: 0.9; }
  .formatting p a,
  .formatting h1 a,
  .formatting h2 a,
  .formatting h3 a,
  .formatting h4 a,
  .formatting h5 a,
  .formatting h6 a,
  .formatting ul a,
  .formatting ol a,
  .formatting table a,
  .formatting figcaption a {
    color: #005EA5;
    text-decoration: underline; }
    .formatting p a > span:after,
    .formatting h1 a > span:after,
    .formatting h2 a > span:after,
    .formatting h3 a > span:after,
    .formatting h4 a > span:after,
    .formatting h5 a > span:after,
    .formatting h6 a > span:after,
    .formatting ul a > span:after,
    .formatting ol a > span:after,
    .formatting table a > span:after,
    .formatting figcaption a > span:after {
      text-decoration: none; }
    .formatting p a:hover, .formatting p a:active, .formatting p a:focus,
    .formatting h1 a:hover,
    .formatting h1 a:active,
    .formatting h1 a:focus,
    .formatting h2 a:hover,
    .formatting h2 a:active,
    .formatting h2 a:focus,
    .formatting h3 a:hover,
    .formatting h3 a:active,
    .formatting h3 a:focus,
    .formatting h4 a:hover,
    .formatting h4 a:active,
    .formatting h4 a:focus,
    .formatting h5 a:hover,
    .formatting h5 a:active,
    .formatting h5 a:focus,
    .formatting h6 a:hover,
    .formatting h6 a:active,
    .formatting h6 a:focus,
    .formatting ul a:hover,
    .formatting ul a:active,
    .formatting ul a:focus,
    .formatting ol a:hover,
    .formatting ol a:active,
    .formatting ol a:focus,
    .formatting table a:hover,
    .formatting table a:active,
    .formatting table a:focus,
    .formatting figcaption a:hover,
    .formatting figcaption a:active,
    .formatting figcaption a:focus {
      color: #2E8ACA;
      text-decoration: none; }
  .formatting article {
    margin-bottom: 1.6rem; }
  .formatting .grid > * {
    margin-bottom: 1.6rem; }
  .formatting .grid figure img {
    margin-bottom: .75rem; }
  .formatting .intro {
    font-size: 1.25em;
    color: #115737; }
  .formatting .subtitle {
    color: #555;
    line-height: 1.4; }
    .formatting .subtitle strong + span:before {
      position: relative;
      display: inline-block;
      content: "·";
      margin-right: .5em;
      margin-left: .25em; }
  .formatting h1 + .subtitle {
    margin-top: -.5em;
    font-size: 1.25em; }
  .formatting > header {
    margin-bottom: 1.2em; }
    .formatting > header h1 {
      margin-bottom: .25em; }
  .formatting h2 > em,
  .formatting h3 > em {
    margin-left: .35em;
    font-style: normal;
    color: #8B8B8B; }
  .formatting .inline {
    clear: right; }
  .formatting .inline,
  .formatting .portrait,
  .formatting > img,
  .formatting p > img,
  .formatting p > img ~ img {
    margin-bottom: 0.8rem;
    width: 100%;
    height: auto; }
  .formatting .portrait {
    float: right;
    margin-left: 1.6rem;
    width: 8.88889rem; }
  @media screen and (min-width: 38.88889em) {
    .formatting .inline,
    .formatting p > img,
    .formatting p > img ~ img {
      clear: right;
      float: right;
      margin-left: 1.6rem;
      width: 15rem; } }
  .formatting ul,
  .formatting ol {
    margin-bottom: 1.6rem;
    padding-left: 1.5rem; }
    .formatting ul li,
    .formatting ol li {
      padding-left: .35rem;
      margin-bottom: .35em;
      list-style-position: outside; }
    .formatting ul ul,
    .formatting ul ol,
    .formatting ol ul,
    .formatting ol ol {
      margin: .5rem 0 .7rem; }
  .formatting ul li {
    list-style-type: square; }
  .formatting ul ul li {
    list-style-type: circle; }
  .formatting.block > img:first-child {
    margin-left: -1.11111rem;
    width: calc(100% + 1.11111rem * 2); }
    @media screen and (max-width: 38.88889em) {
      .formatting.block > img:first-child {
        margin-top: -1.66667rem; } }
  aside > .formatting h2 {
    font-size: 1.5625em; }
    aside > .formatting h2:before {
      position: relative;
      display: block;
      content: "";
      margin-bottom: .35rem;
      height: 0.16667rem;
      width: 2rem;
      background-color: #115737; }
  aside > .formatting h3 {
    margin-bottom: .35em;
    font-size: 1.125em;
    color: #555; }
  aside > .formatting p {
    font-size: 0.83333rem; }

/* ===== OTHER RE-USABLE TYPOGRAPHICAL HELPERS ============================== */
.break {
  overflow: hidden;
  visibility: hidden;
  display: block;
  width: 100%; }
  .break::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 38.88889em) {
    .break {
      margin-bottom: 1.6rem; } }

/*=========================================
=              TOP PAGE BANNERS           =
=========================================*/
/* ===== IMAGE BANNERS ==================================================== */
.banner::after {
  clear: both;
  content: "";
  display: table; }

.banner-in-page {
  position: relative; }
  @media screen and (min-width: 38.88889em) {
    .banner-in-page {
      top: -1.66667rem; }
      .banner-in-page.bleed {
        margin-left: calc(-25% - 1.11111rem * 1.25);
        width: calc(125% + 1.11111rem * 1.25); }
        .banner-in-page.bleed img {
          z-index: -1;
          position: relative; } }
  .banner-in-page figcaption {
    background-color: #115737; }
    @media screen and (min-width: 38.88889em) {
      .banner-in-page figcaption {
        position: absolute;
        top: 6rem;
        right: 0;
        width: 33%; } }
    .banner-in-page figcaption h1,
    .banner-in-page figcaption h2,
    .banner-in-page figcaption h3,
    .banner-in-page figcaption h4,
    .banner-in-page figcaption h5,
    .banner-in-page figcaption h6,
    .banner-in-page figcaption p {
      color: #FFF;
      display: flex;
      align-items: center;
      padding: 1em; }
    .banner-in-page figcaption p {
      margin-bottom: 1.3em; }

/*=========================================
=                BUTTONS                  =
=========================================*/
/* ===== GENERIC BUTTONS ================================================== */
/** Button variations */
button,
.button {
  display: inline-block;
  padding: .3em .8em;
  font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  font-weight: 600; }
  .formatting button, .formatting
  .button {
    text-decoration: none; }
  button.large,
  .button.large {
    font-size: 1.125em; }
  button:not(.flat),
  .button:not(.flat) {
    border-radius: 2px;
    color: #444;
    background: #DDD; }
    button:not(.flat):hover, button:not(.flat):active, button:not(.flat):focus,
    .button:not(.flat):hover,
    .button:not(.flat):active,
    .button:not(.flat):focus {
      color: inherit;
      background: #CCC; }
  button.primary,
  .button.primary {
    background-color: #3363B3;
    border-color: #3363B3;
    color: #FFF; }
    button.primary:hover, button.primary:active, button.primary:focus,
    .button.primary:hover,
    .button.primary:active,
    .button.primary:focus {
      color: #FFF;
      background: #285189; }
  button.flat-border,
  .button.flat-border {
    border-color: #3363B3;
    background-color: transparent;
    border: 2px solid;
    color: #3363B3; }
    button.flat-border:hover, button.flat-border:active, button.flat-border:focus,
    .button.flat-border:hover,
    .button.flat-border:active,
    .button.flat-border:focus {
      color: #FFF;
      background: #3363B3;
      border-color: #3363B3; }
  button.extra-large,
  .button.extra-large {
    font-size: 1.5em; }
  button.danger,
  .button.danger {
    background-color: #AF1B1B;
    background-color: #AF1B1B;
    color: #FFF; }
    button.danger:hover, button.danger:active, button.danger:focus,
    .button.danger:hover,
    .button.danger:active,
    .button.danger:focus {
      color: #FFF;
      background: #831212; }
  button[disabled], button.disabled,
  .button[disabled],
  .button.disabled {
    border-color: #DDD;
    background: #DDD;
    color: #AAA; }

/** Important (button-like) links */
a.link-more {
  float: right; }

/**
   * Play Button
   */
.play-button {
  margin-top: 1em;
  height: 40px;
  width: 65px;
  background-color: #fff;
  border-radius: 12px;
  position: relative; }
  .play-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 10.5px;
    left: 26px;
    margin: 0 auto;
    border-style: solid;
    border-width: 9.5px 0 9.5px 17px;
    border-color: transparent transparent transparent #115737; }

/* float button right - must be wrapped in div */
div.button-right::after {
  clear: both;
  content: "";
  display: table; }

div.button-right .button {
  float: right; }

/* ===== MENU & NAVIGATION BUTTONS ======================================== */
.lines-button {
  display: inline-block;
  padding: 1.25em 0.625em;
  transition: .3s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 0;
  background-color: transparent; }
  @media screen and (min-width: 55em) {
    .lines-button {
      display: none; } }
  .lines-button:hover {
    opacity: 1; }
  .lines-button:active {
    transition: 0; }
  .lines-button:focus {
    outline: 0; }

.lines {
  display: inline-block;
  width: 2.5em;
  height: 0.35714em;
  background: #FFF;
  border-radius: 0.17857em;
  transition: 0.3s;
  position: relative;
  /*create the upper and lower lines as pseudo-elements of the middle line*/ }
  .lines:before, .lines:after {
    display: inline-block;
    width: 2.5em;
    height: 0.35714em;
    background: #FFF;
    border-radius: 0.17857em;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: "";
    transform-origin: 0.17857em center; }
  .lines:before {
    top: 0.625em; }
  .lines:after {
    top: -0.625em; }

.lines-button:hover {
  opacity: 1; }
  .lines-button:hover .lines {
    background-color: #CCC; }
    .lines-button:hover .lines:before {
      top: 0.71429em;
      background-color: #CCC; }
    .lines-button:hover .lines:after {
      top: -0.71429em;
      background-color: #CCC; }

.lines-button.x.close .lines {
  /*hide the middle line*/
  background: transparent;
  /*overlay the lines by setting both their top values to 0*/ }
  .lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    transform-origin: 50% 50%;
    top: 0;
    width: 2.5em; }
  .lines-button.x.close .lines:before {
    transform: rotate3d(0, 0, 1, 45deg); }
  .lines-button.x.close .lines:after {
    transform: rotate3d(0, 0, 1, -45deg); }

/* .button-list   For list of in page button links - to navigate content pages */
.button-list .button {
  margin-bottom: 0.3em;
  margin-right: 0.3em; }

.button-list span.button {
  background-color: inherit; }
  .button-list span.button:hover, .button-list span.button:active, .button-list span.button:focus {
    background-color: inherit;
    cursor: not-allowed; }

/*=========================================
=                  ICONS                  =
=========================================*/
/* ===== FONT ICON'S CODES ================================================ */
/** List of unicode character codes assigned to given icons.
   *
   *  The name of the code is then used as an class identifier
   *  prefixed with 'icon-'. Eg. code with key 'search' will
   *  get automatically turned into '.icon-search'.
   */
/* ===== STANDARD ICONS =================================================== */
[class^=icon-]:before, .link-download:before, .link-audio:before, .pagination .previous:before, .quote.full blockquote:before, .flash-message.error > h2:before, .flash-message.warning > h2:before, .flash-message.info > h2:before, .flash-message.success > h2:before, .events .time:before, .site > ul > li:last-child > a:before, .footer-secondary .phones:before, .page-sub-nav .phones:before, .footer-secondary .mails:before, .page-sub-nav .mails:before, .breadcrumbs > li:first-child a:before {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  top: .05em;
  margin: 0 0.5em 0 0;
  width: 1em;
  text-align: center; }

.link-external:after, .link-restricted:after, .link-more:after, .button-arrow:after, button:not(.flat):not(.no-icon):after,
.button:not(.flat):not(.no-icon):after, .pagination .next:after, .quote.full blockquote:after, .site .has-subpages a:after, .sidemenu .sidemenu-toggle a:after, .breadcrumbs > li:after {
  position: relative;
  display: inline-block;
  content: "";
  font-family: "VicIcons";
  top: .05em;
  margin: 0 0 0 0.5em;
  width: 1em;
  text-align: center; }

[class^=icon-] {
  font-size: 100%;
  font-style: normal; }

/** Generate all the icon identifiers. Prefix them with 'icon-' */
.icon-search:before {
  content: ""; }

.icon-mail:before, .footer-secondary .mails:before, .page-sub-nav .mails:before {
  content: ""; }

.icon-heart:before {
  content: ""; }

.icon-check:before, .flash-message.success > h2:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-help:before {
  content: ""; }

.icon-people:before {
  content: ""; }

.icon-user:before {
  content: ""; }

.icon-info:before, .flash-message.info > h2:before {
  content: ""; }

.icon-home:before, .breadcrumbs > li:first-child a:before {
  content: ""; }

.icon-back:before {
  content: ""; }

.icon-pictures:before {
  content: ""; }

.icon-popup:before {
  content: ""; }

.icon-clock:before, .events .time:before {
  content: ""; }

.icon-tag:before {
  content: ""; }

.icon-book:before {
  content: ""; }

.icon-book-open:before {
  content: ""; }

.icon-pin:before {
  content: ""; }

.icon-vcard:before {
  content: ""; }

.icon-chat:before {
  content: ""; }

.icon-flag:before {
  content: ""; }

.icon-external:before {
  content: ""; }

.icon-printer:before {
  content: ""; }

.icon-camera:before {
  content: ""; }

.icon-lock:before {
  content: ""; }

.icon-lock-open:before {
  content: ""; }

.icon-phone:before, .footer-secondary .phones:before, .page-sub-nav .phones:before {
  content: ""; }

.icon-attention:before, .flash-message.error > h2:before {
  content: ""; }

.icon-resize-up:before {
  content: ""; }

.icon-resize-down:before {
  content: ""; }

.icon-mic:before {
  content: ""; }

.icon-cog:before {
  content: ""; }

.icon-share:before {
  content: ""; }

.icon-basket:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-caret-down-thin:before {
  content: ""; }

.icon-caret-left-thin:before {
  content: ""; }

.icon-caret-right-thin:before {
  content: ""; }

.icon-caret-up-thin:before {
  content: ""; }

.icon-caret-down:before {
  content: ""; }

.icon-caret-left:before {
  content: ""; }

.icon-caret-right:before {
  content: ""; }

.icon-caret-up:before {
  content: ""; }

.icon-triangle-down:before {
  content: ""; }

.icon-triangle-left:before {
  content: ""; }

.icon-triangle-right:before {
  content: ""; }

.icon-triangle-up:before {
  content: ""; }

.icon-refresh:before {
  content: ""; }

.icon-graduation-cap:before {
  content: ""; }

.icon-ticket:before {
  content: ""; }

.icon-megaphone:before, .flash-message.warning > h2:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-globe:before {
  content: ""; }

.icon-dots:before {
  content: ""; }

.icon-arrow-down:before {
  content: ""; }

.icon-arrow-left:before, .pagination .previous:before {
  content: ""; }

.icon-layout:before {
  content: ""; }

.icon-attach:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-arrow-right:before {
  content: ""; }

.icon-arrow-up:before, .site > ul > li:last-child > a:before {
  content: ""; }

.icon-edit:before {
  content: ""; }

.icon-download:before, .link-download:before {
  content: ""; }

.icon-audio:before, .link-audio:before {
  content: ""; }

.icon-quote-down:before, .quote.full blockquote:before {
  content: ""; }

.icon-quote-up:before {
  content: ""; }

.icon-list:before {
  content: ""; }

.hanging-icon {
  float: left; }

.icon-2x:before,
.icon-2x:after {
  transform: scale(2); }

.small-icon:before,
.small-icon:after {
  transform: scale(0.65); }

/** Special icons */
.social-icon:hover {
  opacity: 0.9; }

.social-icon img {
  margin-right: .3rem;
  height: 2.22222rem;
  width: 2.22222rem; }

/* ===== CUSTOM-BUILT ICONS =============================================== */
.quote figcaption, ul.links li {
  position: relative;
  padding-left: 1.95rem; }
  .quote figcaption:before, ul.links li:before {
    position: absolute;
    display: inline-block;
    content: "";
    top: .75em;
    height: 2px;
    width: 1rem;
    margin: 0 0.7rem 0 -1.7rem;
    background-color: #4f8368; }

/* ===== ALIASES AND EXTENSIONS =========================================== */
/** Can be used to alias or extend default icon under unique class. */
/** Can be used to alias or extend default icon under unique specifier. */
.link-external:after {
  content: "";
  top: 0; }

.link-restricted:after {
  content: "";
  top: 0; }

.link-download:before {
  font-size: 90%; }

.link-more:after {
  content: "";
  margin-right: 0;
  margin-left: .3em;
  font-size: 110%; }

.button-arrow:after, button:not(.flat):not(.no-icon):after,
.button:not(.flat):not(.no-icon):after {
  content: "";
  top: 0; }

/** Add icons with unusual positioning (end of the item instead of the start) */
.icon-arrow-right:before {
  margin-right: 0;
  margin-left: 0.5em; }

/*=========================================
=           IMAGERY, GALLERIES            =
=========================================*/
.images {
  margin-bottom: 1.6rem; }
  .images img {
    display: inline-block;
    margin: 0 .35rem .35rem 0;
    width: auto;
    height: auto; }

img {
  vertical-align: middle; }

img .a {
  fill: #fff; }

/*=========================================
=      LAYOUTS, CONTAINERS & BLOCKS       =
=========================================*/
/*******************************************************************************

  Contains basic building containers, layouts, columns and grids.

  It's *HIGHLY RECOMMENDED* to understand how to build structures with these
  before development of new objects and components.

*******************************************************************************/
html {
  height: 100%; }

body {
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  box-orient: vertical;
  box-direction: normal;
  -moz-flex-direction: column;
  flex-direction: column; }
  body > footer {
    overflow: hidden; }

/* ===== BASIC BUILDING BLOCKS ============================================ */
/** BLOCK - Universal building block with standard paddings. */
.block {
  padding: 1.66667rem; }

/** CENTRALISER - Restricts the width of the content to allowed maximum and aligns to center. */
.centraliser {
  max-width: 88em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .centraliser::after {
    clear: both;
    content: "";
    display: table; }

/** SECTOR - Single page section container with unlimited width and no paddings/margins. Can be used to group related components. */
.sector::after,
.separated::after {
  clear: both;
  content: "";
  display: table; }

.separated,
.sector {
  border-bottom: 1px solid #EEE; }

.section {
  display: block;
  border-bottom: 1px solid #EEE; }

/** LAYOUT - Contains all the content's columns and layout combinations */
.layout {
  width: 100%; }
  .layout.block {
    padding-top: 0;
    padding-bottom: 0; }

/* IE fix for tablet and smaller where layout has white space below*/
@media screen and (max-width: 58em) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .layout {
    height: 100%; } }

body > .layout {
  display: block;
  box-flex: 1;
  -moz-flex: 1 1 auto;
  flex: 1 1 auto; }

/* ===== 3-COLUMN LAYOUT ================================================== */
.content-panel {
  position: relative; }
  .content-panel > img {
    width: 100%; }
  .content-panel > main,
  .content-panel > aside {
    vertical-align: top; }
    .content-panel > main > .block,
    .content-panel > aside > .block {
      padding-bottom: 1.66667rem;
      padding-top: 1.66667rem; }

.sidebar {
  position: relative;
  z-index: 10; }

@media screen and (max-width: 54.94444em) {
  .layout.block {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (min-width: 38.88889em) {
  .content-panel {
    /** Main content *ONLY* */
    /** 1st Content bar + 2nd widgets bar */ }
    .content-panel > main:last-child {
      width: 100%; }
    .content-panel > main:not(:last-child) {
      display: table-cell;
      width: 75%;
      float: left; }
    .content-panel > aside {
      display: table-cell;
      width: 25%;
      float: left; } }

@media screen and (min-width: 55em) {
  .layout {
    overflow: hidden;
    display: table; }
  /** Left sidebar */
  .sidebar {
    float: left;
    display: table-cell;
    width: 20%; }
  .content-panel {
    float: left;
    /** Content panel *ONLY* */
    /** 1st Sidebar + 2nd Content panel */ }
    .content-panel:first-child {
      width: 100%; }
      .content-panel:first-child > main:last-child > .block {
        padding-left: 0; }
    .content-panel > main:last-child > .block {
      padding-right: 0; }
    .content-panel:not(:first-child) {
      vertical-align: top;
      display: table-cell;
      width: 80%; }
    .content-panel > aside > .block {
      padding-right: 0; } }

/* ===== GENERAL LISTINGS =================================================== */
/** Generic holder for list of all article-like overviews. */
.articles-container > ul,
.articles-container > ul > li {
  padding-left: 0;
  list-style-type: none; }

.articles-container article {
  margin-bottom: 0; }

@media screen and (min-width: 38.88889em) {
  .articles-container {
    margin: 0 auto;
    max-width: 42.77778rem; } }

.articles-container > header {
  margin: 1.6rem 0; }

.articles-container > ul::after {
  clear: both;
  content: "";
  display: table; }

.articles-container > ul > li {
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #DDD;
  list-style: none; }
  .articles-container > ul > li::after {
    clear: both;
    content: "";
    display: table; }
  .articles-container > ul > li:last-child {
    margin-bottom: 0;
    border-bottom: none; }

.articles-container .summary h1,
.articles-container .summary h2,
.articles-container .summary h3,
.articles-container .summary h4,
.articles-container .summary h5 {
  margin-bottom: .25em; }

.articles-container .summary time,
.articles-container .summary p {
  margin-bottom: .7em; }

.articles-container .summary p:last-child {
  margin-bottom: 0; }

.articles-container .media img,
.articles-container .media iframe {
  margin-bottom: 0; }

.articles-two-up.panel {
  background-color: #EEE;
  padding: 1.66667rem; }
  .articles-two-up.panel .articles-container {
    background-color: #FFF;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }

.articles-two-up.divider-line {
  position: relative; }
  @media screen and (min-width: 55em) {
    .articles-two-up.divider-line:before {
      position: relative;
      display: inline-block;
      content: "";
      height: 100%;
      width: 0;
      position: absolute;
      left: calc(50% - 5px);
      top: 0;
      border-left: 5px solid #EEE; } }

@media screen and (min-width: 55em) {
  .articles-two-up .articles-container {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .articles-two-up .articles-container:last-child {
      margin-right: 0; }
    .articles-two-up .articles-container:nth-child(2n) {
      margin-right: 0; }
    .articles-two-up .articles-container:nth-child(2n+1) {
      clear: left; } }

/* ===== PAGINATION =================================================== */
.pagination {
  display: flex;
  text-align: right; }
  .pagination::after {
    clear: both;
    content: "";
    display: table; }
  .pagination:last-child {
    border-top: 1px solid #DDD;
    padding-top: 1.6rem; }
  .pagination:last-child {
    border-top: 1px solid #DDD;
    padding-top: 1.6rem; }
  .pagination .button {
    margin-bottom: .4rem;
    background-color: #DDD;
    color: #000; }
    .pagination .button:hover {
      background-color: #8B8B8B; }
    .pagination .button.active {
      background-color: #8B8B8B;
      color: #FFF; }
    .pagination .button > .icon {
      display: none; }
  .pagination .previous {
    margin-right: .3rem; }
    .pagination .previous:before {
      top: 1px; }
  .pagination .next {
    order: 3;
    margin-left: .3rem; }
    .pagination .next:after {
      content: "";
      top: 1px; }
  .pagination .previous,
  .pagination .next {
    display: inline-block;
    white-space: nowrap;
    align-self: flex-start; }
  .pagination .pages {
    order: 2;
    flex-grow: 1;
    padding: 0 .75em;
    text-align: center; }
    .pagination .pages > .icon {
      margin: 0 .5rem; }
  @media screen and (max-width: 26.61111em) {
    .pagination {
      display: block;
      text-align: center; }
      .pagination .previous,
      .pagination .next {
        float: none; }
      .pagination .pages {
        padding: initial;
        text-align: inherit; } }

/*=========================================
=     QUOTES, CITATION, BIBLIOGRAPHY      =
=========================================*/
blockquote.quote {
  font-style: italic; }

.quote {
  margin-bottom: 1.6rem;
  /** Inline (related) block /w source */
  /** Full block quotation /w source */ }
  .quote blockquote {
    margin-bottom: .35em;
    font-style: normal; }
  .quote:not(.full) {
    margin-left: .85rem;
    padding: 0 0 0 1rem;
    border-left: 0.25rem solid #D1E0DA; }
    .quote:not(.full) figcaption strong {
      font-weight: 500; }
  .quote.full blockquote {
    font-size: 1.25em; }
    .quote.full blockquote:before {
      top: -.1em;
      margin-right: .3em; }
    .quote.full blockquote:after {
      content: "";
      margin-left: .3em; }
    .quote.full blockquote:before, .quote.full blockquote:after {
      display: inline;
      font-style: normal;
      font-size: 130%;
      line-height: 1;
      color: #CCC; }
  .quote.full figcaption {
    font-weight: 500;
    font-size: 1rem;
    color: #115737; }

.quote-panel {
  background-color: #EEE; }
  .quote-panel .quote {
    border-left: 5px solid #115737;
    padding: 1.66667em;
    margin-bottom: 0; }
    .quote-panel .quote blockquote {
      color: #115737; }
      .quote-panel .quote blockquote:before, .quote-panel .quote blockquote:after {
        color: #115737; }
    .quote-panel .quote figcaption {
      text-align: right;
      color: #444;
      font-size: 1.25em; }
      .quote-panel .quote figcaption:before {
        display: none; }
  .quote-panel.quote-image .quote {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-left: none; }
    .quote-panel.quote-image .quote img {
      height: 180px;
      width: 180px;
      border-radius: 50%;
      margin-right: 2em;
      flex: 1 0 auto; }
    .quote-panel.quote-image .quote .quote-content {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.6rem 0; }
      .quote-panel.quote-image .quote .quote-content blockquote {
        width: 75%;
        position: relative; }
        .quote-panel.quote-image .quote .quote-content blockquote h3,
        .quote-panel.quote-image .quote .quote-content blockquote h4 {
          padding: 0 1em; }
        .quote-panel.quote-image .quote .quote-content blockquote:before, .quote-panel.quote-image .quote .quote-content blockquote:after {
          position: absolute; }
        .quote-panel.quote-image .quote .quote-content blockquote:before {
          top: 0;
          left: 0; }
        .quote-panel.quote-image .quote .quote-content blockquote:after {
          bottom: 0;
          right: 0;
          top: unset; }
      .quote-panel.quote-image .quote .quote-content figcaption {
        text-align: inherit;
        font-size: inherit; }
        .quote-panel.quote-image .quote .quote-content figcaption h4,
        .quote-panel.quote-image .quote .quote-content figcaption h5,
        .quote-panel.quote-image .quote .quote-content figcaption p {
          margin-bottom: 0.5em; }
    @media screen and (max-width: 54.94444em) {
      .quote-panel.quote-image .quote .quote-content {
        flex-wrap: wrap;
        justify-content: left; }
        .quote-panel.quote-image .quote .quote-content blockquote {
          width: 100%; }
        .quote-panel.quote-image .quote .quote-content figcaption {
          padding-left: 2em;
          margin-top: 1.5em; } }
    @media screen and (max-width: 38.88889em) {
      .quote-panel.quote-image .quote {
        flex-wrap: wrap; }
        .quote-panel.quote-image .quote img {
          flex: 0 1 auto;
          width: 120px;
          height: 120px; }
        .quote-panel.quote-image .quote .quote-content {
          margin-top: 1em; } }
  .quote-panel.quote-image.quote-white {
    background-color: #fff;
    margin-bottom: 1.6em; }
    .quote-panel.quote-image.quote-white .quote {
      justify-content: center;
      position: relative;
      padding-bottom: 2em; }
      .quote-panel.quote-image.quote-white .quote:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        height: 2px;
        width: 70%;
        background-color: #115737; }
      .quote-panel.quote-image.quote-white .quote img {
        flex: 0 1 auto; }
      .quote-panel.quote-image.quote-white .quote .quote-content {
        width: 70%; }
        .quote-panel.quote-image.quote-white .quote .quote-content figcaption {
          text-align: inherit;
          font-size: inherit; }
          .quote-panel.quote-image.quote-white .quote .quote-content figcaption h4,
          .quote-panel.quote-image.quote-white .quote .quote-content figcaption h5,
          .quote-panel.quote-image.quote-white .quote .quote-content figcaption p {
            margin-bottom: 0.5em; }
        @media screen and (max-width: 38.88889em) {
          .quote-panel.quote-image.quote-white .quote .quote-content {
            width: 100%; } }

/*=========================================
=      SYSTEM MESSAGES, NOTIFICATIONS     =
=========================================*/
/* ===== FLASH MESSAGES =================================================== */
.flash-message {
  color: #FFF;
  padding: 1.11111rem;
  margin-bottom: 1.6rem; }
  .flash-message.error {
    background-color: #ECCDCD;
    border-left: 2px solid #e2b3b3; }
    .flash-message.error > * {
      color: #831212; }
  .flash-message.warning {
    background-color: #FCF8E3;
    border-left: 2px solid #f9f0c3; }
    .flash-message.warning > * {
      color: #705602; }
  .flash-message.info {
    background-color: #E4F3FB;
    border-left: 2px solid #c5e5f6; }
    .flash-message.info > * {
      color: #255C79; }
  .flash-message.success {
    background-color: #E2F7E2;
    border-left: 2px solid #c6efc6; }
    .flash-message.success > * {
      color: #2c6b2c; }
  .flash-message h2 {
    margin-bottom: .5em; }
  .flash-message > *:last-child {
    margin-bottom: 0; }
  .flash-message a[href] {
    color: inherit; }
    .flash-message a[href]:hover, .flash-message a[href]:active, .flash-message a[href]:focus {
      color: inherit; }
  .flash-message.info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2em 1.2em; }
    @media screen and (max-width: 54.94444em) {
      .flash-message.info-row {
        flex-wrap: wrap; } }
    .flash-message.info-row > *:first-child {
      flex: 0 0 20%; }
      @media screen and (max-width: 54.94444em) {
        .flash-message.info-row > *:first-child {
          flex-basis: 100%;
          margin-bottom: 0.5em; } }
    .flash-message.info-row > *:not(:first-child) {
      flex: 0 0 23%; }
      @media screen and (max-width: 54.94444em) {
        .flash-message.info-row > *:not(:first-child) {
          flex-basis: 31%; } }
      @media screen and (max-width: 38.88889em) {
        .flash-message.info-row > *:not(:first-child) {
          flex-basis: 100%;
          margin-bottom: 0.5em; } }
    .flash-message.info-row > h2 {
      margin-bottom: 0; }
      .flash-message.info-row > h2:before {
        display: none; }
    .flash-message.info-row .info-col {
      border-bottom: 1px solid #255C79;
      border-bottom-color: inherit;
      padding-bottom: 0.5em; }
      .flash-message.info-row .info-col h4, .flash-message.info-row .info-col h5 {
        color: inherit;
        margin-bottom: 0.35em; }

/** COMPONENTS */
/*==========================================
=         IN-PAGE GRID CONTAINERS          =
==========================================*/
/*******************************************************************************

  Generic grid layouts that can be used to position any custom items with
  ideally similar heights (eg. articles, images with descriptions etc.)

*******************************************************************************/
.grid::after {
  clear: both;
  content: "";
  display: table; }

@media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
  .content-panel:first-child > main:last-child .grid > * {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .content-panel:first-child > main:last-child .grid > *:last-child {
      margin-right: 0; }
    .content-panel:first-child > main:last-child .grid > *:nth-child(3n) {
      margin-right: 0; }
    .content-panel:first-child > main:last-child .grid > *:nth-child(3n+1) {
      clear: left; }
  .content-panel:first-child > main:not(:last-child) .grid > * {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .content-panel:first-child > main:not(:last-child) .grid > *:last-child {
      margin-right: 0; }
    .content-panel:first-child > main:not(:last-child) .grid > *:nth-child(2n) {
      margin-right: 0; }
    .content-panel:first-child > main:not(:last-child) .grid > *:nth-child(2n+1) {
      clear: left; } }

@media screen and (min-width: 38.88889em) {
  .content-panel:not(:first-child) > main:last-child .grid > * {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .content-panel:not(:first-child) > main:last-child .grid > *:last-child {
      margin-right: 0; }
    .content-panel:not(:first-child) > main:last-child .grid > *:nth-child(3n) {
      margin-right: 0; }
    .content-panel:not(:first-child) > main:last-child .grid > *:nth-child(3n+1) {
      clear: left; }
  .content-panel:not(:first-child) > main:not(:last-child) .grid > * {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .content-panel:not(:first-child) > main:not(:last-child) .grid > *:last-child {
      margin-right: 0; }
    .content-panel:not(:first-child) > main:not(:last-child) .grid > *:nth-child(2n) {
      margin-right: 0; }
    .content-panel:not(:first-child) > main:not(:last-child) .grid > *:nth-child(2n+1) {
      clear: left; } }

@media screen and (min-width: 55em) {
  .content-panel:first-child > main:last-child .grid > * {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .content-panel:first-child > main:last-child .grid > *:last-child {
      margin-right: 0; }
    .content-panel:first-child > main:last-child .grid > *:nth-child(3n) {
      margin-right: 0; }
    .content-panel:first-child > main:last-child .grid > *:nth-child(3n+1) {
      clear: left; }
  .content-panel:first-child > main:not(:last-child) .grid > * {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .content-panel:first-child > main:not(:last-child) .grid > *:last-child {
      margin-right: 0; }
    .content-panel:first-child > main:not(:last-child) .grid > *:nth-child(3n) {
      margin-right: 0; }
    .content-panel:first-child > main:not(:last-child) .grid > *:nth-child(3n+1) {
      clear: left; } }

/* Fix for row grid - grid not applying - Eg. Hub Three column Images row - 1354596 
  To Do -- better fix 
*/
@media screen and (min-width: 38.88889em) {
  .content-panel .centraliser > .block .grid > * {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    .content-panel .centraliser > .block .grid > *:last-child {
      margin-right: 0; }
    .content-panel .centraliser > .block .grid > *:nth-child(3n) {
      margin-right: 0; }
    .content-panel .centraliser > .block .grid > *:nth-child(3n+1) {
      clear: left; } }

/*=========================================
=     _COMPONENT.LINKS       =

==== List with links or files 


=========================================*/
ul.links {
  margin-bottom: 1.6rem;
  padding-left: 0;
  line-height: 1.5; }
  ul.links li {
    position: relative;
    margin-bottom: .65rem;
    list-style: none; }
  ul.links a {
    display: inline; }
  aside ul.links li {
    margin: 0;
    padding-left: 0;
    border-top: 1px solid #DDD; }
    aside ul.links li:before {
      display: none; }
  aside ul.links a {
    display: block;
    padding: 0.53333rem 0.1em;
    text-decoration: none; }
    aside ul.links a:after,
    aside ul.links a span:after {
      display: inline; }
    aside ul.links a:hover, aside ul.links a:active, aside ul.links a:focus {
      background-color: rgba(0, 0, 0, 0.03); }
  @media screen and (max-width: 38.88889em) {
    .grid ul.links:not(:last-child) {
      margin-bottom: 0; } }
  ul.links.list-divider li {
    border-top: 1px solid #DDD;
    padding-top: 0.45rem;
    margin-bottom: 0.45rem; }
    ul.links.list-divider li:before {
      top: 1.2em; }
  ul.links.list-divider.hub a {
    text-decoration: none;
    font-size: 0.9rem; }

/* Hub related links/areas */
.related-links-block h2,
.related-links-block h3 {
  position: relative;
  padding-bottom: 15px; }
  .related-links-block h2:after,
  .related-links-block h3:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 5px;
    bottom: 0;
    left: 0;
    background-color: #115737; }

.related-links-block .related-links {
  display: flex; }
  .related-links-block .related-links .related-link {
    flex: 24% 0 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .5em;
    background-color: #115737;
    border-radius: 5px;
    text-align: center;
    color: #FFF; }
    .related-links-block .related-links .related-link:not(:last-child) {
      margin-right: 1%; }
    .related-links-block .related-links .related-link:hover, .related-links-block .related-links .related-link:active, .related-links-block .related-links .related-link:focus {
      background-color: #0d422a;
      transition: .5s ease-in-out;
      text-decoration: underline; }
  @media screen and (max-width: 26.61111em) {
    .related-links-block .related-links {
      flex-wrap: wrap; }
      .related-links-block .related-links .related-link {
        flex: 48% 0 1;
        margin: 0 1% 2%; }
        .related-links-block .related-links .related-link:not(:last-child) {
          margin-right: 1%; } }

/** Advanced list */
ul.complex-list {
  padding-left: 0;
  width: 100%; }
  ul.complex-list > li {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
  ul.complex-list > li {
    display: table;
    width: 100%;
    padding: .8rem .1rem;
    line-height: 1.2;
    border-bottom: 1px solid #DDD; }
    ul.complex-list > li::after {
      clear: both;
      content: "";
      display: table; }
  ul.complex-list .caption,
  ul.complex-list .description {
    vertical-align: middle; }
  ul.complex-list .caption {
    display: table-cell;
    width: 75%;
    padding-right: 1.6rem; }
    ul.complex-list .caption > span {
      margin-right: .35em;
      color: #8B8B8B; }
  ul.complex-list .description {
    display: table-cell;
    width: 25%; }
    ul.complex-list .description > em {
      font-style: normal;
      color: #555;
      font-size: 0.77778rem; }
  @media screen and (max-width: 38.88889em) {
    ul.complex-list .caption,
    ul.complex-list .description {
      display: block;
      width: 100%; }
    ul.complex-list .caption {
      padding-right: 0;
      margin-bottom: .35em; } }

.list h2 {
  font-size: 1.5625em; }
  .list h2:before {
    position: relative;
    display: block;
    content: "";
    margin-bottom: .35rem;
    height: 0.16667rem;
    width: 2rem;
    background-color: #115737; }

.list.publications li > * {
  margin-bottom: 0.3em; }

.list.publications li .label {
  margin-left: 0.5em; }

.list.publications li a {
  display: inline-block; }

.list.publications li .pub-author {
  font-size: 0.9em;
  line-height: 1.2; }

aside .list.publications li {
  padding: 0.53rem 0.1em; }

.logo-mini {
  background-image: url("./images/logo-mini.svg");
  background-position: left;
  background-repeat: no-repeat; }

/*=========================================
=          _COMPONENTS.FORMS           =
=========================================*/
/* ===== FORMS & INPUTS ============================== */
.form {
  clear: both;
  padding: 1.6rem;
  background-color: #EEE; }
  .form .group {
    margin-bottom: .5em; }
    .form .group::after {
      clear: both;
      content: "";
      display: table; }
    .form .group .error-text {
      color: #AF1B1B; }
  .form label {
    display: inline-block;
    padding-right: .7rem;
    width: 25%;
    vertical-align: top;
    font-weight: 700;
    line-height: 1.3; }
    .form label em {
      font-weight: 400; }
  .form input,
  .form textarea {
    padding: .2rem .6rem;
    border: 2px solid #CCC; }
    .form input.error,
    .form textarea.error {
      border: 2px solid #AF1B1B;
      background-color: #ECCDCD; }
    .form input:focus,
    .form textarea:focus {
      outline: none;
      border: 2px solid #3363B3; }
  .form textarea {
    width: 50%; }
  .form.course-search-bar {
    margin: 1.5rem;
    flex: 1 0 auto; }
    .form.course-search-bar .group {
      display: flex;
      margin-bottom: 0; }
    .form.course-search-bar input[type=text] {
      width: 80%; }

/** Non-clickable highlight boxes */
.highlight {
  clear: both;
  padding: 1.11111rem;
  margin-bottom: 1.6rem; }
  .highlight::after {
    clear: both;
    content: "";
    display: table; }
  aside .highlight h2:before,
  aside .highlight h3:before {
    display: none; }
  .highlight.primary {
    background-color: #F4F4E9; }
  .highlight.secondary {
    background-color: #EEE; }

/** Embedded media (images, videos, galleries etc.) */
@media screen and (min-width: 38.88889em) {
  .media.inline {
    float: right;
    width: 15rem;
    margin: 0 0 0 1.6rem; }
    .media.inline figcaption {
      font-size: 90%;
      border-left-width: 0.1875rem; } }

.media img,
.media iframe,
.media .table-container,
.media .embed {
  float: none;
  display: block;
  margin-bottom: .5em;
  height: auto;
  width: 100%; }
  .media img:last-child,
  .media iframe:last-child,
  .media .table-container:last-child,
  .media .embed:last-child {
    margin-bottom: 1.6rem; }

.media figcaption {
  display: block;
  padding: .2em 0 .2em .8em;
  border-left: 0.25rem solid #D1E0DA;
  color: #555;
  margin-bottom: 1.6rem; }

.formatting .grid .media.featured img {
  margin-bottom: 0; }

.media.featured {
  position: relative; }
  .media.featured img {
    margin-bottom: 0; }
  .media.featured:before {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    transition: background-color 200ms ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none; }
  .media.featured:hover:before {
    background-color: rgba(0, 0, 0, 0.2); }
  .media.featured figcaption {
    z-index: 1;
    background-color: #115737;
    border-left: none; }
    @media screen and (min-width: 38.88889em) {
      .media.featured figcaption {
        position: absolute;
        top: 1.6rem;
        left: 1.6rem;
        width: 66%;
        max-width: 20rem; } }
    .media.featured figcaption h1, .media.featured figcaption h2, .media.featured figcaption h3, .media.featured figcaption h4, .media.featured figcaption h5, .media.featured figcaption h6, .media.featured figcaption p {
      color: #FFF;
      display: flex;
      align-items: center;
      padding: .5em; }
    .media.featured figcaption p {
      margin-bottom: 1.3em; }

.embed {
  height: 0;
  padding: 0 0 56.25%;
  position: relative;
  margin-bottom: 1.6rem; }
  .embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .embed::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 38.88889em) {
    .embed.inline {
      padding-bottom: 22.5%; } }

/** Simple gallery (images + breadcrumbs) */
@media screen and (min-width: 38.88889em) {
  .gallery {
    margin-bottom: 1.6rem; }
    .gallery::after {
      clear: both;
      content: "";
      display: table; }
    .gallery img {
      height: 12.22222rem;
      width: auto; }
    .gallery figcaption {
      margin-bottom: 0;
      font-size: 85%;
      border-left-width: 3px; }
    .gallery .media {
      vertical-align: top;
      display: inline-block;
      width: -webkit-min-content;
      width: -moz-min-content;
      width: min-content;
      margin-right: 1.2rem;
      margin-bottom: 1.2rem; } }

.gallery-container {
  margin: 1em 0; }
  .gallery-container:hover h2, .gallery-container:hover h3, .gallery-container:hover h4, .gallery-container:active h2, .gallery-container:active h3, .gallery-container:active h4, .gallery-container:focus h2, .gallery-container:focus h3, .gallery-container:focus h4 {
    text-decoration: underline !important; }
  .gallery-container img {
    max-width: 100%; }
  .gallery-container .gallery {
    position: relative; }
    .gallery-container .gallery .gallery-title {
      position: absolute;
      top: 1.5em;
      background-color: rgba(17, 87, 55, 0.9);
      max-width: 55%;
      padding-right: 3em;
      z-index: 10; }
      .gallery-container .gallery .gallery-title h2, .gallery-container .gallery .gallery-title h3, .gallery-container .gallery .gallery-title h4 {
        color: #FFF;
        margin-bottom: 0.5em;
        text-decoration: none; }
      .gallery-container .gallery .gallery-title h4 {
        opacity: 0.9; }
      @media screen and (max-width: 54.94444em) {
        .gallery-container .gallery .gallery-title {
          max-width: 85%; } }
    .gallery-container .gallery.thumbnails .gallery-images::after {
      clear: both;
      content: "";
      display: table; }
    .gallery-container .gallery.thumbnails .gallery-images img {
      width: 24%;
      height: auto;
      float: left; }
      .gallery-container .gallery.thumbnails .gallery-images img:first-child {
        width: 50%;
        margin-right: 1%;
        height: auto; }
      .gallery-container .gallery.thumbnails .gallery-images img:nth-child(n+6) {
        display: none; }
      .gallery-container .gallery.thumbnails .gallery-images img:nth-child(2), .gallery-container .gallery.thumbnails .gallery-images img:nth-child(3) {
        margin-bottom: 1%; }
      .gallery-container .gallery.thumbnails .gallery-images img:nth-child(2), .gallery-container .gallery.thumbnails .gallery-images img:nth-child(4) {
        margin-right: 1%; }
    @media screen and (max-width: 38.88889em) {
      .gallery-container .gallery.thumbnails .gallery-images img {
        margin-right: 0;
        margin-bottom: 0; }
        .gallery-container .gallery.thumbnails .gallery-images img:first-child {
          width: 100%;
          margin-bottom: 1%; }
        .gallery-container .gallery.thumbnails .gallery-images img:nth-child(n+2):nth-child(-n+4) {
          margin-right: 1.33%; }
        .gallery-container .gallery.thumbnails .gallery-images img:nth-child(2), .gallery-container .gallery.thumbnails .gallery-images img:nth-child(3) {
          margin-bottom: 0; } }
    .gallery-container .gallery.single-feature .gallery-title {
      max-width: 45%; }
      @media screen and (max-width: 54.94444em) {
        .gallery-container .gallery.single-feature .gallery-title {
          max-width: 85%; } }
    .gallery-container .gallery.single-feature .gallery-images img {
      height: auto; }
      .gallery-container .gallery.single-feature .gallery-images img:not(:first-child) {
        display: none; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(http://www.victoria.ac.nz/__data/assets/image/0014/302351/default-skin.png) !important; }
  .pswp__button.pswp__button--fs {
    display: none !important; } }

.label {
  display: inline-block;
  margin-right: .5em;
  line-height: 1;
  vertical-align: middle;
  font-size: 75%;
  text-transform: uppercase;
  background: #DDD;
  color: #444;
  /** File types/extensions */
  /** Variations */ }
  .label > i,
  .label > span {
    display: inline-block;
    padding: .3em .5em; }
  .label > i {
    float: left;
    font-style: inherit;
    color: #FFF; }
  .label.file > i {
    background: #EEE;
    color: #707070; }
  .label.file-pdf > i {
    background: #ECCDCD;
    color: #831212; }
  .label.file-excel > i {
    background: #E2F7E2;
    color: #2C6B2C; }
  .label.file-word > i {
    background: #dbe6f3;
    color: #255C79; }
  .label.file-mp3 > i {
    background: #FCF8E3;
    color: #705602; }
  .label.file-ppt > i {
    background: #FFD5B7;
    color: #A35D2B; }
  .formatting p .label {
    margin-right: .1em;
    margin-left: .35em; }

/** Standard tags (filtering, tag cloud etc.) */
.tags {
  margin-bottom: 1.2rem; }

.tag {
  white-space: nowrap;
  display: inline-block;
  padding: .15rem .6rem;
  margin: 0 0 .3rem;
  border-radius: 2px;
  background-color: #dbe6f3;
  color: #255C79; }
  aside .tag {
    font-size: 0.77778rem; }
  .tag .close {
    display: inline-block;
    margin-left: .5rem;
    font-weight: 700; }
  .tag.tag-green {
    background-color: #E2F7E2;
    color: #2C6B2C; }
  .tag.tag-red {
    background-color: #ECCDCD;
    color: #831212; }
  .tag.tag-yellow {
    background-color: #FCF8E3;
    color: #705602; }
  .tag.tag-grey {
    background-color: #EEE;
    color: #707070; }
  .tag.active {
    background-color: #115737;
    color: #FFF; }

a.tag,
a > .tag {
  cursor: pointer;
  border: 1px solid #255C79; }
  a.tag.tag-green,
  a > .tag.tag-green {
    border: 1px solid #2C6B2C; }
  a.tag.tag-red,
  a > .tag.tag-red {
    border: 1px solid #831212; }
  a.tag.tag-yellow,
  a > .tag.tag-yellow {
    border: 1px solid #705602; }
  a.tag.tag-grey,
  a > .tag.tag-grey {
    border: 1px solid #707070; }
  a.tag:hover, a.tag:active, a.tag:focus,
  a > .tag:hover,
  a > .tag:active,
  a > .tag:focus {
    text-decoration: underline;
    background-color: #eaf1f8; }
    a.tag:hover.tag-green, a.tag:active.tag-green, a.tag:focus.tag-green,
    a > .tag:hover.tag-green,
    a > .tag:active.tag-green,
    a > .tag:focus.tag-green {
      text-decoration: underline;
      background-color: #f2fbf2; }
    a.tag:hover.tag-red, a.tag:active.tag-red, a.tag:focus.tag-red,
    a > .tag:hover.tag-red,
    a > .tag:active.tag-red,
    a > .tag:focus.tag-red {
      text-decoration: underline;
      background-color: #f2dcdc; }
    a.tag:hover.tag-yellow, a.tag:active.tag-yellow, a.tag:focus.tag-yellow,
    a > .tag:hover.tag-yellow,
    a > .tag:active.tag-yellow,
    a > .tag:focus.tag-yellow {
      text-decoration: underline;
      background-color: #fefdf5; }
    a.tag:hover.tag-grey, a.tag:active.tag-grey, a.tag:focus.tag-grey,
    a > .tag:hover.tag-grey,
    a > .tag:active.tag-grey,
    a > .tag:focus.tag-grey {
      text-decoration: underline;
      background-color: #f8f8f8; }
  a.tag.active:hover, a.tag.active:active, a.tag.active:focus,
  a > .tag.active:hover,
  a > .tag.active:active,
  a > .tag.active:focus {
    background-color: #0D4B2F;
    text-decoration: none; }

.quals-filter a.tag {
  border: none; }
  .quals-filter a.tag.tag-active {
    border: 1px solid #255C79;
    background-color: #eaf1f8;
    color: #255C79; }

/** Promotional full-width boxes (~ fully clickable highlights). */
.promo {
  clear: both;
  display: block;
  /** Promo types */ }
  .promo > a {
    display: block;
    padding: 1.11111rem; }
    .promo > a h2,
    .promo > a h3 {
      text-decoration: none; }
    .promo > a:hover h2,
    .promo > a:hover h3, .promo > a:active h2,
    .promo > a:active h3, .promo > a:focus h2,
    .promo > a:focus h3 {
      text-decoration: underline;
      color: inherit; }
  aside .promo h2:before,
  aside .promo h3:before {
    display: none; }
  .promo b,
  .promo strong {
    display: block; }
  .promo.intro-promo {
    margin: 1.5em 0; }
  .promo.primary {
    background-color: #1D2624; }
    .promo.primary > a h2, .promo.primary > a p {
      color: #FFF; }
    .promo.primary:hover, .promo.primary:active, .promo.primary:focus {
      background-color: #2a3734; }
  .promo.secondary {
    background-color: #E4F3FB; }
    .promo.secondary h2, .promo.secondary p {
      color: #005EA5; }
    .promo.secondary:hover, .promo.secondary:active, .promo.secondary:focus {
      background-color: #d7edf9; }
  .promo.themed {
    background-color: #115737; }
    .promo.themed a h1,
    .promo.themed a h2,
    .promo.themed a h3,
    .promo.themed a p {
      color: #FFF;
      margin-bottom: 0; }
  @media screen and (max-width: 54.94444em) {
    .promo h2,
    .promo h3 {
      overflow-wrap: break-word; } }

/** News overview (list of articles) */
.news time {
  display: block; }

.news .media .embed, .news .media img {
  margin-bottom: 0; }

@media screen and (min-width: 38.88889em) {
  .news .summary {
    overflow: hidden; }
  .news .media {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 36.02647%;
    float: right;
    margin-right: 0;
    margin-left: 1.11111rem; }
    .news .media:last-child {
      margin-right: 0; }
    .news .media.portrait {
      text-align: right;
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      float: right;
      margin-right: 0; }
      .news .media.portrait:last-child {
        margin-right: 0; } }

@media screen and (max-width: 38.88889em) {
  .news .media {
    margin-bottom: 1em; } }

.news-row header {
  margin: 1.6rem 0; }

.news-row .news li {
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #DDD;
  list-style: none; }
  .news-row .news li::after {
    clear: both;
    content: "";
    display: table; }
  .news-row .news li .summary > :nth-child(2) {
    margin-bottom: 0.5em; }

@media screen and (min-width: 55em) {
  .news-row .news {
    display: flex;
    flex-wrap: wrap; }
    .news-row .news li {
      width: 33%;
      border-bottom: none;
      padding: 1.5rem;
      position: relative; }
      .news-row .news li:not(:nth-child(3n)):after {
        content: "";
        height: 75%;
        width: 1px;
        background-color: #DDD;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); } }

/* List of news articles on content page */
.content-panel article.news-commentary {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #DDD; }
  .content-panel article.news-commentary > .summary h3,
  .content-panel article.news-commentary > .summary h4,
  .content-panel article.news-commentary > .summary p {
    margin-bottom: 0.3rem; }

/** Event overview (list of articles). */
@media screen and (min-width: 38.88889em) {
  .events .margin-notes {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 27.49666%; }
    .events .margin-notes:last-child {
      margin-right: 0; }
  .events .summary {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 70.14568%; }
    .events .summary:last-child {
      margin-right: 0; } }

@media screen and (max-width: 38.88889em) {
  .events .media img {
    margin-bottom: .8rem; } }

.events .highlight-strip {
  display: block;
  padding-left: 1rem;
  border-left: 0.25rem solid #115737; }
  .events .highlight-strip p {
    margin-bottom: 0; }

.events .summary h3 {
  margin-bottom: .7em; }

.events .summary .meta {
  margin-bottom: .25em; }

.events .margin-notes {
  margin-bottom: .6rem;
  padding-right: 1rem; }

.events .date,
.events .time {
  display: block;
  font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  color: #115737;
  line-height: 1.1; }

.events .date {
  margin-bottom: .2em;
  font-weight: 600;
  font-size: 1.5625em; }

.events .time {
  font-size: 1.25em; }
  .events .time:before {
    top: -.1rem;
    margin-left: 0;
    font-size: 75%; }

.events .meta {
  color: #8B8B8B; }
  .events .meta [class^=icon-] {
    display: inline-block; }
    .events .meta [class^=icon-]:before {
      top: 0;
      margin-left: 0; }

/* ===== THE REAL PAGE BANNERS ====================================================== */
/** Banner used on homepages. */
.homepage-banner, .study-hub-banner {
  display: block; }
  .homepage-banner .banner, .study-hub-banner .banner {
    position: relative; }
  @media screen and (min-width: 55em) {
    .homepage-banner, .study-hub-banner {
      min-height: 28.88889rem; }
      .homepage-banner.compact, .compact.study-hub-banner {
        min-height: 16.66667rem; }
        .homepage-banner.compact .banner img, .compact.study-hub-banner .banner img {
          width: 100%;
          height: auto; }
      .homepage-banner .sidebar, .study-hub-banner .sidebar {
        margin-bottom: 1.11111rem;
        width: 25%; }
      .homepage-banner .site a, .study-hub-banner .site a {
        font-size: 1.125rem; }
      .homepage-banner .banner, .study-hub-banner .banner {
        position: absolute;
        height: 100%;
        width: 100%; }
        .homepage-banner .banner img, .study-hub-banner .banner img {
          position: absolute;
          right: 0;
          height: auto;
          width: 100%; } }
  .homepage-banner a[href]:hover img, .study-hub-banner a[href]:hover img, .homepage-banner a[href]:active img, .study-hub-banner a[href]:active img, .homepage-banner a[href]:focus img, .study-hub-banner a[href]:focus img {
    opacity: 0.9; }
  .homepage-banner figcaption, .study-hub-banner figcaption {
    padding: 1rem;
    background-color: #115737; }
    .homepage-banner figcaption h1:not(:last-child), .study-hub-banner figcaption h1:not(:last-child) {
      margin-bottom: .25em; }
    .homepage-banner figcaption h1 [class^=icon-], .study-hub-banner figcaption h1 [class^=icon-] {
      margin-left: .5em; }
      .homepage-banner figcaption h1 [class^=icon-]:before, .study-hub-banner figcaption h1 [class^=icon-]:before {
        display: inline; }
    .homepage-banner figcaption h3, .study-hub-banner figcaption h3 {
      line-height: 1.2; }
    @media screen and (min-width: 38.88889em) {
      .homepage-banner figcaption, .study-hub-banner figcaption {
        position: absolute;
        bottom: 40%;
        right: 0;
        width: 50%; }
        .homepage-banner figcaption.wider, .study-hub-banner figcaption.wider {
          width: 50%; }
        .homepage-banner figcaption.bottom, .study-hub-banner figcaption.bottom {
          bottom: 0; }
        .homepage-banner figcaption.top, .study-hub-banner figcaption.top {
          bottom: initial;
          top: 0; } }
    @media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
      .homepage-banner figcaption, .study-hub-banner figcaption {
        width: 65%; } }
    @media screen and (min-width: 55em) {
      .homepage-banner figcaption, .study-hub-banner figcaption {
        width: 40%; } }
    .homepage-banner figcaption h1, .study-hub-banner figcaption h1,
    .homepage-banner figcaption h2, .study-hub-banner figcaption h2,
    .homepage-banner figcaption h3, .study-hub-banner figcaption h3 {
      color: #FFF;
      display: flex;
      align-items: center; }

@media screen and (min-width: 55em) {
  .study-hub-banner .sidebar {
    margin-bottom: 1.11111rem;
    width: 21%;
    position: absolute;
    left: 5.55556rem; }
  .study-hub-banner .banner img {
    position: absolute;
    right: 0;
    height: auto;
    width: 100%; } }

.promo-panel figure.photo figcaption h1,
.promo-panel figure.photo figcaption h2,
.promo-panel figure.photo figcaption h3,
.promo-panel figure.photo figcaption h4,
.promo-panel figure.photo figcaption h5,
.promo-panel figure.photo figcaption h6,
.promo-panel figure.photo figcaption p {
  display: inline-block;
  padding: .5rem 1rem;
  margin-bottom: .5em;
  color: #FFF;
  background-color: rgba(99, 166, 89, 0.9); }

/** In-page block with promotion */
.promo-panel::after {
  clear: both;
  content: "";
  display: table; }

@media screen and (min-width: 38.88889em) {
  .promo-panel {
    background: #EEE;
    position: relative;
    overflow: hidden; } }

@media screen and (max-width: 38.88889em) {
  .promo-panel {
    border-top: 3px solid #EEE;
    border-bottom: 3px solid #EEE; }
    .promo-panel + .promo-panel {
      border-top: none; } }

.promo-panel.pattern {
  background: url("http://www.victoria.ac.nz/__data/assets/image/0005/216698/maori-bg-pattern.png"); }
  .promo-panel.pattern figure {
    background: transparent;
    box-shadow: none; }

.promo-panel.no-pattern {
  background: #EEE; }
  .promo-panel.no-pattern figure {
    background: transparent;
    box-shadow: none; }

.promo-panel.white-bg {
  background-color: #FFF; }
  .promo-panel.white-bg figure {
    border: 1px solid #EEE; }
    @media screen and (max-width: 38.88889em) {
      .promo-panel.white-bg figure {
        border: none; } }
  .promo-panel.white-bg.dual-content .dual-content-block {
    border: 1px solid #EEE; }
    .promo-panel.white-bg.dual-content .dual-content-block > * {
      border: none; }

.promo-panel figure {
  overflow: hidden;
  position: relative;
  padding: 0;
  background: #FFF; }
  .promo-panel figure figcaption {
    padding-bottom: 1.6rem; }
  @media screen and (max-width: 38.88889em) {
    .promo-panel figure figcaption h1 {
      margin-top: 0.5em; } }
  @media screen and (min-width: 38.88889em) {
    .promo-panel figure {
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
      display: flex;
      align-items: center; }
      .promo-panel figure figcaption {
        padding: 2.4rem;
        float: left;
        display: block;
        width: 59.70863%;
        z-index: 1; }
        .promo-panel figure figcaption:last-child {
          width: 57.35098%; }
        .promo-panel figure figcaption p {
          margin-bottom: 1.3em;
          font-size: 1.2em; }
      .promo-panel figure img {
        float: left;
        display: block;
        width: 42.64902%; }
        .promo-panel figure img:last-child {
          width: 40.29137%; }
      .promo-panel figure.two-thirds {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%; }
        .promo-panel figure.two-thirds:last-child {
          margin-right: 0; }
        .promo-panel figure.two-thirds figcaption {
          padding: 1.6rem;
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 48.21067%;
          margin-left: 51.78933%;
          background: #FFF;
          position: relative; }
          .promo-panel figure.two-thirds figcaption:last-child {
            margin-right: 0; }
        .promo-panel figure.two-thirds img {
          position: absolute;
          width: auto;
          top: 0;
          left: 0;
          height: 100%; }
      .promo-panel figure.photo figcaption, .promo-panel figure.pattern figcaption, .promo-panel figure.no-pattern figcaption {
        position: relative;
        max-width: 60em;
        width: 100%;
        margin: 0 auto;
        padding: 2.4rem 0;
        z-index: 1;
        text-align: center;
        float: none; }
      .promo-panel figure.photo img, .promo-panel figure.pattern img, .promo-panel figure.no-pattern img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%; } }
  .promo-panel figure.photo.left-text-panel figcaption {
    max-width: 88em; }
    .promo-panel figure.photo.left-text-panel figcaption > div {
      background-color: rgba(255, 255, 255, 0.9);
      box-shadow: 0px 3px 6.86px 0.14px rgba(0, 0, 0, 0.21);
      margin: 3em 1.1111em;
      text-align: left;
      max-width: 65%;
      position: relative;
      padding: 2em; }
      .promo-panel figure.photo.left-text-panel figcaption > div h1, .promo-panel figure.photo.left-text-panel figcaption > div h2, .promo-panel figure.photo.left-text-panel figcaption > div h3, .promo-panel figure.photo.left-text-panel figcaption > div p {
        text-align: left; }
      .promo-panel figure.photo.left-text-panel figcaption > div h1, .promo-panel figure.photo.left-text-panel figcaption > div h2, .promo-panel figure.photo.left-text-panel figcaption > div h3 {
        position: absolute;
        top: -1.8rem;
        padding: .8rem 1rem;
        background-color: #115737; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .promo-panel figure.photo.left-text-panel figcaption > div h1, .promo-panel figure.photo.left-text-panel figcaption > div h2, .promo-panel figure.photo.left-text-panel figcaption > div h3 {
            float: left; } }
      .promo-panel figure.photo.left-text-panel figcaption > div p {
        background-color: transparent;
        color: inherit;
        padding-left: 0;
        padding-top: 2em; }
      .promo-panel figure.photo.left-text-panel figcaption > div p, .promo-panel figure.photo.left-text-panel figcaption > div .button {
        margin-left: 1rem; }
    @media screen and (max-width: 38.88889em) {
      .promo-panel figure.photo.left-text-panel figcaption > div {
        max-width: 100%; }
        .promo-panel figure.photo.left-text-panel figcaption > div h1,
        .promo-panel figure.photo.left-text-panel figcaption > div h2,
        .promo-panel figure.photo.left-text-panel figcaption > div h3 {
          position: relative;
          font-size: 1.95em;
          margin-top: -1rem;
          margin-bottom: 0; }
        .promo-panel figure.photo.left-text-panel figcaption > div p {
          padding-top: 0; }
        .promo-panel figure.photo.left-text-panel figcaption > div .button:not(:first-child) {
          margin-top: 0.5rem; } }
  @media screen and (max-width: 71.05556em) {
    .promo-panel figure.photo.left-text-panel figcaption > div {
      max-width: 85%; }
    .promo-panel figure.photo.left-text-panel img {
      height: 100%; }
    .promo-panel figure.photo.left-text-panel figcaption {
      padding-top: 0;
      padding-bottom: 0; } }

.promo-panel.study-hub {
  background-color: #FFF; }
  .promo-panel.study-hub figure {
    padding: 1.6rem 0;
    color: #8B8B8B;
    box-shadow: none; }
    .promo-panel.study-hub figure p {
      color: #8B8B8B; }
    .promo-panel.study-hub figure figcaption {
      padding: 1.6rem 2.4rem; }
      .promo-panel.study-hub figure figcaption:first-child {
        float: left;
        display: block;
        width: 59.70863%; }
        .promo-panel.study-hub figure figcaption:first-child:last-child {
          width: 57.35098%; }
        .promo-panel.study-hub figure figcaption:first-child h1 {
          color: #64A659; }
    .promo-panel.study-hub figure > :last-child {
      border-left: 2px solid #DDD;
      padding: 1.6rem 2.4rem;
      float: left;
      display: block;
      width: 42.64902%; }
      .promo-panel.study-hub figure > :last-child:last-child {
        width: 40.29137%; }
      .promo-panel.study-hub figure > :last-child > h3 {
        color: #8B8B8B; }
      .promo-panel.study-hub figure > :last-child > ul {
        padding-left: 0; }
        .promo-panel.study-hub figure > :last-child > ul li {
          padding-left: 0;
          list-style: none; }
          .promo-panel.study-hub figure > :last-child > ul li span {
            color: #64A659;
            font-weight: 700; }

.promo-panel.two-panels > div {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex; }

.promo-panel.two-panels figure {
  flex: 0 1 50%;
  display: block; }
  .promo-panel.two-panels figure img {
    width: 100%; }
    .promo-panel.two-panels figure img + figcaption {
      margin-top: -25%;
      background-color: #fff;
      padding-top: 0; }
      .promo-panel.two-panels figure img + figcaption h1, .promo-panel.two-panels figure img + figcaption h2 {
        margin-top: -1em; }
  .promo-panel.two-panels figure figcaption {
    width: 100%; }
    .promo-panel.two-panels figure figcaption h1, .promo-panel.two-panels figure figcaption h2 {
      color: #FFF;
      background-color: #115737;
      padding: 0.4em 0.5em;
      display: inline-block;
      margin-left: -0.5em; }
  .promo-panel.two-panels figure:first-child {
    margin-right: 1em; }

@media screen and (max-width: 38.88889em) {
  .promo-panel.two-panels > div {
    flex-wrap: wrap; }
  .promo-panel.two-panels figure {
    flex: 0 1 100%; }
    .promo-panel.two-panels figure img {
      width: 100%; }
      .promo-panel.two-panels figure img + figcaption {
        margin-top: 0;
        padding-left: 1em; }
    .promo-panel.two-panels figure:first-child {
      margin-right: 0; } }

.promo-panel.dual-content .dual-content-block {
  background-color: #FFF; }
  .promo-panel.dual-content .dual-content-block::after {
    clear: both;
    content: "";
    display: table; }
  .promo-panel.dual-content .dual-content-block figure:first-child {
    float: left;
    display: block;
    width: 59.70863%;
    padding: 2.4rem;
    box-shadow: none; }
    .promo-panel.dual-content .dual-content-block figure:first-child:last-child {
      width: 57.35098%; }
    @media screen and (max-width: 38.88889em) {
      .promo-panel.dual-content .dual-content-block figure:first-child {
        float: left;
        display: block;
        width: 102.35765%;
        padding: 0 0 1.6rem 0; }
        .promo-panel.dual-content .dual-content-block figure:first-child:last-child {
          width: 100%; } }
    .promo-panel.dual-content .dual-content-block figure:first-child figcaption {
      padding: 0;
      width: 100%; }
  .promo-panel.dual-content .dual-content-block figure:last-child {
    float: left;
    display: block;
    width: 42.64902%; }
    .promo-panel.dual-content .dual-content-block figure:last-child:last-child {
      width: 40.29137%; }
    .promo-panel.dual-content .dual-content-block figure:last-child img {
      width: 100%; }
    .promo-panel.dual-content .dual-content-block figure:last-child figcaption .play-button {
      position: absolute;
      right: 1rem;
      bottom: 1rem; }
    @media screen and (max-width: 38.88889em) {
      .promo-panel.dual-content .dual-content-block figure:last-child {
        float: left;
        display: block;
        width: 102.35765%; }
        .promo-panel.dual-content .dual-content-block figure:last-child:last-child {
          width: 100%; }
        .promo-panel.dual-content .dual-content-block figure:last-child figcaption {
          margin-bottom: 0; } }

.promo-panel.two-one-third > div {
  display: flex; }
  @media screen and (max-width: 38.88889em) {
    .promo-panel.two-one-third > div {
      flex-direction: column; }
      .promo-panel.two-one-third > div > :first-child,
      .promo-panel.two-one-third > div > :last-child {
        width: 100%; } }
  .promo-panel.two-one-third > div.half-panel > :first-child {
    width: 66.66667%;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    @media screen and (max-width: 54.94444em) {
      .promo-panel.two-one-third > div.half-panel > :first-child {
        flex-direction: column; }
        .promo-panel.two-one-third > div.half-panel > :first-child figcaption:first-child {
          width: 100%; } }
    .promo-panel.two-one-third > div.half-panel > :first-child > :first-child {
      width: 50%; }
  .promo-panel.two-one-third > div.half-panel > :last-child {
    width: 33.33333%; }
  @media screen and (max-width: 38.88889em) {
    .promo-panel.two-one-third > div.half-panel > :first-child,
    .promo-panel.two-one-third > div.half-panel > :last-child {
      width: 100%; } }

.promo-panel.two-one-third figure figcaption {
  padding: 1.4em; }

.promo-panel.two-one-third figure:first-child {
  width: 66.66667%;
  margin-right: 1.66667rem; }
  .promo-panel.two-one-third figure:first-child img {
    height: 100%;
    object-fit: cover; }

.promo-panel.two-one-third figure:last-child {
  width: 33.33333%; }
  .promo-panel.two-one-third figure:last-child figcaption {
    width: 100%;
    text-align: right; }

.promo-panel.title-image {
  background-color: #FFF; }
  .promo-panel.title-image > div {
    display: flex;
    align-items: center; }
  .promo-panel.title-image figure {
    box-shadow: none;
    padding: 1em;
    float: left;
    display: block;
    width: 42.64902%;
    flex: 1 0 auto; }
    .promo-panel.title-image figure:last-child {
      width: 40.29137%; }
    .promo-panel.title-image figure img {
      width: 100%; }
    .promo-panel.title-image figure figcaption {
      position: absolute;
      background-color: #115737;
      width: 100%;
      max-width: 85%;
      padding: 1em;
      left: 0;
      top: 2em; }
      .promo-panel.title-image figure figcaption h1,
      .promo-panel.title-image figure figcaption h2,
      .promo-panel.title-image figure figcaption h3 {
        color: #FFF;
        margin-bottom: 0; }
  .promo-panel.title-image section {
    width: 100%;
    padding: 1em 1em 1em 2em; }
    .promo-panel.title-image section p {
      font-size: 1.2rem; }
  @media screen and (max-width: 54.94444em) {
    .promo-panel.title-image > div {
      align-items: stretch; }
    .promo-panel.title-image figure {
      display: flex;
      flex-direction: column; }
      .promo-panel.title-image figure img {
        flex-shrink: 0;
        padding-left: 1em; }
      .promo-panel.title-image figure figcaption {
        max-width: 94%;
        position: relative;
        order: -1;
        margin-right: auto;
        top: 0; } }
  @media screen and (max-width: 38.88889em) {
    .promo-panel.title-image > div {
      flex-direction: column; }
      .promo-panel.title-image > div figure {
        width: 100%; }
        .promo-panel.title-image > div figure img {
          padding-left: 0; }
        .promo-panel.title-image > div figure figcaption {
          bottom: 0;
          max-width: 100%; } }

.promo::after {
  clear: both;
  content: "";
  display: table; }

.text-promo-panel {
  padding: 1.5em 0;
  border-bottom: 1px solid #EEE; }
  @media screen and (min-width: 38.88889em) {
    .text-promo-panel .text-wrap {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 74.10533%; }
      .text-promo-panel .text-wrap:last-child {
        margin-right: 0; } }
  .text-promo-panel .button-wrap {
    margin-top: 2.5em; }
    @media screen and (min-width: 38.88889em) {
      .text-promo-panel .button-wrap {
        float: left;
        display: block;
        margin-right: 3.57866%;
        width: 22.316%; }
        .text-promo-panel .button-wrap:last-child {
          margin-right: 0; } }
  .text-promo-panel.video .media .outside {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0; }
  .text-promo-panel.video .outside h4 {
    margin-bottom: 0;
    padding: .65em .5em; }
    .text-promo-panel.video .outside h4 i {
      margin-left: .5em; }

.homepage-intro::after {
  clear: both;
  content: "";
  display: table; }

@media screen and (min-width: 38.88889em) {
  .homepage-intro {
    width: 66.66667%; }
    .homepage-intro:last-child {
      margin: 0 auto; }
    .homepage-intro:not(:last-child) {
      float: left; } }

@media screen and (max-width: 38.88889em) {
  .homepage-intro:not(:last-child) {
    border-bottom: 1px solid #EEE; } }

.homepage-intro .intro-text {
  margin-bottom: 1.5rem; }
  .homepage-intro .intro-text p {
    font-size: 1.125em;
    color: #115737; }

.homepage-intro .links-wrap p {
  display: inline-block;
  margin-bottom: 0;
  padding-right: 1em;
  line-height: 2.2; }

.homepage-intro .links-wrap .social-icon {
  display: inline-block;
  vertical-align: middle; }

.homepage-intro .links-wrap div {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 48.21067%; }
  .homepage-intro .links-wrap div:last-child {
    margin-right: 0; }
  @media screen and (max-width: 54.94444em) {
    .homepage-intro .links-wrap div {
      float: left;
      display: block;
      margin-right: 3.57866%;
      width: 100%; }
      .homepage-intro .links-wrap div:last-child {
        margin-right: 0; }
      .homepage-intro .links-wrap div.social-links {
        margin-top: 1.5rem; } }
  .homepage-intro .links-wrap div.button-links a.button {
    margin-right: .5rem;
    margin-bottom: .5em; }
    .homepage-intro .links-wrap div.button-links a.button:last-child {
      margin-right: 0; }

.homepage-intro + .text-promo-panel,
.homepage-intro + .intro-promo {
  padding: 0;
  border-bottom: none; }
  @media screen and (min-width: 38.88889em) {
    .homepage-intro + .text-promo-panel,
    .homepage-intro + .intro-promo {
      float: left;
      width: 33.33333%; } }
  .homepage-intro + .text-promo-panel .text-wrap,
  .homepage-intro + .text-promo-panel .button-wrap,
  .homepage-intro + .intro-promo .text-wrap,
  .homepage-intro + .intro-promo .button-wrap {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%; }
    .homepage-intro + .text-promo-panel .text-wrap:last-child,
    .homepage-intro + .text-promo-panel .button-wrap:last-child,
    .homepage-intro + .intro-promo .text-wrap:last-child,
    .homepage-intro + .intro-promo .button-wrap:last-child {
      margin-right: 0; }
  .homepage-intro + .text-promo-panel .button-wrap,
  .homepage-intro + .intro-promo .button-wrap {
    margin-top: 1rem; }

.homepage-intro.study-hub .intro-text h1,
.homepage-intro.study-hub .intro-text h2,
.homepage-intro.study-hub + .text-promo-panel h1,
.homepage-intro.study-hub + .text-promo-panel h2,
.homepage-intro.study-hub + .intro-promo h1,
.homepage-intro.study-hub + .intro-promo h2 {
  color: #64A659; }

.homepage-intro.study-hub .intro-text h3,
.homepage-intro.study-hub .intro-text p,
.homepage-intro.study-hub .intro-text li,
.homepage-intro.study-hub + .text-promo-panel h3,
.homepage-intro.study-hub + .text-promo-panel p,
.homepage-intro.study-hub + .text-promo-panel li,
.homepage-intro.study-hub + .intro-promo h3,
.homepage-intro.study-hub + .intro-promo p,
.homepage-intro.study-hub + .intro-promo li {
  color: #444; }

@media screen and (min-width: 38.88889em) {
  .homepage-intro.study-hub + .text-promo-panel {
    border-left: 2px solid #DDD; } }

.homepage-intro.study-hub + .text-promo-panel .text-wrap ul {
  padding-left: 0; }
  .homepage-intro.study-hub + .text-promo-panel .text-wrap ul li span {
    color: #64A659;
    font-weight: 700; }
  .homepage-intro.study-hub + .text-promo-panel .text-wrap ul li a {
    text-decoration: none; }

@media screen and (min-width: 38.88889em) {
  .text-promo-panel.intro-promo:before {
    position: relative;
    display: inline-block;
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    left: 66.66667%;
    top: 0;
    border-left: 1px solid #EEE; }
  .text-promo-panel.intro-promo.no-border:before {
    border-left: none; } }

.site-header, .main-site-header {
  background: #1D2624;
  border-bottom: 6px solid #115737;
  padding-top: 0.5rem;
  /* Victoria main logotype */
  /* Site's introduction - eg. sitename, motto, short abstract */ }
  .site-header .block, .main-site-header .block {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: flex; }
  .site-header .menu-container, .main-site-header .menu-container {
    box-flex: 1;
    -moz-flex: 1 0 70%;
    flex: 1 0 70%;
    -ms-grid-row-align: center;
        align-self: center;
    -ms-flex-item-align: center; }
  .site-header .search-bar, .main-site-header .search-bar {
    box-flex: 1;
    -moz-flex: 1 1 100%;
    flex: 1 1 100%;
    display: none;
    margin-top: 1rem; }
    .site-header .search-bar form, .main-site-header .search-bar form {
      width: 70%;
      margin: 0 auto;
      padding: 1em;
      background-color: #DDD;
      border-radius: 3px; }
      .site-header .search-bar form input[type=search], .main-site-header .search-bar form input[type=search] {
        width: 78%;
        margin-right: 2%;
        padding: 0.66em;
        max-height: 2.5rem; }
      .site-header .search-bar form input[type=submit], .main-site-header .search-bar form input[type=submit] {
        width: 18%;
        cursor: pointer;
        max-height: 2.5rem;
        border-style: inherit; }
  .site-header .main-menu-toggle, .main-site-header .main-menu-toggle {
    display: none; }
  .site-header .horizontal-menu, .main-site-header .horizontal-menu {
    align-items: center; }
    .site-header .horizontal-menu::after, .main-site-header .horizontal-menu::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (min-width: 71.11111em) {
      .site-header .horizontal-menu, .main-site-header .horizontal-menu {
        display: table-cell;
        width: 83.33333%;
        display: flex; } }
    .site-header .horizontal-menu .menu-bar, .main-site-header .horizontal-menu .menu-bar {
      padding: 0.25em 1em; }
      .site-header .horizontal-menu .menu-bar::after, .main-site-header .horizontal-menu .menu-bar::after {
        clear: both;
        content: "";
        display: table; }
      .site-header .horizontal-menu .menu-bar a, .main-site-header .horizontal-menu .menu-bar a {
        color: #FFF;
        margin: 0;
        margin-bottom: .35em;
        border-bottom: none;
        line-height: 1.2;
        display: block;
        text-transform: capitalize;
        padding: 0 1.06667rem;
        /*           &:not(:first-child) {
            &:before {
              padding-right: .3em;
              content: "|";
              color: #555;
              font-size: 18px;
              font-weight: 400;
            }
          } */ }
        @media screen and (min-width: 38.88889em) {
          .site-header .horizontal-menu .menu-bar a, .main-site-header .horizontal-menu .menu-bar a {
            font-size: 2vw;
            font-weight: 500; } }
        @media screen and (max-width: 71.05556em) {
          .site-header .horizontal-menu .menu-bar a, .main-site-header .horizontal-menu .menu-bar a {
            font-size: 2.5vw; } }
        @media screen and (min-width: 1400px) {
          .site-header .horizontal-menu .menu-bar a, .main-site-header .horizontal-menu .menu-bar a {
            font-size: 28px; } }
        .site-header .horizontal-menu .menu-bar a.active, .main-site-header .horizontal-menu .menu-bar a.active {
          border-bottom: 2px solid #FFF; }
          .site-header .horizontal-menu .menu-bar a.active:hover, .main-site-header .horizontal-menu .menu-bar a.active:hover {
            border-bottom: 2px solid #CCC; }
        .site-header .horizontal-menu .menu-bar a:hover, .main-site-header .horizontal-menu .menu-bar a:hover {
          opacity: 0.9; }
    .site-header .horizontal-menu.sub-nav a, .main-site-header .horizontal-menu.sub-nav a {
      padding: 0 1.06667rem;
      font-size: 0.8rem;
      margin-bottom: 0;
      color: #CCC;
      text-transform: uppercase; }
  .site-header .logo,
  .site-header .site-intro, .main-site-header .logo,
  .main-site-header .site-intro {
    vertical-align: middle; }
    .site-header .logo a,
    .site-header .site-intro a, .main-site-header .logo a,
    .main-site-header .site-intro a {
      display: block; }
      .site-header .logo a:hover, .site-header .logo a:active, .site-header .logo a:focus,
      .site-header .site-intro a:hover,
      .site-header .site-intro a:active,
      .site-header .site-intro a:focus, .main-site-header .logo a:hover, .main-site-header .logo a:active, .main-site-header .logo a:focus,
      .main-site-header .site-intro a:hover,
      .main-site-header .site-intro a:active,
      .main-site-header .site-intro a:focus {
        opacity: 0.9; }
  .site-header .logo, .main-site-header .logo {
    -ms-grid-row-align: center;
        align-self: center;
    -ms-flex-item-align: center;
    text-align: center; }
    .site-header .logo img, .main-site-header .logo img {
      vertical-align: middle;
      max-height: 5.83333rem; }
  .site-header h1, .main-site-header h1 {
    font-size: 2.0752em;
    font-weight: 400;
    color: #FFF; }
    .site-header h1 .large, .main-site-header h1 .large {
      font-size: 140%; }
      .site-header h1 .large:not(:first-child), .main-site-header h1 .large:not(:first-child) {
        line-height: .8; }
    .site-header h1 .preline,
    .site-header h1 small, .main-site-header h1 .preline,
    .main-site-header h1 small {
      display: block; }
    .site-header h1 .preline, .main-site-header h1 .preline {
      font-size: 75%; }
    .site-header h1 small, .main-site-header h1 small {
      margin-top: .25rem;
      font-size: 50%;
      font-weight: normal;
      color: #CCC;
      line-height: 1.2; }
  @media screen and (min-width: 38.88889em) {
    .site-header .block, .main-site-header .block {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      flex-wrap: wrap; }
    .site-header .site-intro, .main-site-header .site-intro {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%;
      padding: 0.3rem 1.11111rem 0.5rem 1.66667rem; }
      .site-header .site-intro:last-child, .main-site-header .site-intro:last-child {
        margin-right: 0; }
    .site-header .horizontal-menu::after, .main-site-header .horizontal-menu::after {
      clear: both;
      content: "";
      display: table; }
    .site-header .horizontal-menu.main-nav, .main-site-header .horizontal-menu.main-nav {
      display: block !important; }
      .site-header .horizontal-menu.main-nav a, .main-site-header .horizontal-menu.main-nav a {
        padding-bottom: 0.3em; }
    .site-header .horizontal-menu a, .main-site-header .horizontal-menu a {
      float: left;
      margin: 0;
      padding: 0.8rem 1.06667rem;
      border-bottom: none; }
    .site-header .logo, .main-site-header .logo {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      padding: 0.1rem 1.66667rem 0.1rem 1.11111rem;
      border-right: 1px solid #555; }
      .site-header .logo:last-child, .main-site-header .logo:last-child {
        margin-right: 0; } }
  @media screen and (max-width: 54.94444em) {
    .site-header .menu-bar .search-item, .main-site-header .menu-bar .search-item {
      position: absolute;
      right: 1em; } }
  @media screen and (max-width: 38.88889em) {
    .site-header .block, .main-site-header .block {
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      box-lines: multiple;
      flex-wrap: wrap;
      box-pack: justify;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: justify; }
    .site-header .main-menu-toggle, .main-site-header .main-menu-toggle {
      display: block;
      font-size: 2.5em;
      color: #FFF;
      cursor: pointer; }
      .site-header .main-menu-toggle .icon-menu:before, .main-site-header .main-menu-toggle .icon-menu:before {
        margin-right: 0; }
    .site-header .menu-container, .main-site-header .menu-container {
      box-flex: 1;
      -moz-flex: 1 1 100%;
      flex: 1 1 100%;
      margin-top: 0.27778rem; }
      .site-header .menu-container .sub-nav, .main-site-header .menu-container .sub-nav {
        display: none; }
      .site-header .menu-container .horizontal-menu.main-nav, .main-site-header .menu-container .horizontal-menu.main-nav {
        display: none; }
        .site-header .menu-container .horizontal-menu.main-nav .menu-bar, .main-site-header .menu-container .horizontal-menu.main-nav .menu-bar {
          background-color: #444;
          padding: 0; }
          .site-header .menu-container .horizontal-menu.main-nav .menu-bar .search-item, .main-site-header .menu-container .horizontal-menu.main-nav .menu-bar .search-item {
            display: none; }
          .site-header .menu-container .horizontal-menu.main-nav .menu-bar a, .main-site-header .menu-container .horizontal-menu.main-nav .menu-bar a {
            font-size: 1.1rem;
            padding: 1rem 1.5rem;
            margin-bottom: 0;
            border-bottom: 2px solid #707070; }
            .site-header .menu-container .horizontal-menu.main-nav .menu-bar a:hover, .site-header .menu-container .horizontal-menu.main-nav .menu-bar a:active, .site-header .menu-container .horizontal-menu.main-nav .menu-bar a:focus, .main-site-header .menu-container .horizontal-menu.main-nav .menu-bar a:hover, .main-site-header .menu-container .horizontal-menu.main-nav .menu-bar a:active, .main-site-header .menu-container .horizontal-menu.main-nav .menu-bar a:focus {
              background-color: #8B8B8B;
              transition: all 0.5s ease; }
            .site-header .menu-container .horizontal-menu.main-nav .menu-bar a:nth-last-child(2), .main-site-header .menu-container .horizontal-menu.main-nav .menu-bar a:nth-last-child(2) {
              border-bottom-color: transparent; }
    .site-header .logo, .main-site-header .logo {
      width: 12rem; }
    .site-header .site-intro, .main-site-header .site-intro {
      width: 100%;
      padding-left: 0;
      padding-right: 0; }
    .site-header h1, .main-site-header h1 {
      line-height: 1.92rem;
      text-align: center; }
      .site-header h1 .large, .main-site-header h1 .large {
        font-size: 120%; }
    .site-header .search-bar, .main-site-header .search-bar {
      margin-top: 1em; }
      .site-header .search-bar form, .main-site-header .search-bar form {
        width: 100%; }
        .site-header .search-bar form input[type=search], .main-site-header .search-bar form input[type=search] {
          width: 100%; }
        .site-header .search-bar form input[type=submit], .main-site-header .search-bar form input[type=submit] {
          width: 100%;
          margin-top: 0.5rem; } }

/* menu toggle icon css only transform hamburger to cross */
.menu-toggle-icon {
  width: 60px;
  height: 45px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  transform: scale(0.5); }

.menu-toggle-icon span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #FFF;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out; }

.menu-toggle-icon span:nth-child(1) {
  top: 0px; }

.menu-toggle-icon span:nth-child(2), .menu-toggle-icon span:nth-child(3) {
  top: 18px; }

.menu-toggle-icon span:nth-child(4) {
  top: 36px; }

.menu-toggle-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

.menu-toggle-icon.open span:nth-child(2) {
  transform: rotate(45deg); }

.menu-toggle-icon.open span:nth-child(3) {
  transform: rotate(-45deg); }

.menu-toggle-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

/* Styling to fit existing site IA until hub IA is implemented */
@media screen and (min-width: 38.88889em) {
  .main-site-header.existing-ia > div .logo {
    width: 20%;
    margin-right: 0; } }

.main-site-header.existing-ia > div nav.menu-container {
  box-flex: 1;
  -moz-flex: 1 0 80%;
  flex: 1 0 80%; }
  .main-site-header.existing-ia > div nav.menu-container .horizontal-menu {
    width: 100%; }
    .main-site-header.existing-ia > div nav.menu-container .horizontal-menu.main-nav .menu-bar a {
      padding: 0 0.64rem;
      /* Fix for search icon breaking */ }
      @media screen and (min-width: 38.88889em) {
        .main-site-header.existing-ia > div nav.menu-container .horizontal-menu.main-nav .menu-bar a {
          font-size: 1.1rem; } }
      @media screen and (max-width: 38.88889em) {
        .main-site-header.existing-ia > div nav.menu-container .horizontal-menu.main-nav .menu-bar a {
          font-size: 1.2rem;
          padding: 1rem 1.5rem; } }
      @media screen and (min-width: 1097px) and (max-width: 1150px) {
        .main-site-header.existing-ia > div nav.menu-container .horizontal-menu.main-nav .menu-bar a.search-item {
          position: absolute;
          right: 1rem; } }

@media screen and (max-width: 38.88889em) {
  .global + .site-header .logo {
    display: none; } }

.tile-grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .tile-grid::after {
    clear: both;
    content: "";
    display: table; }
  .tile-grid .tiles-wrap {
    width: 100%;
    margin-top: 1rem; }
    .tile-grid .tiles-wrap > ul {
      display: block; }
      .tile-grid .tiles-wrap > ul::after {
        clear: both;
        content: "";
        display: table; }
    .tile-grid .tiles-wrap li.tile {
      float: left;
      overflow: hidden;
      position: relative;
      margin-bottom: 8px; }
      .tile-grid .tiles-wrap li.tile .img-helper + img {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: -22.40139rem;
        left: 50%; }
      .tile-grid .tiles-wrap li.tile.is-matching {
        filter: saturate(200%); }
      .tile-grid .tiles-wrap li.tile.is-not-matching {
        filter: saturate(0%); }
      @media screen and (min-width: 71.11111em) {
        .tile-grid .tiles-wrap li.tile {
          width: 24.25%;
          margin-right: 1%; }
          .tile-grid .tiles-wrap li.tile:nth-child(4n) {
            margin-right: 0; } }
      @media screen and (min-width: 55em) and (max-width: 71.05556em) {
        .tile-grid .tiles-wrap li.tile {
          width: 32.66667%;
          margin-right: 1%; }
          .tile-grid .tiles-wrap li.tile:nth-child(3n) {
            margin-right: 0; } }
      @media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
        .tile-grid .tiles-wrap li.tile {
          width: 49.35%;
          margin-right: 1.3%; }
          .tile-grid .tiles-wrap li.tile:nth-child(2n) {
            margin-right: 0; } }
      .tile-grid .tiles-wrap li.tile .tile-text {
        width: 100%;
        background-color: #115737;
        height: auto;
        display: block;
        position: absolute;
        z-index: 10;
        top: 0; }
      .tile-grid .tiles-wrap li.tile .tile-title {
        display: flex;
        align-items: center;
        padding: 1em; }
        .tile-grid .tiles-wrap li.tile .tile-title h2 {
          float: left;
          width: 95%; }
        .tile-grid .tiles-wrap li.tile .tile-title i {
          margin-left: .5rem;
          display: flex;
          align-items: centre;
          width: 5%;
          color: #FFF;
          font-size: 2.2em; }
          .tile-grid .tiles-wrap li.tile .tile-title i::before {
            margin: 0; }
      .tile-grid .tiles-wrap li.tile h2,
      .tile-grid .tiles-wrap li.tile h4,
      .tile-grid .tiles-wrap li.tile p {
        color: #FFF;
        padding: 0;
        margin: 0;
        line-height: 1.2; }
      .tile-grid .tiles-wrap li.tile p {
        line-height: 1.6; }
      .tile-grid .tiles-wrap li.tile a {
        display: block; }
        .tile-grid .tiles-wrap li.tile a:hover {
          opacity: 1;
          border: 0; }
        .tile-grid .tiles-wrap li.tile a h2 {
          font-size: 1.5em; }
      .tile-grid .tiles-wrap li.tile h4 {
        color: #DDD;
        font-size: 1.2em;
        margin-bottom: 0.5em; }
        .tile-grid .tiles-wrap li.tile h4:before {
          font-size: 85%; }
      @media screen and (max-width: 38.88889em) {
        .tile-grid .tiles-wrap li.tile {
          float: none; }
          .tile-grid .tiles-wrap li.tile .tile-title {
            padding-top: .5em;
            padding-bottom: 0; }
          .tile-grid .tiles-wrap li.tile .img-helper + img {
            max-height: none; }
          .tile-grid .tiles-wrap li.tile h4 {
            display: inline-block;
            font-size: 1.1em;
            margin-right: .5em; }
          .tile-grid .tiles-wrap li.tile p {
            display: inline-block; } }
  .tile-grid.hidden {
    display: none; }
  .tile-grid .tile-text p {
    font-size: 0.77778rem; }

.study-areas h1,
.study-area-single h1 {
  margin-bottom: .7em; }

.study-areas .pg-filter {
  padding: 1em 1em 1em .5em;
  font-size: 1.2em; }

.study-areas input[type=checkbox]:checked ~ .tiles-wrap .tile[data-pg="only"] {
  display: block; }

.study-areas input[type=checkbox]:checked ~ .tiles-wrap li.tile {
  display: none; }

.study-areas .tiles-wrap li.tile {
  height: 13.88889rem; }
  .study-areas .tiles-wrap li.tile img {
    width: 100%; }
    @media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
      .study-areas .tiles-wrap li.tile img {
        vertical-align: middle; } }
  .study-areas .tiles-wrap li.tile span {
    display: block;
    padding: 0 1em 1em; }
    @media screen and (min-width: 55em) {
      .study-areas .tiles-wrap li.tile span {
        display: none; } }
  @media screen and (min-width: 55em) {
    .study-areas .tiles-wrap li.tile:hover span {
      height: 10rem;
      display: block; } }

.study-area-tabs {
  margin-bottom: 2.4rem; }
  .study-area-tabs ul {
    max-width: 42.77778rem;
    margin: 0 auto; }
    .study-area-tabs ul::after {
      clear: both;
      content: "";
      display: table; }
    .study-area-tabs ul li {
      float: left;
      display: block;
      width: 51.17883%; }
      .study-area-tabs ul li:last-child {
        width: 48.82117%; }
      .study-area-tabs ul li a {
        padding: 1em;
        display: block;
        background-color: #DDD;
        display: flex;
        align-items: center;
        text-align: center; }
        @media screen and (max-width: 38.88889em) {
          .study-area-tabs ul li a {
            height: 3.33333rem; } }
        .study-area-tabs ul li a:hover {
          background-color: #CCC; }
        .study-area-tabs ul li a [class^=icon-] {
          font-weight: 400;
          line-height: 0; }
        .study-area-tabs ul li a .icon-book-open {
          font-size: 90%; }
        .study-area-tabs ul li a h4 {
          color: #242424;
          margin: 0 auto; }
      .study-area-tabs ul li.active {
        position: relative; }
        .study-area-tabs ul li.active a {
          background-color: #115737; }
          .study-area-tabs ul li.active a:hover {
            opacity: 1;
            cursor: default; }
          .study-area-tabs ul li.active a h4 {
            color: #FFF; }
        .study-area-tabs ul li.active:after {
          position: absolute;
          display: block;
          content: "";
          left: 50%;
          margin-left: -0.8rem;
          height: 0;
          width: 0;
          height: 0;
          width: 0;
          border-left: 0.8rem solid transparent;
          border-right: 0.8rem solid transparent;
          border-top: 0.53333rem solid #115737; }

/* switcher */
.switch {
  transform: scale(1.4);
  position: relative;
  margin: 0px auto 20px;
  height: 26px;
  width: 240px;
  background: #dddddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  /* focus state 
    **** @screen only..??
  */ }
  @media screen and (max-width: 38.88889em) {
    .switch {
      transform: scale(1.2); } }
  .switch .switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 116px;
    line-height: 26px;
    font-size: 11px;
    color: rgba(39, 39, 39, 0.9);
    text-align: center;
    cursor: pointer; }
  .switch .switch-label:active {
    font-weight: bold; }
  .switch .switch-label-off {
    padding-left: 2px; }
  .switch .switch-label-on {
    margin-left: 3px; }
  .switch input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    left: -9999px; }
  .switch .switch-input:checked + .switch-label {
    font-weight: bold;
    color: #fff;
    transition: 0.15s ease-out; }
  .switch .switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 120px; }
  .switch .switch-selection {
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 118px;
    height: 22px;
    background: #115737;
    border-radius: 3px;
    transition: left 0.15s ease-out; }

.study-area-single .study-area-wide-panel {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 1.6rem; }
  .study-area-single .study-area-wide-panel::after {
    clear: both;
    content: "";
    display: table; }
  .study-area-single .study-area-wide-panel:not(:last-child) {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #EEE; }
  .study-area-single .study-area-wide-panel .img-wrap {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%; }
    @media screen and (max-width: 38.88889em) {
      .study-area-single .study-area-wide-panel .img-wrap {
        display: none; } }
    .study-area-single .study-area-wide-panel .img-wrap:last-child {
      margin-right: 0; }
    .study-area-single .study-area-wide-panel .img-wrap img {
      width: 100%; }
  .study-area-single .study-area-wide-panel .content-wrap {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%; }
    .study-area-single .study-area-wide-panel .content-wrap:first-child {
      width: 100%; }
    .study-area-single .study-area-wide-panel .content-wrap:last-child {
      margin-right: 0; }
    @media screen and (max-width: 38.88889em) {
      .study-area-single .study-area-wide-panel .content-wrap {
        float: left;
        display: block;
        margin-right: 4.82916%;
        width: 100%; }
        .study-area-single .study-area-wide-panel .content-wrap:last-child {
          margin-right: 0; } }
    @media screen and (min-width: 38.88889em) {
      .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap {
        display: inline; } }
    .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 65.05695%; }
      .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap:last-child {
        margin-right: 0; }
      @media screen and (max-width: 54.94444em) {
        .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 100%; }
          .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap:last-child {
            margin-right: 0; } }
      .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap h2 {
        margin-bottom: 1rem; }
      .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .text-wrap p {
        font-size: 1.125em;
        line-height: 1.8rem;
        margin-bottom: 1.6rem; }
    .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 30.11389%;
      margin-right: 0; }
      @media screen and (max-width: 54.94444em) {
        .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap {
          float: left;
          display: block;
          margin-right: 3.57866%;
          width: 100%; }
          .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap:last-child {
            margin-right: 0; } }
      @media screen and (min-width: 38.88889em) {
        .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap {
          float: right; } }
      .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap:last-child {
        margin-right: 0; }
      .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap h4 {
        margin-top: .35em;
        color: #8B8B8B; }
      .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap ul {
        padding-top: 0.5rem; }
        .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap ul li {
          font-size: 1.1em;
          border-bottom: 1px solid #EEE;
          padding: .5em .15em; }
          .study-area-single .study-area-wide-panel .content-wrap .text-subjects-wrap .subjects-wrap ul li:last-child {
            border-bottom: none; }
    .study-area-single .study-area-wide-panel .content-wrap a.button {
      float: left; }
      @media screen and (min-width: 38.88889em) {
        .study-area-single .study-area-wide-panel .content-wrap a.button {
          clear: left; } }
      @media screen and (max-width: 38.88889em) {
        .study-area-single .study-area-wide-panel .content-wrap a.button {
          margin-bottom: .35rem; } }

.study-area-single.hidden {
  display: none; }

/* Changes for new F&S subject listings */
.study-areas-undergrad .study-area-single .study-area-wide-panel {
  border-bottom-color: rgba(0, 0, 0, 0.2); }
  .study-areas-undergrad .study-area-single .study-area-wide-panel .text-subjects-wrap .subjects-wrap ul li {
    border-bottom-color: rgba(0, 0, 0, 0.2); }

/** List with people information */
.staff {
  margin: 1.6rem 0 2.4rem;
  width: 100%; }
  .articles-container .staff > li {
    padding-bottom: 1rem;
    margin-bottom: 1rem; }
  .staff .profile-picture {
    float: left;
    display: block;
    margin-right: 1.11111rem;
    height: auto;
    width: 8.33333rem; }
    @media screen and (max-width: 38.88889em) {
      .staff .profile-picture {
        width: 20%;
        max-width: 8.33333rem; } }
  .staff .summary {
    overflow: hidden; }
    .staff .summary:not(:first-child) {
      display: block; }
      .staff .summary:not(:first-child) > header {
        margin-bottom: 1rem; }
    .staff .summary:first-child h3,
    .staff .summary:first-child .subtitle {
      display: inline-block; }
    .staff .summary:first-child h3 {
      margin-right: 1rem; }
    .staff .summary:first-child > header {
      margin-bottom: .25rem; }
    .staff .summary:first-child .meta > li {
      display: inline-block; }

.profile-picture {
  width: 100%; }

address.contact > img {
  display: block;
  margin-bottom: .7rem; }

address.contact > ul {
  font-style: normal; }

ul.meta [class^=icon-] {
  color: #8B8B8B;
  font-size: 115%; }
  ul.meta [class^=icon-]:before {
    display: inline; }

ul.meta,
ul.meta > li {
  padding-left: 0; }

ul.meta > li {
  display: block;
  margin-bottom: .5em;
  font-size: 0.77778rem;
  word-wrap: break-word;
  line-height: 1.35; }

ul.meta .highlight {
  display: inline-block;
  margin-right: .1rem;
  padding: 0; }
  ul.meta .highlight [class^=icon-] {
    color: inherit; }
    ul.meta .highlight [class^=icon-]:before {
      display: inline-block;
      margin-right: .35em; }
  ul.meta .highlight > a {
    display: block;
    padding: .2rem .5rem;
    background-color: #e3ece9;
    color: #115737;
    text-decoration: none; }
    ul.meta .highlight > a:hover, ul.meta .highlight > a:active, ul.meta .highlight > a:focus {
      text-decoration: underline; }

@media screen and (max-width: 38.88889em) {
  aside .contact .profile-picture {
    width: 20%;
    max-width: 8.33333rem;
    float: left;
    margin-right: 1.11111rem; }
  aside .contact .meta {
    overflow: hidden; } }

/* Research hub Sidebar featured researcher profile */
#rightHandMenu .data-sidebar.featured-researcher .profile-picture {
  margin-bottom: .7rem; }

@media screen and (max-width: 38.88889em) {
  #rightHandMenu .data-sidebar.featured-researcher .profile-picture {
    width: 20%;
    max-width: 8.33333rem;
    float: left;
    margin-right: 1.11111rem; }
  #rightHandMenu .data-sidebar.featured-researcher .summary {
    overflow: hidden; } }

.degrees-quals h1 {
  margin: 1em 0 .7em; }

.degrees-quals.tile-grid {
  margin-bottom: 1.6rem; }
  .degrees-quals.tile-grid .tiles-wrap li.tile {
    margin-bottom: 0.5rem;
    height: auto; }
    .degrees-quals.tile-grid .tiles-wrap li.tile .tile-text {
      position: relative; }
      @media screen and (min-width: 55em) {
        .degrees-quals.tile-grid .tiles-wrap li.tile .tile-text {
          min-height: 140px; } }
      .degrees-quals.tile-grid .tiles-wrap li.tile .tile-text a {
        padding: 1em; }
      .degrees-quals.tile-grid .tiles-wrap li.tile .tile-text .tile-title {
        padding: 0;
        margin-bottom: 1em; }
      .degrees-quals.tile-grid .tiles-wrap li.tile .tile-text .sub-title {
        color: rgba(255, 255, 255, 0.75);
        margin: 0; }
      .degrees-quals.tile-grid .tiles-wrap li.tile .tile-text .title-break {
        width: 30px;
        border-top: 2px solid rgba(255, 255, 255, 0.75);
        margin-bottom: 0.5em; }

.degrees-quals.ui-update.tile-grid {
  margin-bottom: 1.6rem; }
  .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile {
    margin-bottom: 0.5rem; }
    @media screen and (min-width: 55em) {
      .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 8px;
        max-height: none; }
        .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile:last-child {
          margin-right: 0; } }
    .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text {
      position: relative;
      width: 100%;
      background-color: #DDD; }
      @media screen and (min-width: 55em) {
        .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text {
          min-height: inherit; } }
      .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text a {
        padding: 1em; }
      .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .tile-title {
        padding: 0;
        margin-bottom: 0; }
        .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .tile-title h2,
        .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .tile-title i {
          color: #115737; }
        .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .tile-title i {
          color: #555; }
      .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .sub-title {
        color: #555;
        margin: 0; }
      .degrees-quals.ui-update.tile-grid .tiles-wrap li.tile .tile-text .title-break {
        width: 30px;
        border-top: 2px solid #8B8B8B;
        margin-bottom: 0.15em; }

.degrees-quals.tile-filter-tags .quals-filter #filter-quals {
  display: none; }

.degrees-quals.tile-filter-tags .quals-filter label {
  font-size: 1.2em; }

.degrees-quals.tile-filter-tags .tile.is-not-matching {
  display: none; }

@media screen and (max-width: 38.88889em) {
  .hide-on-mobile {
    display: none !important; } }

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

.menu-toggle {
  position: relative;
  z-index: 1;
  background: #1D2624;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  .menu-toggle::after {
    clear: both;
    content: "";
    display: table; }
  .menu-toggle .logo-mini {
    height: 1.6rem; }
    .menu-toggle .logo-mini::after {
      clear: both;
      content: "";
      display: table; }

@media screen and (max-width: 38.88889em) {
  .site-header {
    padding-top: 3.8rem; } }

.global {
  font-weight: 400; }
  @media screen and (min-width: 38.88889em) {
    .global {
      background: #CCC; } }
  @media screen and (max-width: 38.88889em) {
    .global {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      height: 3.8rem; } }
  .global .menu a {
    font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
    line-height: 1.85; }
    .global .menu a.home, .global .menu a.back {
      line-height: 1.7; }
    .global .menu a.home > span {
      margin-top: 0.05556rem; }
  .global .horisontal-links::after {
    clear: both;
    content: "";
    display: table; }
  .global .horisontal-links > a {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0.8rem 1.6rem;
    border-bottom: none; }
  .global [class^=icon-]:before {
    margin-left: 0;
    margin-right: 0; }
    @media screen and (max-width: 38.88889em) {
      .global [class^=icon-]:before {
        margin-right: .5rem;
        line-height: 1; } }
  .global [role=search] {
    display: block;
    position: relative;
    width: 100%; }
    .global [role=search]::after {
      clear: both;
      content: "";
      display: table; }
    @media screen and (max-width: 38.88889em) {
      .global [role=search] {
        padding: 0.8rem 1.6rem; } }
    .global [role=search] .input-wrapper {
      display: block;
      position: relative; }
      .global [role=search] .input-wrapper::after {
        clear: both;
        content: "";
        display: table; }
      .global [role=search] .input-wrapper input {
        background: rgba(0, 0, 0, 0.15);
        border: none;
        color: #FFF;
        float: left;
        padding: 0.45rem 0.8rem; }
        .global [role=search] .input-wrapper input[type=text], .global [role=search] .input-wrapper input[type=submit] {
          display: none; }
        .global [role=search] .input-wrapper input[type=text] {
          width: calc(100% - 4rem); }
        .global [role=search] .input-wrapper input[type=submit] {
          width: 4rem;
          border-left: 1px solid rgba(0, 0, 0, 0.15); }
    @media screen and (min-width: 38.88889em) {
      .global [role=search] {
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.35); }
        .global [role=search] .input-wrapper {
          background: linear-gradient(to right, rgba(204, 204, 204, 0) 0, #cccccc 50px);
          padding-left: 55px;
          padding-right: 2.5rem;
          will-change: transform;
          transition: transform 200ms ease-in-out;
          transform: translateX(100%); }
          .global [role=search] .input-wrapper input {
            background: #BBB;
            color: #444; }
          .global [role=search] .input-wrapper.is-open {
            transform: translateX(0); }
            .global [role=search] .input-wrapper.is-open input[type=text], .global [role=search] .input-wrapper.is-open input[type=submit] {
              display: inline-block; } }
  @media screen and (max-width: 54.94444em) {
    .global {
      padding: 0; } }
  @media screen and (max-width: 38.88889em) {
    .global .button-container {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; }
      .global .button-container a {
        display: block;
        margin: 2px 0;
        padding: 0 .8rem;
        border: none;
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        text-align: right; }
    .global [role=search] .input-wrapper input[type=text], .global [role=search] .input-wrapper input[type=submit] {
      display: inline-block; }
    .global .menu {
      background: #115737;
      max-height: 75vh;
      overflow-y: scroll;
      will-change: transform;
      transition: transform 200ms ease-in-out;
      transform: translateY(-100vh); }
    .global.is-open .menu {
      transform: translateY(0); }
    .global a {
      display: block;
      position: relative;
      display: block;
      margin-left: -10rem;
      padding: 0.6em 1rem 0.6em 11rem;
      font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
      line-height: 1.35;
      color: #FFF;
      border-bottom: 1px solid #0D4B2F;
      cursor: pointer; } }
  @media screen and (max-width: 38.88889em) and (max-width: 38.88889em) {
    .global a.home, .global a.back {
      background: #1D2624 !important;
      color: #b4b3b3; } }
  @media screen and (max-width: 38.88889em) {
      .global a.hide {
        display: none;
        text-align: center; }
      .global a.selected, .global a:hover, .global a:focus {
        background-color: rgba(0, 0, 0, 0.15); }
      .global a.selected {
        font-weight: 600;
        border-bottom: none; }
        .global a.selected:before {
          position: absolute;
          display: block;
          content: "";
          top: 0.44444rem;
          bottom: 0.44444rem;
          width: 0.22222rem;
          margin-left: -0.55556rem;
          border: 1px solid #CCC;
          background: #FFF; }
    .global .mobile {
      display: block; } }
  @media screen and (min-width: 38.88889em) {
    .global .mobile,
    .global .site,
    .global .menu-toggle {
      display: none; }
    .global nav {
      max-width: 71.11111rem;
      margin-left: auto;
      margin-right: auto;
      max-width: 88em;
      position: relative; }
      .global nav::after {
        clear: both;
        content: "";
        display: table; }
      .global nav::after {
        clear: both;
        content: "";
        display: table; }
      .global nav .search {
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1; }
        .global nav .search a {
          position: absolute;
          right: 0;
          z-index: 1;
          padding-left: 0;
          padding-right: 0;
          font-size: 85%;
          width: 2.5rem;
          text-align: center; }
        .global nav .search .tcon {
          margin-top: .3rem; }
      .global nav a {
        color: #444;
        padding: 0.32rem 0.8rem;
        display: block;
        float: left;
        opacity: .8;
        font-size: 0.9375rem;
        border-bottom: none; }
        .global nav a.selected, .global nav a:hover, .global nav a:focus {
          background: #BBB; }
          .global nav a.selected span:not(.tcon-transform) .tcon-search__item::after, .global nav a:hover span:not(.tcon-transform) .tcon-search__item::after, .global nav a:focus span:not(.tcon-transform) .tcon-search__item::after {
            transition: none;
            background: #BBB; }
      .global nav a + a {
        border-left: 1px solid rgba(0, 0, 0, 0.15); }
      .global nav label {
        float: right; } }

.site {
  z-index: 1;
  overflow: hidden;
  background: #115737; }
  .site [lang="mi"] {
    opacity: .5; }
  .site .icon-right-open {
    float: right;
    margin: 0 -.6em; }
  @media screen and (max-width: 38.88889em) {
    .site > ul > li:nth-child(1) {
      padding-left: 0rem; }
    .site > ul > li:nth-child(2) {
      padding-left: 0.8rem; }
    .site > ul > li:nth-child(3) {
      padding-left: 1.6rem; }
    .site > ul > li:nth-child(4) {
      padding-left: 2.4rem; }
    .site > ul > li:nth-child(5) {
      padding-left: 3.2rem; }
    .site > ul > li:nth-child(6) {
      padding-left: 4rem; }
    .site > ul > li:last-child > a {
      display: none; }
    .layout .site {
      display: none; } }
  @media screen and (min-width: 38.88889em) {
    .site > ul > li {
      display: none; }
      .site > ul > li:last-child {
        display: block; }
        .site > ul > li:last-child > a {
          color: #CCC;
          font-size: 90%; }
          .site > ul > li:last-child > a:hover, .site > ul > li:last-child > a:active, .site > ul > li:last-child > a:focus {
            color: #FFF; }
        .site > ul > li:last-child > ul > li > a.selected {
          padding-left: 11.5em; }
        .site > ul > li:last-child > ul > li li {
          padding-left: 0.8rem; } }
  .site--container {
    position: relative; }
  .site a {
    position: relative;
    display: block;
    margin-left: -10rem;
    padding: 0.6em 1rem 0.6em 11rem;
    font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
    line-height: 1.35;
    color: #FFF;
    border-bottom: 1px solid #0D4B2F;
    cursor: pointer; }
    @media screen and (max-width: 38.88889em) {
      .site a.home, .site a.back {
        background: #1D2624 !important;
        color: #b4b3b3; } }
    .site a.hide {
      display: none;
      text-align: center; }
    .site a.selected, .site a:hover, .site a:focus {
      background-color: rgba(0, 0, 0, 0.15); }
    .site a.selected {
      font-weight: 600;
      border-bottom: none; }
      .site a.selected:before {
        position: absolute;
        display: block;
        content: "";
        top: 0.44444rem;
        bottom: 0.44444rem;
        width: 0.22222rem;
        margin-left: -0.55556rem;
        border: 1px solid #CCC;
        background: #FFF; }
  .site .has-subpages a {
    padding-right: 2.2rem; }
    .site .has-subpages a:after {
      height: 0;
      width: 0;
      border-bottom: 0.35em solid transparent;
      border-left: 0.35em solid #FFF;
      border-top: 0.35em solid transparent;
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -.25em;
      margin-right: 1rem; }

/** New dynamic menu with expandable items */
.sidemenu {
  z-index: 1;
  overflow: hidden;
  margin: 0 0 1.66667rem;
  background: #115737; }
  .sidemenu ul {
    font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial"; }
    .sidemenu ul li {
      display: block; }
      .sidemenu ul li.active > a {
        color: #FFF;
        font-weight: 600; }
        .sidemenu ul li.active > a::before {
          position: relative;
          display: inline-block;
          content: "";
          background-color: #FFF; }
    .sidemenu ul ul {
      display: none;
      font-weight: 400; }
  .sidemenu a {
    position: relative;
    display: flex;
    align-content: stretch;
    color: #DDD;
    line-height: 1.25; }
    .sidemenu a:hover, .sidemenu a:active, .sidemenu a:focus {
      color: #FFF; }
      .sidemenu a:hover .btn-expander, .sidemenu a:active .btn-expander, .sidemenu a:focus .btn-expander {
        color: #DDD; }
  .sidemenu > ul {
    font-size: 1.15em;
    font-weight: 600; }
    .sidemenu > ul > li {
      border-bottom: 1px solid #0D4B2F; }
      .sidemenu > ul > li > a {
        padding: .8rem .9rem; }
      .sidemenu > ul > li:last-child > a, .sidemenu > ul > li.active {
        border-bottom: 0; }
      .sidemenu > ul > li.active > a {
        padding-left: .35em;
        background-color: #0D4B2F; }
        .sidemenu > ul > li.active > a::before {
          margin: -.2em .35em -.2em 0;
          width: 3px; }
  .sidemenu .has-submenu {
    display: flex; }
    .sidemenu .has-submenu > a {
      flex: 1 1; }
    .sidemenu .has-submenu > ul {
      flex-grow: 0;
      flex-basis: 100%; }
    .sidemenu .has-submenu.expanded {
      overflow: hidden;
      flex-wrap: wrap; }
      .sidemenu .has-submenu.expanded > ul {
        display: block; }
      .sidemenu .has-submenu.expanded > .btn-expander::after {
        position: relative;
        display: inline-block;
        content: "";
        top: -.15em;
        height: 0;
        width: 0;
        border-bottom: 0.2em solid #DDD;
        border-left: 0.25em solid transparent;
        border-right: 0.25em solid transparent; }
      .sidemenu .has-submenu.expanded > .btn-expander:hover::after, .sidemenu .has-submenu.expanded > .btn-expander:active::after, .sidemenu .has-submenu.expanded > .btn-expander:focus::after {
        height: 0;
        width: 0;
        border-bottom: 0.2em solid #FFF;
        border-left: 0.25em solid transparent;
        border-right: 0.25em solid transparent; }
    .sidemenu .has-submenu:not(.expanded) .btn-expander::after {
      content: '+'; }
    .sidemenu .has-submenu.active {
      background-color: #0D4B2F; }
    .sidemenu .has-submenu > ul {
      font-size: 95%;
      padding: .2em 0 .75em .9em; }
      .sidemenu .has-submenu > ul > li {
        border-left: 1px solid rgba(255, 255, 255, 0.1); }
        .sidemenu .has-submenu > ul > li > a {
          padding: .3em .85em .3em .7em; }
        .sidemenu .has-submenu > ul > li.active > a {
          padding-left: 0; }
          .sidemenu .has-submenu > ul > li.active > a::before {
            margin: -.2em .5em -.2em 0;
            width: 2px; }
    .sidemenu .has-submenu .has-submenu > ul > li {
      border-left: 0; }
      .sidemenu .has-submenu .has-submenu > ul > li > a {
        padding-left: .3em; }
        .sidemenu .has-submenu .has-submenu > ul > li > a::before {
          display: none; }
  .sidemenu .btn-expander {
    display: block;
    margin: 0 .5rem;
    height: 1.4em;
    width: 1.4em;
    -ms-grid-row-align: center;
        align-self: center;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    color: #DDD;
    line-height: 1.4;
    font-size: 1.2em;
    border-radius: .7em; }
    .sidemenu .btn-expander:hover, .sidemenu .btn-expander:active, .sidemenu .btn-expander:focus {
      color: #FFF;
      background-color: rgba(0, 0, 0, 0.2); }
  .sidemenu .sidemenu-toggle {
    font-size: 1.5625em;
    font-weight: 600; }
    .sidemenu .sidemenu-toggle a {
      display: block;
      padding: .8rem .9rem; }
      .sidemenu .sidemenu-toggle a:after {
        content: "";
        float: right;
        top: -.05em;
        font-size: 115%; }
    .sidemenu .sidemenu-toggle.expanded a::after {
      content: ""; }
  @media screen and (min-width: 55em) {
    .sidemenu .sidemenu-toggle {
      display: none; } }
  @media screen and (max-width: 54.94444em) {
    .sidemenu {
      margin-top: 0;
      margin-bottom: 0; }
      .sidemenu .sidemenu-toggle + ul {
        display: none; }
      .sidemenu .sidemenu-toggle.expanded + ul {
        display: block; } }
  @media screen and (max-width: 38.88889em) {
    .sidemenu .btn-expander {
      height: auto;
      width: auto;
      margin: 0 .35rem 0 0;
      line-height: 1.5; }
      .sidemenu .btn-expander::after {
        display: inline-block;
        margin: 0 .85em; }
    .sidemenu .expanded > ul {
      font-size: 100%; } }

/*==================================================
=                     FOOTERS                      =
==================================================*/
/** PRIMARY FOOTER (dark one), usually placed on the very end of
      the page. 1 *MUST BE* used on a single page. */
.footer-primary {
  background-color: #1D2624;
  color: #CCC; }
  .footer-primary ul a {
    text-decoration: none;
    border-bottom: 0;
    color: inherit; }
    .footer-primary ul a:hover, .footer-primary ul a:active, .footer-primary ul a:focus {
      text-decoration: underline; }
      .footer-primary ul a:hover img, .footer-primary ul a:active img, .footer-primary ul a:focus img {
        text-decoration: none; }
  .footer-primary ul,
  .footer-primary ul > li {
    display: inline-block; }
  .footer-primary ul > li {
    margin: 0 .35em; }
  .footer-primary .block + .block {
    border-top: 1px solid #555; }
    .footer-primary .block + .block::after {
      clear: both;
      content: "";
      display: table; }
  .footer-primary .block.small {
    padding-top: .5em; }
  .footer-primary .logo {
    vertical-align: middle;
    display: table-cell;
    width: 25%; }
    .footer-primary .logo img {
      display: inline-block;
      width: 100%;
      max-width: 13.88889rem;
      vertical-align: middle; }
  .footer-primary .contacts {
    vertical-align: middle;
    display: table-cell;
    width: 75%;
    padding: .5em 0 .5em 3.5em; }
    .footer-primary .contacts > li:last-child {
      margin-right: 0; }
    .footer-primary .contacts > li:first-child {
      margin-left: 0; }
    .footer-primary .contacts a {
      color: #FFF;
      font-weight: 700; }
  .footer-primary .small > * {
    font-size: .9em; }
  .footer-primary .copyright {
    float: right;
    display: block; }
  .footer-primary .minilinks {
    float: left; }
    .footer-primary .minilinks > li:first-child {
      margin-left: 0; }
  @media screen and (max-width: 38.88889em) {
    .footer-primary {
      text-align: center; }
      .footer-primary .contacts,
      .footer-primary .logo {
        display: block;
        width: 100%;
        float: none; }
      .footer-primary .contacts {
        padding-left: 0; }
      .footer-primary .copyright,
      .footer-primary .minilinks {
        float: none; }
      .footer-primary .copyright {
        margin-top: 1em; }
      .footer-primary .logo {
        margin-bottom: .5em; } }

/** SECONDARY FOOTER (light one), usually before the primary footer. 0-many CAN be used on a single page. */
.footer-secondary, .page-sub-nav {
  background-color: #DDD; }
  .footer-secondary h2, .page-sub-nav h2 {
    line-height: 1.3;
    font-size: 1.25em; }
  .footer-secondary nav ul a, .page-sub-nav nav ul a {
    font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
    font-size: 1.125em;
    border-color: #444;
    text-decoration: underline; }
    .footer-secondary nav ul a:hover, .page-sub-nav nav ul a:hover, .footer-secondary nav ul a:active, .page-sub-nav nav ul a:active, .footer-secondary nav ul a:focus, .page-sub-nav nav ul a:focus {
      border-bottom: none;
      text-decoration: none; }
  .footer-secondary ul a, .page-sub-nav ul a {
    color: inherit; }
  .footer-secondary + .footer-secondary, .page-sub-nav + .footer-secondary, .footer-secondary + .page-sub-nav, .page-sub-nav + .page-sub-nav,
  .footer-secondary .block + .block, .page-sub-nav .block + .block {
    border-top: 1px solid #CCC; }
  .footer-secondary:not(.two-columns) h2, .page-sub-nav:not(.two-columns) h2 {
    float: left;
    margin-right: 2em; }
  .footer-secondary:not(.two-columns) nav ul, .page-sub-nav:not(.two-columns) nav ul {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    flex-wrap: wrap;
    box-align: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -ms-flex-align: stretch;
    box-orient: horizontal;
    box-direction: normal;
    -moz-flex-direction: row;
    flex-direction: row;
    box-pack: start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start; }
    .footer-secondary:not(.two-columns) nav ul > li, .page-sub-nav:not(.two-columns) nav ul > li {
      margin-right: 1.5em; }
  .footer-secondary:not(.two-columns) .contacts ul, .page-sub-nav:not(.two-columns) .contacts ul,
  .footer-secondary:not(.two-columns) .contacts ul > li, .page-sub-nav:not(.two-columns) .contacts ul > li {
    display: inline-block;
    margin-right: .75em; }
  .footer-secondary .contacts address, .page-sub-nav .contacts address {
    font-style: inherit;
    color: #555; }
    .footer-secondary .contacts address a, .page-sub-nav .contacts address a {
      margin-right: .35em;
      color: #444;
      font-weight: 500;
      border-bottom: 0;
      text-decoration: underline; }
      .footer-secondary .contacts address a:hover, .page-sub-nav .contacts address a:hover, .footer-secondary .contacts address a:active, .page-sub-nav .contacts address a:active, .footer-secondary .contacts address a:focus, .page-sub-nav .contacts address a:focus {
        text-decoration: none; }
    .footer-secondary .contacts address ul:before, .page-sub-nav .contacts address ul:before {
      line-height: 1.4;
      position: absolute;
      margin-left: -1.6rem;
      font-size: 115%; }
  .footer-secondary .phones, .page-sub-nav .phones,
  .footer-secondary .mails, .page-sub-nav .mails {
    position: relative;
    padding-left: 1.6rem; }
  .footer-secondary.two-columns h2, .two-columns.page-sub-nav h2 {
    margin-bottom: 0.75em; }
  .footer-secondary.two-columns .block, .two-columns.page-sub-nav .block {
    display: table-cell;
    width: 50%; }
    .footer-secondary.two-columns .block:first-child, .two-columns.page-sub-nav .block:first-child {
      width: 10000px;
      padding-right: 1.6rem; }
    .footer-secondary.two-columns .block:last-child, .two-columns.page-sub-nav .block:last-child {
      padding-left: 1.6rem;
      border-top: 0;
      border-left: 1px solid #CCC; }
  .footer-secondary.two-columns nav ul, .two-columns.page-sub-nav nav ul {
    overflow: hidden; }
    .footer-secondary.two-columns nav ul li, .two-columns.page-sub-nav nav ul li {
      display: block;
      float: left;
      margin-right: 2%;
      width: 48%; }
  .footer-secondary.two-columns ul, .two-columns.page-sub-nav ul {
    margin-bottom: .8em; }
    .footer-secondary.two-columns ul > li, .two-columns.page-sub-nav ul > li {
      margin: 0 0 .35em; }
    .footer-secondary.two-columns ul:last-child, .two-columns.page-sub-nav ul:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 38.88889em) {
    .footer-secondary:not(.two-columns) h2, .page-sub-nav:not(.two-columns) h2 {
      float: none;
      margin-bottom: 0.75em; }
    .footer-secondary.two-columns .block, .two-columns.page-sub-nav .block {
      float: none;
      display: block;
      width: 100%; }
      .footer-secondary.two-columns .block:first-child, .two-columns.page-sub-nav .block:first-child {
        width: auto; }
      .footer-secondary.two-columns .block:last-child, .two-columns.page-sub-nav .block:last-child {
        padding-top: 1.6rem;
        border-left: 0;
        border-top: 1px solid #CCC; }
    .footer-secondary.two-columns nav ul > li, .two-columns.page-sub-nav nav ul > li {
      float: none;
      width: auto; } }

/*=========================================
=         BREADCRUMBS NAVIGATION          =
=========================================*/
/** Default breadcrumbs navigation for desktop-only. */
.breadcrumbs {
  padding-bottom: 0;
  font-family: "National", "Helvetica Neue", "Segoe WP", "Helvetica", "Arial";
  font-size: 1.125em; }
  .breadcrumbs > li {
    display: inline-block;
    white-space: nowrap; }
    .breadcrumbs > li:first-child a:before {
      top: 0;
      margin-right: .35em; }
    .breadcrumbs > li:first-child a:before {
      font-size: 90%; }
    .breadcrumbs > li:after {
      content: "";
      margin: 0 .35em;
      font-size: 85%;
      color: #AAA; }
    .breadcrumbs > li:last-child {
      font-weight: 600;
      color: #555; }
      .breadcrumbs > li:last-child:after {
        display: none; }
  @media screen and (max-width: 38.88889em) {
    .breadcrumbs {
      display: none; } }

/*==================================================
=                     Page Sub navigation          =
==================================================*/
.page-sub-nav {
  border-bottom: 5px solid #115737;
  background-color: #1D2624; }
  .page-sub-nav .centraliser nav ul {
    justify-content: center;
    flex-wrap: nowrap; }
    .page-sub-nav .centraliser nav ul li {
      margin-right: 0; }
      .page-sub-nav .centraliser nav ul li a {
        font-size: 1.4em;
        color: #FFF;
        padding: 0.5em 1.5em;
        display: block;
        text-decoration: none; }
        @media screen and (min-width: 55em) {
          .page-sub-nav .centraliser nav ul li a {
            padding: 0.5em 1.2em;
            font-size: 1.4em; } }
        .page-sub-nav .centraliser nav ul li a.active {
          background-color: #115737; }
        .page-sub-nav .centraliser nav ul li a:hover, .page-sub-nav .centraliser nav ul li a:active, .page-sub-nav .centraliser nav ul li a:focus {
          text-decoration: underline;
          background-color: #115737;
          transition: all 0.5s ease; }
        @media screen and (max-width: 54.94444em) {
          .page-sub-nav .centraliser nav ul li a {
            font-size: 1.2rem; } }
    @media screen and (max-width: 54.94444em) {
      .page-sub-nav .centraliser nav ul {
        justify-content: flex-start;
        flex-wrap: wrap; }
        .page-sub-nav .centraliser nav ul li {
          width: 100%; } }
  .page-sub-nav.nav-buttons {
    margin: 1.6rem 0;
    border: none;
    background-color: transparent; }
    .page-sub-nav.nav-buttons nav > ul {
      margin: 0 1.6rem; }
      .page-sub-nav.nav-buttons nav > ul > li {
        flex: 1 1 auto; }
        .page-sub-nav.nav-buttons nav > ul > li a {
          background-color: #115737;
          border-radius: 2px;
          border-bottom: 5px solid #0D4B2F;
          text-align: center;
          padding: 0.5rem 1rem calc( .5rem - 5px); }
          .page-sub-nav.nav-buttons nav > ul > li a:hover, .page-sub-nav.nav-buttons nav > ul > li a:active, .page-sub-nav.nav-buttons nav > ul > li a:focus {
            background-color: #0d422a; }
          .page-sub-nav.nav-buttons nav > ul > li a.active {
            background-color: #0d422a;
            border-bottom-color: #105c3a;
            position: relative; }
            .page-sub-nav.nav-buttons nav > ul > li a.active:before {
              position: absolute;
              display: inline-block;
              content: "";
              background-color: #FFF;
              width: 3px;
              height: 50%;
              top: 55%;
              transform: translateY(-50%);
              left: .7rem; }
              @media screen and (min-width: 55em) and (max-width: 71.05556em) {
                .page-sub-nav.nav-buttons nav > ul > li a.active:before {
                  left: 5%; } }
        .page-sub-nav.nav-buttons nav > ul > li:not(:last-child) {
          margin-right: 1rem; }
      @media screen and (max-width: 54.94444em) {
        .page-sub-nav.nav-buttons nav > ul {
          margin: 0; }
          .page-sub-nav.nav-buttons nav > ul > li a {
            text-align: left;
            border-radius: 0;
            padding: 0.5rem 1.5rem calc( .5rem - 3px);
            border-bottom-width: 3px; }
          .page-sub-nav.nav-buttons nav > ul > li:not(:last-child) {
            margin-right: 0; } }
      @media screen and (min-width: 55em) {
        .page-sub-nav.nav-buttons nav > ul > li a {
          background-clip: padding-box; } }
    @media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
      .page-sub-nav.nav-buttons {
        margin-top: 0; } }

/*==================================================
=                Side menu                         =
==================================================*/
.sidebar nav ul.sidemenu > li > a {
  text-decoration: underline; }

.sidebar nav ul.sidemenu li ul {
  padding-left: 20px; }

.sidebar nav ul.sidemenu .active {
  background-color: rgba(255, 192, 203, 0.603); }
  .sidebar nav ul.sidemenu .active .active {
    background-color: rgba(255, 0, 0, 0.521); }

/** Custom dolors */
.updated-tile-grid .tiles-wrap li.tile a, .tile-strip-grid .tiles-wrap li.tile a {
  padding: 16px;
  height: 100%;
  display: block;
  border: 4px solid #FFF;
  border-left: none; }
  .updated-tile-grid .tiles-wrap li.tile a:hover, .tile-strip-grid .tiles-wrap li.tile a:hover {
    opacity: 1;
    border: 4px solid #285189;
    border-left: none; }
    .updated-tile-grid .tiles-wrap li.tile a:hover h2, .tile-strip-grid .tiles-wrap li.tile a:hover h2, .updated-tile-grid .tiles-wrap li.tile a:hover h3, .tile-strip-grid .tiles-wrap li.tile a:hover h3, .updated-tile-grid .tiles-wrap li.tile a:hover p, .tile-strip-grid .tiles-wrap li.tile a:hover p, .updated-tile-grid .tiles-wrap li.tile a:hover i, .tile-strip-grid .tiles-wrap li.tile a:hover i, .updated-tile-grid .tiles-wrap li.tile a:hover span, .tile-strip-grid .tiles-wrap li.tile a:hover span, .updated-tile-grid .tiles-wrap li.tile a:hover q, .tile-strip-grid .tiles-wrap li.tile a:hover q {
      color: #285189; }
    .updated-tile-grid .tiles-wrap li.tile a:hover h4, .tile-strip-grid .tiles-wrap li.tile a:hover h4 {
      color: #7e97b8; }
    .updated-tile-grid .tiles-wrap li.tile a:hover .sub-text, .tile-strip-grid .tiles-wrap li.tile a:hover .sub-text {
      border-left: 2px solid #7e97b8; }
    .updated-tile-grid .tiles-wrap li.tile a:hover:active, .tile-strip-grid .tiles-wrap li.tile a:hover:active {
      background-color: #e3e3e3; }
  .updated-tile-grid .tiles-wrap li.tile a .sub-text, .tile-strip-grid .tiles-wrap li.tile a .sub-text {
    border-left: 2px solid #CCC;
    padding-left: 0.5em; }
  .updated-tile-grid .tiles-wrap li.tile a h2, .tile-strip-grid .tiles-wrap li.tile a h2, .updated-tile-grid .tiles-wrap li.tile a h4, .tile-strip-grid .tiles-wrap li.tile a h4, .updated-tile-grid .tiles-wrap li.tile a p, .tile-strip-grid .tiles-wrap li.tile a p, .updated-tile-grid .tiles-wrap li.tile a i, .tile-strip-grid .tiles-wrap li.tile a i {
    padding: 0;
    margin: 0;
    line-height: 1.2; }
  .updated-tile-grid .tiles-wrap li.tile a h2, .tile-strip-grid .tiles-wrap li.tile a h2 {
    font-size: 1.3em;
    color: #444;
    margin-bottom: 0.25em; }
  .updated-tile-grid .tiles-wrap li.tile a h3, .tile-strip-grid .tiles-wrap li.tile a h3 {
    color: #444;
    margin-bottom: 0.25em; }
  .updated-tile-grid .tiles-wrap li.tile a h4, .tile-strip-grid .tiles-wrap li.tile a h4 {
    color: #AAA; }
  .updated-tile-grid .tiles-wrap li.tile a p, .tile-strip-grid .tiles-wrap li.tile a p {
    line-height: 1.5;
    font-size: 1em;
    color: #707070; }

.tiles-panel {
  background-color: #EEE; }
  .tiles-panel.hidden {
    display: none; }

.updated-tile-grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .updated-tile-grid::after {
    clear: both;
    content: "";
    display: table; }
  .updated-tile-grid .tiles-wrap {
    width: 100%;
    margin-top: 1rem; }
    .updated-tile-grid .tiles-wrap > ul {
      display: block; }
      .updated-tile-grid .tiles-wrap > ul::after {
        clear: both;
        content: "";
        display: table; }
    .updated-tile-grid .tiles-wrap li.tile {
      height: auto;
      background-color: #FFF;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
      border-left: 4px solid #115737;
      float: left;
      overflow: hidden;
      position: relative;
      margin-bottom: 1em; }
      .updated-tile-grid .tiles-wrap li.tile:hover {
        box-shadow: none;
        border-left: 4px solid #285189; }
      .updated-tile-grid .tiles-wrap li.tile.is-matching {
        filter: saturate(200%); }
      .updated-tile-grid .tiles-wrap li.tile.is-not-matching {
        filter: saturate(0%); }
      @media screen and (min-width: 71.11111em) {
        .updated-tile-grid .tiles-wrap li.tile {
          width: 24.25%;
          margin-right: 1%; }
          .updated-tile-grid .tiles-wrap li.tile:nth-child(4n) {
            margin-right: 0; } }
      @media screen and (min-width: 55em) and (max-width: 71.05556em) {
        .updated-tile-grid .tiles-wrap li.tile {
          width: 32.66667%;
          margin-right: 1%; }
          .updated-tile-grid .tiles-wrap li.tile:nth-child(3n) {
            margin-right: 0; } }
      @media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
        .updated-tile-grid .tiles-wrap li.tile {
          width: 49.35%;
          margin-right: 1.3%; }
          .updated-tile-grid .tiles-wrap li.tile:nth-child(2n) {
            margin-right: 0; } }
      .updated-tile-grid .tiles-wrap li.tile a h4 {
        color: #AAA;
        font-size: .95em; }
        .updated-tile-grid .tiles-wrap li.tile a h4:before {
          font-size: 85%; }
      .updated-tile-grid .tiles-wrap li.tile a h2, .updated-tile-grid .tiles-wrap li.tile a h3, .updated-tile-grid .tiles-wrap li.tile a h4 {
        margin-bottom: 0.45em; }
      .updated-tile-grid .tiles-wrap li.tile i {
        font-size: 1.5em;
        color: #8B8B8B;
        position: absolute;
        bottom: .5em;
        right: .5em; }
      @media screen and (max-width: 38.88889em) {
        .updated-tile-grid .tiles-wrap li.tile {
          float: none; }
          .updated-tile-grid .tiles-wrap li.tile h4 {
            display: inline-block;
            font-size: 1.1em;
            margin-right: .5em; }
          .updated-tile-grid .tiles-wrap li.tile p {
            display: inline-block; } }
      .updated-tile-grid .tiles-wrap li.tile .button {
        margin-top: 2em; }
    @media screen and (min-width: 71.11111em) {
      .updated-tile-grid .tiles-wrap.three-col li.tile {
        width: 31.33333%;
        margin-right: 3%; }
        .updated-tile-grid .tiles-wrap.three-col li.tile:nth-child(-n+3) {
          margin-bottom: 1rem; }
        .updated-tile-grid .tiles-wrap.three-col li.tile:nth-child(3n) {
          margin-right: 0; }
        .updated-tile-grid .tiles-wrap.three-col li.tile:nth-child(4n) {
          margin-right: 3%; } }
    .updated-tile-grid .tiles-wrap.three-col.image-no-gutter ul {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -moz-flex;
      display: flex;
      flex-wrap: wrap; }
    .updated-tile-grid .tiles-wrap.three-col.image-no-gutter li.tile img {
      max-width: 100%; }
    .updated-tile-grid .tiles-wrap.three-col.image-no-gutter li.tile a {
      height: auto; }
      .updated-tile-grid .tiles-wrap.three-col.image-no-gutter li.tile a:hover {
        border-color: transparent; }
    .updated-tile-grid .tiles-wrap.four-col.image-no-gutter ul, .updated-tile-grid .tiles-wrap.two-col.image-no-gutter ul {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -moz-flex;
      display: flex;
      flex-wrap: wrap; }
    .updated-tile-grid .tiles-wrap.four-col.image-no-gutter li.tile img, .updated-tile-grid .tiles-wrap.two-col.image-no-gutter li.tile img {
      max-width: 100%; }
    .updated-tile-grid .tiles-wrap.four-col.image-no-gutter li.tile a, .updated-tile-grid .tiles-wrap.two-col.image-no-gutter li.tile a {
      height: auto; }
      .updated-tile-grid .tiles-wrap.four-col.image-no-gutter li.tile a:hover, .updated-tile-grid .tiles-wrap.two-col.image-no-gutter li.tile a:hover {
        border-color: transparent; }
    @media screen and (min-width: 55em) and (max-width: 71.05556em) {
      .updated-tile-grid .tiles-wrap.four-col.image-no-gutter li.tile, .updated-tile-grid .tiles-wrap.two-col.image-no-gutter li.tile {
        width: 24.25%;
        margin-right: 1%; }
        .updated-tile-grid .tiles-wrap.four-col.image-no-gutter li.tile:nth-child(4n), .updated-tile-grid .tiles-wrap.two-col.image-no-gutter li.tile:nth-child(4n) {
          margin-right: 0; } }
    .updated-tile-grid .tiles-wrap.two-col.image-no-gutter ul {
      justify-content: center; }
    .updated-tile-grid .tiles-wrap.hidden {
      display: none !important; }
  .updated-tile-grid.hidden {
    display: none !important; }
  .updated-tile-grid.media-quote .tiles-wrap li.tile {
    height: 27.77778rem; }
    .updated-tile-grid.media-quote .tiles-wrap li.tile figure {
      position: relative; }
      .updated-tile-grid.media-quote .tiles-wrap li.tile figure .play-button {
        position: absolute;
        margin-top: 0;
        left: 50%;
        transform: translateX(-50%);
        top: 40%; }
      .updated-tile-grid.media-quote .tiles-wrap li.tile figure img {
        width: 100%;
        display: block;
        margin-bottom: 2%; }
    .updated-tile-grid.media-quote .tiles-wrap li.tile h2 {
      color: #444; }
    .updated-tile-grid.media-quote .tiles-wrap li.tile p {
      margin-bottom: 0.25em; }
    .updated-tile-grid.media-quote .tiles-wrap li.tile q {
      color: #64A659;
      font-size: 1rem;
      font-weight: bold; }
      .updated-tile-grid.media-quote .tiles-wrap li.tile q:before {
        content: open-quote; }
      .updated-tile-grid.media-quote .tiles-wrap li.tile q:after {
        content: close-quote; }
    .updated-tile-grid.media-quote .tiles-wrap li.tile .sub-text {
      margin-bottom: 1rem; }

.tile-strip-grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .tile-strip-grid::after {
    clear: both;
    content: "";
    display: table; }
  .tile-strip-grid .tiles-wrap {
    width: 100%;
    margin-top: 1rem; }
    .tile-strip-grid .tiles-wrap > ul {
      display: block; }
      .tile-strip-grid .tiles-wrap > ul::after {
        clear: both;
        content: "";
        display: table; }
    .tile-strip-grid .tiles-wrap li.tile {
      width: 100%;
      height: auto;
      background-color: #FFF;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
      border-left: 4px solid #115737;
      overflow: hidden;
      margin-bottom: 1em; }
      .tile-strip-grid .tiles-wrap li.tile:hover {
        box-shadow: none;
        border-left: 4px solid #285189; }
      .tile-strip-grid .tiles-wrap li.tile i {
        font-size: 1.5em;
        color: #8B8B8B;
        float: right; }
      .tile-strip-grid .tiles-wrap li.tile a h2,
      .tile-strip-grid .tiles-wrap li.tile a h4,
      .tile-strip-grid .tiles-wrap li.tile a i {
        display: inline; }
      .tile-strip-grid .tiles-wrap li.tile a h2 {
        padding-right: 0.5em; }
      .tile-strip-grid .tiles-wrap li.tile a h4 {
        padding: 0 0.75rem;
        border-left: 2px solid #EEE; }
  .tile-strip-grid.content-page .tiles-wrap > ul {
    padding-left: 0;
    margin-bottom: 0; }
    .tile-strip-grid.content-page .tiles-wrap > ul li.tile {
      position: relative;
      padding-left: 0; }
      .tile-strip-grid.content-page .tiles-wrap > ul li.tile a {
        text-decoration: none; }
        .tile-strip-grid.content-page .tiles-wrap > ul li.tile a h2,
        .tile-strip-grid.content-page .tiles-wrap > ul li.tile a h3,
        .tile-strip-grid.content-page .tiles-wrap > ul li.tile a h4,
        .tile-strip-grid.content-page .tiles-wrap > ul li.tile a h5 {
          text-decoration: none; }
      .tile-strip-grid.content-page .tiles-wrap > ul li.tile i {
        position: absolute;
        right: 1rem; }
  .tile-strip-grid.content-page.tile-accordion .tiles-wrap {
    padding-left: 0; }
    .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile {
      position: relative; }
      .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile .toggle {
        position: absolute;
        right: 1.5rem;
        top: 1rem;
        cursor: pointer;
        font-size: 1.5rem;
        color: #115737;
        display: block;
        margin: 0 .5rem;
        height: 1.5em;
        width: 1.5em;
        -ms-grid-row-align: center;
        align-self: center;
        cursor: pointer;
        text-align: center;
        font-weight: 700;
        color: #115737;
        line-height: 1.4;
        font-size: 1.2em;
        border-radius: .7em; }
        .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile .toggle:after {
          content: '+'; }
        .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile .toggle.expanded:after {
          position: relative;
          display: inline-block;
          content: "";
          top: -.15em;
          height: 0;
          width: 0;
          border-bottom: 0.2em solid #115737;
          border-left: 0.25em solid transparent;
          border-right: 0.25em solid transparent; }
        .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile .toggle.expanded:hover:after {
          border-bottom-color: #fff; }
        .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile .toggle:hover, .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile .toggle:active, .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile .toggle:focus {
          color: #FFF;
          background-color: #115737; }
      .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile h3 {
        font-size: 1.2rem;
        margin-bottom: 0; }
      .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile p {
        padding: 0 1rem 1rem; }
      .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile a:hover, .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile a:active, .tile-strip-grid.content-page.tile-accordion .tiles-wrap .tile a:focus {
        border-color: transparent; }
  .tile-strip-grid.tile-accordion li.tile {
    position: relative; }
    .tile-strip-grid.tile-accordion li.tile > a {
      padding-right: 2em; }
    .tile-strip-grid.tile-accordion li.tile h4 {
      font-size: 1em; }
    .tile-strip-grid.tile-accordion li.tile i {
      position: absolute;
      right: 0.4em;
      top: 16px;
      transition: 0.3s ease-in-out; }
    .tile-strip-grid.tile-accordion li.tile.accordion-open > a:hover {
      border-color: transparent; }
    .tile-strip-grid.tile-accordion li.tile.accordion-open i {
      transform: rotate(90deg);
      right: 0.6em;
      top: 20px; }
  .tile-strip-grid.tile-accordion .accordion-content {
    padding: 1em;
    padding-top: 0;
    display: none; }
    .tile-strip-grid.tile-accordion .accordion-content.closed {
      display: none; }
    .tile-strip-grid.tile-accordion .accordion-content.open {
      display: block; }
    .tile-strip-grid.tile-accordion .accordion-content ul {
      margin-bottom: 0; }
      .tile-strip-grid.tile-accordion .accordion-content ul li a {
        padding: 0;
        display: inline;
        border: none; }
        .tile-strip-grid.tile-accordion .accordion-content ul li a:hover {
          border: none; }

.fixed-height-tiles .tiles-wrap li.tile {
  height: 11.11111rem; }

.fixed-height-tiles-small .tiles-wrap li.tile {
  height: 8.33333rem; }

.tiles-wrap.flex-tiles ul {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 38.88889em) {
    .tiles-wrap.flex-tiles ul {
      flex-direction: column; } }

.tiles-study-hub h2, .tiles-study-hub-about h2,
.tiles-study-hub h3, .tiles-study-hub-about h3 {
  color: #64A659; }

.tiles-study-hub .tiles-wrap li.tile, .tiles-study-hub-about .tiles-wrap li.tile {
  height: 15.27778rem;
  border-left: 4px solid #64A659; }
  .tiles-study-hub .tiles-wrap li.tile a h2, .tiles-study-hub-about .tiles-wrap li.tile a h2 {
    color: #64A659; }
  .tiles-study-hub .tiles-wrap li.tile .tile-icon, .tiles-study-hub-about .tiles-wrap li.tile .tile-icon {
    font-size: inherit;
    color: #8B8B8B;
    position: absolute;
    bottom: .5em;
    right: .5em; }
    .tiles-study-hub .tiles-wrap li.tile .tile-icon i, .tiles-study-hub-about .tiles-wrap li.tile .tile-icon i {
      font-size: 1.5rem;
      position: relative;
      bottom: 0;
      right: 0; }

.tiles-panel.tile-steps {
  background-color: #FFF; }
  .tiles-panel.tile-steps .tiles-wrap li.tile {
    height: 19.44444rem;
    background-color: #64A659;
    border-left: none; }
    .tiles-panel.tile-steps .tiles-wrap li.tile a {
      border: 4px solid #64A659; }
      .tiles-panel.tile-steps .tiles-wrap li.tile a p,
      .tiles-panel.tile-steps .tiles-wrap li.tile a h3,
      .tiles-panel.tile-steps .tiles-wrap li.tile a i {
        color: #FFF; }
      .tiles-panel.tile-steps .tiles-wrap li.tile a h3 {
        font-size: 1.5em;
        padding-bottom: 0.25em; }
      .tiles-panel.tile-steps .tiles-wrap li.tile a .tile-number {
        font-size: 5em;
        color: #FFF;
        line-height: 1; }
      .tiles-panel.tile-steps .tiles-wrap li.tile a .tile-icon {
        font-size: inherit;
        color: #FFF;
        position: absolute;
        bottom: .5em;
        right: .5em; }
        .tiles-panel.tile-steps .tiles-wrap li.tile a .tile-icon i {
          font-size: 1.5rem;
          position: relative;
          bottom: 0;
          right: 0; }
      .tiles-panel.tile-steps .tiles-wrap li.tile a:hover {
        border: 4px solid #64A659; }
        .tiles-panel.tile-steps .tiles-wrap li.tile a:hover p,
        .tiles-panel.tile-steps .tiles-wrap li.tile a:hover i {
          color: #FFF; }
    .tiles-panel.tile-steps .tiles-wrap li.tile .title-first-step {
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -moz-flex;
      display: flex;
      box-align: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center;
      font-size: 1.6em; }
      .tiles-panel.tile-steps .tiles-wrap li.tile .title-first-step h3 {
        line-height: 1.2; }
    .tiles-panel.tile-steps .tiles-wrap li.tile:hover {
      border: none;
      border-left: none; }
    @media screen and (min-width: 71.11111em) {
      .tiles-panel.tile-steps .tiles-wrap li.tile {
        width: 31.33333%;
        margin-right: 3%; }
        .tiles-panel.tile-steps .tiles-wrap li.tile:nth-child(-n+3) {
          margin-bottom: 3%; }
        .tiles-panel.tile-steps .tiles-wrap li.tile:nth-child(3n) {
          margin-right: 0; }
        .tiles-panel.tile-steps .tiles-wrap li.tile:nth-child(4n) {
          margin-right: 3%; } }

.promo-panel.strip-banner figcaption {
  padding: 0; }
  .promo-panel.strip-banner figcaption > div {
    display: flex;
    align-items: center; }
  .promo-panel.strip-banner figcaption .block {
    text-align: left;
    padding: 1.5em; }
    .promo-panel.strip-banner figcaption .block h1 {
      font-size: 3em;
      margin-bottom: 0; }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .promo-panel.strip-banner figcaption .block h1 {
          float: left; } }
    .promo-panel.strip-banner figcaption .block p {
      font-size: 1.45em; }
    .promo-panel.strip-banner figcaption .block > * {
      background-color: rgba(17, 87, 55, 0.9); }

.promo-panel.strip-banner .block:last-child {
  float: right;
  width: 33.33333%; }

.promo-panel.strip-banner .block:first-child {
  width: 66.66667%;
  float: left;
  padding-bottom: 0; }

@media screen and (max-width: 38.88889em) {
  .promo-panel.strip-banner {
    border-top: none;
    border-bottom: none; }
    .promo-panel.strip-banner figcaption > div {
      flex-direction: column; }
    .promo-panel.strip-banner .block:first-child {
      width: 100%;
      padding-bottom: 0; }
      .promo-panel.strip-banner .block:first-child h1 {
        display: block; }
    .promo-panel.strip-banner .block:last-child {
      width: 100%; } }

@media screen and (max-width: 54.94444em) {
  .promo-panel.strip-banner {
    height: 100%; }
    .promo-panel.strip-banner figure figcaption h1 {
      margin-top: 0; }
    .promo-panel.strip-banner figure figcaption .block:first-child {
      width: 100%;
      padding-bottom: 0.5em; } }

@media screen and (min-width: 55em) {
  .promo-panel.strip-banner {
    border-bottom: 5px solid #115737; }
    .promo-panel.strip-banner figure {
      display: block; }
      .promo-panel.strip-banner figure figcaption {
        margin-bottom: 1em;
        margin-top: 10%; } }

@media screen and (min-width: 55em) and (max-width: 71.05556em) {
  .promo-panel.strip-banner figure figcaption {
    margin-top: 4%; } }

@media screen and (min-width: 38.88889em) and (max-width: 54.94444em) {
  .promo-panel.strip-banner figure {
    padding-bottom: 1rem; }
  .promo-panel.strip-banner img {
    height: 100%; } }

.promo-panel.strip-banner figure figcaption {
  max-width: 88em;
  padding: 0; }

.study-hub-light-green .promo-panel.strip-banner > .photo figcaption p,
.study-hub-light-green .promo-panel.strip-banner > .photo figcaption h1,
.study-hub-dark-green .promo-panel.strip-banner > .photo figcaption p,
.study-hub-dark-green .promo-panel.strip-banner > .photo figcaption h1 {
  margin-bottom: 0; }

/** Search panel full page with or mods */
.search-panel {
  margin-top: 1em;
  margin-bottom: 1em; }
  .search-panel form.wide-search-bar {
    padding: 2rem 10rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
  .search-panel form .group {
    width: 100%;
    display: flex; }
    .search-panel form .group input[type=text] {
      flex: 1 1;
      height: 42px;
      padding: .2rem .6rem;
      border: 2px solid #CCC; }
    .search-panel form .group input[type=submit] {
      flex: 25% 0 1;
      border-radius: 0 2px 2px 0; }
  .search-panel section {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }
  @media screen and (min-width: 55em) and (max-width: 71.05556em) {
    .search-panel form.wide-search-bar {
      padding: 2rem 4rem; } }
  @media screen and (max-width: 54.94444em) {
    .search-panel form.wide-search-bar {
      padding: 2rem 2rem; }
    .search-panel form .group input[type=text] {
      width: 70%; }
    .search-panel form .group input[type=submit] {
      width: 30%; } }
  @media screen and (max-width: 38.88889em) {
    .search-panel form.wide-search-bar {
      padding: 2rem 1rem; }
    .search-panel form .group {
      flex-wrap: wrap; }
      .search-panel form .group input[type=text] {
        width: 100%;
        flex: 100% 1 1; }
      .search-panel form .group input[type=submit] {
        width: 100%;
        flex: 100% 1 1; } }

.card-panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .card-panel .card {
    flex: 0 1 auto;
    width: calc( 50% - 0.75em);
    background-color: #EEE;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 2.5em;
    margin-bottom: 1.5em; }
    .card-panel .card > h1:first-child,
    .card-panel .card > h2:first-child,
    .card-panel .card > h3:first-child,
    .card-panel .card > h4:first-child {
      position: relative;
      padding-bottom: 15px; }
      .card-panel .card > h1:first-child:after,
      .card-panel .card > h2:first-child:after,
      .card-panel .card > h3:first-child:after,
      .card-panel .card > h4:first-child:after {
        content: '';
        position: absolute;
        background-color: #115737;
        width: 50px;
        height: 5px;
        bottom: 0;
        left: 0; }
    .card-panel .card:nth-last-child(2), .card-panel .card:last-child {
      margin-bottom: 0; }
  .card-panel .contact-card {
    background-color: #EEE;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 2.5em;
    width: 100%; }
    .card-panel .contact-card .contact-card-details {
      display: flex;
      padding: 0 1em 1em;
      align-items: center;
      margin-bottom: 0.5em; }
      .card-panel .contact-card .contact-card-details > * {
        width: 50%;
        padding-right: 2.5em; }
        @media screen and (max-width: 54.94444em) {
          .card-panel .contact-card .contact-card-details > * {
            padding-right: 0; } }
      @media screen and (max-width: 38.88889em) {
        .card-panel .contact-card .contact-card-details {
          flex-direction: column;
          margin-bottom: 0; }
          .card-panel .contact-card .contact-card-details > * {
            width: 100%; }
            .card-panel .contact-card .contact-card-details > *:first-child {
              margin-bottom: 1em; }
            .card-panel .contact-card .contact-card-details > * ul {
              padding-left: 0; } }
      .card-panel .contact-card .contact-card-details .contact-title h3 {
        color: #444; }
      .card-panel .contact-card .contact-card-details .contact-info ul li {
        list-style: none; }
        .card-panel .contact-card .contact-card-details .contact-info ul li span, .card-panel .contact-card .contact-card-details .contact-info ul li a {
          color: #444;
          font-size: 1.3em;
          font-style: normal; }
    .card-panel .contact-card .embed {
      height: auto;
      padding: 0;
      margin: 0 -2.5em  -2.5em; }
      .card-panel .contact-card .embed iframe {
        display: block;
        position: static; }
  .card-panel.icon-cards .card {
    text-align: center; }
    .card-panel.icon-cards .card i {
      font-size: 5rem;
      padding-left: 0.5em;
      color: #115737; }
    .card-panel.icon-cards .card p {
      text-align: left; }
  @media screen and (max-width: 38.88889em) {
    .card-panel {
      flex-direction: column; }
      .card-panel .card {
        width: 100%; }
        .card-panel .card:nth-last-child(2) {
          margin-bottom: 1.5em; } }
  @media screen and (max-width: 54.94444em) {
    .card-panel .card .button:first-of-type {
      margin-bottom: 10px; } }

.contact-card-highlight {
  margin-top: 2em;
  padding: 1.5em;
  background-color: #EEE;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
  .contact-card-highlight > h2,
  .contact-card-highlight > h3,
  .contact-card-highlight > h4 {
    position: relative;
    padding-bottom: .5em; }
    .contact-card-highlight > h2:after,
    .contact-card-highlight > h3:after,
    .contact-card-highlight > h4:after {
      content: '';
      position: absolute;
      width: 50px;
      height: 5px;
      bottom: 0;
      left: 0;
      background-color: #115737; }
  .contact-card-highlight .contact-info-block > ul {
    padding: 0;
    margin: 0; }
    .contact-card-highlight .contact-info-block > ul > li {
      display: flex;
      justify-content: left;
      align-items: flex-start;
      padding: 0;
      margin: 0;
      list-style: none; }
      .contact-card-highlight .contact-info-block > ul > li:not(:first-child) {
        margin-top: 1em; }
      .contact-card-highlight .contact-info-block > ul > li img {
        margin-right: 1em;
        height: auto;
        width: 8.33333rem; }
        @media screen and (max-width: 54.94444em) {
          .contact-card-highlight .contact-info-block > ul > li img {
            width: 20%; } }
      .contact-card-highlight .contact-info-block > ul > li .details h3,
      .contact-card-highlight .contact-info-block > ul > li .details h4,
      .contact-card-highlight .contact-info-block > ul > li .details h5 {
        margin-bottom: 0.4em; }
      .contact-card-highlight .contact-info-block > ul > li .details h5 {
        color: #444; }
      .contact-card-highlight .contact-info-block > ul > li .details address {
        font-style: normal; }
  .contact-card-highlight.card-green {
    background-color: #F4F4E9;
    box-shadow: none; }
    .contact-card-highlight.card-green .contact-info-block .tag,
    .contact-card-highlight.card-green .contact-info-block address {
      font-size: .8rem; }

/** General fixed popup. */
/* Positions popup within a page. */
.popup-positioner {
  z-index: 9999;
  display: none;
  position: fixed;
  bottom: 0;
  margin: 0 0 2.5em 5%;
  width: 24rem; }
  .popup-positioner.shown {
    display: block; }

.popup {
  display: none;
  padding: 1.66667rem;
  background-color: #EEE;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35); }
  .shown .popup, .popup.shown {
    display: block; }
  .popup > header {
    font-size: 90%; }
    .popup > header .btn-close {
      opacity: .4;
      display: block;
      float: right;
      margin-left: .25em;
      padding: 0 .35em;
      color: #444;
      font-size: 170%;
      line-height: 1; }
      .popup > header .btn-close:hover, .popup > header .btn-close:active, .popup > header .btn-close:focus {
        opacity: 1; }
  .popup .body {
    margin-top: 1.6rem; }
    .popup .body .button:not(.primary)::after {
      display: none; }
  .popup .btn-holder .btn {
    margin: 0; }

@media screen and (max-width: 38.88889em) {
  .popup-positioner {
    top: 0;
    bottom: auto;
    margin: 0;
    width: 100%; }
  .popup {
    margin: 0; } }

/** TRUMPS */
.clearfix::after {
  clear: both;
  content: "";
  display: table; }

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

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

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

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

/*==========================================
=           PRINTING STYLES                =
==========================================*/
.study-hub-dark-green .intro-text h1 {
  color: #115737; }

.study-hub-dark-green .intro-text p {
  color: #444; }

.study-hub-dark-green .promo-panel h1,
.study-hub-dark-green .promo-panel h2,
.study-hub-dark-green .promo-panel h3,
.study-hub-dark-green .tiles-panel h1,
.study-hub-dark-green .tiles-panel h2,
.study-hub-dark-green .tiles-panel h3 {
  color: #115737; }

.study-hub-dark-green .block > h1,
.study-hub-dark-green .block > h2,
.study-hub-dark-green .block > h3 {
  color: #115737; }

.study-hub-dark-green .grid h1,
.study-hub-dark-green .grid h2,
.study-hub-dark-green .grid h3 {
  color: #115737; }

.study-hub-dark-green .tiles-wrap li.tile {
  border-left: 4px solid #115737; }
  .study-hub-dark-green .tiles-wrap li.tile:hover {
    border-left-color: #285189; }
  .study-hub-dark-green .tiles-wrap li.tile a h2 {
    color: #115737; }
  .study-hub-dark-green .tiles-wrap li.tile a:hover {
    border-left-color: none; }

.study-hub-dark-green .media-quote .tiles-wrap li.tile q {
  color: #115737; }

.study-hub-dark-green .media-quote .tiles-wrap li.tile figure .play-button {
  background-color: rgba(17, 87, 55, 0.8); }
  .study-hub-dark-green .media-quote .tiles-wrap li.tile figure .play-button:after {
    border-color: transparent transparent transparent #FFF; }

.study-hub-dark-green h1,
.study-hub-dark-green h2,
.study-hub-dark-green h3 {
  color: #115737; }

.study-hub-dark-green .homepage-intro.study-hub .intro-text h1,
.study-hub-dark-green .homepage-intro.study-hub .intro-text h2,
.study-hub-dark-green .homepage-intro.study-hub .intro-text h3 {
  color: #115737; }

.study-hub-dark-green .homepage-intro.study-hub + .intro-promo .text-wrap span {
  color: #115737; }

.study-hub-dark-green .tiles-panel.tile-steps .tiles-wrap .tile {
  background-color: #115737; }
  .study-hub-dark-green .tiles-panel.tile-steps .tiles-wrap .tile a {
    border-color: #115737; }
    .study-hub-dark-green .tiles-panel.tile-steps .tiles-wrap .tile a:hover {
      border-color: #115737; }

.study-hub-dark-green .study-hub-banner .sidebar nav {
  background-color: #115737; }
  .study-hub-dark-green .study-hub-banner .sidebar nav li a {
    border-bottom-color: #092c1c;
    font-size: 1.05556rem; }

.study-hub-dark-green .study-hub-banner .banner figcaption {
  background-color: rgba(17, 87, 55, 0.7); }

.study-hub-dark-green .promo-panel > .photo figcaption h1,
.study-hub-dark-green .promo-panel > .photo figcaption h2,
.study-hub-dark-green .promo-panel > .photo figcaption h3,
.study-hub-dark-green .promo-panel > .photo figcaption p {
  background-color: rgba(17, 87, 55, 0.9); }

.study-hub-dark-green .promo.themed {
  background-color: rgba(17, 87, 55, 0.9); }
  .study-hub-dark-green .promo.themed a h1,
  .study-hub-dark-green .promo.themed a h2,
  .study-hub-dark-green .promo.themed a h3,
  .study-hub-dark-green .promo.themed a p {
    color: #FFF; }
  .study-hub-dark-green .promo.themed .play-button:after {
    border-color: transparent transparent transparent rgba(17, 87, 55, 0.9); }

.study-hub-light-green .intro-text h1 {
  color: #64A659; }

.study-hub-light-green .intro-text p {
  color: #444; }

.study-hub-light-green .promo-panel h1,
.study-hub-light-green .promo-panel h2,
.study-hub-light-green .promo-panel h3,
.study-hub-light-green .tiles-panel h1,
.study-hub-light-green .tiles-panel h2,
.study-hub-light-green .tiles-panel h3 {
  color: #64A659; }

.study-hub-light-green .block > h1,
.study-hub-light-green .block > h2,
.study-hub-light-green .block > h3 {
  color: #64A659; }

.study-hub-light-green .grid h1,
.study-hub-light-green .grid h2,
.study-hub-light-green .grid h3 {
  color: #64A659; }

.study-hub-light-green .tiles-wrap li.tile {
  border-left: 4px solid #64A659; }
  .study-hub-light-green .tiles-wrap li.tile:hover {
    border-left-color: #285189; }
  .study-hub-light-green .tiles-wrap li.tile a h2 {
    color: #64A659; }
  .study-hub-light-green .tiles-wrap li.tile a:hover {
    border-left-color: none; }

.study-hub-light-green .media-quote .tiles-wrap li.tile q {
  color: #64A659; }

.study-hub-light-green .media-quote .tiles-wrap li.tile figure .play-button {
  background-color: rgba(100, 166, 89, 0.8); }
  .study-hub-light-green .media-quote .tiles-wrap li.tile figure .play-button:after {
    border-color: transparent transparent transparent #FFF; }

.study-hub-light-green h1,
.study-hub-light-green h2,
.study-hub-light-green h3 {
  color: #64A659; }

.study-hub-light-green .homepage-intro.study-hub .intro-text h1,
.study-hub-light-green .homepage-intro.study-hub .intro-text h2,
.study-hub-light-green .homepage-intro.study-hub .intro-text h3 {
  color: #64A659; }

.study-hub-light-green .homepage-intro.study-hub + .intro-promo .text-wrap span {
  color: #64A659; }

.study-hub-light-green .tiles-panel.tile-steps .tiles-wrap .tile {
  background-color: #64A659; }
  .study-hub-light-green .tiles-panel.tile-steps .tiles-wrap .tile a {
    border-color: #64A659; }
    .study-hub-light-green .tiles-panel.tile-steps .tiles-wrap .tile a:hover {
      border-color: #64A659; }

.study-hub-light-green .study-hub-banner .sidebar nav {
  background-color: #64A659; }
  .study-hub-light-green .study-hub-banner .sidebar nav li a {
    border-bottom-color: #508547;
    font-size: 1.05556rem; }

.study-hub-light-green .study-hub-banner .banner figcaption {
  background-color: rgba(100, 166, 89, 0.7); }

.study-hub-light-green .promo-panel > .photo figcaption h1,
.study-hub-light-green .promo-panel > .photo figcaption h2,
.study-hub-light-green .promo-panel > .photo figcaption h3,
.study-hub-light-green .promo-panel > .photo figcaption p {
  background-color: rgba(100, 166, 89, 0.9); }

.study-hub-light-green .promo.themed {
  background-color: rgba(100, 166, 89, 0.9); }
  .study-hub-light-green .promo.themed a h1,
  .study-hub-light-green .promo.themed a h2,
  .study-hub-light-green .promo.themed a h3,
  .study-hub-light-green .promo.themed a p {
    color: #FFF; }
  .study-hub-light-green .promo.themed .play-button:after {
    border-color: transparent transparent transparent rgba(100, 166, 89, 0.9); }

/**
 * Note: I have omitted any vendor-prefixes for clarity.
 * Adding them is left as an exercise for the reader.
 */
.headroom {
  will-change: transform;
  transition: transform 200ms linear; }

.headroom--pinned {
  transform: translateY(0%); }

.headroom--unpinned {
  transform: translateY(-100%); }