@charset "UTF-8";


/* ==========================================================================
   Import everything (used by all browsers except old IE)
   ========================================================================== */

/* ==========================================================================
   Import SASS modules, no CSS output (e.g. mixins, functions, and variables)
   ========================================================================== */

/* ==========================================================================
   SASS responsive variables (Bourbon Neat grid http://neat.bourbon.io)
   ========================================================================== */

/* Grid settings */

/* Toggle the visual grid for testing */

/*$visual-grid: false;
$visual-grid-color: yellow;  
$visual-grid-index: front;
$visual-grid-opacity: 0.5;*/

/* Breakpoints */

/* 335px for testing, 321px for live */

/* ==========================================================================
   SASS font variables 
   ========================================================================== */

/* @import url('css-live/%3Ct4%20type=%22parsingmediabroker%22%20mediaid=%221063832%22%20name=%22myfilepath%22%20%20/%3E');	*/

/* ==========================================================================
   SASS color variables
   ========================================================================== */

/*$hover: #e9ecef;*/

/* This must be imported after 'bourbon' but before 'neat' */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* ==========================================================================
   SASS mixins **
   ========================================================================== */

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

/*
Used on Faculty homepage
*/

/* Omega Reset */

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
  font-family: Alegreya Sans, sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a.hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: Alegreya Sans, sans-serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
  content: '';
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

small > a {
  text-decoration: none;
}

small > a.hover {
  background: #d5d5d5;
  color: #fff;
}

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

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
  /* AG changing last margin from 40px to 0 to fix the margin in Staff Profiles - Professional Activities. */
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

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

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
  margin: 0;
}

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

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
  margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

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. Remove 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 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

/* ==========================================================================
   SASS placeholders
   ========================================================================== */

.page-summary.has-img h1,
.feature .flexslider .slides > li figcaption h2,
.feature-title-in-middle .flexslider .slides > li figcaption h2,
.feature-title-at-bottom .flexslider .slides > li figcaption h2,
.feature2 .flexslider2 .slides > li figcaption h2,
.feature-full-width .flexslider .slides > li figure > a > .wrap h1,
.feature-home a figure > .wrap h1,
.feature-news .hero .headings h2,
main > .main > article.wysiwyg > h1,
h1,
.related-link-carousel > header h1,
.page-summary h1,
.feature > header h1,
.feature-title-in-middle > header h1,
.feature-title-at-bottom > header h1,
.feature2 > header h1,
.awesome > header h1,
.awesome2 > header h1,
.discover > header h1,
.wysiwyg h1,
.wysiwyg2 h1,
.video-player > header h1,
.news h1 {
  margin: .5em 0;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1.2;
  color: #002b5c;
  font-weight: bold;
  font-size: 38px;
  font-size: 2.375rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.page-summary.has-img h1 a,
.feature .flexslider .slides > li figcaption h2 a,
.feature-title-in-middle .flexslider .slides > li figcaption h2 a,
.feature-title-at-bottom .flexslider .slides > li figcaption h2 a,
.feature2 .flexslider2 .slides > li figcaption h2 a,
.feature-full-width .flexslider .slides > li figure > a > .wrap h1 a,
.feature-home a figure > .wrap h1 a,
.feature-news .hero .headings h2 a,
main > .main > article.wysiwyg > h1 a,
h1 a,
.related-link-carousel > header h1 a,
.page-summary h1 a,
.feature > header h1 a,
.feature-title-in-middle > header h1 a,
.feature-title-at-bottom > header h1 a,
.feature2 > header h1 a,
.awesome > header h1 a,
.awesome2 > header h1 a,
.discover > header h1 a,
.wysiwyg h1 a,
.wysiwyg2 h1 a,
.video-player > header h1 a,
.news h1 a {
  color: #002b5c;
}

@media screen and (min-width: 680px) {
  .page-summary.has-img h1,
  .feature .flexslider .slides > li figcaption h2,
  .feature-title-in-middle .flexslider .slides > li figcaption h2,
  .feature-title-at-bottom .flexslider .slides > li figcaption h2,
  .feature2 .flexslider2 .slides > li figcaption h2,
  .feature-full-width .flexslider .slides > li figure > a > .wrap h1,
  .feature-home a figure > .wrap h1,
  .feature-news .hero .headings h2,
  main > .main > article.wysiwyg > h1,
  h1,
  .related-link-carousel > header h1,
  .page-summary h1,
  .feature > header h1,
  .feature-title-in-middle > header h1,
  .feature-title-at-bottom > header h1,
  .feature2 > header h1,
  .awesome > header h1,
  .awesome2 > header h1,
  .discover > header h1,
  .wysiwyg h1,
  .wysiwyg2 h1,
  .video-player > header h1,
  .news h1 {
    font-size: 44px;
    font-size: 2.75rem;
  }
}

.page-summary.has-img h1,
.feature .flexslider .slides > li figcaption h2,
.feature-title-in-middle .flexslider .slides > li figcaption h2,
.feature-title-at-bottom .flexslider .slides > li figcaption h2,
.feature2 .flexslider2 .slides > li figcaption h2,
.feature-full-width .flexslider .slides > li figure > a > .wrap h1,
.feature-home a figure > .wrap h1,
.feature-news .hero .headings h2 {
  display: inline-block;
  padding: 0.2em 20px;
  background: #002b5c;
  color: #fff;
}

.page-summary.has-img h1 a,
.feature .flexslider .slides > li figcaption h2 a,
.feature-title-in-middle .flexslider .slides > li figcaption h2 a,
.feature-title-at-bottom .flexslider .slides > li figcaption h2 a,
.feature2 .flexslider2 .slides > li figcaption h2 a,
.feature-full-width .flexslider .slides > li figure > a > .wrap h1 a,
.feature-home a figure > .wrap h1 a,
.feature-news .hero .headings h2 a {
  color: #fff;
}

.row.secondary .feature-home a figure > .wrap h1,
.feature-news .hero .headings h1,
main > .main > aside > h1,
h2,
.page-summary-small > h2,
.page-summary-small.has-img > h3,
.contact h1,
.expert-search h1,
.search-results .keymatch > h1,
.wysiwyg h2,
.wysiwyg2 h2,
.related-link2 h2,
.image figcaption h2,
.feature-news .articles > li h1,
.news h2,
form#formalpha h1 {
  margin: .5em 0;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1.2;
  color: #002b5c;
  font-weight: bold;
  border-bottom: 0;
  /*  padding-bottom: 0.5em;*/
  margin-top: 20px;
  /*min-height: 60px;*/
  /*margin-bottom: 18px;*/
  font-size: 32px;
  font-size: 2rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.row.secondary .feature-home a figure > .wrap h1 a.hover,
.feature-news .hero .headings h1 a.hover,
main > .main > aside > h1 a.hover,
h2 a.hover,
.page-summary-small.has-img > h3 a.hover,
.contact h1 a.hover,
.expert-search h1 a.hover,
.search-results .keymatch > h1 a.hover,
.feature-news .articles > li h1 a.hover,
form#formalpha h1 a.hover {
  color: #5a5c60;
}

@media screen and (min-width: 680px) {
  .row.secondary .feature-home a figure > .wrap h1,
  .feature-news .hero .headings h1,
  main > .main > aside > h1,
  h2,
  .page-summary-small > h2,
  .page-summary-small.has-img > h3,
  .contact h1,
  .expert-search h1,
  .search-results .keymatch > h1,
  .wysiwyg h2,
  .wysiwyg2 h2,
  .related-link2 h2,
  .image figcaption h2,
  .feature-news .articles > li h1,
  .news h2,
  form#formalpha h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.row.secondary .feature-home a figure > .wrap h1,
.feature-news .hero .headings h1 {
  display: inline-block;
  padding: 0.2em 20px;
  background: #002b5c;
  color: #fff;
}

.row.secondary .feature-home a figure > .wrap h1 a,
.feature-news .hero .headings h1 a {
  color: #fff;
}

h3,
.related-link-panel .link-panel h2,
.quotation > div > header h1,
aside.quotation > header h2,
.discover div section.quotation > header h2,
.wysiwyg h3,
.wysiwyg2 h3,
.wysiwyg span.breakout-box,
.wysiwyg2 span.breakout-box,
p.breakout-box,
.person h2,
.contact-table > .group > h1,
.related-link h3,
.news h3,
.news span.breakout-box {
  margin: .5em 0;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1.2;
  color: #002b5c;
  font-weight: bold;
  font-size: 28px;
  font-size: 1.75rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

h3 a,
.related-link-panel .link-panel h2 a,
.quotation > div > header h1 a,
aside.quotation > header h2 a,
.discover div section.quotation > header h2 a,
.wysiwyg h3 a,
.wysiwyg2 h3 a,
.wysiwyg span.breakout-box a,
.wysiwyg2 span.breakout-box a,
p.breakout-box a,
.person h2 a,
.contact-table > .group > h1 a,
.related-link h3 a,
.news h3 a,
.news span.breakout-box a {
  color: #002b5c;
}

@media screen and (min-width: 680px) {
  h3,
  .related-link-panel .link-panel h2,
  .quotation > div > header h1,
  aside.quotation > header h2,
  .discover div section.quotation > header h2,
  .wysiwyg h3,
  .wysiwyg2 h3,
  .wysiwyg span.breakout-box,
  .wysiwyg2 span.breakout-box,
  p.breakout-box,
  .person h2,
  .contact-table > .group > h1,
  .related-link h3,
  .news h3,
  .news span.breakout-box {
    font-size: 32px;
    font-size: 2rem;
  }
}

h4,
.awesome > ul > li.awesome-person figcaption,
.awesome2 > ul a > li.awesome-person figcaption,
.contact h2,
.quotation > div .quotee .name,
.search-results article h2,
.wysiwyg h4,
.wysiwyg2 h4,
.contact-table > .group > .contacts > ul li .name h2,
.related-link h2,
.related-link2 h3,
.related-link-group h1,
.related-link-group2 h1,
aside.relatedfeatures > h2,
.relatedfeatures > h2,
.news h4,
.news dl dt,
.news table th,
aside.newssidetitle > h2,
.related-stories h2,
.box > h3,
div.ui-widget-content.loc_container > h3 {
  margin: .5em 0;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1.2;
  font-size: 22px;
  font-size: 1.375rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  h4,
  .awesome > ul > li.awesome-person figcaption,
  .awesome2 > ul a > li.awesome-person figcaption,
  .contact h2,
  .quotation > div .quotee .name,
  .search-results article h2,
  .wysiwyg h4,
  .wysiwyg2 h4,
  .contact-table > .group > .contacts > ul li .name h2,
  .related-link h2,
  .related-link2 h3,
  .related-link-group h1,
  .related-link-group2 h1,
  aside.relatedfeatures > h2,
  .relatedfeatures > h2,
  .news h4,
  .news dl dt,
  .news table th,
  aside.newssidetitle > h2,
  .related-stories h2,
  .box > h3,
  div.ui-widget-content.loc_container > h3 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

h5,
.wysiwyg h5,
.wysiwyg2 h5,
section.grid-box,
a[data-lightbox] h2,
.story2 a > h3,
.story3 a > h3,
.story2 a > h2,
.story3 a > h2,
.newsExtraSmall a h2,
.littlebox1 > a > h3,
.littlebox2 > a > h3,
.littlebox3 > a > h3,
.littlebox4 > a > h3,
div.ui-widget-content.loc_container > h4,
.bodyquote .flexslider .slides p {
  margin: .5em 0;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1.2;
  font-size: 20px;
  font-size: 1.25rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  h5,
  .wysiwyg h5,
  .wysiwyg2 h5,
  section.grid-box,
  a[data-lightbox] h2,
  .story2 a > h3,
  .story3 a > h3,
  .story2 a > h2,
  .story3 a > h2,
  .newsExtraSmall a h2,
  .littlebox1 > a > h3,
  .littlebox2 > a > h3,
  .littlebox3 > a > h3,
  .littlebox4 > a > h3,
  div.ui-widget-content.loc_container > h4,
  .bodyquote .flexslider .slides p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

h6,
.wysiwyg h6,
.wysiwyg2 h6,
.wysiwyg dl dt,
.wysiwyg2 dl dt,
div.sideband dl dt,
a[data-lightbox] h3 {
  margin: .5em 0;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1.2;
  font-size: 18px;
  font-size: 1.125rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  h6,
  .wysiwyg h6,
  .wysiwyg2 h6,
  .wysiwyg dl dt,
  .wysiwyg2 dl dt,
  div.sideband dl dt,
  a[data-lightbox] h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

button.primaryblue.hover,
button.blue.hover,
button.orange.hover,
button.green.hover,
button.red.hover,
button.lightgrey.hover,
button.darkgrey.hover,
button.hover,
.related-link-panel .link-panel a.hover,
.related-link-panel.greenDark a:hover,
.related-link-panel.greenPastle a:hover,
.related-link-panel.redDark a:hover,
.related-link-panel.redPastle a:hover,
.related-link-panel.orangeDark a:hover,
.related-link-panel.orangePastle a:hover,
.related-link-panel.blueDark a:hover,
.related-link-panel.bluePastle a:hover,
.feature .flexslider .slides > li figure
a.hover h2,
.feature-title-in-middle .flexslider .slides > li figure
a.hover h2,
.feature-title-at-bottom .flexslider .slides > li figure
a.hover h2,
.feature2 .flexslider2 .slides > li figure
a.hover h2,
.awesome2 a.hover p,
.awesome2 > ul a > li p a.hover,
.awesome2 > ul a > li a.hover,
.quotation > div a.hover .quotee,
input.buttonsearch.hover,
.sub-nav li ul li a.hover,
.sub-nav li a.hover,
.person a.hover h2,
.tabs-container div.apply2 div.apply-button a button.hover,
.tabs-container div.apply2 div.apply-button a.hover,
.tabs-container div.apply2 div.apply-button a.hover button,
.video-player a.hover,
div.apply div.apply-button a button.hover,
div.apply div.apply-button a.hover button,
ul.contact-list li span.staff_telno a.hover,
ul.contact-list li span.staff_email a.hover,
.fact a.hover h2,
.related-link a.hover h2,
.related-link h2 a.hover,
.related-link2.primaryblue a:hover,
.related-link2.primaryblue h2 a:hover,
.related-link2.primaryblue h3 a:hover,
.related-link2.primaryblue p a:hover,
.related-link2.primaryblue li a:hover,
.related-link2.primarygrey a:hover,
.related-link2.primarygrey h2 a:hover,
.related-link2.primarygrey h3 a:hover,
.related-link2.primarygrey p a:hover,
.related-link2.primarygrey li a:hover,
.related-link2.darkgrey a:hover,
.related-link2.darkgrey h2 a:hover,
.related-link2.darkgrey h3 a:hover,
.related-link2.darkgrey p a:hover,
.related-link2.darkgrey li a:hover,
.related-link2.offwhite a:hover,
.related-link2.green a:hover,
.related-link2.green h2 a:hover,
.related-link2.green h3 a:hover,
.related-link2.green p a:hover,
.related-link2.green li a:hover,
.related-link2.greenDark a:hover,
.related-link2.greenDark h2 a:hover,
.related-link2.greenDark h3 a:hover,
.related-link2.greenDark p a:hover,
.related-link2.greenDark li a:hover,
.related-link2.greenPastle a:hover,
.related-link2.greenPastle h2 a:hover,
.related-link2.greenPastle h3 a:hover,
.related-link2.greenPastle p a:hover,
.related-link2.greenPastle li a:hover,
.related-link2.red a:hover,
.related-link2.red h2 a:hover,
.related-link2.red h3 a:hover,
.related-link2.red p a:hover,
.related-link2.red li a:hover,
.related-link2.redDark a:hover,
.related-link2.redDark h2 a:hover,
.related-link2.redDark h3 a:hover,
.related-link2.redDark p a:hover,
.related-link2.redDark li a:hover,
.related-link2.redPastle a:hover,
.related-link2.redPastle h2 a:hover,
.related-link2.redPastle h3 a:hover,
.related-link2.redPastle p a:hover,
.related-link2.redPastle li a:hover,
.related-link2.orange a:hover,
.related-link2.orange h2 a:hover,
.related-link2.orange h3 a:hover,
.related-link2.orange p a:hover,
.related-link2.orange li a:hover,
.related-link2.orangeDark a:hover,
.related-link2.orangeDark h2 a:hover,
.related-link2.orangeDark h3 a:hover,
.related-link2.orangeDark p a:hover,
.related-link2.orangeDark li a:hover,
.related-link2.orangePastle a:hover,
.related-link2.orangePastle h2 a:hover,
.related-link2.orangePastle h3 a:hover,
.related-link2.orangePastle p a:hover,
.related-link2.orangePastle li a:hover,
.related-link2.blue a:hover,
.related-link2.blue h2 a:hover,
.related-link2.blue h3 a:hover,
.related-link2.blue p a:hover,
.related-link2.blue li a:hover,
.related-link2.blueDark a:hover,
.related-link2.blueDark h2 a:hover,
.related-link2.blueDark h3 a:hover,
.related-link2.blueDark p a:hover,
.related-link2.blueDark li a:hover,
.related-link2.bluePastle a:hover,
.related-link2.bluePastle h2 a:hover,
.related-link2.bluePastle h3 a:hover,
.related-link2.bluePastle p a:hover,
.related-link2.bluePastle li a:hover,
.related-link2.white-text a:hover,
.related-link2.white-text h2 a:hover,
.related-link2.white-text h3 a:hover,
.related-link2.white-text p a:hover,
.related-link2.white-text li a:hover,
.image a.hover figcaption,
.lists > li button.hover,
.lists > section button.hover,
article.gallery-wall.zoom > *:hover,
a:hover .stafftitle,
.media-item.dept.mainimages .item .in h2 a,
.newssidetitle > article > a:hover > div > p,
.contact-right > lists > ul.contact-list li span.staff_telno a.hover,
.contact-right > lists > ul.contact-list li span.staff_email a.hover,
.littlebox1 > a.hover h3,
.littlebox2 > a.hover h3,
.littlebox3 > a.hover h3,
.littlebox4 > a.hover h3,
a.hover section.box,
.home-2017 main section.related-link2:hover > a > h1,
.orange-button:hover,
.trans-button:hover,
.blockhalfwidth a.hover,
.block-grid-item a:hover {
  background-color: #5a5c60;
  color: #fff;
  text-decoration: none;
}

h3 a.hover,
a.hover,
.wysiwyg h3 a.hover,
.wysiwyg2 h3 a.hover,
.related-link-group2 a.hover,
.related-link-group2 ul > li > a.hover,
.news h3 si
a.hover,
.facultyBox a.hover p {
  color: #5a5c60;
  text-decoration: underline;
}

aside.relatedfeatures > p > a,
.relatedfeatures > p > a {
  -webkit-transition: background-color .2s linear;
  transition: background-color .2s linear;
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}

/* ==========================================================================
   Import SASS partials
   ========================================================================== */

/* @import "css-live/partials/font-face"; */

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 *  
 */

/* ==========================================================================
   Base styles
   ========================================================================== */

html,
button,
select,
textarea {
  color: #222222;
  font-family: Alegreya Sans, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ch homepage course search*/

@media screen and (min-width: 1001px) {
  input#hpcoursesearch.filtersearch {
    font-size: 2em;
  }
}

@media screen and (max-width: 1000px) {
  input#hpcoursesearch.filtersearch {
    font-size: 1.5em;
  }
}

@media screen and (min-width: 1001px) {
  input#hpcoursesearchsubmit {
    padding: 1.1em 1em 0.4em 1em;
  }
}

@media screen and (max-width: 1000px) {
  input#hpcoursesearchsubmit {
    padding: 0.6em 0.5em 0.2em 0.5em;
  }
}

/* ch */

a {
  color: #0078ae;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

body {
  /*@include font-size(15.5px);*/
  font-size: 1.07em;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

.staffprofilename {
  text-transform: capitalize;
}

.jobtitle {
  margin-top: 0;
}

[class^="icon-"],
[class*=" icon-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-quotes-right,
.icon-quotes-left {
  quotes: "\201C" "\201D" "\2018" "\2019";
  font-size: 2.7em;
  line-height: 0.1em;
  vertical-align: -0.4em;
  color: #5d9732;
}

.icon-quotes-right:before {
  content: close-quote;
  margin-left: 0.25em;
}

.icon-quotes-left:before {
  content: open-quote;
  margin-right: 0.25em;
}

.browsehappy {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 10px;
  text-align: center;
  background: #222222;
  color: #a7a9ac;
}

.browsehappy a {
  color: #fff;
}

.searchbox {
  padding: .4em .7em;
  border: none;
  background: #efefef;
  font-size: 18px;
  color: #000;
  width: 150px;
}

@media screen and (min-width: 500px) {
  .searchbox {
    padding: .4em .7em;
    border: none;
    font-size: 18px;
    color: #000;
    width: 150px;
    height: 42px;
  }
}

@media screen and (min-width: 680px) {
  .searchbox {
    padding: .4em .7em;
    border: none;
    font-size: 18px;
    color: #000;
    width: 200px;
  }
}

@media screen and (min-width: 800px) {
  .searchbox {
    /*
    float:right;
     position: absolute; */
    /* right: $padding/10;*/
    z-index: 1;
    width: 29%;
  }
}

#submitstyle {
  padding: 1.3em .4em;
  border: none;
  background: #5A5C60;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  margin-left: 5px;
  /*<i class="fa fa-search"></i>
  content: "\f002";*/
}

/* Style the search button hover state */

#submitstyle:hover {
  color: #fff;
}

@media screen and (min-width: 680px) {
  #submitstyle {
    padding: .4em .7em;
    border: none;
    background: #5A5C60;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 5px;
  }
}

@media screen and (min-width: 800px) {
  #submitstyle {
    padding: .4em .7em;
    border: none;
    background: #5A5C60;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 5px;
  }
}

.searchgraphic.fa {
  /*content: "\25AE";*/
  display: none;
  right: 20px;
  top: 125px;
  z-index: 1;
  border: 0;
  background: transparent;
  font-size: 1.4rem;
}

@media screen and (min-width: 680px) {
  .searchgraphic.fa {
    position: absolute;
    display: block;
    right: 5px;
    top: 0;
    padding: 10px;
    z-index: 1;
  }
}

@media screen and (min-width: 800px) {
  .searchgraphic.fa {
    z-index: 1;
  }
}

.searchcontainer {
  background: #fff;
}

.white {
  color: #fff;
}

h5.betamessage {
  color: white;
  background-color: #222222;
  padding-left: 1em;
}

h5.betamessage > a {
  color: white;
}

h5.betamessage > a:hover {
  color: #5a5c60;
}

@media screen and (min-width: 800px) {
  h5.betamessage {
    padding-left: 12em;
  }
}

.btn {
  font-weight: bold;
  display: inline-block;
  width: auto;
  border-radius: 50px;
  border: 2px solid #018489;
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-align: center;
  line-height: 1.2;
}

.btn.btn-primary {
  background: #018489;
  color: white;
}

.btn.btn-primary:hover {
  background: #015356;
  border: 2px solid #015356;
}

.btn.btn-outline-primary {
  background: white;
  border-color: #018489;
}

.btn.btn-outline-primary:hover {
  color: white;
  background: #018489;
}

.btn.btn-lg {
  font-size: 1.3rem;
  padding: 0.75rem 1.5rem;
}

a.btn:hover {
  text-decoration: none;
}

/* ==========================================================================
   Framework (mobile-first)
   ========================================================================== */

body {
  background: #f7f7f7;
  /* Hide horizontal scrollbar for browsers that support media queries */
}

body > .wrap {
  /*@include outer-container;*/
  max-width: 62em;
  margin-left: auto;
  margin-right: auto;
  /*max-width:71.25em; 
  margin-left: 8%;
  margin-right: 8%;*/
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 2%;
  background: #fff;
}

body.full-width {
  background: #fff;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 71.25em) {
  body.full-width > .wrap {
    padding: 0;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 335px) {
  body {
    overflow-x: hidden;
  }
}

main {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

main:before,
main:after {
  content: " ";
  display: table;
}

main:after {
  clear: both;
}

.full-width main {
  max-width: none;
}

main h1:first-of-type {
  margin-top: 0;
}

main section.max-width {
  /*@include outer-container;*/
  color: #002b5c;
  font-weight: bold;
  max-width: 62em;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 680px) {
  main {
    margin-top: 0;
  }
}

@media screen and (min-width: 71.25em) {
  main > .full-width-wrap {
    background: #efefef;
  }
}

main > .full-width-wrap.triangles {
  background: white url(/ead/back-triangles.gif) center top no-repeat;
}

main > .full-width-wrap.skyline {
  overflow: hidden;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 71.25em) {
  main > .full-width-wrap.skyline {
    background: #0078ae url(/ead/cityscap-blue.gif) center bottom no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

main > .full-width-wrap.primaryblue {
  background: #002b5c;
}

main > .main {
  *zoom: 1;
}

main > .main:before,
main > .main:after {
  content: " ";
  display: table;
}

main > .main:after {
  clear: both;
}

main > .main.max-width {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
}

main > .main.max-width:before,
main > .main.max-width:after {
  content: " ";
  display: table;
}

main > .main.max-width:after {
  clear: both;
}

main > .main > aside {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  main > .main > aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-right: 0;
  }

  main > .main > aside:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  main > .main > aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-right: 0;
  }

  main > .main > aside:last-child {
    margin-right: 0;
  }
}

main > .main > aside.rh-top {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  main > .main > aside.rh-top {
    float: right;
  }
}

main > .main > .sub-nav {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  main > .main > .sub-nav {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  main > .main > .sub-nav:last-child {
    margin-right: 0;
  }
}

main > .main > article {
  *zoom: 1;
  margin-bottom: 16px;
  background-color: white;
}

main > .main > article:before,
main > .main > article:after {
  content: " ";
  display: table;
}

main > .main > article:after {
  clear: both;
}

main > .main > article > h1 {
  /* @extend %h2;*/
  font-size: 32px;
  font-size: 2rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  main > .main > article > h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

main > .main > article.has-aside {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  main > .main > article.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
  }

  main > .main > article.has-aside:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  main > .main > article.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
  }

  main > .main > article.has-aside:last-child {
    margin-right: 0;
  }
}

main > .main > article.has-nav {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  main > .main > article.has-nav {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
    margin-right: 0;
  }

  main > .main > article.has-nav:last-child {
    margin-right: 0;
  }
}

.row {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.full-width-wrap .row {
  max-width: none;
}

@media screen and (min-width: 500px) {
  .row > *:last-child {
    margin-right: 0;
  }

  .row .quarter {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .row .quarter:last-child {
    margin-right: 0;
  }

  .row .third {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
  }

  .row .third:last-child {
    margin-right: 0;
  }

  .row .half {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .row .half:last-child {
    margin-right: 0;
  }

  .row .twothirds {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
  }

  .row .twothirds:last-child {
    margin-right: 0;
  }

  .row .threequarters {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
  }

  .row .threequarters:last-child {
    margin-right: 0;
  }
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets
*********************************/

.flex-container a:active,
.flexslider a:active,
.flexslider2 a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.flexslider2 a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider2 .slides > li {
  display: block;
}

.flexslider2 .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/

.flexslider {
  margin-bottom: 38px !important;
  position: relative;
  zoom: 1;
}

.flexslider.single {
  margin-bottom: 0 !important;
}

.flexslider2 {
  margin-bottom: 38px !important;
  position: relative;
  zoom: 1;
}

.flexslider2.single {
  margin-bottom: 0 !important;
}

.flex-active-slide {
  margin: 0;
  background-color: #efefef;
  padding: 0;
}

.slides li p a {
  text-decoration: none;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: relative;
  z-index: 1;
}

/*CH force flexislider zindex to stop chrome flickering*/

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider2 .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 22px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  background: #999;
  background: rgba(0, 0, 0, 0.3);
  color: #fff !important;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
  display: none;
  left: -50px;
}

.flex-direction-nav .flex-next {
  display: none;
  right: -50px;
  text-align: right;
}

.flexslider blockquote a:hover {
  text-decoration: none;
}

.flexslider.hover .flex-prev {
  display: block;
  left: 10px;
}

.flexslider.hover .flex-next {
  display: block;
  right: 10px;
}

.flexslider.hover .flex-next.hover,
.flexslider.hover .flex-prev.hover {
  background: #666;
  background: rgba(0, 0, 0, 0.6);
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before {
  padding: .25em .45em;
  font-family: Alegreya Sans, sans-serif;
  font-size: 32px;
  line-height: 1;
  display: inline-block;
  content: '<';
}

.flex-direction-nav a.flex-next:before {
  content: '>';
}

/* Pause/Play */

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: Alegreya Sans, sans-serif;
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  content: 'O';
}

.flex-pauseplay a.hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\25BA \0020';
}

/* Control Nav */

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a.hover {
  background: #a7a9ac;
}

.flex-control-paging li a.flex-active {
  background: #f47b20;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/* ==========================================================================
   Header
   ========================================================================== */

header[role="banner"] {
  *zoom: 1;
  padding: 0 2%;
  background: #fff;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /*
  	.logo {
  		@include span-columns(6);
  		@include respond-min($tablet) {
  			position: relative;
  			display: block;
  			float: none;
  			width: auto;
  			max-width: $max-width;
  			margin: 0 auto;
  		}
  		h1 {
  			margin: 0;
  			span { position: absolute; margin-left: -2000px; }
  		}
  		img {
  			display: block;
  			max-width: 150px;
  			width: 100%;
  			height: auto;
  			@include respond-min($mobile) {
  				width: 150px;
  			}
  			@include respond-min($tablet) {
  				position: absolute;
  				z-index: 9999;
  				top: 0;
  				left: -1px;
  				max-width: none;
  				width: 152px;
  				border-left: 1px solid #fff;
  				border-right: 1px solid #fff;
  			}
  		}
  	}
  	.headerbar {
  	  .close-header { display: none; }
  		@include respond-min($tablet) {
  			margin: (150-$mainnav-height) (-.1-$container-gutter) $mainnav-height (-.1-$container-gutter); // .1 subtracted due to rounding error  
  			padding: 0 $container-gutter;
  			background: darken($primarygrey, 10%);
  			position:relative;
        .close-header { position:absolute;  box-shadow: 0 0 5px $primarygrey; right: -12px; top: 30px; border-radius: 100%; background: darken($darkgrey, 10%); z-index: 9999; padding: 10px 15px; color: $white; text-align: center; line-height: 1.55em;    }
  			.lt-ie9 & {
  				margin-top: 152-$mainnav-height;
  			}
  		}
  	} 
  	 
  	.primarynav {
  		@include respond-min($tablet) {
  			 @include outer-container; 
  					
  			
  			position: relative;
  			&:before {
  				position: absolute;
  				right: -1px;
  				content: '';
  				width: 1px;
  				height: $mainnav-height;
  				background: #fff;
  			}
  		}
  		> ul {
  			@include span-columns(6);
  			@include omega();
  			float: right;
  			max-width: 150px;
  			margin: 0;
  			padding: 0;
  			@include respond-min($tablet) {
  				float: none;
  				max-width: none;
  				width: auto;
  				margin-left: 150px;
  			}
  			> li {
  				list-style: none;
  				text-transform: uppercase;
  				background: darken($primarygrey, 10%);
  				&:nth-child(2) {
  					background: darken($primarygrey, 20%);
  				}
  				&:nth-child(3) {
  					background: darken($primarygrey, 30%);
  				}
  				&.hover {
  					background: darken($primarygrey, 50%);
  				}
  				> .subnav {
  					display: none;
  				}
  				@include respond-min($tablet) {
  					width: 33%;
  					float: left;
  					border-right: 1px solid #fff;
  					&.haschildren > a:after {
  						margin-left: .8em;
  						content: '>'; // CH was A
  						@include font-size(16px);
  						line-height: 1;
  						color: darken($lightgrey, 10%);
  					}
  					&:nth-child(3) {
  						float: none;
  						width: auto;
  						margin-left: 66%;
  						border-right: none;
  					}
  					&:last-child {
  						float: right;
  						width: 33.7%;
  						margin-top: -120px;
  						border-right: none;
  					}
  					&.haschildren {
  						&.hover > a {
  							position: relative;
  							bottom: -1px;
  							z-index: 101;
  							border-bottom: 1px solid darken($primarygrey, 50%);
  						}
  						&:first-child.hover > a {
  							margin-left: 1px;
  						}
  						
    						> .subnav {
    							position: absolute;
    							left: 0;
    							z-index: 100;
    							width: 100%;
    							margin: 0;
    							padding: $padding;
    							background: darken($primarygrey, 50%);
    							border-top: 1px solid #fff;
    							> .close {
    								position: absolute;
    								z-index: 1;
    								left: 50%;
    								bottom: -30px;
    								width: 80px;
    								height: 30px;
    								margin-left: -40px;
    								font: 20px/1.5 $font;
    								color: #fff;
    								text-align: center;
    								background: darken($primarygrey, 50%);
    							}
    							&.hover {
    								> ul > li > a {
    									opacity: .6;
    								}
    							} 
    							section { 
                    width: 50%;
                    float: left;  
                    padding: 0;
                    @include clearfix;
    							  > h2 {   text-transform: none; margin-top: 0;
    							     a {  color: $white;
    							       &:after { content:" >" }
    							       &.hover  { opacity: .6; }
    							     } 
    							       
    							}
    							
    							
    							> ul { padding: 0;
    							  @include clearfix;
    								> li {
    								  background: $darkgrey;
    								  width: 32.666%;
    								  float: left;
    									text-transform: none;
    									height: 50px;
    									margin: 0 1% 5px 0;
    									&:nth-of-type(3n) {
    									  margin: 0 0 5px 0;
    									}
    									> a {
    										display: block;
    										padding: 3px 2%;
    										color: #fff;
                        height: 100%;
                        font-size:14px;
    										&.hover {
                          opacity: .6;
    										}
    									}
    									&.featureitem {
    										margin-top: $padding;
    										> a {
    											overflow: hidden;
    											padding: $padding/2;
    											background: darken($primarygrey, 10%);
    											img {
    												float: left;
    												width: auto;
    												height: 65px;
    												display: block;
    												margin: (-$padding/2) $padding/2 (-$padding/2) (-$padding/2);
    											}
    											> .text {
    											}
    										}
    										&:first-child {
    											margin-top: 0;
    										}
    									}
    								}
    								
                   
    							}
  					
  					}
  					section.blocks { width: 100%; 
  					 > a.blockLink { font-size: 2em; color: $white; display: block; text-transform: none; text-align: center; padding: $padding/2; margin-bottom: $padding; width: 24.25%; float: left; margin-right: 1%; 
                 &:after { }
                 &.redBlock { background: $red;  width: 49.5%; 
                    &.hover { background: $hover;  } 
                 } 
                 &.orangeBlock { background: $orange;  margin-right: 0; 
                    &.hover { background: $hover;  } 
                 } 
                 &.greenBlock { background: $green;  
                    &.hover { background: $hover;  } 
               } 
                 &.blueBlock { background: $blue; 
                    &.hover { background: $hover;  }  
                 }
                 &.primaryblueBlock { background: $primaryblue; 
                    &.hover { background: $hover;  } 
                 }
               }
             } 
  					> aside { width: 50%; float: right; padding-left: $padding; text-transform: none;
  					   h3 { color: $white; }
  					   > a { font-size: 2em; background: $red; color: $white; display: block; text-align: center; padding: $padding/2; margin-bottom: $padding; 
                 &.vacancies { background: $orange;  
                 } 
                 &.staff { background: $green;  
                 }
  					     &.hover {
                   &:after { }
                 }
  					   }
  					   ul{ padding: 0; border-left: 1px $darkgrey solid;
  					     li { width: 100%; @include clearfix; margin-top: 5px;  
  					       a{  width: 100%;  height: 100%; background: darken($primarygrey, 10%);  @include clearfix; display: block; color: $white;
  					         img { width: 40%; margin: 0 5px 0 0; float: left; height: 100%; }
  					         p { margin: 0;  padding: 0 0 0 $padding/4; display: block; } 
  					         &.hover {  opacity: .6; }
  					       }
  					     }
  					   }
  					  
  					}
  					
  					&.study {
               h2 { color: $white; 
               }
  					  ul {
                    -webkit-column-count: 3;
                    -webkit-column-width: 100px;
                    -moz-column-width: 100px;
                    -moz-column-count: 3; 
                    column-width: 100px;
                    column-count: 3; 
                    -webkit-column-break-after: always;
                    break-after: always;
                    li {     background: transparent ;
                        float: none;
                        height: auto;
                        width: auto; 
                        -webkit-column-break-inside:avoid;
                        -moz-column-break-inside:avoid;
                        column-break-inside:avoid;
                    }
                 }
             .colab, .colab2 { width: 48%; margin-left: 2%; padding: 0 1% 0 0; @include respond-min($wide) { width: 23%; }
                h2{ color: $white; }
               ul { padding: 0; border-left: 0;
                    -webkit-column-count: 1;
                    -webkit-column-width: 100px;
                    -moz-column-width: 100px;
                    -moz-column-count: 1; 
                    column-width: 100px;
                    column-count: 1; 
                   li { width: auto; @include clearfix; margin-top: 5px;  float: none;
                     a{  width: 100%;  height: 100%; background: transparent;  @include clearfix; display: block; color: $white;
                       img { width: 40%; margin: 0 5px 0 0; float: left; height: 100%; display: none; }
                       p { margin: 0;  padding: 0 0 0 $padding/4; display: block; } 
                       &.hover {  opacity: .6; }
                     }
                   }
                 }
               }
             .colab2 { margin-left: 0%;  margin-right: 2%; padding: 0 0% 0 0; }
             .state { width: 23%; margin-left: 2%;
               h2 { color: $white; 
               }
               ul { padding: 0; border-left: 0;
                    -webkit-column-count: 1;
                    -webkit-column-width: 100px;
                    -moz-column-width: 100px;
                    -moz-column-count: 1; 
                    column-width: 100px;
                    column-count: 1; 
                   //li { width: auto; @include clearfix; margin-top: 5px;  float: none;
                   //  a{  width: 100%;  height: 100%; background: transparent;  @include clearfix; display: block; color: $white;
                   //    img { width: 40%; margin: 0 5px 0 0; float: left; height: 100%; display: none; }
                   //    p { margin: 0;  padding: 0 0 0 $padding/4; display: block; } 
                   //    &.hover :hover {  opacity: .6; }
                   // }
                   //}
                 }
               }
             .state2 { width: 50%;
               h2 { color: $white; 
               }
               ul { padding: 0; border-left: 0; margin-top: 0;
                    -webkit-column-count: 2;
                    -webkit-column-width: 100px;
                    -moz-column-width: 100px;
                    -moz-column-count: 2; 
                    column-width: 100px;
                    column-count: 2; 
                   //li { width: auto; @include clearfix; margin-top: 5px;  float: none;
                   //  a{  width: 100%;  height: 100%; background: transparent;  @include clearfix; display: block; color: $white;
                   //    img { width: 40%; margin: 0 5px 0 0; float: left; height: 100%; display: none; }
                   //    p { margin: 0;  padding: 0 0 0 $padding/4; display: block; } 
                   //    &.hover :hover {  opacity: .6; }
                   // }
                   //}
                 li { width: 100%; @include clearfix; 
                   a{  width: 100%;  height: 100%; background: darken($primarygrey, 10%);  @include clearfix; display: block; color: $white;
                     img { width: 40%; margin: 0 5px 0 0; float: left; }
                     p { margin: 0;  padding: 0 0 0 $padding/4; display: block; } 
                     &.hover {  opacity: .6; }
                   }
                 }
                 }
               }
               section.blocks {  width: 100%; float: right; @include respond-min($wide) { width: 23%; margin-left: 2%; }
             > a.blockLink { font-size: 2em; color: $white; display: block; text-align: center; padding: $padding/2; margin-bottom: $padding; width: 100%;
               }
             }
               }
  						}
  					}
  				}
  				> a {
  					display: block;
  					min-height: 33px;
  					margin-bottom: 6px;
  					padding: .5em .7em;
  					color: #fff;
  					text-decoration: none;
  					@include font-size(13px);
  					@include respond-min($tablet) {
  						min-height: inherit;
  						height: $mainnav-height;
  						margin-bottom: 0;
  						padding: .8em .5em;
  						@include font-size(14px);
  						text-align: center;
  					}
  					@include respond-min($desktop) {
  						padding: .45em .3em;
  						@include font-size(19px);
  					}
  					@include respond-min($max-width) {
  						padding: .35em .3em;
  						@include font-size(21px);
  					}
  				}
  			}
  		}
  	}
  	form[role="search"] {
  		.keyword {
  			@include font-size(13px);
  			width: 100%;
  			min-height: 33px;
  			margin-right: -4px;
  			padding: .5em 35px .5em .7em;
  			border: none;
  			border-radius: 0;
  			background: $lightgrey;
  			@include respond-min($tablet) {
  				min-height: inherit;
  				height: $mainnav-height;
  				padding: .65em 35px .6em .7em;
  				@include font-size(15px);
  				color: $darkgrey;
  				@include placeholder {
  					color: $darkgrey;
  				}
  			}
  		}
  		input[type="submit"] {
  			//margin-left: -40px;
  			//padding: 0 .3em;
  			//border: none;
  			//background: none;
  			//font-family: $font;
  			//@include font-size(22px);
  			//color: darken($primarygrey, 30%);
  		}
  	}
  	&.tethered {
  		margin-bottom: 0;
  		@include respond-min($tablet) {
  			margin-bottom: 150px;
  			.logo img {
  				display: none;
  			}
  			.headerbar {
  				position: fixed;
  				z-index: 9998;
  				width: 100%;
  				margin: 0 -2%;
  			}
  			.searchbox {
  			     float: right;
                   position: absolute;    
                   z-index: 1;
                   width: 25%; 
  			}
  						
  			.searchgraphic {
               float:right;
                position: absolute;
               right: $padding*2;
               top: 10px;
               z-index: 1;
  }	
  			.primarynav {
  				background: $lightgrey;
  				> ul {
  					margin-left: 0;
  					> li {
  						width: 25%;
  						&:first-child > a {
  							position: relative;
  							left: -1px;
  							margin-right: -1px;
  							border-left: 1px solid #fff;
  						}
  						&:nth-child(3) {
  							float: left;
  							margin-left: 0;
  							border-right: 1px solid #fff;
  						}
  						&:last-child {
  							float: none;
  							width: auto;
  							margin-left: 75%;
  							margin-top: 0;
  						}
  						&.haschildren:first-child.hover > a {
  							margin-left: 0; 
  						}
  						@include respond-min($desktop) {
  							> a {
  								padding: .55em .3em;
  								@include font-size(17px);
  							}
  						}
  					}
  				}
  			}
  		}
  	}*/
}

header[role="banner"]:before,
header[role="banner"]:after {
  content: " ";
  display: table;
}

header[role="banner"]:after {
  clear: both;
}

@media screen and (min-width: 680px) {
  header[role="banner"] {
    margin-bottom: -45px;
  }
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.breadcrumbs {
  clear: both;
}

.breadcrumbs ul {
  background-color: #8d8f93;
  margin: 32px 0 0;
  padding: 0;
}

.breadcrumbs ul li {
  display: inline-block;
  padding: 10px 6.66667px;
  color: #fff;
}

.breadcrumbs ul li:before {
  margin-right: 13.33333px;
  color: #fff;
  content: '>';
  font-family: Alegreya Sans, sans-serif;
}

.breadcrumbs ul li:first-child {
  margin-right: 6.66667px;
  padding: 10px;
  background-color: #000;
}

.breadcrumbs ul li:first-child:before {
  margin-right: 0;
  content: '';
}

.breadcrumbs ul li a {
  color: #fff;
  text-decoration: none;
}

.breadcrumbs ul li a.hover {
  color: gainsboro;
}

.breadcrumbsheader {
  position: relative;
}

.breadcrumbsheader ul {
  margin: 0;
  padding: 0;
}

.breadcrumbsheader ul li {
  display: inline-block;
  padding: 10px 10px 10px 0;
  color: #222222;
  font-size: 16px;
}

.breadcrumbsheader ul li:before {
  margin-right: 13.33333px;
  color: #222222;
  content: '>';
}

.breadcrumbsheader ul li:first-child {
  padding-left: 0;
}

.breadcrumbsheader ul li:first-child:before {
  margin-right: 0;
  content: '';
}

.breadcrumbsheader ul li a {
  color: #222222;
  /*text-decoration: underline;*/
}

.breadcrumbsheader ul li a.hover {
  color: #c1c3c5;
}

@media screen and (max-width: 699px) {
  .breadcrumbsheader ul li {
    padding: 10px 10px 0 0;
  }
}

/* CSS Document */

/* ==========================================================================
   Atlas 
   ========================================================================== */

html {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: white;
}

body {
  -ms-touch-action: manipulation;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #002b5c;
  font-weight: bold;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1.2;
  margin: 0.5em 0;
}

h1 {
  font-size: 2.75rem;
}

h3 a {
  color: #0078ae;
}

img {
  width: 100%;
}

.bigLink a {
  padding: 10px;
  *zoom: 1;
  display: block;
  background: #efefef;
}

.bigLink a:before,
.bigLink a:after {
  content: " ";
  display: table;
}

.bigLink a:after {
  clear: both;
}

.bigLink a.hover {
  background: #5a5c60;
}

.image-auto img {
  width: auto;
}

/*  Links and hover states  */

a {
  color: #0078ae;
  text-decoration: underline;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
ul a,
li a {
  text-decoration: none;
}

#key-aside > button {
  width: 100%;
}

button {
  display: inline;
  width: auto;
  background: #018489;
  font-size: 1.6em;
  font-weight: bold;
  border: 0;
  border-radius: 50px;
  color: #fff;
  line-height: 2em;
  margin-bottom: 10px;
  padding: 0 20px;
}

button a {
  color: white;
  text-decoration: none;
  text-decoration: none;
}

button a.hover {
  color: white;
}

button.primaryblue {
  background: #018489;
}

button.blue {
  background: #018489;
}

button.orange {
  background: #018489;
}

button.green {
  background: #018489;
}

button.red {
  background: #018489;
}

button.lightgrey {
  background: gainsboro;
}

button.darkgrey {
  background: #222222;
}

input[disabled] {
  background: #efefef;
  border: 0;
}

#unistats-widget-frame {
  display: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  #unistats-widget-frame {
    display: block;
  }
}

#skipLink {
  position: absolute;
  top: -1000px;
}

#skipLink:focus {
  top: 0px;
}

.accessibility *:focus *,
.accessibility *:focus {
  outline: #0099FF dotted 1px !important;
  background-color: yellow !important;
  color: black !important;
}

/* ==========================================================================
   Related link carousel
   e.g as in Our research themes 
   ========================================================================== */

.related-link-carousel {
  *zoom: 1;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
}

.related-link-carousel:before,
.related-link-carousel:after {
  content: " ";
  display: table;
}

.related-link-carousel:after {
  clear: both;
}

.related-link-carousel > header {
  margin-bottom: 20px;
}

.related-link-carousel > header p {
  font-size: 18px;
  font-size: 1.125rem;
}

.related-link-carousel > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  /*border-top: 1px solid $lightgrey;*/
}



.related-link-carousel .fixed-list {
  overflow: hidden;
  padding: 0;
}

.related-link-carousel .fixed-list > li {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .related-link-carousel .fixed-list > li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .related-link-carousel .fixed-list > li:last-child {
    margin-right: 0;
  }

  .related-link-carousel .fixed-list > li:nth-child(2n) {
    margin-right: 0;
  }

  .related-link-carousel .fixed-list > li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 800px) {
  .related-link-carousel .fixed-list > li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .related-link-carousel .fixed-list > li:last-child {
    margin-right: 0;
  }

  .related-link-carousel .fixed-list > li:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .related-link-carousel .fixed-list > li:nth-child(2n+1) {
    clear: none;
  }

  .related-link-carousel .fixed-list > li:nth-child(4n) {
    margin-right: 0;
  }

  .related-link-carousel .fixed-list > li:nth-child(4n+1) {
    clear: left;
  }
}

/* ==========================================================================
   Related link panel
   Eg. used in ares of study
   ========================================================================== */

.related-link-panel {
  *zoom: 1;
  margin-bottom: 16px;
  background: #e5e5e5;
  padding: 5px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.related-link-panel:before,
.related-link-panel:after {
  content: " ";
  display: table;
}

.related-link-panel:after {
  clear: both;
}

@media screen and (min-width: 500px) {
  .related-link-panel {
    padding: 10px;
  }
}

.related-link-panel .link-panel {
  *zoom: 1;
  background: white;
  padding: 20px;
  display: block;
  margin-bottom: 10px;
}

.related-link-panel .link-panel:before,
.related-link-panel .link-panel:after {
  content: " ";
  display: table;
}

.related-link-panel .link-panel:after {
  clear: both;
}

.related-link-panel .link-panel h2 {
  margin: 0;
  border: 0;
}

.related-link-panel .link-panel > ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: inline;
}

.related-link-panel .link-panel > ul li > a {
  text-decoration: none;
  display: inline;
  padding: 0;
  margin: 0;
}

.related-link-panel .link-panel > ul li > a.hover {
  background-color: #fff;
  color: #5a5c60;
  padding: 0;
  margin: 0;
}

.related-link-panel .link-panel > ul li > a.hover h2 {
  color: #f47b20;
}

.related-link-panel .link-panel > ul li > a:after,
.related-link-panel .link-panel > ul li > a:before {
  content: none;
}

.related-link-panel .link-panel > p > a {
  text-decoration: none;
  display: inline;
  padding: 0;
  margin: 0;
}

.related-link-panel .link-panel > p > a.hover {
  background-color: #fff;
  text-decoration: underline;
  color: #5a5c60;
}

.related-link-panel .link-panel > p > a:before,
.related-link-panel .link-panel > p > a:after {
  display: inline;
}

.related-link-panel .link-panel figure {
  margin: 0 0 20px 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.related-link-panel .link-panel figure .video-thumb {
  position: relative;
}

.related-link-panel .link-panel figure .video-thumb:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21px 0 0 -40px;
  width: 60px;
  height: 42px;
  content: 'N';
  color: #fff;
  font-family: Alegreya Sans, sans-serif;
  font-size: 30px;
  text-align: center;
  background: #222222;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.related-link-panel .link-panel figure img {
  width: 100%;
  height: auto;
}

.related-link-panel .link-panel figure .videowrap {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.related-link-panel .link-panel figure .videowrap iframe,
.related-link-panel .link-panel figure .videowrap object,
.related-link-panel .link-panel figure .videowrap embed,
.related-link-panel .link-panel figure .videowrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 500px) {
  .related-link-panel .link-panel figure.quarter {
    width: 25%;
  }

  .related-link-panel .link-panel figure.half {
    width: 50%;
  }

  .related-link-panel .link-panel figure.left {
    float: left;
    margin: 0 20px 20px 0;
  }

  .related-link-panel .link-panel figure.right {
    float: right;
    margin: 0 0 20px 20px;
  }
}

.related-link-panel .link-panel a {
  text-decoration: none;
  display: block;
  padding: 20px;
  *zoom: 1;
  margin: -20px;
}

.related-link-panel .link-panel a:before,
.related-link-panel .link-panel a:after {
  content: " ";
  display: table;
}

.related-link-panel .link-panel a:after {
  clear: both;
}

.related-link-panel .link-panel a ul {
  margin: 0;
}

.related-link-panel .link-panel a h2 {
  color: #002b5c;
  padding-bottom: 10px;
}

.related-link-panel .link-panel a.hover h2 {
  color: white;
}

.related-link-panel .link-panel:last-child {
  margin-bottom: 0;
}

.related-link-panel .link-panel.Textleft ul li:before {
  display: inline;
  padding: 0 10px 0 0;
}

.related-link-panel.primaryblue {
  background: #002b5c;
}

.related-link-panel.primarygrey {
  background: #a7a9ac;
}

.related-link-panel.darkgrey {
  background: #222222;
}

.related-link-panel.offwhite {
  background: #efefef;
}

.related-link-panel.green {
  background: #5d9732;
}

.related-link-panel.greenDark {
  background: #2e4a19;
}

.related-link-panel.greenDark a h2,
.related-link-panel.greenDark a h3,
.related-link-panel.greenDark a p {
  color: white;
}

.related-link-panel.greenPastle {
  background: #adc999;
}

.related-link-panel.greenPastle a h2,
.related-link-panel.greenPastle a h3,
.related-link-panel.greenPastle a p {
  color: white;
}

.related-link-panel.red {
  background: #ee3224;
}

.related-link-panel.redDark {
  background: #a0170c;
}

.related-link-panel.redDark a h2,
.related-link-panel.redDark a h3,
.related-link-panel.redDark a p {
  color: white;
}

.related-link-panel.redPastle {
  background: #f1beba;
}

.related-link-panel.redPastle a h2,
.related-link-panel.redPastle a h3,
.related-link-panel.redPastle a p {
  color: white;
}

.related-link-panel.orange {
  background: #f47b20;
}

.related-link-panel.orangeDark {
  background: #a64c08;
}

.related-link-panel.orangeDark a h2,
.related-link-panel.orangeDark a h3,
.related-link-panel.orangeDark a p {
  color: white;
}

.related-link-panel.orangePastle {
  background: #f3d2ba;
}

.related-link-panel.orangePastle a h2,
.related-link-panel.orangePastle a h3,
.related-link-panel.orangePastle a p {
  color: white;
}

.related-link-panel.blue {
  background: #0078ae;
}

.related-link-panel.blueDark {
  background: #003248;
}

.related-link-panel.blueDark a h2,
.related-link-panel.blueDark a h3,
.related-link-panel.blueDark a p {
  color: white;
}

.related-link-panel.bluePastle {
  background: #5abfed;
}

.related-link-panel.bluePastle a h2,
.related-link-panel.bluePastle a h3,
.related-link-panel.bluePastle a p {
  color: white;
}

/* ==========================================================================
   Page Links
   ========================================================================== */

.pagelinks {
  padding-top: 80px;
  display: inline-block;
}

.pagelinks > ul {
  margin: 0;
}

.pagelinks > ul > li {
  list-style: none;
  color: #fff;
  background: #404040;
  width: 22%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.pagelinks > ul > li:nth-child(1) {
  padding: 20px;
}

.pagelinks > ul > li:nth-child(1).hover {
  border-top: 6px solid #0078ae;
  margin-top: -6px;
}

.pagelinks > ul > li:nth-child(1) > a {
  color: #fff;
}

.pagelinks > ul > li:nth-child(2) {
  padding: 20px;
}

.pagelinks > ul > li:nth-child(2).hover {
  border-top: 6px solid #ee3224;
  margin-top: -6px;
}

.pagelinks > ul > li:nth-child(2) > a {
  color: #fff;
}

.pagelinks > ul > li:nth-child(3) {
  padding: 20px;
}

.pagelinks > ul > li:nth-child(3).hover {
  border-top: 6px solid #5d9732;
  margin-top: -6px;
}

.pagelinks > ul > li:nth-child(3) > a {
  color: #fff;
}

.pagelinks > ul > li:nth-child(4) {
  padding: 20px;
}

.pagelinks > ul > li:nth-child(4).hover {
  border-top: 6px solid #5a5c60;
  margin-top: -6px;
}

.pagelinks > ul > li:nth-child(4) > a {
  color: #fff;
}

.pagelinks > ul > li:nth-child(5) {
  padding: 20px;
}

.pagelinks > ul > li:nth-child(5).hover {
  border-top: 6px solid #002b5c;
  margin-top: -6px;
}

.pagelinks > ul > li:nth-child(5) > a {
  color: #fff;
}

@media screen and (min-width: 680px) {
  .pagelinks > ul > li {
    padding: 20px 40px;
    float: left;
    margin-right: 10px;
  }
}

.pagelinks > ul > li .pentagon {
  position: relative;
  width: 54px;
  border-width: 50px 18px 0;
  border-style: solid;
  border-color: red transparent;
}

.pagelinks > ul > li .pentagon:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: -85px;
  left: -18px;
  border-width: 0 45px 35px;
  border-style: solid;
  border-color: transparent transparent red;
}

/* ==========================================================================
   Fact carousel
   ========================================================================== */

.fact-carousel {
  *zoom: 1;
  /* Bourbon mixin example */
  overflow: hidden;
  margin-bottom: 16px;
  background: #eee;
  /* For testing so we can see the dimensions of the module */
}

.fact-carousel:before,
.fact-carousel:after {
  content: " ";
  display: table;
}

.fact-carousel:after {
  clear: both;
}

.fact-carousel a {
  color: #0073f5;
  /* SASS function example */
}

.fact-carousel > header {
  margin: 1em;
}

/* ==========================================================================
   Page summary
   Used in page
   ========================================================================== */

.page-summary {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  /*margin-bottom: -30px;*/
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.page-summary:before,
.page-summary:after {
  content: " ";
  display: table;
}

.page-summary:after {
  clear: both;
}

@media screen and (min-width: 500px) {
  .page-summary > h1,
  .page-summary > p {
    /*width: 50%;display:block; float: left; margin-right: 5%;*/
  }
}

.page-summary span.qualification {
  display: block;
  width: 100%;
  font-size: 0.5em;
  line-height: 1em;
}

.page-summary h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.page-summary div.key-facts {
  top: 0;
  right: 0;
  width: 100%;
  background: #EFEFEF;
  margin-top: 10px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.page-summary div.key-facts h2 {
  background: none repeat scroll 0 0 #002B5C;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF !important;
  margin: 0;
  padding: 10px 10px 10px;
  font-size: 1.5em;
}

.page-summary div.key-facts .related-link-group ul > li:before {
  color: #f47b20;
}

.page-summary div.key-facts .related-link-group a.more-keyFacts {
  display: none;
}

@media screen and (min-width: 800px) {
  .page-summary div.key-facts {
    top: 0px;
    right: 0;
    position: absolute;
    width: 23.85%;
    height: 100%;
    background: #EFEFEF;
    margin-top: 0;
  }

  .page-summary div.key-facts h2 {
    background: none repeat scroll 0 0 #002B5C;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    margin: 0;
    padding: 60px 10px 10px;
  }

  .page-summary div.key-facts .related-link-group ul > li:before {
    color: #f47b20;
  }

  .page-summary div.key-facts .related-link-group a.more-keyFacts {
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    height: 40px;
    padding: 20px 0 0 0;
    width: 100%;
    background: -webkit-linear-gradient(rgba(239, 239, 239, 0) 0%, #efefef 50%);
    /* For Safari 5.1 to 6.0 */
    /* For Opera 11.1 to 12.0 */
    /* For Firefox 3.6 to 15 */
    background: linear, false, rgba(239, 239, 239, 0) 0%, #efefef 50%;
    /* Standard syntax */
  }

  .page-summary div.key-facts.expand-keyFacts {
    width: 50%;
  }
}

.page-summary p a.hover {
  color: #5a5c60;
}

@media screen and (min-width: 800px) {
  .page-summary {
    margin-bottom: 16px;
  }

  .page-summary h1 {
    margin-top: 0;
  }

  .page-summary p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.page-summary.has-img {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.page-summary.has-img h1 {
  width: 100%;
  margin: -1px 0 0;
}

.page-summary.has-img h1 span.qualification {
  display: block;
  width: 100%;
  font-size: 0.5em;
  line-height: 1em;
}

.page-summary.has-img p {
  padding: 0 20px;
}

@media screen and (min-width: 800px) {
  .page-summary.has-img > .wrap {
    position: relative;
    min-height: 410px;
  }

  .page-summary.has-img h1 {
    position: absolute;
    width: auto;
    bottom: 0;
    left: 0;
    max-width: 75%;
  }

  .page-summary.has-img .qualification {
    display: block;
    width: 100%;
    font-size: 0.5em;
    line-height: 1em;
  }
}

.page-summary img {
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .page-summary img {
    top: 0;
    min-width: 100%;
    height: 410px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
  }
}

.page-summary h1 img {
  display: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .page-summary h1 img {
    display: block;
    width: auto;
    height: auto;
    min-width: auto;
    left: 0;
    position: relative;
    float: right;
    max-width: 40%;
    max-height: 66px;
    margin: 0 0 10px 10px;
  }
}

.page-summary.primaryblue h1 {
  padding: 10px;
  background: #002b5c;
  color: white;
}

.page-summary.blue h1 {
  color: white;
  padding: 10px;
  background: #0078ae;
}

.page-summary.green h1 {
  color: white;
  padding: 10px;
  background: #5d9732;
}

.page-summary.red h1 {
  color: white;
  padding: 10px;
  background: #ee3224;
}

.page-summary.orange h1 {
  color: white;
  padding: 10px;
  background: #f47b20;
}

.page-summary .price {
  width: 150px;
  height: 150px;
  padding-top: 30px;
}

.page-summary .price span.priceOnImage {
  font-size: 3em;
}

.page-summary-small {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  margin-bottom: -30px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.page-summary-small:before,
.page-summary-small:after {
  content: " ";
  display: table;
}

.page-summary-small:after {
  clear: both;
}

.page-summary-small > h2 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.page-summary-small p a.hover {
  color: #5a5c60;
}

@media screen and (min-width: 800px) {
  .page-summary-small {
    margin-bottom: 16px;
  }

  .page-summary-small h2 {
    margin-top: 0;
  }

  .page-summary-small p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.page-summary-small.has-img {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.page-summary-small.has-img h2 {
  width: 100%;
  margin: -1px 0 0;
  /*@extend %h1-reversed;*/
  background: #ee3224;
  padding: 20px;
  color: #fff;
  display: inline-block;
  margin-top: 200px;
}

.page-summary-small.has-img p {
  padding: 0;
}

.page-summary-small.has-img > h3 {
  padding-top: 20px;
}

.page-summary-small.has-img > hr {
  border: 0;
  width: 50%;
  color: #f00;
  background-color: #ee3224;
  height: 3px;
}

@media screen and (min-width: 800px) {
  .page-summary-small.has-img > .wrap {
    position: relative;
    min-height: 200px;
  }

  .page-summary-small.has-img > h2 {
    position: absolute;
    width: auto;
    bottom: 0;
    left: 0;
    background: #ee3224;
  }
}

.page-summary-small img {
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .page-summary-small img {
    top: 0;
    min-width: 100%;
    height: 410px;
    position: absolute;
    left: 50%;
    margin-left: -35.625em;
    width: auto;
  }
}

/* ==========================================================================
   Feature
   ========================================================================== */

.feature {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}

.feature:before,
.feature:after {
  content: " ";
  display: table;
}

.feature:after {
  clear: both;
}

.feature.overthetop {
  overflow: visible;
}

.feature.overthetop h1.blockHeading {
  padding-right: 120px;
}

.feature.primaryblue h1 {
  padding: 10px;
  background: #002b5c;
  color: white;
}

.feature.blue h1 {
  color: white;
  padding: 10px;
  background: #0078ae;
}

.feature.green h1 {
  color: white;
  padding: 10px;
  background: #5d9732;
}

.feature.red h1 {
  color: white;
  padding: 10px;
  background: #ee3224;
}

.feature.orange h1 {
  color: white;
  padding: 10px;
  background: #f47b20;
}

.feature > header {
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature > header h1.blockHeading {
  padding: 10px;
  background: #002b5c;
  color: white;
}

.feature > header h1 span.qualification {
  display: block;
  font-size: 0.5em;
  line-height: 1em;
  width: 100%;
}

.feature > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

@media screen and (min-width: 680px) {
  .feature > header p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature .flexslider.thumbs {
  margin-bottom: 1px !important;
}

.feature .flexslider.thumbs .slides > li {
  position: relative;
  min-height: 60px;
  margin-right: 4px;
  cursor: pointer;
  background: #e5e5e5;
  text-align: center;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature .flexslider.thumbs .slides > li.flex-active-slide {
  font-weight: bold;
}

.feature .flexslider.thumbs .slides > li > div {
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0;
}

@media screen and (min-width: 680px) {
  .feature .flexslider.thumbs .slides > li {
    min-height: 100px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature .flexslider.thumbs .flex-direction-nav a {
  min-height: 60px;
  top: 0;
  margin: 0;
  border-radius: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature .flexslider.thumbs .flex-direction-nav a.flex-prev {
  left: 0;
}

.feature .flexslider.thumbs .flex-direction-nav a.flex-next {
  right: 0;
}

.feature .flexslider.thumbs .flex-direction-nav a:before {
  padding-top: .5em;
  padding-bottom: .5em;
}

@media screen and (min-width: 680px) {
  .feature .flexslider.thumbs .flex-direction-nav a {
    min-height: 100px;
  }

  .feature .flexslider.thumbs .flex-direction-nav a:before {
    padding-top: 1.05em;
    padding-bottom: 1.05em;
  }
}

.feature .flexslider.thumbsimg {
  margin-top: 1px;
}

.feature .flexslider.thumbsimg .slides > li {
  margin-right: 4px;
  cursor: pointer;
  background: #fff;
}

.feature .flexslider.has-thumbs,
.feature .flexslider.has-thumbsimg {
  margin-bottom: 0 !important;
}

.feature .flexslider .slides > li figure
a {
  text-decoration: none;
}

.feature .flexslider .slides > li figcaption {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature .flexslider .slides > li figcaption h2 {
  width: 100%;
  margin: -1px 0 .5em;
}

.feature .flexslider .slides > li figcaption p {
  margin: 0;
  padding: 0 20px 20px;
  background: #fff;
  color: #222222;
}

.feature .flexslider .slides > li figcaption a.hover {
  color: #f47b20;
  background: none;
}

@media screen and (min-width: 680px) {
  .feature .flexslider .slides > li figcaption {
    position: absolute;
    left: 0;
    top: 10%;
  }

  .feature .flexslider .slides > li figcaption h2 {
    width: auto;
    z-index: 1;
    position: relative;
    bottom: -1.2em;
    margin: 0;
  }

  .feature .flexslider .slides > li figcaption p {
    width: 50%;
    padding-top: 60px;
  }
}

.feature-title-in-middle {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}

.feature-title-in-middle:before,
.feature-title-in-middle:after {
  content: " ";
  display: table;
}

.feature-title-in-middle:after {
  clear: both;
}

.feature-title-in-middle > header {
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-in-middle > header h1 {
  max-width: 75%;
}

.feature-title-in-middle > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

@media screen and (min-width: 680px) {
  .feature-title-in-middle > header p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature-title-in-middle .flexslider.thumbs {
  margin-bottom: 1px !important;
}

.feature-title-in-middle .flexslider.thumbs .slides > li {
  position: relative;
  min-height: 60px;
  margin-right: 4px;
  cursor: pointer;
  background: #e5e5e5;
  text-align: center;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-in-middle .flexslider.thumbs .slides > li.flex-active-slide {
  font-weight: bold;
}

.feature-title-in-middle .flexslider.thumbs .slides > li > div {
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0;
}

@media screen and (min-width: 680px) {
  .feature-title-in-middle .flexslider.thumbs .slides > li {
    min-height: 100px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a {
  min-height: 60px;
  top: 0;
  margin: 0;
  border-radius: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a.flex-prev {
  left: 0;
}

.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a.flex-next {
  right: 0;
}

.feature-title-in-middle .flexslider.thumbs .flex-direction-nav a:before {
  padding-top: .5em;
  padding-bottom: .5em;
}

@media screen and (min-width: 680px) {
  .feature-title-in-middle .flexslider.thumbs .flex-direction-nav a {
    min-height: 100px;
  }

  .feature-title-in-middle .flexslider.thumbs .flex-direction-nav a:before {
    padding-top: 1.05em;
    padding-bottom: 1.05em;
  }
}

.feature-title-in-middle .flexslider.thumbsimg {
  margin-top: 1px;
}

.feature-title-in-middle .flexslider.thumbsimg .slides > li {
  margin-right: 4px;
  cursor: pointer;
  background: #fff;
}

.feature-title-in-middle .flexslider.has-thumbs,
.feature-title-in-middle .flexslider.has-thumbsimg {
  margin-bottom: 0 !important;
}

.feature-title-in-middle .flexslider .slides > li figure
a {
  text-decoration: none;
}

.feature-title-in-middle .flexslider .slides > li figcaption {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-in-middle .flexslider .slides > li figcaption h2 {
  width: 100%;
  margin: -1px 0 .5em;
}

.feature-title-in-middle .flexslider .slides > li figcaption p {
  margin: 0;
  padding: 0 20px 20px;
  background: #fff;
  color: #222222;
}

.feature-title-in-middle .flexslider .slides > li figcaption a.hover {
  color: #f47b20;
  background: none;
}

@media screen and (min-width: 680px) {
  .feature-title-in-middle .flexslider .slides > li figcaption {
    position: absolute;
    left: 0;
    top: 10%;
  }

  .feature-title-in-middle .flexslider .slides > li figcaption h2 {
    width: auto;
    z-index: 1;
    position: relative;
    bottom: -1.2em;
    margin: 0;
  }

  .feature-title-in-middle .flexslider .slides > li figcaption p {
    width: 50%;
    padding-top: 60px;
  }
}

.feature-title-at-bottom {
  *zoom: 1;
  overflow: visible;
  position: relative;
  margin-bottom: 16px;
}

.feature-title-at-bottom:before,
.feature-title-at-bottom:after {
  content: " ";
  display: table;
}

.feature-title-at-bottom:after {
  clear: both;
}

.feature-title-at-bottom > header {
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-at-bottom > header h1 {
  max-width: 75%;
}

.feature-title-at-bottom > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

@media screen and (max-width: 50px) {
  .feature-title-at-bottom > header p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature-title-at-bottom .flexslider.thumbs {
  margin-bottom: 1px !important;
}

.feature-title-at-bottom .flexslider.thumbs .slides > li {
  position: relative;
  min-height: 60px;
  margin-right: 4px;
  cursor: pointer;
  background: #e5e5e5;
  text-align: center;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-at-bottom .flexslider.thumbs .slides > li.flex-active-slide {
  font-weight: bold;
}

.feature-title-at-bottom .flexslider.thumbs .slides > li > div {
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0;
}

@media screen and (min-width: 680px) {
  .feature-title-at-bottom .flexslider.thumbs .slides > li {
    min-height: 100px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a {
  min-height: 60px;
  top: 0;
  margin: 0;
  border-radius: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a.flex-prev {
  left: 0;
}

.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a.flex-next {
  right: 0;
}

.feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a:before {
  padding-top: .5em;
  padding-bottom: .5em;
}

@media screen and (min-width: 680px) {
  .feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a {
    min-height: 100px;
  }

  .feature-title-at-bottom .flexslider.thumbs .flex-direction-nav a:before {
    padding-top: 1.05em;
    padding-bottom: 1.05em;
  }
}

.feature-title-at-bottom .flexslider.thumbsimg {
  margin-top: 1px;
}

.feature-title-at-bottom .flexslider.thumbsimg .slides > li {
  margin-right: 4px;
  cursor: pointer;
  background: #fff;
}

.feature-title-at-bottom .flexslider.has-thumbs,
.feature-title-at-bottom .flexslider.has-thumbsimg {
  margin-bottom: 0 !important;
}

.feature-title-at-bottom .flexslider .slides > li figure
a {
  text-decoration: none;
}

.feature-title-at-bottom .flexslider .slides > li figcaption {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-title-at-bottom .flexslider .slides > li figcaption h2 {
  width: 100%;
  margin: -1px 0 .5em;
}

.feature-title-at-bottom .flexslider .slides > li figcaption p {
  margin: 0;
  padding: 0 20px 20px;
  background: #fff;
  color: #222222;
}

.feature-title-at-bottom .flexslider .slides > li figcaption a.hover {
  color: #f47b20;
  background: none;
}

@media screen and (max-width: 50px) {
  .feature-title-at-bottom .flexslider .slides > li figcaption {
    position: absolute;
    left: 0;
    top: 10%;
  }

  .feature-title-at-bottom .flexslider .slides > li figcaption h2 {
    width: auto;
    z-index: 1;
    position: relative;
    bottom: -1.2em;
    margin: 0;
  }

  .feature-title-at-bottom .flexslider .slides > li figcaption p {
    width: 50%;
    padding-top: 60px;
  }
}

/* ==========================================================================
   Feature2
   ========================================================================== */

.feature2 {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}

.feature2:before,
.feature2:after {
  content: " ";
  display: table;
}

.feature2:after {
  clear: both;
}

.feature2 > header {
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature2 > header h1 {
  max-width: 75%;
}

.feature2 > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

@media screen and (min-width: 680px) {
  .feature2 > header p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature2 .flexslider2.thumbs {
  margin-bottom: 1px !important;
}

.feature2 .flexslider2.thumbs .slides > li {
  position: relative;
  min-height: 60px;
  margin-right: 4px;
  cursor: pointer;
  background: #e5e5e5;
  text-align: center;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature2 .flexslider2.thumbs .slides > li.flex-active-slide {
  font-weight: bold;
}

.feature2 .flexslider2.thumbs .slides > li > div {
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0;
}

@media screen and (min-width: 680px) {
  .feature2 .flexslider2.thumbs .slides > li {
    min-height: 100px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature2 .flexslider2.thumbs .flex-direction-nav a {
  min-height: 60px;
  top: 0;
  margin: 0;
  border-radius: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature2 .flexslider2.thumbs .flex-direction-nav a.flex-prev {
  left: 0;
}

.feature2 .flexslider2.thumbs .flex-direction-nav a.flex-next {
  right: 0;
}

.feature2 .flexslider2.thumbs .flex-direction-nav a:before {
  padding-top: .5em;
  padding-bottom: .5em;
}

@media screen and (min-width: 680px) {
  .feature2 .flexslider2.thumbs .flex-direction-nav a {
    min-height: 100px;
  }

  .feature2 .flexslider2.thumbs .flex-direction-nav a:before {
    padding-top: 1.05em;
    padding-bottom: 1.05em;
  }
}

.feature2 .flexslider2.thumbsimg {
  margin-top: 1px;
}

.feature2 .flexslider2.thumbsimg .slides > li {
  margin-right: 4px;
  cursor: pointer;
  background: #fff;
}

.feature2 .flexslider2.has-thumbs,
.feature2 .flexslider2.has-thumbsimg {
  margin-bottom: 0 !important;
}

.feature2 .flexslider2 .slides > li figure
a {
  text-decoration: none;
}

.feature2 .flexslider2 .slides > li figcaption {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature2 .flexslider2 .slides > li figcaption h2 {
  width: 100%;
  margin: -1px 0 .5em;
}

.feature2 .flexslider2 .slides > li figcaption p {
  margin: 0;
  padding: 0 20px 20px;
  background: #fff;
  color: #222222;
}

.feature2 .flexslider2 .slides > li figcaption a.hover {
  color: #f47b20;
  background: none;
}

@media screen and (min-width: 680px) {
  .feature2 .flexslider2 .slides > li figcaption {
    position: absolute;
    left: 0;
    top: 10%;
  }

  .feature2 .flexslider2 .slides > li figcaption h2 {
    width: auto;
    z-index: 1;
    position: relative;
    bottom: -1.2em;
    margin: 0;
  }

  .feature2 .flexslider2 .slides > li figcaption p {
    width: 50%;
    padding-top: 60px;
  }
}

section.feature div.flexslider ul.slides li figure a figcaption {
  position: inherit;
  left: 0;
  top: 0px;
}

section.feature div.flexslider ul.slides li figure a figcaption h2 {
  width: 100%;
  margin: -1px 0 .5em;
  bottom: 0px;
}

section.feature div.flexslider ul.slides li figure a figcaption h2.red {
  background: #EE3224;
}

section.feature div.flexslider ul.slides li figure a figcaption h2.orange {
  background: #f47b20;
}

section.feature div.flexslider ul.slides li figure a figcaption h2.green {
  background: #5D9732;
}

section.feature div.flexslider ul.slides li figure a figcaption h2.blue {
  background: #0078ae;
}

section.feature div.flexslider ul.slides li figure a figcaption h2.corpblue {
  background: #002b5c;
}

section.feature div.flexslider ul.slides li figure a figcaption p {
  width: 100%;
  padding-top: 0px;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption {
  position: inherit;
  left: 0;
  top: 0px;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2 {
  width: 100%;
  margin: -1px 0 .5em;
  bottom: 0px;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.red {
  background: #EE3224;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.orange {
  background: #f47b20;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.green {
  background: #5D9732;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.blue {
  background: #0078ae;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption h2.corpblue {
  background: #002b5c;
}

section.feature div.flexslider ul.slides li.flex-active-slide figure a figcaption p {
  width: 100%;
  padding-top: 0px;
}

/* ==========================================================================
   Feature full width
   ========================================================================== */

.feature-full-width {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}

.feature-full-width:before,
.feature-full-width:after {
  content: " ";
  display: table;
}

.feature-full-width:after {
  clear: both;
}

.feature-full-width .flexslider .slides > li figure > a {
  text-decoration: none;
}

.feature-full-width .flexslider .slides > li figure > a > .wrap {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  /*max-width:70em;
                   margin-left:auto;
                   margin-right:auto;*/
}

.feature-full-width .flexslider .slides > li figure > a > .wrap:before,
.feature-full-width .flexslider .slides > li figure > a > .wrap:after {
  content: " ";
  display: table;
}

.feature-full-width .flexslider .slides > li figure > a > .wrap:after {
  clear: both;
}

.feature-full-width .flexslider .slides > li figure > a > .wrap h1 {
  width: 100%;
  margin: -1px 0 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 1024px) {
  .feature-full-width .flexslider .slides > li figure > a > .wrap h1 {
    position: absolute;
    top: 0;
    width: auto;
    margin: 0;
    color: #fff;
    /*CH grey*/
  }
}

.feature-full-width .flexslider .slides > li figure > a > .wrap h1#hp3 {
  color: #fff;
  font-size: 18px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-full-width .flexslider .slides > li figure > a > .wrap h1#hp3 {
    /*
	position: absolute;
	top: 0;
	width: auto;
	margin: 0;
	color: #fff; CH grey*/
  }
}

.feature-full-width .flexslider .slides > li figure > a > .wrap h1#hp2 {
  color: #fff;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-full-width .flexslider .slides > li figure > a > .wrap h1#hp2 {
    /*
	position: absolute;
	top: 0;
	width: auto;
	margin: 0;
	color: #fff; CH grey*/
  }
}

.feature-full-width .flexslider .slides > li figure > a > .wrap h1#hp1 {
  bottom: 2.15em;
  width: auto;
  margin: 0;
  top: inherit;
  left: 0px;
  color: #fff;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-full-width .flexslider .slides > li figure > a > .wrap h1#hp1 {
    /*
	position: absolute;
	top: 0;
	width: auto;
	margin: 0;
	color: #fff; CH grey*/
  }
}

.feature-full-width .flexslider .slides > li.gold figure > a > .wrap h1 {
  background: #c39e05;
}

.feature-full-width .flexslider .slides > li figcaption {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  /*max-width:70em;
                   margin-left:auto;
                   margin-right:auto;*/
  padding: 20px;
}

.feature-full-width .flexslider .slides > li figcaption:before,
.feature-full-width .flexslider .slides > li figcaption:after {
  content: " ";
  display: table;
}

.feature-full-width .flexslider .slides > li figcaption:after {
  clear: both;
}

.feature-full-width .flexslider .slides > li figcaption p {
  margin: 0;
  color: #222222;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-full-width .flexslider .slides > li figcaption p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature-full-width .flexslider .slides > li figcaption a.call-to-action-link {
  float: right;
  margin: 0 0 10px 20px;
  background-color: #002b5c;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-full-width .flexslider .slides > li figcaption a.call-to-action-link {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature-full-width .flexslider .slides > li figcaption a.call-to-action-link:after {
  content: '>';
  font-family: Alegreya Sans, sans-serif;
  float: right;
  padding-left: 1em;
}

.feature-full-width .flexslider .slides > li figcaption a.call-to-action-link.hover {
  background-color: #0078ae;
}

p a.call-to-action-link2 {
  /*float: left;*/
  margin: 10px 0 0px;
  background-color: #002b5c;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  p a.call-to-action-link2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

p a.call-to-action-link2:after {
  content: '>';
  font-family: Alegreya Sans, sans-serif;
  float: right;
  padding-left: 1em;
}

p a.call-to-action-link2.hover {
  background-color: #0078ae;
}

/* =======================================================================
   Awesome box 
   ======================================================================= */

.awesome {
  *zoom: 1;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
}

.awesome:before,
.awesome:after {
  content: " ";
  display: table;
}

.awesome:after {
  clear: both;
}

.awesome > header {
  margin-bottom: 20px;
}

.awesome > header p {
  font-size: 18px;
  font-size: 1.125rem;
}

.awesome > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.awesome > ul {
  padding: 0;
}

.awesome > ul > li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
  height: 0;
  margin-bottom: 1.53331%;
  padding-bottom: 49.2333%;
  background: gainsboro;
  font-size: 13px;
  font-size: 0.8125rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.awesome > ul > li:last-child {
  margin-right: 0;
}

.awesome > ul > li:nth-child(2n) {
  margin-right: 0;
}

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

@media screen and (min-width: 500px) {
  .awesome > ul > li {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 800px) {
  .awesome > ul > li {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 71.25em) {
  .awesome > ul > li {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 800px) {
  .awesome > ul > li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    padding-bottom: 23.85%;
  }

  .awesome > ul > li:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .awesome > ul > li:nth-child(2n+1) {
    clear: none;
  }

  .awesome > ul > li:last-child {
    margin-right: 0;
  }

  .awesome > ul > li:nth-child(4n) {
    margin-right: 0;
  }

  .awesome > ul > li:nth-child(4n+1) {
    clear: left;
  }
}

.awesome > ul > li img {
  width: 100%;
  height: auto;
}

.awesome > ul > li p {
  margin: 0;
  padding: 10px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .awesome > ul > li p {
    /*padding: $padding;*/
  }
}

.awesome > ul > li.red {
  background: #ee3224;
}

.awesome > ul > li.green {
  background: #5d9732;
}

.awesome > ul > li.orange {
  background: #f47b20;
}

.awesome > ul > li.blue {
  background: #0078ae;
}

.awesome > ul > li.red,
.awesome > ul > li.green,
.awesome > ul > li.orange,
.awesome > ul > li.blue {
  position: relative;
  color: #fff;
  text-align: center;
}

.awesome > ul > li.red p,
.awesome > ul > li.green p,
.awesome > ul > li.orange p,
.awesome > ul > li.blue p {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1.1;
  font-size: 20px;
  font-size: 1.25rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .awesome > ul > li.red p,
  .awesome > ul > li.green p,
  .awesome > ul > li.orange p,
  .awesome > ul > li.blue p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 800px) {
  .awesome > ul > li.red p,
  .awesome > ul > li.green p,
  .awesome > ul > li.orange p,
  .awesome > ul > li.blue p {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}

@media screen and (min-width: 71.25em) {
  .awesome > ul > li.red p,
  .awesome > ul > li.green p,
  .awesome > ul > li.orange p,
  .awesome > ul > li.blue p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.awesome > ul > li.red p strong,
.awesome > ul > li.green p strong,
.awesome > ul > li.orange p strong,
.awesome > ul > li.blue p strong {
  display: block;
  margin-top: .25em;
  font-family: Alegreya Sans, sans-serif;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: .6;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .awesome > ul > li.red p strong,
  .awesome > ul > li.green p strong,
  .awesome > ul > li.orange p strong,
  .awesome > ul > li.blue p strong {
    font-size: 80px;
    font-size: 5rem;
  }
}

@media screen and (min-width: 800px) {
  .awesome > ul > li.red p strong,
  .awesome > ul > li.green p strong,
  .awesome > ul > li.orange p strong,
  .awesome > ul > li.blue p strong {
    font-size: 55px;
    font-size: 3.4375rem;
  }
}

@media screen and (min-width: 71.25em) {
  .awesome > ul > li.red p strong,
  .awesome > ul > li.green p strong,
  .awesome > ul > li.orange p strong,
  .awesome > ul > li.blue p strong {
    font-size: 80px;
    font-size: 5rem;
  }
}

.awesome > ul > li.awesome-person {
  position: relative;
}

.awesome > ul > li.awesome-person figcaption {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 90%;
  margin: 0;
  padding: 6.66667px 20px;
  display: inline-block;
  background: #002b5c;
  color: #fff;
}

/* =======================================================================
   Awesome box 2 used on the Department Homepages
   ======================================================================= */

.awesome2 {
  *zoom: 1;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
}

.awesome2:before,
.awesome2:after {
  content: " ";
  display: table;
}

.awesome2:after {
  clear: both;
}

.awesome2 a {
  text-decoration: none;
}

.awesome2 > header {
  margin-bottom: 20px;
}

.awesome2 > header p {
  font-size: 14px;
  font-size: 0.875rem;
}

.awesome2 > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.awesome2 > ul a {
  padding: 0;
}

.awesome2 > ul a > li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
  height: 0;
  margin-bottom: 80px;
  padding-bottom: 100%;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.awesome2 > ul a > li:last-child {
  margin-right: 0;
}

.awesome2 > ul a > li:nth-child(2n) {
  margin-right: 0;
}

.awesome2 > ul a > li:nth-child(2n+1) {
  clear: left;
}

@media screen and (min-width: 500px) {
  .awesome2 > ul a > li {
    font-size: 18px;
    font-size: 1.125rem;
    width: 70%;
    margin-bottom: -50px;
    /* If we're outputting for a fixed media query set */
    /* Otherwise, output it using a regular media query */
    /* If we're outputting for a fixed media query set */
    /* Otherwise, output it using a regular media query */
  }
}

@media screen and (min-width: 500px) and (min-width: 800px) {
  .awesome2 > ul a > li {
    /*@include span-columns(3);*/
    /*@include omega(4n);*/
    padding-bottom: 53%;
    padding-right: 13.33333px;
    width: 33%;
    /*margin-left:-$padding*2;*/
    color: #002b5c;
  }

  .awesome2 > ul a > li:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .awesome2 > ul a > li:nth-child(2n+1) {
    clear: none;
  }
}

.awesome2 > ul a > li img {
  width: 100%;
  height: auto;
  margin-left: -20px;
}

.awesome2 > ul a > li p {
  margin: 0;
  padding: 20px;
  background-color: gainsboro;
  color: #222222;
  margin-left: -20px;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.awesome2 > ul a > li p a {
  text-decoration: none;
}

@media screen and (min-width: 800px) {
  .awesome2 > ul a > li p {
    background-color: gainsboro;
    color: #222222;
  }
}

@media screen and (min-width: 500px) {
  .awesome2 > ul a > li p {
    background-color: gainsboro;
    color: #222222;
  }
}

@media screen and (min-width: 680px) {
  .awesome2 > ul a > li p {
    background-color: gainsboro;
    color: #222222;
  }
}

.awesome2 > ul a > li.red {
  background: #ee3224;
}

.awesome2 > ul a > li.red a {
  color: white;
}

.awesome2 > ul a > li.red a.hover {
  color: gainsboro;
}

.awesome2 > ul a > li.red h2 {
  font-size: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -10px;
}

.awesome2 > ul a > li.red p {
  /*padding: $padding;*/
}

.awesome2 > ul a > li.green {
  background: #5d9732;
}

.awesome2 > ul a > li.green a {
  color: white;
}

.awesome2 > ul a > li.green a.hover {
  color: gainsboro;
}

.awesome2 > ul a > li.green h2 {
  font-size: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -10px;
}

.awesome2 > ul a > li.orange {
  background: #f47b20;
}

.awesome2 > ul a > li.orange a {
  color: white;
}

.awesome2 > ul a > li.orange a.hover {
  color: #5a5c60;
}

.awesome2 > ul a > li.orange h2 {
  font-size: 80px;
  font-size: 5rem;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -10px;
}

.awesome2 > ul a > li.blue {
  background: #0078ae;
}

.awesome2 > ul a > li.blue a {
  color: white;
}

.awesome2 > ul a > li.blue a.hover {
  color: #5a5c60;
}

.awesome2 > ul a > li.blue h2 {
  font-size: 80px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -10px;
}

.awesome2 > ul a > li.red,
.awesome2 > ul a > li.green,
.awesome2 > ul a > li.orange,
.awesome2 > ul a > li.blue {
  position: relative;
  color: #fff;
  text-align: center;
}

.awesome2 > ul a > li.red p,
.awesome2 > ul a > li.green p,
.awesome2 > ul a > li.orange p,
.awesome2 > ul a > li.blue p {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1.1;
  font-size: 20px;
  font-size: 1.25rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .awesome2 > ul a > li.red p,
  .awesome2 > ul a > li.green p,
  .awesome2 > ul a > li.orange p,
  .awesome2 > ul a > li.blue p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 800px) {
  .awesome2 > ul a > li.red p,
  .awesome2 > ul a > li.green p,
  .awesome2 > ul a > li.orange p,
  .awesome2 > ul a > li.blue p {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}

@media screen and (min-width: 71.25em) {
  .awesome2 > ul a > li.red p,
  .awesome2 > ul a > li.green p,
  .awesome2 > ul a > li.orange p,
  .awesome2 > ul a > li.blue p {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.awesome2 > ul a > li.red p h2,
.awesome2 > ul a > li.green p h2,
.awesome2 > ul a > li.orange p h2,
.awesome2 > ul a > li.blue p h2 {
  top: 60%;
  left: 50%;
}

.awesome2 > ul a > li.red p strong,
.awesome2 > ul a > li.green p strong,
.awesome2 > ul a > li.orange p strong,
.awesome2 > ul a > li.blue p strong {
  display: block;
  margin-top: .25em;
  font-family: Alegreya Sans, sans-serif;
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: .6;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .awesome2 > ul a > li.red p strong,
  .awesome2 > ul a > li.green p strong,
  .awesome2 > ul a > li.orange p strong,
  .awesome2 > ul a > li.blue p strong {
    font-size: 80px;
    font-size: 5rem;
  }
}

@media screen and (min-width: 800px) {
  .awesome2 > ul a > li.red p strong,
  .awesome2 > ul a > li.green p strong,
  .awesome2 > ul a > li.orange p strong,
  .awesome2 > ul a > li.blue p strong {
    font-size: 55px;
    font-size: 3.4375rem;
  }
}

@media screen and (min-width: 71.25em) {
  .awesome2 > ul a > li.red p strong,
  .awesome2 > ul a > li.green p strong,
  .awesome2 > ul a > li.orange p strong,
  .awesome2 > ul a > li.blue p strong {
    font-size: 80px;
    font-size: 5rem;
  }
}

.awesome2 > ul a > li.awesome-person {
  position: relative;
}

.awesome2 > ul a > li.awesome-person figcaption {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 90%;
  margin: 0;
  padding: 6.66667px 20px;
  display: inline-block;
  background: #002b5c;
  color: #fff;
}

.awesome2 .evenmoreawesome {
  position: relative;
  width: 21%;
  height: auto;
}

.awesome2 .evenmoreawesome img {
  width: 100%;
  vertical-align: top;
}

.awesome2 .evenmoreawesome:after {
  content: attr(data-content);
  color: #fff;
  position: absolute;
  width: 91%;
  height: 96%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  padding: 5px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .awesome2 .evenmoreawesome:after {
    width: 91%;
    height: 96%;
    margin-left: -20px;
  }
}

@media screen and (min-width: 500px) {
  .awesome2 .evenmoreawesome:after {
    width: 98%;
    height: 83%;
    margin-left: -20px;
  }
}

@media screen and (min-width: 680px) {
  .awesome2 .evenmoreawesome:after {
    width: 91%;
    height: 77%;
    margin-left: -20px;
  }
}

.awesome2 .evenmoreawesome:hover:after {
  opacity: 1;
}

/* ==========================================================================
   Contact
   ========================================================================== */

.contact {
  margin-bottom: 16px;
  padding: 0;
}

.contact h1 {
  padding-bottom: .5em;
  /*border-bottom: 1px solid $lightgrey;*/
}

.contact h2 {
  margin: 1em 0 0 0;
}

.contact .tel {
  display: block;
  color: #222222;
  text-decoration: none;
}

.contact a.hover {
  color: #5a5c60;
}

/* ==========================================================================
   Formal Quotation
   e.g. used in work with us
   ========================================================================== */

.quotation {
  *zoom: 1;
  overflow: hidden;
  margin-bottom: 16px;
  background: gainsboro;
  padding: 0;
}

.quotation:before,
.quotation:after {
  content: " ";
  display: table;
}

.quotation:after {
  clear: both;
}

.quotation > div {
  padding: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.quotation > div h1,
.quotation > div h3 {
  color: white;
  font-family: Alegreya Sans, sans-serif;
}

.quotation > div h3 {
  color: white;
  padding: 0 20px;
  font-size: 1.6em;
}

.quotation > div a {
  color: white;
  /*ch from lightgrey */
}

.quotation > div a.flex-prev {
  color: #222222;
}

.quotation > div a.hover h3 {
  color: white;
}

.quotation > div a.hover a.flex-prev {
  color: #222222;
}

.quotation > div .quotee {
  background-color: #002b5c;
}

.quotation > div .quotee .name {
  margin: 0;
  font-weight: bold;
}

.quotation > div .quotee .description {
  margin-bottom: 20px;
  padding: 0 20px;
}

.quotation > div blockquote {
  background: #efefef;
}

.quotation > div blockquote h2 {
  margin: 0;
}

.quotation > div blockquote p {
  margin: 0;
}

.quotation > div > header {
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.quotation > div > header h1 {
  color: white;
}

.quotation > div > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

@media screen and (min-width: 680px) {
  .quotation > div > header p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 680px) {
  .quotation > div.left {
    float: left;
    width: 50%;
    margin-right: 1em;
  }

  .quotation > div.right {
    float: right;
    width: 50%;
    margin-left: 1em;
  }
}

.quotation > div aside blockquote {
  *zoom: 1;
  position: relative;
  margin: 0;
  padding: 20px;
  color: #222222;
  float: right;
  quotes: "\201C" "\201D" "\2018" "\2019";
}

.quotation > div aside blockquote:before,
.quotation > div aside blockquote:after {
  content: " ";
  display: table;
}

.quotation > div aside blockquote:after {
  clear: both;
}

.quotation > div aside blockquote:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: -28px;
  margin-left: -14px;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 14px;
  border-bottom-color: #efefef;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .quotation > div aside blockquote:before {
    left: -28px;
    top: 50%;
    margin-top: -14px;
    margin-left: 0;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 14px;
    border-right-color: #efefef;
  }
}

.quotation > div aside .quotee {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.quotation > div aside .quotee > img {
  margin-bottom: 10px;
}

@media screen and (min-width: 800px) {
  .quotation > div aside .quotee {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .quotation > div aside .quotee:last-child {
    margin-right: 0;
  }

  .quotation > div aside .quotee > img {
    float: right;
    margin-left: 10px;
  }
}

.quotation > div .flexslider aside blockquote {
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .quotation > div .flexslider aside blockquote {
    width: 40%;
  }
}

.quotation > div .flexslider ul li:first-of-type {
  display: block;
}

.quotation > div .flexslider[data-max="2"] aside {
  margin-right: 20px;
}

.quotation > div .flexslider[data-max="2"] aside blockquote {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .quotation > div .flexslider[data-max="2"] aside blockquote {
    float: left;
    display: block;
    margin-right: 3.11438%;
    width: 65.62854%;
  }

  .quotation > div .flexslider[data-max="2"] aside blockquote:last-child {
    margin-right: 0;
  }
}

.quotation > div .flexslider[data-max="2"] aside .quotee {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .quotation > div .flexslider[data-max="2"] aside .quotee {
    float: left;
    display: block;
    margin-right: 3.11438%;
    width: 31.25708%;
  }

  .quotation > div .flexslider[data-max="2"] aside .quotee:last-child {
    margin-right: 0;
  }
}

.quotation > div .flexslider[data-max="2"] aside .quotee > img {
  float: none;
  width: 100%;
  margin-left: 0;
}

.quotation > div.primaryblue {
  background: #002b5c;
  color: #efefef;
}

.quotation > div.primaryblue h1,
.quotation > div.primaryblue h3 {
  color: #efefef;
}

.quotation > div.blue {
  background: #0078ae;
  color: #efefef;
}

.quotation > div.blue h1,
.quotation > div.blue h3 {
  color: #efefef;
}

.quotation > div.orange {
  background: #f47b20;
  color: #efefef;
}

.quotation > div.orange h1,
.quotation > div.orange h3 {
  color: #efefef;
}

.quotation > div.green {
  background: #5d9732;
  color: #efefef;
}

.quotation > div.green h1,
.quotation > div.green h3 {
  color: #efefef;
}

.quotation > div.red {
  background: #ee3224;
  color: #efefef;
}

.quotation > div.red h1,
.quotation > div.red h3 {
  color: #efefef;
}

.quotation > div.lightgrey {
  background: gainsboro;
  color: #222222;
}

.quotation > div.lightgrey h1,
.quotation > div.lightgrey h3 {
  color: #222222;
}

.quotation > div.darkgrey {
  background: #222222;
  color: #efefef;
}

.quotation > div.darkgrey h1,
.quotation > div.darkgrey h3 {
  color: #efefef;
}

.quotation ol > li {
  padding: 5px;
}

aside.quotation,
.discover div section.quotation {
  padding: 20px;
  background: #0078ae;
  color: #fff;
}

aside.quotation > header h2,
.discover div section.quotation > header h2 {
  margin: 0;
  font-family: Alegreya Sans, sans-serif;
  color: #fff;
}

aside.quotation > header p,
.discover div section.quotation > header p {
  margin-top: 0;
  border-top: none;
  font-size: 15px;
  font-size: 0.9375rem;
}

aside.quotation blockquote,
.discover div section.quotation blockquote {
  background: #fff;
  color: #222222;
}

aside.quotation blockquote:before,
.discover div section.quotation blockquote:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  top: -14px;
  margin-left: -14px;
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 14px;
  border-bottom-color: white;
}

aside.quotation .flexslider blockquote,
aside.quotation .flexslider .quotee,
aside.quotation .flexslider .quotee img,
.discover div section.quotation .flexslider blockquote,
.discover div section.quotation .flexslider .quotee,
.discover div section.quotation .flexslider .quotee img {
  width: 100%;
  display: block;
}

#key-aside .quotation .quotee {
  width: 100%;
}

#key-aside .quotation blockquote:before {
  border: 0 none;
  content: open-quote;
  left: 0;
  margin-top: 0;
  position: absolute;
  display: inline;
  font-size: 3em;
  color: #5d9732;
  top: -10px;
}

#key-aside .quotation blockquote:after {
  border: 0 none;
  content: close-quote;
  margin-top: 0;
  margin-top: 10px;
  position: absolute;
  display: inline;
  font-size: 3em;
  line-height: 0.1;
  color: #5d9732;
  right: 0;
  bottom: 0;
}

#key-aside .quotation .flexslider aside blockquote {
  width: 100%;
}

/* ==========================================================================
   Discover
   ======================================================================== */

.discover {
  display: block;
  *zoom: 1;
  /*CH figure padding START   */
  /* normally figure has 20px padding*/
  /*at min width of 680 an upwards we remove padding top*/
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /** Ch figure END /
  
  
  	@include clearfix;
  	overflow: hidden;
  	margin-bottom: -20px; /* CH was $gutter-vertical */
}

.discover:before,
.discover:after {
  content: " ";
  display: table;
}

.discover:after {
  clear: both;
}

.discover figure {
  margin: 0;
  padding-top: 20px;
}

@media screen and (min-width: 680px) {
  .discover figure {
    margin: 0;
    padding-top: 0;
  }
}

.discover > header {
  margin: 20px 0;
}

.discover > header p {
  font-size: 18px;
  font-size: 1.125rem;
}

.discover > header h1 + p {
  margin-top: 8em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.discover > .wrap {
  /* Styling for JS columnizer that addresses browsers without support for CSS3 columns */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.discover > .wrap > .column {
  float: left;
  width: 100% !important;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .discover > .wrap > .column {
    width: 48% !important;
    margin-right: 2%;
  }

  .discover > .wrap > .column.last {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .discover > .wrap > .column {
    width: 32% !important;
  }
}

@media screen and (min-width: 680px) {
  .discover > .wrap {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0.9375em;
    -moz-column-gap: 0.9375em;
    column-gap: 0.9375em;
  }
}

@media screen and (min-width: 800px) {
  .discover > .wrap {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

.discover > .wrap > section,
.discover > .wrap > .column > section {
  display: inline-block;
  width: 100%;
}

.discover > .wrap > .column > section {
  display: block;
}

/* ==========================================================================
   Expert search
   ========================================================================== */

.expert-search {
  margin-bottom: 16px;
}

.expert-search img {
  /* CH img definition */
  float: left;
  padding: 0.2em 1em 1em 1em;
}

.expert-search h1 {
  padding-bottom: .5em;
  /*border-bottom: 1px solid $lightgrey;*/
}

.expert-search p.hover {
  color: #5a5c60;
}

.expert-search img {
  float: left;
  padding: 0.2em 1em 1em 1em;
  width: auto;
}

.expert-search form {
  background-color: #efefef;
  padding: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.expert-search form input,
.expert-search form button {
  margin: 3px 0;
}

.expert-search form input {
  width: 100%;
  padding: 9.09091px;
  margin-right: 10px;
}

.expert-search form button {
  color: white;
  font-size: 1em;
  line-height: 2.5em;
  width: 100%;
  /*margin:0;
  text-transform: uppercase;
  text-decoration: none;
  padding: $padding/2;
  border: none;*/
}

.expert-search form button:after {
  content: '>';
  padding-left: 5%;
}

@media screen and (min-width: 680px) {
  .expert-search form input {
    width: 65%;
  }

  .expert-search form input.buttonsearch {
    width: auto;
    /*padding: 0;*/
    /* If we're outputting for a fixed media query set */
    /* Otherwise, output it using a regular media query */
  }

  .expert-search form input.buttonsearch.hover {
    background: #5a5c60;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  .expert-search form input.buttonsearch {
    width: 25%;
  }
}

input.buttonsearch {
  background-color: #002b5c;
  color: white;
  font-size: 1em;
  /*width:20%!important;*/
}

input.buttonsearch:after {
  content: '>';
  padding-left: 5%;
}

/* If we're outputting for a fixed media query set */

/* Otherwise, output it using a regular media query */

/* ==========================================================================
   Sponsorship 
   ========================================================================== */

.sponsorship {
  margin-bottom: 16px;
  padding: 1em 0 1em 0;
  border-top: 1px solid gainsboro;
}

.sponsorship img {
  max-width: 100%;
  padding-top: 1em;
}

/* ==========================================================================
   Call to action
   ========================================================================== */

.call-to-action {
  padding: 20px;
  background: #efefef;
}

.call-to-action img {
  float: right;
}

.call-to-action .button {
  margin-right: 1em;
  background: #002b5c;
  padding: 0.8em 1em;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  .call-to-action .button {
    float: left;
  }
}

.call-to-action a.button::after {
  content: '>';
  float: right;
  font-family: Alegreya Sans, sans-serif;
  padding-left: 1em;
}

/* ==========================================================================
   Filters - used in tabs
   ========================================================================== */

.filters {
  *zoom: 1;
}

.filters:before,
.filters:after {
  content: " ";
  display: table;
}

.filters:after {
  clear: both;
}

.filters > form[role="search"] {
  margin-bottom: 16px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .filters > form[role="search"] {
    margin-bottom: 32px;
  }
}

.filters > form[role="search"] .keyword {
  margin-right: 1px;
  padding: .4em .7em;
  border: none;
  background: #c1c3c5;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}

.filters > form[role="search"] .keyword::-webkit-input-placeholder {
  color: #fff;
}

.filters > form[role="search"] .keyword:-moz-placeholder {
  color: #fff;
}

.filters > form[role="search"] .keyword::-moz-placeholder {
  color: #fff;
}

.filters > form[role="search"] .keyword:-ms-input-placeholder {
  color: #fff;
}

.filters > form[role="search"] input[type="submit"] {
  padding: .4em .7em;
  border: none;
  background: #5a5c60;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
}

.filters p a.hover {
  color: #5a5c60;
}

.filters > .tabs {
  margin: 0 0 16px;
  position: relative;
  padding: 0;
  border-bottom: 8px solid #c1c3c5;
  *zoom: 1;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.filters > .tabs:before,
.filters > .tabs:after {
  content: " ";
  display: table;
}

.filters > .tabs:after {
  clear: both;
}

.filters > .tabs > li {
  color: #FF0000;
  display: inline-block;
  margin: 0 1.2em .4em 0;
  width: 100%;
  float: left;
  width: 100%;
  margin: 0 1px 0 0;
  padding: 0;
}

.filters > .tabs > li:before {
  display: none;
}

.filters > .tabs > li > a {
  display: block;
  padding: 10px;
  background: #e5e5e5;
  color: #222222;
  text-decoration: none;
  font-size: 15px;
  outline: none;
}

.filters > .tabs > li > a.hover {
  background: #d5d5d5;
}

.filters > .tabs > li:last-child {
  margin-right: 0;
}

.filters > .tabs > li.burger {
  width: auto;
}

.filters > .tabs > li.cta {
  width: auto;
  float: right;
  margin-right: 1px;
  position: absolute;
  right: 0;
}

.filters > .tabs > li.cta a {
  background: #f47b20;
  color: #fff;
}

.filters > .tabs > li.cta a.hover {
  background-color: #5a5c60;
}

.filters > .tabs > li.active > a {
  background: #c1c3c5;
}

@media screen and (min-width: 680px) {
  .filters > .tabs > li {
    width: auto;
  }

  .filters > .tabs > li.burger {
    display: none;
  }
}

@media screen and (min-width: 800px) {
  .filters > .tabs {
    border-bottom: 8px solid #c1c3c5;
  }

  .filters > .tabs > li > a {
    padding: 10px;
    font-size: 18px;
  }
}

.filters > .viewswitch {
  margin: 0;
  padding: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .filters > .viewswitch {
    float: right;
  }
}

.filters > .viewswitch li {
  display: inline-block;
  margin: 0 1.2em .4em 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .filters > .viewswitch li {
    display: inline-block;
    margin: 0 0 0 8px;
  }

  .filters > .viewswitch li.dataview a:after {
    content: '(';
  }

  .filters > .viewswitch li.imageview a:after {
    content: ')';
  }

  .filters > .viewswitch li.active a:after,
  .filters > .viewswitch li.active a.hover:after {
    color: #c1c3c5;
  }

  .filters > .viewswitch li a {
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
  }

  .filters > .viewswitch li a.hover:after {
    color: #d5d5d5;
  }

  .filters > .viewswitch li a:after {
    display: inline-block;
    color: gainsboro;
    font: 36px/1 Alegreya Sans, sans-serif;
  }
}

@media screen and (min-width: 800px) {
  .filters > .viewswitch li a:after {
    font-size: 40px;
  }
}

.filters > .sort {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .filters > .sort {
    float: right;
  }
}

.filters > .atoz {
  margin: 0 0 16px;
  padding: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .filters > .atoz {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 800px) {
  .filters > .atoz {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.filters > .atoz li {
  display: inline-block;
  margin-bottom: .4em;
}

.filters > .atoz li a {
  padding: 0 .25em;
  color: #222222;
  text-decoration: none;
}

.filters > .atoz li a.hover {
  color: #5a5c60;
}

.filters > .atoz li.active a {
  padding: 0 .5em;
  color: #fff;
  background: #f47b20;
}

.filters > .atoz li.all {
  margin-left: 20px;
}

.filters2 > .tabs {
  margin: 0 0 16px;
  padding: 0;
  display: inline-block;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.filters2 > .tabs > li {
  display: inline-block;
  margin: 0 1.2em .4em 0;
}

@media screen and (min-width: 680px) {
  .filters2 > .tabs > li {
    display: none;
    margin: 0 1px 0 0;
  }

  .filters2 > .tabs > li > a {
    padding: 10px;
    background: #e5e5e5;
    color: #222222;
    text-decoration: none;
    font-size: 15px;
    outline: none;
  }

  .filters2 > .tabs > li > a.hover {
    background: #d5d5d5;
  }

  .filters2 > .tabs > li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .filters2 > .tabs {
    display: none;
  }

  .filters2 > .tabs > li > a {
    font-size: 15.5px;
  }
}

/* ==========================================================================
   Search results
   search page
   ========================================================================== */



.search-results .keymatch {
  padding: 10px;
  border: 10px solid #c1c3c5;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .search-results .keymatch {
    margin-top: -24px;
    padding: 20px;
    border-width: 20px;
  }
}

.search-results .keymatch > h1 {
  margin: 0;
}

.search-results .keymatch article {
  padding: 20px 0;
}

.search-results article {
  padding: 20px;
  border-bottom: 1px solid gainsboro;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.search-results article:last-child {
  border-bottom: none;
}

@media screen and (min-width: 680px) {
  .search-results article {
    padding: 20px 40px;
  }
}

.search-results article .updated {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  color: #73767a;
}

@media screen and (min-width: 680px) {
  .search-results article .updated {
    float: right;
    margin-left: 20px;
  }
}

.search-results article h2 {
  margin: 0;
}

.search-results article h2 a.hover {
  color: #f47b20;
}

.search-results article p {
  margin: .5em 0;
}

.search-results article mark {
  background: none;
  color: #f47b20;
  font-weight: bold;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

.pagination {
  padding: 10px;
  background: #e5e5e5;
  text-align: center;
}

.pagination ul {
  margin: 0;
  padding: 0;
}

.pagination ul li {
  margin: 0 1px 1px 0;
  display: inline-block;
}

.pagination ul li a {
  display: inline-block;
  padding: .1em .6em;
  background: #a7a9ac;
  color: #222222;
  text-decoration: none;
  font-size: 17px;
  font-size: 1.0625rem;
  vertical-align: top;
}

.pagination ul li.active a,
.pagination ul li a.hover {
  background: #f47b20;
  color: #fff;
}

.pagination ul li.prev a,
.pagination ul li.next a {
  background: #002b5c;
  color: #fff;
  font-family: Alegreya Sans, sans-serif;
}

.pagination ul li.prev a.hover,
.pagination ul li.next a.hover {
  background: #f47b20;
}

.pagination ul li.prev {
  margin-right: 8px;
}

.pagination ul li.next {
  margin-left: 8px;
}

/* ==========================================================================
   WYSIWYG 
   ========================================================================== */

/*   
 img[style*="float: right;"] {
  float:right;
}
 img[style*="float: left;"] {
  float:left; 
}*/

.wysiwyg,
.wysiwyg2 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* ==========================================================================
   Table Code in WYSIWYG partial
   ========================================================================== */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .wysiwyg.centreContent,
  .wysiwyg2.centreContent {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
    margin: 0 auto;
    float: none;
  }

  .wysiwyg.centreContent:last-child,
  .wysiwyg2.centreContent:last-child {
    margin-right: 0;
  }

  .wysiwyg.centreContent.has-aside,
  .wysiwyg2.centreContent.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
    margin: 0;
    float: left;
  }

  .wysiwyg.centreContent.has-aside:last-child,
  .wysiwyg2.centreContent.has-aside:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .wysiwyg.centreContent,
  .wysiwyg2.centreContent {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
    margin: 0 auto;
    float: none;
  }

  .wysiwyg.centreContent:last-child,
  .wysiwyg2.centreContent:last-child {
    margin-right: 0;
  }

  .wysiwyg.centreContent.has-aside,
  .wysiwyg2.centreContent.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
    margin: 0;
    float: left;
  }

  .wysiwyg.centreContent.has-aside:last-child,
  .wysiwyg2.centreContent.has-aside:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 680px) {
  .wysiwyg.has-aside,
  .wysiwyg2.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
    margin: 0;
    float: left;
  }

  .wysiwyg.has-aside:last-child,
  .wysiwyg2.has-aside:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .wysiwyg.has-aside,
  .wysiwyg2.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
    margin: 0;
    float: left;
  }

  .wysiwyg.has-aside:last-child,
  .wysiwyg2.has-aside:last-child {
    margin-right: 0;
  }
}

.wysiwyg h2,
.wysiwyg2 h2 {
  font-family: Alegreya Sans, sans-serif;
}

.wysiwyg h3,
.wysiwyg2 h3 {
  /* font-weight: 600; */
}

.wysiwyg h3 a,
.wysiwyg2 h3 a {
  color: #0078ae;
}

.wysiwyg h3 a.hover,
.wysiwyg2 h3 a.hover {
  text-decoration: underline;
}

.wysiwyg h5,
.wysiwyg2 h5 {
  font-family: Alegreya Sans, sans-serif;
}

.wysiwyg h6,
.wysiwyg2 h6 {
  font-family: Alegreya Sans, sans-serif;
}

.wysiwyg p a,
.wysiwyg2 p a {
  text-decoration: none;
}

.wysiwyg > .intro,
.wysiwyg2 > .intro {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
}

.wysiwyg > div.intro,
.wysiwyg2 > div.intro {
  padding-top: 0;
  padding-bottom: 0;
}

.wysiwyg blockquote,
.wysiwyg2 blockquote {
  max-width: 90%;
  background: #efefef;
  border-left: 6px solid #002b5c;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  /*quotes:"\2018""\2019";*/
  overflow: auto;
}

.wysiwyg blockquote:before,
.wysiwyg2 blockquote:before {
  color: #002b5c;
  font-family: "FontAwesome";
  content: "\f10d";
  /*content: open-quote; */
  font-size: 1.4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 1rem;
}

.wysiwyg blockquote > a:hover,
.wysiwyg2 blockquote > a:hover {
  text-decoration: none;
}

.wysiwyg span.breakout-box,
.wysiwyg2 span.breakout-box {
  display: block;
  width: 100%;
  background: #f47b20;
  font-family: Alegreya Sans, sans-serif;
  padding: 30px;
  margin-bottom: 20px;
  color: #fff;
  text-align: left;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .wysiwyg span.breakout-box,
  .wysiwyg2 span.breakout-box {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-right: 40px !important;
  }

  .wysiwyg span.breakout-box:last-child,
  .wysiwyg2 span.breakout-box:last-child {
    margin-right: 0;
  }
}

.wysiwyg .standout-text,
.wysiwyg2 .standout-text {
  background: #efefef;
  font-size: 1.2em;
  padding-left: 20px;
  margin: 50px auto;
  border-left: 4px solid #0078ae;
  outline: 20px solid #efefef;
  max-width: 80%;
}

.wysiwyg .standout-text > a,
.wysiwyg2 .standout-text > a {
  text-decoration: none;
}

.wysiwyg img,
.wysiwyg2 img {
  width: 100%;
  max-width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .wysiwyg img,
  .wysiwyg2 img {
    width: auto;
  }
}

.wysiwyg img.circle,
.wysiwyg2 img.circle {
  padding: 0;
}

.wysiwyg .image-width-auto img,
.wysiwyg2 .image-width-auto img {
  width: auto;
}

@media screen and (min-width: 680px) {
  .wysiwyg .left,
  .wysiwyg2 .left {
    width: 40%;
    margin: 0 10px 10px 0;
    float: left;
    clear: both;
  }

  .wysiwyg .left.auto,
  .wysiwyg2 .left.auto {
    width: auto;
  }

  .wysiwyg .right,
  .wysiwyg2 .right {
    width: 40%;
    margin: 0 0 10px 10px;
    float: right;
    clear: both;
  }

  .wysiwyg .right.auto,
  .wysiwyg2 .right.auto {
    width: auto;
  }
}

.wysiwyg .clearBoth,
.wysiwyg2 .clearBoth {
  clear: both;
}

.wysiwyg .bigLetter,
.wysiwyg2 .bigLetter {
  float: left;
  line-height: 1em;
  font-size: 2.8em;
  padding: 0px 5px 0px 0px;
}

.wysiwyg .bigLetter.red,
.wysiwyg2 .bigLetter.red {
  color: #ee3224;
}

.wysiwyg .bigLetter.green,
.wysiwyg2 .bigLetter.green {
  color: #5d9732;
}

.wysiwyg .bigLetter.blue,
.wysiwyg2 .bigLetter.blue {
  color: #0078ae;
}

.wysiwyg .bigLetter.orange,
.wysiwyg2 .bigLetter.orange {
  color: #f47b20;
}

.wysiwyg .bigLetter.primaryBlue,
.wysiwyg2 .bigLetter.primaryBlue {
  color: #002b5c;
}

.wysiwyg .bigLetter.primaryGrey,
.wysiwyg2 .bigLetter.primaryGrey {
  color: #a7a9ac;
}

.wysiwyg .columnsIntro,
.wysiwyg2 .columnsIntro {
  -moz-columns: 2;
  -webkit-columns: 2;
  columns: 2;
  text-align: justify;
  font-size: 20px;
  font-weight: 600;
  -webkit-columns-gap: 40px;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  column-gap: 40px;
}

.wysiwyg .circle,
.wysiwyg2 .circle {
  float: left;
  margin: 0 10px 10px 0;
  line-height: 1em;
  background: #002b5c;
  border-radius: 100%;
  color: white;
  display: block;
  font-size: 1.2em;
  height: 100px;
  line-height: 1em;
  padding: 20px;
  text-align: center;
  width: 100px;
  margin-top: 5px;
}

.wysiwyg .circle.red,
.wysiwyg2 .circle.red {
  background: #ee3224;
}

.wysiwyg .circle.green,
.wysiwyg2 .circle.green {
  background: #5d9732;
}

.wysiwyg .circle.blue,
.wysiwyg2 .circle.blue {
  background: #0078ae;
}

.wysiwyg .circle.orange,
.wysiwyg2 .circle.orange {
  background: #f47b20;
}

.wysiwyg .circle.primaryBlue,
.wysiwyg2 .circle.primaryBlue {
  background: #002b5c;
}

.wysiwyg .circle.primaryGrey,
.wysiwyg2 .circle.primaryGrey {
  background: #a7a9ac;
}

.wysiwyg .circle img,
.wysiwyg2 .circle img {
  border-radius: 100%;
  margin: 0 -10px -10px 0;
  width: 100%;
}

.wysiwyg .tab,
.wysiwyg2 .tab {
  float: right;
  margin: 0 0 10px 10px;
  background: #002b5c;
  line-height: 1em;
  color: white;
  display: block;
  font-size: 1.2em;
  line-height: 1em;
  padding: 60px 20px 20px 20px;
  width: 150px;
}

.wysiwyg .tab.red,
.wysiwyg2 .tab.red {
  background: #ee3224;
}

.wysiwyg .tab.green,
.wysiwyg2 .tab.green {
  background: #5d9732;
}

.wysiwyg .tab.blue,
.wysiwyg2 .tab.blue {
  background: #0078ae;
}

.wysiwyg .tab.orange,
.wysiwyg2 .tab.orange {
  background: #f47b20;
}

.wysiwyg .tab.primaryBlue,
.wysiwyg2 .tab.primaryBlue {
  background: #002b5c;
}

.wysiwyg .tab.primaryGrey,
.wysiwyg2 .tab.primaryGrey {
  background: #a7a9ac;
}

.wysiwyg a:hover,
.wysiwyg2 a:hover {
  text-decoration: underline;
}

.wysiwyg a.call-to-action-link,
.wysiwyg2 a.call-to-action-link {
  display: inline-block;
  background-color: #5d9732;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
}

.wysiwyg a.call-to-action-link:after,
.wysiwyg2 a.call-to-action-link:after {
  content: '>';
  float: right;
  padding-left: 1em;
}

.wysiwyg a.call-to-action-link.hover,
.wysiwyg2 a.call-to-action-link.hover {
  color: #5a5c60;
}

.wysiwyg .small,
.wysiwyg2 .small {
  font-size: 15px;
  font-size: 0.9375rem;
  color: darkgray;
}

.wysiwyg .question,
.wysiwyg2 .question {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: Alegreya Sans, sans-serif;
  font-weight: 600;
  margin-bottom: -10px;
}

.wysiwyg ul,
.wysiwyg ol,
.wysiwyg2 ul,
.wysiwyg2 ol {
  margin-left: 0;
  padding: 0;
  list-style-position: inside;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  .wysiwyg ul,
  .wysiwyg ol,
  .wysiwyg2 ul,
  .wysiwyg2 ol {
    margin-left: 20px;
  }
}

@media screen and (min-width: 500px) {
  .wysiwyg ul,
  .wysiwyg ol,
  .wysiwyg2 ul,
  .wysiwyg2 ol {
    margin-left: 20px;
  }
}

.wysiwyg ul,
.wysiwyg2 ul {
  *zoom: 1;
}

.wysiwyg ul:before,
.wysiwyg ul:after,
.wysiwyg2 ul:before,
.wysiwyg2 ul:after {
  content: " ";
  display: table;
}

.wysiwyg ul:after,
.wysiwyg2 ul:after {
  clear: both;
}

.wysiwyg ul li,
.wysiwyg2 ul li {
  list-style: none;
  padding-left: 1.2em;
}

.wysiwyg ul li:before,
.wysiwyg2 ul li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.wysiwyg ul li img,
.wysiwyg2 ul li img {
  width: 100%;
}

.wysiwyg ul.two,
.wysiwyg2 ul.two {
  margin: 0;
}

.wysiwyg ul.two > li,
.wysiwyg2 ul.two > li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
  padding-left: 0;
  list-style: none;
}

.wysiwyg ul.two > li:last-child,
.wysiwyg2 ul.two > li:last-child {
  margin-right: 0;
}

.wysiwyg ul.two > li:before,
.wysiwyg2 ul.two > li:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

.wysiwyg ul.two > li:nth-of-type(2n),
.wysiwyg2 ul.two > li:nth-of-type(2n) {
  margin: 0;
}

.wysiwyg ul.three,
.wysiwyg2 ul.three {
  margin: 0;
}

.wysiwyg ul.three > li,
.wysiwyg2 ul.three > li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 32.31112%;
  padding-left: 0;
  list-style: none;
}

.wysiwyg ul.three > li:last-child,
.wysiwyg2 ul.three > li:last-child {
  margin-right: 0;
}

.wysiwyg ul.three > li:before,
.wysiwyg2 ul.three > li:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

.wysiwyg ul.three > li:nth-of-type(3n),
.wysiwyg2 ul.three > li:nth-of-type(3n) {
  margin: 0;
}

.wysiwyg ul.four,
.wysiwyg2 ul.four {
  margin: 0;
}

.wysiwyg ul.four > li,
.wysiwyg2 ul.four > li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 23.85002%;
  padding-left: 0;
  list-style: none;
}

.wysiwyg ul.four > li:last-child,
.wysiwyg2 ul.four > li:last-child {
  margin-right: 0;
}

.wysiwyg ul.four > li:before,
.wysiwyg2 ul.four > li:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

.wysiwyg ul.four > li:nth-of-type(4n),
.wysiwyg2 ul.four > li:nth-of-type(4n) {
  margin: 0;
}

.wysiwyg ul.five,
.wysiwyg2 ul.five {
  margin: 0;
}

.wysiwyg ul.five > li,
.wysiwyg2 ul.five > li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 18.77335%;
  padding-left: 0;
  list-style: none;
}

.wysiwyg ul.five > li:last-child,
.wysiwyg2 ul.five > li:last-child {
  margin-right: 0;
}

.wysiwyg ul.five > li:before,
.wysiwyg2 ul.five > li:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

.wysiwyg ul.five > li:nth-of-type(5n),
.wysiwyg2 ul.five > li:nth-of-type(5n) {
  margin: 0;
}

.wysiwyg ul.six,
.wysiwyg2 ul.six {
  margin: 0;
}

.wysiwyg ul.six > li,
.wysiwyg2 ul.six > li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 15.38891%;
  padding-left: 0;
  list-style: none;
}

.wysiwyg ul.six > li:last-child,
.wysiwyg2 ul.six > li:last-child {
  margin-right: 0;
}

.wysiwyg ul.six > li:before,
.wysiwyg2 ul.six > li:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

.wysiwyg ul.six > li:nth-of-type(6n),
.wysiwyg2 ul.six > li:nth-of-type(6n) {
  margin: 0;
}

.wysiwyg dl dt,
.wysiwyg2 dl dt {
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.wysiwyg dl dt:first-child,
.wysiwyg2 dl dt:first-child {
  border-top: none;
}

.wysiwyg dl dt:first-child > .staff a,
.wysiwyg2 dl dt:first-child > .staff a {
  font-size: 1.5em;
  text-decoration: none;
}

.wysiwyg dl dd,
.wysiwyg2 dl dd {
  margin: 0;
}

.wysiwyg table,
.wysiwyg2 table {
  width: 100%;
  margin-bottom: 20px;
  /*CH*/
  /*CH*/
  /*ch 2px padding*/
}

.wysiwyg table tr,
.wysiwyg2 table tr {
  background-color: gainsboro;
  /*CH*/
  /*CH*/
}

.wysiwyg table tr:nth-child(even),
.wysiwyg2 table tr:nth-child(even) {
  /*background-color: $midgrey;*/
}

.wysiwyg table tr:nth-child(odd),
.wysiwyg2 table tr:nth-child(odd) {
  background-color: gainsboro;
}

.wysiwyg table:nth-child(2n),
.wysiwyg2 table:nth-child(2n) {
  background-color: #c3c3c3;
}

.wysiwyg table:nth-child(even),
.wysiwyg2 table:nth-child(even) {
  /*background-color: $midgrey;*/
}

.wysiwyg table:nth-child(odd),
.wysiwyg2 table:nth-child(odd) {
  background-color: gainsboro;
}

.wysiwyg table th,
.wysiwyg table td,
.wysiwyg2 table th,
.wysiwyg2 table td {
  text-align: left;
  border-collapse: collapse;
  border: 1px #fff solid;
  padding: 10px;
}

@media only screen and (max-width: 800px) {
  .wysiwyg table th,
  .wysiwyg table td,
  .wysiwyg2 table th,
  .wysiwyg2 table td {
    padding: 2px;
  }
}

.wysiwyg table th,
.wysiwyg2 table th {
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
  background-color: #0078ae;
  font-size: 1.2em;
}

.wysiwyg .table-responsive,
.wysiwyg2 .table-responsive {
  overflow-x: auto;
  /* Horizontal */
}

.wysiwyg table,
.wysiwyg2 table {
  width: auto;
  border-collapse: collapse;
  border: 1px solid #c1c3c5;
}

.wysiwyg tr,
.wysiwyg2 tr {
  border: 1px solid #c1c3c5;
}

.wysiwyg td,
.wysiwyg2 td {
  padding: 1em;
  border: 1px solid #c1c3c5;
  /*line inbetween table rows*/
}

.wysiwyg tr:nth-of-type(odd),
.wysiwyg2 tr:nth-of-type(odd) {
  background-color: white;
}

.wysiwyg tr:nth-of-type(even),
.wysiwyg2 tr:nth-of-type(even) {
  background-color: #efefef;
}

.wysiwyg th,
.wysiwyg2 th {
  background-color: #0078ae;
  /*color: white;*/
  padding: .7em .9em;
  font-size: 1.2em;
}

.wysiwyg td,
.wysiwyg th,
.wysiwyg2 td,
.wysiwyg2 th {
  text-align: left;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {


  .wysiwyg table,
  .wysiwyg tbody,
  .wysiwyg th,
  .wysiwyg td,
  .wysiwyg tr,
  .wysiwyg2 table,
  .wysiwyg2 tbody,
  .wysiwyg2 th,
  .wysiwyg2 td,
  .wysiwyg2 tr {
    /*display: block;*/
  }

  .wysiwyg tr,
  .wysiwyg2 tr {
    border-bottom: 20px;
    background-color: #c1c3c5;
  }

  .wysiwyg td,
  .wysiwyg th,
  .wysiwyg2 td,
  .wysiwyg2 th {
    /*border: 1px solid $offwhite; */
    padding: 0;
  }

  .wysiwyg td,
  .wysiwyg2 td {
    /* Behave  like a "row" */
    padding-left: 50%;
    padding-top: 0;
    padding-bottom: 20px;
    border: 0;
    /*line inbetween table rows*/
  }

  .wysiwyg td:before,
  .wysiwyg2 td:before {
    /* Now like a table header */
    position: absolute;
    left: 6px;
    width: 35%;
    padding-top: 10px;
    padding-left: 13.33333px;
    font-weight: bold;
  }

  .wysiwyg td:before a,
  .wysiwyg2 td:before a {
    padding-top: 10px;
  }
}

.wysiwyg iframe,
.wysiwyg2 iframe {
  width: 70%;
  height: 300px;
  /* this was added tentatively*/
}

.no-js .wysiwyg iframe,
.no-js .wysiwyg2 iframe {
  display: none;
}

@media screen and (min-width: 335px) {
  .wysiwyg,
  .wysiwyg2 {
    width: auto;
  }
}

@media screen and (min-width: 500px) {
  .wysiwyg,
  .wysiwyg2 {
    width: auto;
  }
}

@media screen and (min-width: 680px) {
  .wysiwyg,
  .wysiwyg2 {
    width: auto;
  }
}

article.wysiwyg2 {
  padding-left: 0;
  padding-left: 5px;
  width: 100%;
  float: left;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  article.wysiwyg2 {
    padding-left: 5px;
    width: 100%;
    float: left;
  }
}

@media screen and (min-width: 500px) {
  article.wysiwyg2 {
    max-width: 100%;
    float: left;
    padding-left: 10px;
  }
}

@media screen and (min-width: 680px) {
  article.wysiwyg2 {
    max-width: 68%;
    float: left;
    padding-left: 160px;
  }
}

p.breakout-box {
  display: block;
  width: 100%;
  background: #f47b20;
  font-family: Alegreya Sans, sans-serif;
  padding: 30px;
  margin-bottom: 20px;
  color: #fff;
  text-align: left;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

p.breakout-box > a {
  color: white;
}

p.breakout-box > a:hover {
  color: #5a5c60;
}

@media screen and (min-width: 500px) {
  p.breakout-box {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-right: 40px !important;
  }

  p.breakout-box:last-child {
    margin-right: 0;
  }
}

p.button {
  display: inline;
  width: auto;
  background: #5d9732;
  font-size: 1.6em;
  border: 0;
  color: #fff;
  line-height: 2em;
  margin-bottom: 10px;
  padding: 0 20px;
  font-weight: bold;
}

button a {
  color: white;
  text-decoration: none;
}

section > button.button2 {
  color: white;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 0 10px;
}

/* ==========================================================================
   SIDEBAND 
   ========================================================================== */

div.sideband {
  -webkit-font-smoothing: antialiased;
  border-left-style: solid;
  border-left-width: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #222222;
  display: inline-block;
  float: left;
  font-family: Alegreya Sans, sans-serif;
  /*font-size: 15px;*/
  line-height: 2em;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0em 0em 2em 0.3em;
  text-align: left;
  width: 32.30%;
}

div.sideband a > h3 {
  color: #0078ae;
}

div.sideband a.hover > h3 {
  color: #5a5c60;
}

div.sideband.half {
  margin-top: 2em;
  width: 48.5%;
}

div.sideband.third {
  margin-top: 2em;
  width: 32.30%;
}

div.sideband.quarter {
  margin-top: 2em;
  width: 24.30%;
}

div.sideband p.blockLink.redBlock.getinvolved {
  -webkit-background-clip: border-box;
  -webkit-background-origin: padding-box;
  -webkit-background-size: auto;
  -webkit-font-smoothing: antialiased;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #ee3224;
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  cursor: auto;
  display: block;
  float: left;
  font-family: Alegreya Sans, sans-serif;
  font-size: 30px;
  height: auto;
  line-height: 42px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-top: 0;
  margin-right: 1%;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  width: 105%;
  padding: 1em;
  margin-left: -0.3em;
}

div.sideband {
  /*CH HERE*/
  /*CH HERE*/
}

div.sideband ul.simple,
div.sideband ul.simple2,
div.sideband ul.simple3,
div.sideband ol.simple {
  list-style-position: inside;
}

div.sideband ul.simple2 {
  line-height: 250%;
  padding-top: 50px;
}

div.sideband ul.simple2b {
  line-height: 200%;
  padding-top: 60px;
}

div.sideband ul.simple,
div.sideband ul.simple2,
div.sideband ul.simple2b,
div.sideband ul.simple3 {
  width: 100%;
  *zoom: 1;
}

div.sideband ul.simple:before,
div.sideband ul.simple:after,
div.sideband ul.simple2:before,
div.sideband ul.simple2:after,
div.sideband ul.simple2b:before,
div.sideband ul.simple2b:after,
div.sideband ul.simple3:before,
div.sideband ul.simple3:after {
  content: " ";
  display: table;
}

div.sideband ul.simple:after,
div.sideband ul.simple2:after,
div.sideband ul.simple2b:after,
div.sideband ul.simple3:after {
  clear: both;
}

div.sideband ul.simple li,
div.sideband ul.simple2 li,
div.sideband ul.simple2b li,
div.sideband ul.simple3 li {
  list-style: none;
  padding-left: 1.2em;
}

div.sideband ul.simple li:before,
div.sideband ul.simple2 li:before,
div.sideband ul.simple2b li:before,
div.sideband ul.simple3 li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

div.sideband ul.simple li img,
div.sideband ul.simple2 li img,
div.sideband ul.simple2b li img,
div.sideband ul.simple3 li img {
  width: 100%;
}

div.sideband dl dt {
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

div.sideband dl dt:first-child {
  border-top: none;
}

div.sideband dl dt:first-child > .staff a {
  font-size: 1.5em;
  text-decoration: none;
}

div.sideband dl dd {
  margin: 0;
}

/* end sideband*/

@media screen and (max-width: 800px) {
  div.sideband.third,
  div.sideband.quarter {
    width: 100%;
  }

  div.sideband {
    width: 100%;
    display: block;
    border-width: 0px 0px 0px 0px;
    font-size: 2em;
  }
}

@media screen and (max-width: 800px) {
  div.sideband {
    width: 100%;
    display: block;
    border-width: 0px 0px 0px 0px;
    font-size: 1.5em;
  }

  div.sideband ul.simple2,
  div.sideband ul.simple2b,
  div.sideband ul.simple3 {
    line-height: 250%;
    padding-top: 0px;
    margin-top: -80px;
  }
}

/*CH FoEng HP random banner with hover link*/

div#random a.hover header#head1.page-summary.has-img div.wrap h1 {
  background-color: #f47b20;
}

div#random a.hover header#head1.page-summary.has-img div.wrap h1 {
  background-color: #f47b20;
}

div#random a.hover header#head1.page-summary.has-img div.wrap h1.red {
  background-color: #f47b20;
}

div#random a.hover header#head1.page-summary.has-img div.wrap h1.green {
  background-color: #f47b20;
}

div#random a.hover header#head1.page-summary.has-img div.wrap h1.blue {
  background-color: #f47b20;
}

div#random a.hover header#head1.page-summary.has-img div.wrap h1.corpblue {
  background-color: #f47b20;
}

div#random a.hover header#head1.page-summary.has-img div.wrap h1.orange {
  background-color: #f47b20;
}

div#random a header#head1.page-summary.has-img div.wrap h1 {
  background-color: #002b5c;
}

div#random a header#head1.page-summary.has-img div.wrap h1.red {
  background-color: #ee3224;
}

div#random a header#head1.page-summary.has-img div.wrap h1.green {
  background-color: #5d9732;
}

div#random a header#head1.page-summary.has-img div.wrap h1.blue {
  background-color: #0078ae;
}

div#random a header#head1.page-summary.has-img div.wrap h1.corpblue {
  background-color: #002b5c;
}

div#random a header#head1.page-summary.has-img div.wrap h1.orange {
  background-color: #f47b20;
}

div#random a.hover header#head2.page-summary.has-img div.wrap h1 {
  background-color: #5a5c60;
}

div#random a.hover header#head2.page-summary.has-img div.wrap h1 {
  background-color: #5a5c60;
}

div#random a.hover header#head2.page-summary.has-img div.wrap h1.red {
  background-color: #5a5c60;
}

div#random a.hover header#head2.page-summary.has-img div.wrap h1.green {
  background-color: #5a5c60;
}

div#random a.hover header#head2.page-summary.has-img div.wrap h1.blue {
  background-color: #5a5c60;
}

div#random a.hover header#head2.page-summary.has-img div.wrap h1.corpblue {
  background-color: #5a5c60;
}

div#random a.hover header#head2.page-summary.has-img div.wrap h1.orange {
  background-color: #5a5c60;
}

div#random a header#head2.page-summary.has-img div.wrap h1 {
  background-color: #002b5c;
}

div#random a header#head2.page-summary.has-img div.wrap h1.red {
  background-color: #ee3224;
}

div#random a header#head2.page-summary.has-img div.wrap h1.green {
  background-color: #5d9732;
}

div#random a header#head2.page-summary.has-img div.wrap h1.blue {
  background-color: #0078ae;
}

div#random a header#head2.page-summary.has-img div.wrap h1.corpblue {
  background-color: #002b5c;
}

div#random a header#head2.page-summary.has-img div.wrap h1.orange {
  background-color: #f47b20;
}

div#random a.hover header#head3.page-summary.has-img div.wrap h1 {
  background-color: #f47b20;
}

div#random a.hover header#head3.page-summary.has-img div.wrap h1 {
  background-color: #f47b20;
}

div#random a.hover header#head3.page-summary.has-img div.wrap h1.red {
  background-color: #f47b20;
}

div#random a.hover header#head3.page-summary.has-img div.wrap h1.green {
  background-color: #f47b20;
}

div#random a.hover header#head3.page-summary.has-img div.wrap h1.blue {
  background-color: #f47b20;
}

div#random a.hover header#head3.page-summary.has-img div.wrap h1.corpblue {
  background-color: #f47b20;
}

div#random a.hover header#head3.page-summary.has-img div.wrap h1.orange {
  background-color: #f47b20;
}

div#random a header#head3.page-summary.has-img div.wrap h1 {
  background-color: #002b5c;
}

div#random a header#head3.page-summary.has-img div.wrap h1.red {
  background-color: #ee3224;
}

div#random a header#head3.page-summary.has-img div.wrap h1.green {
  background-color: #5d9732;
}

div#random a header#head3.page-summary.has-img div.wrap h1.blue {
  background-color: #0078ae;
}

div#random a header#head3.page-summary.has-img div.wrap h1.corpblue {
  background-color: #002b5c;
}

div#random a header#head3.page-summary.has-img div.wrap h1.orange {
  background-color: #f47b20;
}

.sub-nav > ul {
  margin-bottom: 16px;
}

.sub-nav ul,
.sub-nav li {
  margin: 0;
  padding: 0;
}

.sub-nav li a,
.sub-nav li strong {
  display: block;
  background-color: #e2e2e2;
  border-bottom: 1px solid #fff;
  padding: 10px;
  text-decoration: none;
}

.sub-nav li a:after,
.sub-nav li strong:after {
  content: '>';
  /* CH was A*/
  font-family: Alegreya Sans, sans-serif;
  float: right;
  padding-left: 1em;
}

.sub-nav li ul li a,
.sub-nav li ul li strong {
  padding-left: 20px;
  background-color: #efefef;
}

.sub-nav li ul li a:after,
.sub-nav li ul li strong:after {
  content: '>';
  font-family: Alegreya Sans, sans-serif;
  float: right;
  padding-left: 1em;
}

.sub-nav li ul li strong {
  background-color: #0078ae;
  font-weight: normal;
  color: #fff;
}

/* ==========================================================================
   Person
   Used in staff pages
   ========================================================================== */

.person {
  margin-bottom: 16px;
  /*background-color: darken($offwhite, 4%);*/
  padding-bottom: 20px;
  -webkit-break-inside: avoid;
  -moz-break-inside: avoid;
  break-inside: avoid;
  /* W3C */
  -webkit-column-break-inside: avoid;
  /* Safari & Chrome */
  -moz-column-break-inside: avoid;
  /* Firefox */
  -ms-column-break-inside: avoid;
  /* Internet Explorer */
  -o-column-break-inside: avoid;
  /* Opera */
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.person.item.orange a h2 {
  background-color: #f47b20;
}

.person.item.blue a h2 {
  background-color: #0078ae;
}

.person.item.red a h2 {
  background-color: #ee3224;
}

oran
.person.item.green a h2 {
  background-color: #5d9732;
}

.person.item.darkblue a h2 {
  background-color: #002b5c;
}

.person.item.corpblue a h2 {
  background-color: #002b5c;
}

.person.item a h2:hover {
  background-color: #5a5c60;
}

.person.item ul {
  background-color: #efefef;
  padding: 20px 10px 20px 30px;
  margin-top: 0;
}

.person.item li {
  list-style: none;
  padding-left: 1.2em;
  padding-left: 0;
}

.person.item li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.person.item li:before {
  color: #002b5c;
}

.person h2 {
  color: #fff;
  background-color: #002b5c;
  margin: 0;
  /*line-height: .9;*/
  padding: 10px 13.33333px;
  font-size: 1.625rem;
}

.person h2 img {
  width: 100%;
  height: auto;
  padding-bottom: 1em;
}

.person h2 img.socialmedia {
  width: 30px;
  padding-left: .2em;
}

.person p {
  background-color: #e5e5e5;
  padding: 10px;
  color: #0078ae;
  margin-top: 0;
}

.person .tel {
  color: #222222;
  text-decoration: none;
}

.person .tel,
.person .url,
.person .email {
  padding: 0 20px;
  display: block;
}

.person.primaryblue h2 {
  background: #002b5c;
}

.person.blue h2 {
  background: #0078ae;
}

.person.orange h2 {
  background: #f47b20;
}

.person.green h2 {
  background: #5d9732;
}

.person.red h2 {
  background: #ee3224;
}

.person.lightgrey h2 {
  background: gainsboro;
}

.person.darkgrey h2 {
  background: #222222;
}

.person.corpblue h2 {
  background: #002b5c;
}

.person a {
  text-decoration: none;
}

.person a.hover p,
.person a.hover li {
  color: #5a5c60;
}

/*.person.item ul {background-color:$offwhite; padding:$padding $padding/2 $padding $padding*1.5; margin-top:0;} */

/* Staff page RHS aside */

.tabs-container > aside > .person {
  background: none;
  float: left;
}

.tabs-container > aside > .person h1 {
  display: none;
}

.tabs-container > aside > .person img {
  height: auto;
}

.tabs-container > aside > .person a {
  padding: 0;
}

/* ==========================================================================
   Contact table
   ========================================================================== */

.contact-table {
  *zoom: 1;
  margin-bottom: 16px;
}

.contact-table:before,
.contact-table:after {
  content: " ";
  display: table;
}

.contact-table:after {
  clear: both;
}

.contact-table > .group:first-child > h1 {
  border-top: none;
}

.contact-table > .group > h1 {
  padding-top: .5em;
  border-top: 1px solid gainsboro;
  text-transform: uppercase;
}

.js .contact-table > .group > h1 {
  cursor: pointer;
}

.js .contact-table > .group > h1.hover {
  color: #002b5c;
}

.contact-table > .group > h1:before {
  display: inline-block;
  vertical-align: top;
  margin-right: .5em;
  padding: .25em .7em;
  background: #002b5c;
  color: #fff;
  content: '>';
  font-family: Alegreya Sans, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .contact-table > .group > h1:before {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.contact-table > .group.active > h1:before {
  padding: .4em .7em .1em .7em;
  content: '>';
  /* CH was A */
}

.contact-table > .group > .contacts > ul {
  margin: 0 0 16px;
  padding: 16px 0 0;
  border-top: 1px solid gainsboro;
  list-style: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .contact-table > .group > .contacts > ul {
    display: table;
    width: 100%;
  }
}

.contact-table > .group > .contacts > ul li {
  clear: both;
  margin-bottom: 16px;
  padding: 10px;
  background: #efefef;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .contact-table > .group > .contacts > ul li {
    display: table-row;
    margin-bottom: 0;
    padding: 0;
    background: none;
  }
}

.contact-table > .group > .contacts > ul li a {
  display: block;
  color: #222222;
  text-decoration: none;
}

.contact-table > .group > .contacts > ul li > * {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .contact-table > .group > .contacts > ul li > * {
    display: table-cell !important;
    vertical-align: middle;
    padding: 10px 20px;
    background: #efefef;
    border-bottom: 8px solid #fff;
    border-left: 1px solid #fff;
  }

  .contact-table > .group > .contacts > ul li > *:nth-child(odd) {
    background: #e5e5e5;
  }

  .contact-table > .group > .contacts > ul li > *:first-child {
    border-left: 0;
  }
}

.contact-table > .group > .contacts > ul li .photo {
  float: left;
  width: 80px;
  padding: 0;
  margin: 0 10px 10px 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.contact-table > .group > .contacts > ul li .photo img {
  width: 80px;
  height: auto;
}

@media screen and (min-width: 680px) {
  .contact-table > .group > .contacts > ul li .photo {
    float: none;
    margin-right: 0;
  }
}

.contact-table > .group > .contacts > ul li .name h2 {
  margin: 0;
  font-weight: bold;
}

/* ==========================================================================
   Tabs
   ========================================================================== */

.tabs-container {
  padding: 10px 0;
  position: relative;
  /* ch div apply START*/
  /* ch div apply  END*/
  *zoom: 1;
  margin-bottom: 16px;
}

.tabs-container div.apply2 {
  width: 100%;
  margin-bottom: 20px;
  *zoom: 1;
}

.tabs-container div.apply2:before,
.tabs-container div.apply2:after {
  content: " ";
  display: table;
}

.tabs-container div.apply2:after {
  clear: both;
}

.tabs-container div.apply2 div.apply-details {
  width: 70%;
  float: left;
  padding: 0 20px;
}

.tabs-container div.apply2 div.apply-details h3 {
  font-size: 1.4em;
}

.tabs-container div.apply2 div.apply-button {
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .tabs-container div.apply2 div.apply-button {
    width: 30%;
    float: right;
  }
}

.tabs-container div.apply2 div.apply-button a {
  width: 50%;
  margin: 20px 0;
  text-decoration: none;
}

.tabs-container div.apply2 div.apply-button a button {
  width: 100%;
  background: #018489;
  font-size: 1.6em;
  border: 0;
  color: #efefef;
  line-height: 2em;
}

.tabs-container:before,
.tabs-container:after {
  content: " ";
  display: table;
}

.tabs-container:after {
  clear: both;
}

.tabs-container > .tab-content {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  margin-bottom: 16px;
}

@media screen and (min-width: 680px) {
  .tabs-container > .tab-content {
    display: none;
  }
}

.tabs-container > .tab-content.active {
  display: inherit;
}

.tabs-container > .tab-content.active.has-aside {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .tabs-container > .tab-content.active.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
  }

  .tabs-container > .tab-content.active.has-aside:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .tabs-container > .tab-content.active.has-aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
  }

  .tabs-container > .tab-content.active.has-aside:last-child {
    margin-right: 0;
  }
}

.tabs-container > .tab-content.active.wysiwyg {
  *zoom: 1;
}

.tabs-container > .tab-content.active.wysiwyg:before,
.tabs-container > .tab-content.active.wysiwyg:after {
  content: " ";
  display: table;
}

.tabs-container > .tab-content.active.wysiwyg:after {
  clear: both;
}

.tabs-container > .tab-content.active.wysiwyg > h1 {
  min-height: 60px;
  margin-top: 20px;
}

.tabs-container > .tab-content.active.wysiwyg > h1:first-of-type {
  margin-bottom: 0;
}

.tabs-container > .tab-content.active.wysiwyg > .intro {
  margin-top: -1px;
}

.tabs-container > aside {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  .tabs-container > aside {
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  .tabs-container > aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-right: 0;
    float: right;
    margin-top: 80px;
  }

  .tabs-container > aside:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .tabs-container > aside {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-right: 0;
    float: right;
  }

  .tabs-container > aside:last-child {
    margin-right: 0;
  }
}

.tabs-container form {
  background: #efefef;
  padding: 20px;
}

.orderedlist > ul > li,
ol > li {
  padding: 10px;
}

.orderedlist > ul > li > strong,
ol > li > strong {
  /*@include font-size(22px);*/
  font-weight: 600;
  padding-bottom: 10px;
}

.orderedlist > ul > li a,
ol > li a {
  text-decoration: none;
}

.orderedlist > ul .orderedlist > ul > li:before,
ol .orderedlist > ul > li:before {
  content: counter(item) ". ";
  counter-increment: item;
  font-weight: bold;
  color: red;
}

.orderedlist > ul.orderedlistwithin > li {
  padding: 0;
  padding-left: 40px;
}

/* ==========================================================================
   Video player 
   ========================================================================== */

.video-player {
  *zoom: 1;
  margin-bottom: 16px;
}

.video-player:before,
.video-player:after {
  content: " ";
  display: table;
}

.video-player:after {
  clear: both;
}

.video-player > header {
  margin-bottom: 20px;
}

.video-player > header p {
  font-size: 18px;
  font-size: 1.125rem;
}

.video-player > header h1 + p {
  margin-top: -.5em;
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.video-player figure {
  padding: 10px;
  border: 10px solid #e5e5e5;
  background: #fff;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .video-player figure {
    border-width: 20px;
    padding: 20px;
  }
}

.video-player figure .videowrap {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

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

.videoexternalcontainer {
  width: 50%;
}

.videoexternal {
  width: 96%;
}

.responsive-video-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.responsive-video-16-9 object,
.responsive-video-16-9 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-header #videocontainer {
  height: 0;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 800px) {
  .video-header #videocontainer {
    padding-top: 37.5%;
  }
}

@media screen and (min-width: 800px) {
  .video-header video,
  .video-header #bannerImage {
    position: absolute;
    top: -999px;
    bottom: -999px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
}

.video-header .pause-button {
  display: none;
  position: absolute;
  opacity: 0;
  top: -100px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

@media screen and (min-width: 1024px) {
  .video-header .pause-button {
    display: block;
  }
}

.video-header .pause-button img {
  position: static;
  height: 100px;
  margin-left: auto;
  width: 100px;
}

.video-header:hover .pause-button {
  opacity: 0.5;
}

.video-header:hover .pause-button:hover {
  opacity: 0.8;
  cursor: pointer;
}

.video-header.top video,
.video-header.top #bannerImage {
  top: 0;
  bottom: auto;
}

.video-header.bottom video,
.video-header.bottom #bannerImage {
  top: auto;
  bottom: 0;
}

.video-header.video-background video {
  display: none;
}

@media screen and (min-width: 1024px) {
  .video-header.video-background video {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .video-header.video-background #bannerImage {
    display: none;
  }
}

.video-header #bannerImage {
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 37.5%;
}

@media screen and (min-width: 1024px) {
  .video-header #bannerImage {
    padding-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .video-header #bannerImage.scale-up {
    display: block;
  }
}

.jwplayer {
  vertical-align: top;
}

/* ==========================================================================
   A-Z  
   ========================================================================== */

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

.clearfix:after,
.row:after {
  clear: both;
}

.clearfix,
.row {
  zoom: 1;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

article.a-zPage {
  width: 100% !important;
  max-width: 100%;
}

article.a-zPage a.active,
article.a-zPage .active {
  background-color: #0078ae;
  color: white;
}

article.a-zPage ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

article.a-zPage ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}

article.a-zPage ul li:before {
  content: none;
}

article.a-zPage ul li a {
  width: 100%;
  display: block;
  height: 100%;
  padding: 5%;
}

article.a-zPage ul.iso-container {
  margin-top: 1em;
  width: 101.5%;
}

article.a-zPage ul.iso-container li {
  width: 100%;
  border: 0px solid;
  border-bottom: 6px solid;
  margin: 0 5px 1.053% 0;
  background: #efefef;
  height: 7em;
  margin: 0 5px 20px 0;
  padding: 0;
  font-size: 1.3em;
  text-align: left;
  position: relative;
  font-weight: bold;
}

article.a-zPage ul.iso-container li a {
  vertical-align: middle;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

article.a-zPage ul.iso-container li:hover a {
  background-color: #5a5c60;
  text-decoration: none;
  color: white;
}

article.a-zPage ul.iso-container li.group1-item {
  border-color: #ee3224;
}

article.a-zPage ul.iso-container li.group2-item {
  border-color: #0078ae;
}

article.a-zPage ul.iso-container li.group3-item {
  border-color: #5d9732;
}

article.a-zPage ul.iso-container li.group4-item {
  border-color: #002b5c;
}

article.a-zPage ul.iso-container li.group5-item {
  border-color: #222222;
}

article.a-zPage ul.iso-container li.group6-item {
  border-color: #f47b20;
}

article.a-zPage ul.iso-container li.group-heading {
  border: 0;
  width: 100%;
  height: auto;
  background-color: transparent;
}

article.a-zPage ul.iso-container li.group-heading h2,
article.a-zPage ul.iso-container li.group-heading h3,
article.a-zPage ul.iso-container li.group-heading p {
  text-align: left;
}

article.a-zPage.country div.filter div#groups {
  display: none;
}

@media (min-width: 500px) {
  article.a-zPage.country div.filter div#groups {
    display: block;
  }
}

article.a-zPage.country ul.iso-container li a p {
  margin: 0 0 10px 0;
}

article.a-zPage.country ul.iso-container li a img {
  width: auto;
  margin: 0 auto;
  display: block;
}

@media (min-width: 500px) {
  article.a-zPage ul.iso-container li {
    width: 48.8%;
    height: 9em;
  }

  article.a-zPage ul.iso-container li a div {
    height: 4em;
  }

  article.a-zPage ul.iso-container li a div img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
  }

  article.a-zPage ul.iso-container li a span {
    display: block;
  }

  article.a-zPage ul.iso-container li.course-item {
    margin-right: 0;
  }
}

@media (min-width: 680px) {
  article.a-zPage ul.iso-container li {
    width: 24.21%;
    height: 8.3em;
    font-size: 1.2em;
  }

  article.a-zPage ul.iso-container li.group-heading {
    font-size: 1em;
    margin-bottom: 0;
  }
}

@media (min-width: 820px) {
  article.a-zPage ul.iso-container li {
    width: 24.21%;
  }
}

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

.lt-ie9 article.a-zPage ul.iso-container li {
  width: 24.21%;
  height: 8.3em;
}

/* ==========================================================================
   Filter  - used in fuctional pages 
   ========================================================================== */

div.filter div form#filtersearch {
  padding: 0;
  border-bottom: 4px solid white;
}

div.filter div form#filtersearch input.filtersearch {
  border: 2px solid gainsboro;
  margin: 0;
  font-size: 1.4em;
  height: auto;
  line-height: 1.7em;
  width: 96%;
  padding: 0 2%;
}

div.filter div form#filtersearch .jvFloat .placeHolder.active {
  -webkit-transform: translate(0px, -3em);
  -ms-transform: translate(0px, -3em);
  transform: translate(0px, -3em);
  padding: 0 5px;
}

div.filter div form#filtersearch.active input.filtersearch {
  color: #0078ae;
  border-color: #0078ae;
}

div.filter div ul#filter-buttons {
  width: 100%;
}

div.filter div ul#filter-buttons li {
  width: 49%;
  margin-right: 2%;
  border-bottom: 4px solid white;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

div.filter div ul#filter-buttons li:nth-of-type(2) {
  margin: 0;
}

@media screen and (min-width: 500px) {
  div.filter div ul#filter-buttons li {
    width: 32%;
  }

  div.filter div ul#filter-buttons li:nth-of-type(2) {
    margin-right: 2%;
  }

  div.filter div ul#filter-buttons li:nth-of-type(3) {
    margin: 0;
  }
}

div.filter div ul#filter-buttons li a {
  padding: 10% 0;
  background-color: gainsboro;
  height: 55px;
  background-color: #DCDCDC;
  color: #0078ae;
}

div.filter div ul#filter-buttons li a:hover {
  background: #d5d5d5;
  cursor: pointer;
}

div.filter div ul#filter-buttons li a.active {
  background: #0078ae;
  color: white;
}

div.filter div ul#filter-buttons li a.active:hover {
  background: #006695;
}

div.filter div ul#filter-buttons li form#grouped {
  width: 100%;
  padding: 10% 0;
  background-color: gainsboro;
  height: 55px;
}

div.filter div ul#filter-buttons li form#grouped input {
  width: 100%;
  display: block;
}

div.filter div ul#filter-buttons li form#grouped lable {
  display: block;
}

div.filter div ul#filter-buttons li.active {
  border-color: #0078ae;
  background-color: #0078ae;
  color: white;
}

div.filter div.three ul#filter-buttons {
  width: 100%;
}

div.filter div.three ul#filter-buttons li {
  width: 32%;
  margin-right: 2%;
  border-bottom: 4px solid white;
}

div.filter div.three ul#filter-buttons li a {
  padding: 10% 0;
  background-color: gainsboro;
  height: 55px;
  color: #0078ae;
}

div.filter div.three ul#filter-buttons li a:hover {
  background: #d5d5d5;
  cursor: pointer;
}

div.filter div.three ul#filter-buttons li a.active {
  background: #0078ae;
  color: white;
}

div.filter div.three ul#filter-buttons li a.active:hover {
  background: #006695;
}

div.filter div.three ul#filter-buttons li form#grouped {
  width: 100%;
  padding: 10% 0;
  background-color: gainsboro;
  height: 55px;
}

div.filter div.three ul#filter-buttons li form#grouped input {
  width: 100%;
  display: block;
}

div.filter div.three ul#filter-buttons li form#grouped lable {
  display: block;
}

div.filter div.three ul#filter-buttons li:nth-of-type(3) {
  margin: 0;
}

div.filter div.three ul#filter-buttons li.active {
  border-color: #0078ae;
}

div.filter div.three ul#filter-buttons li.active a {
  background-color: #0078ae;
  color: white;
}

div.filter div.three ul#filter-buttons li.active a:hover {
  background: #006695;
}

div.filter div.four ul#filter-buttons {
  width: 100%;
}

div.filter div.four ul#filter-buttons li {
  width: 23.5%;
  margin-right: 2%;
  border-bottom: 4px solid white;
}

div.filter div.four ul#filter-buttons li a {
  padding: 10% 0;
  background-color: gainsboro;
  height: 55px;
}

div.filter div.four ul#filter-buttons li form#grouped {
  width: 100%;
  padding: 10% 0;
  background-color: gainsboro;
  height: 55px;
}

div.filter div.four ul#filter-buttons li form#grouped input {
  width: 100%;
  display: block;
}

div.filter div.four ul#filter-buttons li form#grouped lable {
  display: block;
}

div.filter div.four ul#filter-buttons li:nth-of-type(4) {
  margin: 0;
}

div.filter div.four ul#filter-buttons li.active {
  border-color: #c1c3c5;
}

div.filter div.four ul#filter-buttons li.active a {
  background-color: #c1c3c5;
}

div.filter ul#a-z {
  background-color: #c1c3c5;
  text-transform: uppercase;
  display: none;
}

div.filter ul#a-z li {
  width: 16%;
  margin: 0.3%;
}

div.filter ul#a-z li a {
  padding: 10px 0;
  background-color: gainsboro;
}

div.filter ul#a-z li a.hover {
  background: #d5d5d5;
}

div.filter ul#a-z li a.inactive-letter {
  color: #222222;
  background-color: #c1c3c5;
}

div.filter ul#a-z li a.active-letter {
  color: white;
  background-color: #0078ae;
}

div.filter ul#a-z li a[disabled="disabled"] {
  background-color: #c2c2c2 !important;
  color: #efefef;
  cursor: text;
}

div.filter ul#a-z li a[disabled="disabled"].hover {
  color: #efefef;
}

div.filter div#groups ul#group-buttons {
  margin-top: 4px;
}

div.filter div#groups ul#group-buttons li {
  width: 100%;
}

div.filter div#groups ul#group-buttons li a {
  width: 100%;
  height: 100%;
  position: relative;
  border-bottom: 6px solid;
  background-color: #efefef;
}

div.filter div#groups ul#group-buttons li a img {
  max-width: 100%;
  max-height: 50%;
  display: none;
}

div.filter div#groups ul#group-buttons li a h2 {
  color: white;
  margin-bottom: 0;
  font-size: 1.5em;
  text-align: left;
  float: left;
  width: 80%;
  border: 0;
}

div.filter div#groups ul#group-buttons li a span {
  display: block;
  font-size: 1em;
  line-height: 1em;
  color: white;
  float: right;
  line-height: 1.5em;
  margin-top: 0.83em;
  padding: 10px 3px;
  width: 20%;
  background-color: transparent;
}

div.filter div#groups ul#group-buttons li a p {
  color: white;
  display: none;
  width: 100%;
  float: left;
}

div.filter div#groups ul#group-buttons li a p span {
  font-size: 2em;
  display: none;
}

div.filter div#groups ul#group-buttons li a p span.fa {
  position: absolute;
  right: 5px;
  font-size: 1em;
  line-height: 2em;
  width: 15%;
  display: block;
  top: -15px;
}

div.filter div#groups ul#group-buttons li a span.filter-icon {
  position: absolute;
  left: 5px;
  font-size: 1em;
  line-height: 1.4em;
  width: 10%;
  background-color: transparent;
  color: #c1c3c5;
  top: -15px;
}

div.filter div#groups ul#group-buttons li a.active {
  background-color: #0078ae;
  color: white;
}

div.filter div#groups ul#group-buttons li a.active h2,
div.filter div#groups ul#group-buttons li a.active span {
  color: white;
}

div.filter div#groups ul#group-buttons li a.hover {
  background: #d5d5d5;
  border-bottom-color: #0078ae;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a {
  border-bottom-color: #ee3224;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a h2,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a p,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a span {
  color: #ee3224;
}

div.filter div#groups ul#group-buttons li:nth-of-type(2) a {
  border-bottom-color: #0078ae;
}

div.filter div#groups ul#group-buttons li:nth-of-type(2) a h2,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a p,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a span {
  color: #0078ae;
}

div.filter div#groups ul#group-buttons li:nth-of-type(3) a {
  border-bottom-color: #5d9732;
}

div.filter div#groups ul#group-buttons li:nth-of-type(3) a h2,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a p,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a span {
  color: #5d9732;
}

div.filter div#groups ul#group-buttons li:nth-of-type(4) a {
  border-bottom-color: #002b5c;
}

div.filter div#groups ul#group-buttons li:nth-of-type(4) a h2,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a p,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a span {
  color: #002b5c;
}

div.filter div#groups ul#group-buttons li:nth-of-type(5) a {
  border-bottom-color: #222222;
}

div.filter div#groups ul#group-buttons li:nth-of-type(5) a h2,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a p,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a span {
  color: #222222;
}

div.filter div#groups ul#group-buttons li:nth-of-type(6) a {
  border-bottom-color: #f47b20;
}

div.filter div#groups ul#group-buttons li:nth-of-type(6) a h2,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a p,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a span {
  color: #f47b20;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button {
  background-color: #0078ae;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button h2,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button span,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button p,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button h2,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button span,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button p,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button h2,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button span,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button p,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button h2,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button span,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button p,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button h2,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button span,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button p,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button h2,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button span,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button p {
  color: #efefef;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button.hover {
  background: #006695;
  color: white;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active-button.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active-button.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active-button.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active-button.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active-button.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active-button.hover span {
  color: white;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active {
  background-color: #0078ae;
  color: white;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active h2,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active span,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active p,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active h2,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active span,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active p,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active h2,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active span,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active p,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active h2,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active span,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active p,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active h2,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active span,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active p,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active h2,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active span,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active p {
  color: white;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active.hover,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active.hover {
  background: #006695;
  color: white;
}

div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(1) a.active.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(2) a.active.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(3) a.active.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(4) a.active.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(5) a.active.hover span,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active.hover h2,
div.filter div#groups ul#group-buttons li:nth-of-type(6) a.active.hover span {
  color: white;
}

@media (min-width: 500px) {
  div.filter ul#a-z li {
    width: 7.09%;
    margin: 0.3%;
  }

  div.filter div#groups ul#group-buttons li a span.count {
    display: block;
    position: absolute;
    right: 5px;
    font-size: 1em;
    top: -15px;
  }

  div.filter div#groups ul#group-buttons li a span.fa {
    display: block;
    position: absolute;
    left: 5px;
    font-size: 1em;
  }

  div.filter div#groups ul#group-buttons li:nth-child(3n) {
    margin: 0;
  }

  div.filter div#groups ul#group-buttons li a h2,
  div.filter div#groups.group2 ul#group-buttons li a h2,
  div.filter div#groups.group3 ul#group-buttons li a h2,
  div.filter div#groups.group4 ul#group-buttons li a h2,
  div.filter div#groups.group5 ul#group-buttons li a h2,
  div.filter div#groups.group6 ul#group-buttons li a h2 {
    height: 70px;
  }

  div.filter div#groups ul#group-buttons li a span.fa,
  div.filter div#groups.group2 ul#group-buttons li a span.fa,
  div.filter div#groups.group3 ul#group-buttons li a span.fa,
  div.filter div#groups.group4 ul#group-buttons li a span.fa,
  div.filter div#groups.group5 ul#group-buttons li a span.fa,
  div.filter div#groups.group6 ul#group-buttons li a span.fa {
    position: absolute;
    left: 5px;
    top: -15px;
    font-size: 1em;
    width: auto;
  }

  div.filter div#groups.group2 ul#group-buttons li {
    width: 49.25%;
    margin: 0 1.5% 1.5% 0;
  }

  div.filter div#groups.group2 ul#group-buttons li a p {
    display: block;
  }

  div.filter div#groups.group2 ul#group-buttons li:nth-child(2n) {
    margin: 0;
  }

  div.filter div#groups.group3 ul#group-buttons li,
  div.filter div#groups.group6 ul#group-buttons li {
    width: 32.33%;
    margin: 0 1.5% 1.5% 0;
  }

  div.filter div#groups.group3 ul#group-buttons li a p,
  div.filter div#groups.group6 ul#group-buttons li a p {
    display: block;
  }

  div.filter div#groups.group3 ul#group-buttons li:nth-child(3n),
  div.filter div#groups.group6 ul#group-buttons li:nth-child(3n) {
    margin: 0;
  }

  div.filter div#groups.group4 ul#group-buttons li {
    width: 23.875%;
    margin: 0 1.5% 1.5% 0;
  }

  div.filter div#groups.group4 ul#group-buttons li a p {
    display: block;
  }

  div.filter div#groups.group4 ul#group-buttons li:nth-child(4n) {
    margin: 0;
  }

  div.filter div#groups.group5 ul#group-buttons li {
    width: 18.8%;
    margin: 0 1.5% 1.5% 0;
  }

  div.filter div#groups.group5 ul#group-buttons li a p {
    display: block;
  }

  div.filter div#groups.group5 ul#group-buttons li:nth-child(5n) {
    margin: 0;
  }
}

@media (min-width: 680px) {
  div.filter {
    width: 100%;
  }

  div.filter ul#a-z {
    display: block;
  }

  div.filter ul#a-z li {
    width: 3.247%;
  }

  div.filter ul#a-z li#advbutton {
    width: 10%;
  }

  div.filter div form#filtersearch {
    width: 66.16%;
    float: left;
    margin-right: 1.5%;
  }

  div.filter div ul#filter-buttons {
    width: 32.33%;
    float: right;
  }

  div.filter div ul#filter-buttons li {
    width: 49%;
  }

  div.filter div ul#filter-buttons li:nth-of-type(2) {
    margin-right: 0;
  }

  div.filter div ul#filter-buttons li:nth-of-type(3) {
    display: none;
  }

  div.filter div#groups ul#group-buttons li,
  div.filter div#groups.group2 ul#group-buttons li,
  div.filter div#groups.group3 ul#group-buttons li,
  div.filter div#groups.group4 ul#group-buttons li,
  div.filter div#groups.group5 ul#group-buttons li,
  div.filter div#groups.group6 ul#group-buttons li {
    /*height: 150px;*/
  }

  div.filter div#groups ul#group-buttons li a,
  div.filter div#groups.group2 ul#group-buttons li a,
  div.filter div#groups.group3 ul#group-buttons li a,
  div.filter div#groups.group4 ul#group-buttons li a,
  div.filter div#groups.group5 ul#group-buttons li a,
  div.filter div#groups.group6 ul#group-buttons li a {
    height: auto;
    padding: 0;
  }

  div.filter div#groups ul#group-buttons li a h2,
  div.filter div#groups.group2 ul#group-buttons li a h2,
  div.filter div#groups.group3 ul#group-buttons li a h2,
  div.filter div#groups.group4 ul#group-buttons li a h2,
  div.filter div#groups.group5 ul#group-buttons li a h2,
  div.filter div#groups.group6 ul#group-buttons li a h2 {
    text-align: center;
    width: 100%;
    font-size: 2em;
    padding-top: 10px;
  }

  div.filter div#groups ul#group-buttons li a span,
  div.filter div#groups.group2 ul#group-buttons li a span,
  div.filter div#groups.group3 ul#group-buttons li a span,
  div.filter div#groups.group4 ul#group-buttons li a span,
  div.filter div#groups.group5 ul#group-buttons li a span,
  div.filter div#groups.group6 ul#group-buttons li a span {
    display: block;
    width: 100%;
    font-size: 4em;
    background-color: transparent;
    width: 100%;
    margin: 0;
  }

  div.filter div#groups ul#group-buttons li a p,
  div.filter div#groups.group2 ul#group-buttons li a p,
  div.filter div#groups.group3 ul#group-buttons li a p,
  div.filter div#groups.group4 ul#group-buttons li a p,
  div.filter div#groups.group5 ul#group-buttons li a p,
  div.filter div#groups.group6 ul#group-buttons li a p {
    display: none;
  }

  div.filter div#groups ul#group-buttons li a p span,
  div.filter div#groups.group2 ul#group-buttons li a p span,
  div.filter div#groups.group3 ul#group-buttons li a p span,
  div.filter div#groups.group4 ul#group-buttons li a p span,
  div.filter div#groups.group5 ul#group-buttons li a p span,
  div.filter div#groups.group6 ul#group-buttons li a p span {
    font-size: 2em;
  }

  div.filter div#groups ul#group-buttons li a span.filter-icon,
  div.filter div#groups.group2 ul#group-buttons li a span.filter-icon,
  div.filter div#groups.group3 ul#group-buttons li a span.filter-icon,
  div.filter div#groups.group4 ul#group-buttons li a span.filter-icon,
  div.filter div#groups.group5 ul#group-buttons li a span.filter-icon,
  div.filter div#groups.group6 ul#group-buttons li a span.filter-icon {
    display: block;
  }

  div.filter div#groups ul#group-buttons li a span.count,
  div.filter div#groups.group2 ul#group-buttons li a span.count,
  div.filter div#groups.group3 ul#group-buttons li a span.count,
  div.filter div#groups.group4 ul#group-buttons li a span.count,
  div.filter div#groups.group5 ul#group-buttons li a span.count,
  div.filter div#groups.group6 ul#group-buttons li a span.count {
    top: 0;
    position: relative;
    line-height: 0.9em;
  }

  div.filter div#groups ul#group-buttons li a span.fa,
  div.filter div#groups.group2 ul#group-buttons li a span.fa,
  div.filter div#groups.group3 ul#group-buttons li a span.fa,
  div.filter div#groups.group4 ul#group-buttons li a span.fa,
  div.filter div#groups.group5 ul#group-buttons li a span.fa,
  div.filter div#groups.group6 ul#group-buttons li a span.fa {
    display: block;
    top: 0;
  }

  div.filter div#groups ul#group-buttons li a.hover p,
  div.filter div#groups.group2 ul#group-buttons li a.hover p,
  div.filter div#groups.group3 ul#group-buttons li a.hover p,
  div.filter div#groups.group4 ul#group-buttons li a.hover p,
  div.filter div#groups.group5 ul#group-buttons li a.hover p,
  div.filter div#groups.group6 ul#group-buttons li a.hover p {
    display: none;
  }

  div.filter div#groups ul#group-buttons li a.hover p span,
  div.filter div#groups.group2 ul#group-buttons li a.hover p span,
  div.filter div#groups.group3 ul#group-buttons li a.hover p span,
  div.filter div#groups.group4 ul#group-buttons li a.hover p span,
  div.filter div#groups.group5 ul#group-buttons li a.hover p span,
  div.filter div#groups.group6 ul#group-buttons li a.hover p span {
    display: none;
  }

  div.filter div#groups ul#group-buttons li.imageButton {
    height: 180px;
  }

  div.filter div#groups ul#group-buttons li.imageButton a {
    height: 100%;
  }

  div.filter div#groups ul#group-buttons li.imageButton a h2 {
    height: 70px;
    border: 0;
  }

  div.filter div#groups ul#group-buttons li.imageButton a img {
    display: inline;
    width: auto;
  }

  div.filter div#groups ul#group-buttons li.imageButton a span.count {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 1em;
    line-height: 2em;
    width: 15%;
    background-color: #002b5c;
    color: white;
  }

  div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(1) a span.count {
    background-color: #ee3224;
  }

  div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(2) a span.count {
    background-color: #0078ae;
  }

  div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(3) a span.count {
    background-color: #5d9732;
  }

  div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(4) a span.count {
    background-color: #002b5c;
  }

  div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(5) a span.count {
    background-color: #222222;
  }

  div.filter div#groups ul#group-buttons li.imageButton:nth-of-type(6) a span.count {
    background-color: #f47b20;
  }
}

@media screen {
  div.filter ul#filter-buttons li a.hover {
    background-color: #5a5c60;
  }

  div.filter ul#filter-buttons li form#grouped.hover {
    color: #5a5c60;
  }

  div.filter ul#a-z li a.inactive-letter.hover {
    background-color: #c1c3c5;
    cursor: default;
  }

  div.filter ul#a-z li a.active-letter.hover {
    background-color: #0078ae;
    cursor: default;
  }
}

.lt-ie9 div.filter {
  background: #efefef;
  width: 100%;
}

.lt-ie9 div.filter ul#a-z li {
  width: 3.24%;
  margin: 0.3%;
}

.lt-ie9 div.filter form#filtersearch {
  width: 65.16%;
  float: left;
}

.lt-ie9 div.filter ul#filter-buttons {
  width: 39.4%;
  float: right;
}

.lt-ie9 div.filter div#groups ul#group-buttons li {
  height: 180px;
  width: 32.33%;
  margin: 0 1.5% 1.5% 0;
}

.lt-ie9 div.filter div#groups ul#group-buttons li a h2 {
  text-align: center;
  width: 100%;
  font-size: 2em;
}

.lt-ie9 div.filter div#groups ul#group-buttons li a span {
  display: block;
  width: 100%;
  font-size: 4em;
  background-color: transparent;
  width: 100%;
  margin: -5px;
}

.lt-ie9 div.filter div#groups ul#group-buttons li a p {
  display: none;
  color: white;
}

.lt-ie9 div.filter div#groups ul#group-buttons li a p span {
  font-size: 2em;
}

.lt-ie9 div.filter div#groups ul#group-buttons li a span.filter-icon {
  display: block;
}

.lt-ie9 div.filter div#groups ul#group-buttons li:nth-child(n+3) {
  margin: 0;
}

/*@import "css-live/partials/pgt"; 
@import "css-live/partials/pgr";*/

/* ==========================================================================
   Link Group
      ========================================================================== */

.link-group {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .link-group {
    /*@include outer-container;*/
    max-width: 70em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .link-group:before {
    position: absolute;
    right: -1px;
    content: '';
    width: 1px;
    height: 45px;
    background: #fff;
  }
}

.link-group > ul {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
  margin-right: 0;
  float: right;
  max-width: 150px;
  margin: 0;
  padding: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.link-group > ul:last-child {
  margin-right: 0;
}

@media screen and (min-width: 680px) {
  .link-group > ul {
    float: left;
    max-width: none;
    width: auto;
    /*margin-left: 150px;*/
  }
}

.link-group > ul > li {
  list-style: none;
  color: #fff;
  background: #5d9732;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.link-group > ul > li:nth-child(2) {
  background: #457125;
}

.link-group > ul > li:nth-child(3) {
  background: #2e4a19;
}

.link-group > ul > li.hover {
  background: #16240c;
}

.link-group > ul > li > a {
  color: #fff;
}

@media screen and (min-width: 680px) {
  .link-group > ul > li {
    padding-right: 40px;
    padding-left: 40px;
    /*width: 13%;*/
    float: left;
    border-right: 1px solid #fff;
  }

  .link-group > ul > li.haschildren > a:after {
    margin-left: .8em;
    font-family: Alegreya Sans, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    color: #457125;
  }

  .link-group > ul > li.haschildren.hover > a {
    position: relative;
    bottom: -1px;
    z-index: 101;
    border-bottom: 1px solid black;
  }

  .link-group > ul > li.haschildren:first-child:hover > a {
    margin-left: 1px;
  }
}

/*
 * Accordion
 * 
 * Need to look at widths - span-columns();
 * 
 */

div.acordGroupButton {
  margin: -12px 5px 0 0;
}

div.acordGroupButton a.uos-accordian-expandall,
div.acordGroupButton a.uos-accordian-collapseall {
  line-height: 1em;
  padding: 5px;
  background: gainsboro;
  margin-right: 0px;
}

div.acordGroupButton a.uos-accordian-expandall.hover,
div.acordGroupButton a.uos-accordian-collapseall.hover {
  background: #efefef;
}

a.acord {
  display: block;
  background: #0078ae;
  color: white;
  padding: 20px;
  font-size: 1.2em;
  margin-top: 10px;
  text-decoration: none;
}

a.acord i {
  float: right;
}

a.acord.hover {
  background-color: #5a5c60;
  color: white;
  text-decoration: none;
}

div.acord {
  background: gainsboro;
  padding: 20px;
  margin: 0;
}

@media screen and (max-width: 450px) {
  div.acord {
    padding: 0;
  }
}

div.acord.hover {
  background-color: #5a5c60;
  color: white;
  text-decoration: none;
}

/*
 * Apply Buttons
 * 
 * Need to look at widths - span-columns();
 * 
 */

div.apply {
  width: 100%;
  margin-bottom: 16px;
}

div.apply div.apply-details {
  width: 100%;
  background: gainsboro;
  float: left;
  padding: 0 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  div.apply div.apply-details {
    min-height: 0px;
  }
}

div.apply div.apply-details h3 {
  font-size: 1.4em;
}

div.apply div.apply-button {
  width: 100%;
  background: gainsboro;
  float: right;
}

div.apply div.apply-button a {
  width: 50%;
  margin: 20px 0;
  text-decoration: none;
}

div.apply div.apply-button a button {
  width: 100%;
  background: #018489;
}

@media screen and (min-width: 680px) {
  div.apply div.apply-details {
    width: 70%;
    min-height: 150px;
  }

  div.apply div.apply-button {
    padding: 20px;
    width: 30%;
    height: 150px;
  }
}

.lt-ie9 div.apply div.apply-button {
  padding: 20px;
}

/*
 * Business Cards
 * 
 * Need to look at widths - span-columns();
 * 
 */

ul.contact-list {
  margin: 0 0 16px 0;
  list-style: none;
  padding: 0;
}

ul.contact-list li {
  *zoom: 1;
  border: 0 none;
  float: none;
  margin: 0 5px 0px 0;
  width: 100%;
  padding: 1% 0;
  background: #efefef;
}

ul.contact-list li:before,
ul.contact-list li:after {
  content: " ";
  display: table;
}

ul.contact-list li:after {
  clear: both;
}

ul.contact-list li h3 {
  font-size: 2rem;
}

ul.contact-list li span {
  display: inline-block;
  min-height: 100%;
  padding: 2px;
  vertical-align: middle;
  background: #c3c3c3;
  color: #002b5c;
  padding: 0 2px 0 0;
  display: block;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  ul.contact-list li span {
    height: 80px;
  }
}

ul.contact-list li span.staff_image {
  min-width: 62px;
  padding: 1%;
  display: inline-block;
}

ul.contact-list li span.staff_image img {
  height: 60px;
  width: 60px;
}

ul.contact-list li span.staff_name {
  width: 98%;
  margin: 0 1% 10px 1%;
}

ul.contact-list li span.staff_telno {
  width: 98%;
  padding: 0px;
  text-align: center;
  float: left;
  margin: 0 0 10px 1%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  ul.contact-list li span.staff_telno {
    width: 48.5%;
    margin: 0 0 0px 1%;
  }
}

ul.contact-list li span.staff_telno a {
  padding: 29px 0px;
  display: block;
}

ul.contact-list li span.staff_email {
  width: 98%;
  padding: 0px;
  float: left;
  margin: 0 0 0 1%;
  text-align: center;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  ul.contact-list li span.staff_email {
    width: 48.5%;
  }
}

ul.contact-list li span.staff_email a {
  padding: 29px 0px;
  display: block;
}

ul.contact-list li span.staff_address {
  width: 98%;
  margin: 0 1% 10px 1%;
  clear: both;
  padding: 29px 0px;
  width: 98%;
  margin: 10px 1% 0px 1%;
  text-align: center;
  float: right;
  height: auto;
}

ul.contact-list li:before {
  content: none;
}

/*
 * Chequered Video
 * 
 * Need to look at widths - span-columns();
 * 
 */

ul.video-testimonials {
  width: 100%;
  padding: 0;
  margin: 10px 0;
}

ul.video-testimonials li {
  *zoom: 1;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

ul.video-testimonials li:before,
ul.video-testimonials li:after {
  content: " ";
  display: table;
}

ul.video-testimonials li:after {
  clear: both;
}

ul.video-testimonials li:before {
  content: "";
  text-indent: 0;
}

ul.video-testimonials li iframe {
  width: 50%;
  float: left;
  padding-right: 10px;
  height: 210px;
  border: 0;
}

ul.video-testimonials li h3,
ul.video-testimonials li p {
  width: 50%;
  float: right;
  padding-left: 10px;
}

ul.video-testimonials li:nth-of-type(2n) {
  margin-right: 0;
}

ul.video-testimonials li:nth-of-type(2n) iframe {
  float: right;
  padding-left: 10px;
}

ul.video-testimonials li:nth-of-type(2n) h3,
ul.video-testimonials li:nth-of-type(2n) p {
  float: left;
  padding-right: 10px;
}

/* ==========================================================================
   Fact 
   ========================================================================== */

section#hp.fact h2 {
  background-color: #ee3224;
}

section#hp.fact.orange h2 {
  background-color: #f47b20;
}

section#hp.fact.blue h2 {
  background-color: #0078ae;
}

section#hp.fact.red h2 {
  background-color: #ee3224;
}

section#hp.fact.green h2 {
  background-color: #5d9732;
}

.fact {
  margin-bottom: 16px;
}

> .fact:hover h2 a {
  background-color: #5a5c60;
}

.fact h2 {
  margin: 0;
  padding: 20px;
  color: #fff;
  text-align: center;
  background: #ee3224;
  font-size: 2em;
}

.fact h2 strong {
  display: block;
  width: 100%;
  margin: 0;
  color: #fff;
  font-family: Alegreya Sans, sans-serif;
  line-height: 1;
  font-size: 60px;
  font-size: 3.75rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  .fact h2 strong {
    font-size: 66px;
    font-size: 4.125rem;
  }
}

@media screen and (min-width: 500px) {
  .fact h2 strong {
    font-size: 74px;
    font-size: 4.625rem;
  }
}

.fact h2 a,
.fact h2 a.hover strong {
  color: #fff;
}

.fact h2 a.hover,
.fact h2 a .hover,
.fact h2 a.hover strong.hover,
.fact h2 a.hover strong .hover {
  color: #efefef;
}

.fact a {
  text-decoration: none;
}

.fact p {
  margin: 0;
}

.fact.primaryblue h2 {
  background: #002b5c;
}

.fact.blue h2 {
  background: #0078ae;
}

.fact.orange h2 {
  background: #f47b20;
}

.fact.green h2 {
  background: #5d9732;
}

.fact.red {
  background: #5d9732;
}

.fact.lightgrey h2 {
  background: gainsboro;
  color: #222222;
}

.fact.lightgrey h2 strong {
  color: #222222;
}

.fact.darkgrey h2 {
  background: #222222;
}

#key-aside .fact h2 {
  font-size: 1.125rem;
}

#key-aside .fact h2 strong {
  font-size: 2.4rem;
}

/* ==========================================================================
   RHS quote
   e.g. flages on country pages
   ========================================================================== */

.RHSimage img {
  margin-bottom: 20px;
}

/* ==========================================================================
   Related link
   e.g. used in areas of study 
   ========================================================================== */

.related-link {
  *zoom: 1;
  margin-bottom: 16px;
  background: #e5e5e5;
}

.related-link:before,
.related-link:after {
  content: " ";
  display: table;
}

.related-link:after {
  clear: both;
}

.related-link a {
  text-decoration: none;
}

.related-link h2 {
  background: #0078ae;
  font-size: 1.25rem;
  color: white;
  padding: 10px 20px;
  max-width: 87.5%;
  /*margin-top: -.9em;*/
  display: inline-block;
  min-height: 0;
  font-family: Alegreya Sans, sans-serif;
}

.related-link h2 a {
  text-decoration: none;
}

.related-link h2 a.hover {
  color: #5a5c60;
}

.related-link h3 a {
  text-decoration: none;
}

.related-link h3 a.hover {
  color: #5a5c60;
}

.related-link > ul > li {
  list-style: none;
  padding-left: 1.2em;
}

.related-link > ul > li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.related-link div ul > li {
  list-style: none;
}

.related-link div ul > li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.related-link p {
  padding: 0 20px;
}

.related-link figure {
  margin: 0 0 -20px 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.related-link figure ul {
  padding: 0;
  list-style: none;
  margin: 0;
}

.related-link figure .video-thumb {
  position: relative;
}

.related-link figure .video-thumb:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21px 0 0 -40px;
  width: 60px;
  height: 42px;
  content: 'N';
  color: #fff;
  font-family: Alegreya Sans, sans-serif;
  font-size: 30px;
  text-align: center;
  background: #222222;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.related-link figure img {
  width: 100%;
  height: auto;
}

.related-link figure .videowrap {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.related-link figure .videowrap iframe,
.related-link figure .videowrap object,
.related-link figure .videowrap embed,
.related-link figure .videowrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 500px) {
  .related-link figure.quarter {
    width: 25%;
  }

  .related-link figure.half {
    width: 50%;
  }

  .related-link figure.left {
    float: left;
    margin: -20px 20px 20px -20px;
    border-right: 1px solid #fff;
  }

  .related-link figure.right {
    float: right;
    margin: -20px -20px 20px 20px;
    border-left: 1px solid #fff;
  }
}

.related-link.primaryblue h2 {
  background: #002b5c;
}

.related-link.primaryblue ul li:before {
  color: #002b5c;
}

.related-link.primarygrey h2 {
  background: #a7a9ac;
}

.related-link.primarygrey ul li:before {
  color: #a7a9ac;
}

.related-link.darkgrey h2 {
  background: #222222;
}

.related-link.darkgrey ul li:before {
  color: #222222;
}

.related-link.offwhite h2 {
  background: #efefef;
}

.related-link.offwhite ul li:before {
  color: #efefef;
}

.related-link.blue h2 {
  background: #0078ae;
}

.related-link.blue ul li:before {
  color: #0078ae;
}

.related-link.orange h2 {
  background: #f47b20;
}

.related-link.orange ul li:before {
  color: #f47b20;
}

.related-link.green h2 {
  background: #5d9732;
}

.related-link.green ul li:before {
  color: #5d9732;
}

.related-link.red h2 {
  background: #ee3224;
}

.related-link.red ul li:before {
  color: #ee3224;
}

.related-link.lightgrey h2 {
  background: gainsboro;
}

.related-link.lightgrey ul li:before {
  color: gainsboro;
}

.related-link.darkgrey h2 {
  background: #222222;
}

.related-link.darkgrey ul li:before {
  color: #222222;
}

.related-link#item {
  width: 32.25%;
  display: inline-block;
  margin-right: 0.5em;
  /*breaking Study with us (Eng) height: 580px;*/
  overflow: hidden;
}

.related-link.item {
  width: 32%;
  display: inline-block;
  margin-right: 0.5em;
}

@media screen and (max-width: 800px) {
  .related-link.item {
    width: 100%;
    display: inline-block;
    margin-right: 0em;
  }
}

@media screen and (max-width: 1000px) {
  .related-link#item {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 800px) {
  .related-link#item {
    display: block;
  }
}

@media screen and (max-width: 500px) {
  .related-link#item {
    display: block;
    width: 100%;
  }
}

/* ==========================================================================
   Related link2
   e.g. used in areas of study 
   ========================================================================== */

section.related-link2.red {
  background-color: #ee3224;
}

section.related-link2.orange {
  background-color: #f47b20;
}

section.related-link2.blue {
  background-color: #0078ae;
}

section.related-link2.green {
  background-color: #5d9732;
}

section.related-link2.darkgrey {
  background-color: #222222;
}

section.related-link2.midgrey {
  background-color: #c1c3c5;
  color: #222222;
}

section.related-link2.lightgrey {
  background-color: gainsboro;
  color: #222222;
}

section.related-link2.offwhite {
  background-color: #efefef;
  color: #222222;
}

section.related-link2.corpblue {
  background-color: #002b5c;
  color: white;
}

section.related-link2.midgrey > h3 {
  color: #222222;
}

section.related-link2.lightgrey > h3 {
  color: #222222;
}

section.related-link2.offwhite > h3 {
  color: #222222;
}

.related-link2 {
  margin: auto;
  max-width: 71em;
  margin-bottom: 20px !important;
  *zoom: 1;
  background: #e5e5e5;
  padding: 20px !important;
}

.related-link2:before,
.related-link2:after {
  content: " ";
  display: table;
}

.related-link2:after {
  clear: both;
}

.related-link2 a {
  display: block;
  *zoom: 1;
  text-decoration: none;
  padding: 20px;
  margin: -15px;
  word-wrap: break-word;
}

.related-link2 a:before,
.related-link2 a:after {
  content: " ";
  display: table;
}

.related-link2 a:after {
  clear: both;
}

@media only screen and (min-width: 500px) {
  .related-link2 a {
    padding: 15px;
  }
}

.related-link2 a h2,
.related-link2 a h3 {
  color: #002b5c;
}

.related-link2 a.hover {
  background-color: #5a5c60;
  text-decoration: none;
  color: white;
}

.related-link2 a.hover h2,
.related-link2 a.hover h3 {
  color: white;
}

.related-link2 a.button {
  background: #5d9732;
  color: white;
  display: block;
  margin: 0 5px 10px 5px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  font-size: 1.25em;
}

.related-link2 a.button.hover {
  background-color: #5a5c60;
}

.related-link2 ul > li {
  list-style: none;
  padding-left: 1.2em;
}

.related-link2 ul > li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.related-link2 h2 {
  font-size: 1.4em;
  margin: 0 0 0.83em 0;
  min-height: 0;
  border-bottom: 0;
  font-family: Alegreya Sans, sans-serif;
  padding: 0;
}

.related-link2 h2 {
  font-size: 1.4em;
  margin: 0 0 0.83em 0;
  padding: 0;
}

.related-link2 h2 a {
  text-decoration: none;
  margin: 0;
  padding: 0px;
}

.related-link2 h2 a.hover {
  color: #5a5c60;
}

.related-link2 h3 a {
  text-decoration: none;
  margin: 0;
  padding: 0px;
}

.related-link2 h3 a.hover {
  color: #5a5c60;
}

.related-link2 p a,
.related-link2 h2 a,
.related-link2 ul a {
  display: inline;
  text-decoration: underline;
  padding: 0;
  margin: 0;
  word-wrap: break-word;
}

.related-link2 p a:after,
.related-link2 p a:before,
.related-link2 h2 a:after,
.related-link2 h2 a:before,
.related-link2 ul a:after,
.related-link2 ul a:before {
  content: none;
}

.related-link2 p a:after.hover,
.related-link2 p a:before.hover,
.related-link2 h2 a:after.hover,
.related-link2 h2 a:before.hover,
.related-link2 ul a:after.hover,
.related-link2 ul a:before.hover {
  color: #5a5c60;
  background-color: #efefef;
}

.related-link2 ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: inline;
}

.related-link2 ul li a {
  text-decoration: none;
  display: inline;
  margin: 0;
  padding: 0px;
}

.related-link2 ul li a.hover {
  text-decoration: underline;
}

.related-link2.Textleft ul li:before {
  display: inline;
  padding: 0 10px 0 0;
}

.related-link2 figure {
  margin: -20px -20px 20px -20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.related-link2 figure .video-thumb {
  position: relative;
}

.related-link2 figure .video-thumb:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -21px 0 0 -40px;
  width: 60px;
  height: 42px;
  content: 'N';
  color: #fff;
  font-family: Alegreya Sans, sans-serif;
  font-size: 30px;
  text-align: center;
  background: #222222;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.related-link2 figure img {
  width: 100%;
  height: auto;
}

.related-link2 figure .videowrap {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.related-link2 figure .videowrap iframe,
.related-link2 figure .videowrap object,
.related-link2 figure .videowrap embed,
.related-link2 figure .videowrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 500px) {
  .related-link2 figure.quarter {
    width: 25%;
  }

  .related-link2 figure.half {
    width: 50%;
  }

  .related-link2 figure.left {
    float: left;
    margin: 0 10px 0 0;
  }

  .related-link2 figure.right {
    float: right;
    margin: 0 0 0 10px;
  }
}

.related-link2.primaryblue {
  background: #002b5c;
}

.related-link2.primaryblue a h2,
.related-link2.primaryblue a h3,
.related-link2.primaryblue a p,
.related-link2.primaryblue a li {
  color: white;
}

.related-link2.primaryblue h2 a,
.related-link2.primaryblue h3 a,
.related-link2.primaryblue p a,
.related-link2.primaryblue li a {
  color: white;
}

.related-link2.primarygrey {
  background: #a7a9ac;
}

.related-link2.primarygrey a h2,
.related-link2.primarygrey a h3,
.related-link2.primarygrey a p,
.related-link2.primarygrey a li {
  color: white;
}

.related-link2.primarygrey h2 a,
.related-link2.primarygrey h3 a,
.related-link2.primarygrey p a,
.related-link2.primarygrey li a {
  color: white;
}

.related-link2.darkgrey {
  background: #222222;
}

.related-link2.darkgrey a h2,
.related-link2.darkgrey a h3,
.related-link2.darkgrey a p,
.related-link2.darkgrey a li {
  color: white;
}

.related-link2.darkgrey h2 a,
.related-link2.darkgrey h3 a,
.related-link2.darkgrey p a,
.related-link2.darkgrey li a {
  color: white;
}

.related-link2.offwhite {
  background: #efefef;
}

.related-link2.green {
  background: #5d9732;
}

.related-link2.green a h2,
.related-link2.green a h3,
.related-link2.green a p,
.related-link2.green a li {
  color: white;
}

.related-link2.green h2 a,
.related-link2.green h3 a,
.related-link2.green p a,
.related-link2.green li a {
  color: white;
}

.related-link2.greenDark {
  background: #2e4a19;
}

.related-link2.greenDark a h2,
.related-link2.greenDark a h3,
.related-link2.greenDark a p,
.related-link2.greenDark a li {
  color: white;
}

.related-link2.greenDark h2 a,
.related-link2.greenDark h3 a,
.related-link2.greenDark p a,
.related-link2.greenDark li a {
  color: white;
}

.related-link2.greenPastle {
  background: #adc999;
}

.related-link2.greenPastle a h2,
.related-link2.greenPastle a h3,
.related-link2.greenPastle a p,
.related-link2.greenPastle a li {
  color: white;
}

.related-link2.greenPastle h2 a,
.related-link2.greenPastle h3 a,
.related-link2.greenPastle p a,
.related-link2.greenPastle li a {
  color: white;
}

.related-link2.red {
  background: #ee3224;
}

.related-link2.red a h2,
.related-link2.red a h3,
.related-link2.red a p,
.related-link2.red a li {
  color: white;
}

.related-link2.red h2 a,
.related-link2.red h3 a,
.related-link2.red p a,
.related-link2.red li a {
  color: white;
}

.related-link2.redDark {
  background: #a0170c;
}

.related-link2.redDark a h2,
.related-link2.redDark a h3,
.related-link2.redDark a p,
.related-link2.redDark a li {
  color: white;
}

.related-link2.redDark h2 a,
.related-link2.redDark h3 a,
.related-link2.redDark p a,
.related-link2.redDark li a {
  color: white;
}

.related-link2.redPastle {
  background: #f1beba;
}

.related-link2.redPastle a h2,
.related-link2.redPastle a h3,
.related-link2.redPastle a p,
.related-link2.redPastle a li {
  color: white;
}

.related-link2.redPastle h2 a,
.related-link2.redPastle h3 a,
.related-link2.redPastle p a,
.related-link2.redPastle li a {
  color: white;
}

.related-link2.orange {
  background: #f47b20;
}

.related-link2.orange a h2,
.related-link2.orange a h3,
.related-link2.orange a p,
.related-link2.orange a li {
  color: white;
}

.related-link2.orange h2 a,
.related-link2.orange h3 a,
.related-link2.orange p a,
.related-link2.orange li a {
  color: white;
}

.related-link2.orange ul li:before {
  color: #002b5c;
}

.related-link2.orangeDark {
  background: #a64c08;
}

.related-link2.orangeDark a h2,
.related-link2.orangeDark a h3,
.related-link2.orangeDark a p,
.related-link2.orangeDark a li {
  color: white;
}

.related-link2.orangeDark h2 a,
.related-link2.orangeDark h3 a,
.related-link2.orangeDark p a,
.related-link2.orangeDark li a {
  color: white;
}

.related-link2.orangePastle {
  background: #f3d2ba;
}

.related-link2.orangePastle a h2,
.related-link2.orangePastle a h3,
.related-link2.orangePastle a p,
.related-link2.orangePastle a li {
  color: white;
}

.related-link2.orangePastle h2 a,
.related-link2.orangePastle h3 a,
.related-link2.orangePastle p a,
.related-link2.orangePastle li a {
  color: white;
}

.related-link2.blue {
  background: #0078ae;
}

.related-link2.blue a h2,
.related-link2.blue a h3,
.related-link2.blue a p,
.related-link2.blue a li {
  color: white;
}

.related-link2.blue h2 a,
.related-link2.blue h3 a,
.related-link2.blue p a,
.related-link2.blue li a {
  color: white;
}

.related-link2.blueDark {
  background: #003248;
}

.related-link2.blueDark a h2,
.related-link2.blueDark a h3,
.related-link2.blueDark a p,
.related-link2.blueDark a li {
  color: white;
}

.related-link2.blueDark h2 a,
.related-link2.blueDark h3 a,
.related-link2.blueDark p a,
.related-link2.blueDark li a {
  color: white;
}

.related-link2.bluePastle {
  background: #5abfed;
}

.related-link2.bluePastle a h2,
.related-link2.bluePastle a h3,
.related-link2.bluePastle a p,
.related-link2.bluePastle a li {
  color: white;
}

.related-link2.bluePastle h2 a,
.related-link2.bluePastle h3 a,
.related-link2.bluePastle p a,
.related-link2.bluePastle li a {
  color: white;
}

.related-link2.white-text {
  color: white;
}

.related-link2.white-text a {
  color: white;
}

.related-link2.white-text a h2,
.related-link2.white-text a h3,
.related-link2.white-text a p,
.related-link2.white-text a li {
  color: white;
}

.related-link2.white-text h2,
.related-link2.white-text h3,
.related-link2.white-text p,
.related-link2.white-text li {
  color: white;
}

.related-link2.white-text h2 a,
.related-link2.white-text h3 a,
.related-link2.white-text p a,
.related-link2.white-text li a {
  color: white;
}

/* ==========================================================================
   Related link group
   areas of study
      ========================================================================== */

.related-link-group {
  *zoom: 1;
  margin-bottom: 16px;
  background: #efefef;
}

.related-link-group:before,
.related-link-group:after {
  content: " ";
  display: table;
}

.related-link-group:after {
  clear: both;
}

.related-link-group h1 {
  margin: 0;
  padding: 60px 10px 10px;
  background: #5d9732;
  border-bottom: 1px solid #fff;
  color: #fff !important;
  font-size: 1.125rem;
  font-family: Alegreya Sans, sans-serif;
}

.related-link-group p {
  padding: 6.66667px;
}

.related-link-group a {
  color: #0078ae;
  text-decoration: none;
  word-wrap: break-word;
}

.related-link-group a.hover {
  color: #5a5c60;
}

.related-link-group h2 {
  padding-left: 10px;
}

.related-link-group ul {
  padding: 10px;
}

.related-link-group ul > li {
  list-style: none;
  padding-left: 1.2em;
}

.related-link-group ul > li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #5d9732;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.related-link-group
.related-link-group.horizontal {
  text-align: center;
}

.related-link-group
.related-link-group.horizontal ul > li,
.related-link-group
.related-link-group.horizontal ul li a {
  color: #002b5c;
  margin: 0 1em;
  display: inline;
}

.related-link-group
.related-link-group.horizontal ul > li.hover,
.related-link-group
.related-link-group.horizontal ul li a.hover {
  color: #5a5c60;
}

.related-link-group
.related-link-group.horizontal ul > li:before,
.related-link-group
.related-link-group.horizontal ul li a:before {
  display: none;
}

.related-link-group:nth-of-type(6n-5) h1 {
  background: #0078ae;
}

.related-link-group:nth-of-type(6n-5) ul li:before {
  color: #0078ae;
}

.related-link-group:nth-of-type(6n-4) h1 {
  background: #f47b20;
}

.related-link-group:nth-of-type(6n-4) ul li:before {
  color: #f47b20;
}

.related-link-group:nth-of-type(6n-3) h1 {
  background: #5d9732;
}

.related-link-group:nth-of-type(6n-3) ul li:before {
  color: #5d9732;
}

.related-link-group:nth-of-type(6n-2) h1 {
  background: #002b5c;
}

.related-link-group:nth-of-type(6n-2) ul li:before {
  color: #002b5c;
}

.related-link-group:nth-of-type(6n-1) h1 {
  background: #ee3224;
}

.related-link-group:nth-of-type(6n-1) ul li:before {
  color: #ee3224;
}

.related-link-group.primaryblue h1 {
  background: #002b5c;
}

.related-link-group.primaryblue ul li:before {
  color: #002b5c;
}

.related-link-group.blue h1 {
  background: #0078ae;
}

.related-link-group.blue ul li:before {
  color: #0078ae;
}

.related-link-group.orange h1 {
  background: #f47b20;
}

.related-link-group.orange ul li:before {
  color: #f47b20;
}

.related-link-group.green h1 {
  background: #5d9732;
}

.related-link-group.green ul li:before {
  color: #5d9732;
}

.related-link-group.red h1 {
  background: #ee3224;
}

.related-link-group.red ul li:before {
  color: #ee3224;
}

.related-link-group.lightgrey h1 {
  color: gainsboro;
}

.related-link-group.lightgrey ul li:before {
  color: gainsboro;
}

.related-link-group.darkgrey h1 {
  background: #222222;
}

.related-link-group.darkgrey ul li:before {
  color: #222222;
}

.related-link-group2 {
  *zoom: 1;
  margin-bottom: 16px;
  background: #efefef;
}

.related-link-group2:before,
.related-link-group2:after {
  content: " ";
  display: table;
}

.related-link-group2:after {
  clear: both;
}

.related-link-group2 h1 {
  margin: 0;
  padding: 60px 10px 10px;
  background: #5d9732;
  border-bottom: 1px solid #fff;
  color: #fff !important;
  font-size: 1.125rem;
}

.related-link-group2 p {
  padding: 6.66667px;
}

.related-link-group2 a {
  color: #0078ae;
  text-decoration: none;
  word-wrap: break-word;
}

.related-link-group2 a.hover {
  text-decoration: none;
}

.related-link-group2 h2 {
  padding-left: 10px;
}

.related-link-group2 ul {
  padding: 10px;
}

.related-link-group2 ul > li {
  list-style: none;
  padding-left: 1.2em;
}

.related-link-group2 ul > li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #002b5c;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.related-link-group2 ul > li > a.hover {
  text-decoration: none;
}

.related-link-group2.horizontal {
  text-align: center;
}

.related-link-group2.horizontal ul > li,
.related-link-group2.horizontal ul li a {
  color: #002b5c;
  margin: 0 1em;
  display: inline;
}

.related-link-group2.horizontal ul > li.hover,
.related-link-group2.horizontal ul li a.hover {
  color: #5a5c60;
}

.related-link-group2.horizontal ul > li:before,
.related-link-group2.horizontal ul li a:before {
  display: none;
}

.related-link-group2:nth-of-type(6n-5) h1 {
  background: #0078ae;
}

.related-link-group2:nth-of-type(6n-5) ul li:before {
  color: #002b5c;
}

.related-link-group2:nth-of-type(6n-4) h1 {
  background: #f47b20;
}

.related-link-group2:nth-of-type(6n-4) ul li:before {
  color: #002b5c;
}

.related-link-group2:nth-of-type(6n-3) h1 {
  background: #5d9732;
}

.related-link-group2:nth-of-type(6n-3) ul li:before {
  color: #002b5c;
}

.related-link-group2:nth-of-type(6n-2) h1 {
  background: #002b5c;
}

.related-link-group2:nth-of-type(6n-2) ul li:before {
  color: #002b5c;
}

.related-link-group2:nth-of-type(6n-1) h1 {
  background: #ee3224;
}

.related-link-group2:nth-of-type(6n-1) ul li:before {
  color: #002b5c;
}

.related-link-group2.primaryblue h1 {
  background: #002b5c;
}

.related-link-group2.primaryblue ul li:before {
  color: #002b5c;
}

.related-link-group2.blue h1 {
  background: #0078ae;
}

.related-link-group2.blue ul li:before {
  color: #002b5c;
}

.related-link-group2.orange h1 {
  background: #f47b20;
}

.related-link-group2.orange ul li:before {
  color: #002b5c;
}

.related-link-group2.green h1 {
  background: #5d9732;
}

.related-link-group2.green ul li:before {
  color: #002b5c;
}

.related-link-group2.red h1 {
  background: #ee3224;
}

.related-link-group2.red ul li:before {
  color: #002b5c;
}

.related-link-group2.lightgrey h1 {
  color: gainsboro;
}

.related-link-group2.lightgrey ul li:before {
  color: #002b5c;
}

.related-link-group2.darkgrey h1 {
  background: #222222;
}

.related-link-group2.darkgrey ul li:before {
  color: #002b5c;
}

.related-link-group2.header-only {
  margin-bottom: 0;
}

/*
 * 
 * Quote on RHS
 * 
 * 
 */

section.related-quote {
  background: #efefef;
  margin-bottom: 16px;
}

section.related-quote figure ul {
  padding: 10px;
}

section.related-quote figure ul li:before {
  content: "";
}

section.related-quote figure ul li p {
  font-size: 1.3em;
}

section.related-quote figure ul li p:nth-of-type(2) {
  font-size: 1em;
}

section.related-quote figure ul li p:nth-of-type(2) span {
  font-size: 0.8em;
  width: 100%;
  display: block;
}

section.related-quote.primaryblue {
  background: #002b5c;
}

section.related-quote.blue {
  background: #0078ae;
}

section.related-quote.orange {
  background: #f47b20;
}

section.related-quote.green {
  background: #5d9732;
}

section.related-quote.red {
  background: #ee3224;
}

section.related-quote.lightgrey {
  background: gainsboro;
}

section.related-quote.darkgrey {
  background: #222222;
}

div.twitter {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  border: 1px solid #eee;
  padding: 20px;
  margin-bottom: 20px;
}

div.twitter a {
  background: transparent;
}

div.twitter div.header {
  position: relative;
}

div.twitter div.header div.h-card a img {
  width: 10%;
  float: left;
}

div.twitter div.header div.h-card div {
  width: 88%;
  margin-left: 2%;
  float: left;
}

div.twitter div.header div.h-card div a span {
  display: block;
}

div.twitter div.header div.h-card div a span.full-name {
  font-size: 2em;
}

div.twitter div.header div.h-card div a.hover {
  color: #5a5c60;
}

div.twitter div.header a.follow-button {
  position: absolute;
  top: -10px;
  right: -10px;
}

div.twitter div.header a.follow-button.hover {
  color: #5a5c60;
}

div.twitter div.content p {
  font-size: 1.4em;
}

div.twitter div.content p a.hover {
  color: #5a5c60;
}

div.twitter div.content div.dateline a.hover {
  color: #5a5c60;
}

div.twitter div.footer {
  margin-top: 10px;
  border-top: 2px solid #efefef;
  padding-top: 10px;
}

div.twitter div.footer span.stats {
  float: left;
  width: 50%;
}

div.twitter div.footer span.stats a {
  color: #707070;
}

div.twitter div.footer span.stats a.hover {
  color: #5a5c60;
}

div.twitter div.footer ul {
  float: right;
  width: 50%;
  margin: 0;
}

div.twitter div.footer ul li {
  float: right;
}

div.twitter div.footer ul li a {
  color: #707070;
}

div.twitter div.footer ul li a strong {
  display: none;
}

div.twitter div.footer ul li a.hover {
  color: #5a5c60;
}

div.twitter div.footer ul li:before {
  content: "";
}

@media (min-width: 820px) {
  div.twitter {
    width: 50%;
    float: right;
  }
}

/*
 * Ask a student
 * 
 * Need to look at widths - span-columns();
 * 
 */

form#enquiry_form {
  padding: 20px;
  background: #efefef;
}

form#enquiry_form fieldset p {
  color: #222222;
  position: relative;
}

form#enquiry_form fieldset p strong {
  font-size: 1em;
  line-height: 1.5em;
  display: block;
}

form#enquiry_form fieldset p label {
  display: block;
}

form#enquiry_form fieldset p label.radio {
  margin-left: 20px;
}

form#enquiry_form fieldset p select,
form#enquiry_form fieldset p input,
form#enquiry_form fieldset p textarea,
form#enquiry_form fieldset p option {
  width: 100%;
  max-width: 100%;
  font-size: 0.9375rem;
  height: 45px;
  min-height: inherit;
  padding: 0.65em 0.7em 0.6em 0.7em;
  background: gainsboro;
  border: 0;
}

form#enquiry_form fieldset p textarea {
  min-height: 165px;
}

form#enquiry_form fieldset p input[type=radio] {
  display: none;
}

form#enquiry_form fieldset p label.radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: gainsboro;
  border-radius: 8px;
}

form#enquiry_form fieldset p input[type=radio]:checked + label:before {
  content: "\2022";
  color: #222222;
  font-size: 30px;
  text-align: center;
  line-height: 16px;
}

form#enquiry_form button {
  height: 45px;
  min-height: inherit;
  padding: 0.5em 1em;
  background: #5d9732;
  border: 0;
  font-size: 1.3em;
  color: #efefef;
}

@media (min-width: 800px) {
  form#enquiry_form {
    width: 45%;
  }
}

/* ==========================================================================
   Related image 
   ========================================================================== */

.image {
  overflow: hidden;
  margin-bottom: 16px;
  background-color: #002b5c;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.image figcaption {
  padding: 20px;
  background-color: #002b5c;
  color: #fff;
  min-height: 100px;
}

.image figcaption h1 {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 1.625rem;
}

.image figcaption h2 {
  margin: 0;
  color: #fff;
  border: 0;
  font-size: 1.6em;
  line-height: 1em;
  min-height: 0;
  min-height: 0;
  padding: 0;
  font-family: Alegreya Sans, sans-serif;
}

.image figcaption h2 + p {
  margin-top: .5em;
}

.image a {
  text-decoration: none;
  color: #fff;
}

@media screen and (min-width: 335px) {
  .image.left {
    float: left;
    /* CH- float left */
    width: 50%;
    margin-right: 1em;
  }

  .image.right {
    float: right;
    width: 50%;
    margin-left: 1em;
  }
}

.image.primaryblue {
  background: #002b5c;
}

.image.blue {
  background: #0078ae;
}

.image.orange {
  background: #f47b20;
}

.image.green {
  background: #5d9732;
}

.image.red {
  background: #ee3224;
}

.image.lightgrey {
  color: gainsboro;
}

.image.darkgrey {
  background: #222222;
}

html .video {
  margin-bottom: 16px;
  color: white;
  padding: 0;
  background: #002b5c;
}

html .video > div {
  padding: 20px;
}

html .video h2,
html .video h3 {
  color: white;
}

html .video.green {
  background: #5d9732;
  color: white;
}

html .video.orange {
  background: #f47b20;
  color: white;
}

html .video.red {
  background: #ee3224;
  color: white;
}

html .video.blue {
  background: #0078ae;
  color: white;
}

html .video.primaryblue {
  background: #002b5c;
  color: white;
}

html .video.lightgrey {
  background: gainsboro;
  color: #222222;
}

html .video iframe {
  width: 100%;
  margin: 20px 0;
}

html .video .video-container {
  position: relative;
  padding-top: 30px;
  overflow: hidden;
}

html .video .video-container iframe,
html .video .video-container object,
html .video .video-container embed {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * 
 * Quote on RHS
 * 
 * 
 */

section.related-quote {
  background: #efefef;
  margin-bottom: 16px;
}

section.related-quote figure ul {
  padding: 10px;
}

section.related-quote figure ul li:before {
  content: "";
}

section.related-quote figure ul li p {
  font-size: 1.3em;
}

section.related-quote figure ul li p:nth-of-type(2) {
  font-size: 1em;
}

section.related-quote figure ul li p:nth-of-type(2) span {
  font-size: 0.8em;
  width: 100%;
  display: block;
}

section.related-quote.primaryblue {
  background: #002b5c;
}

section.related-quote.blue {
  background: #0078ae;
}

section.related-quote.orange {
  background: #f47b20;
}

section.related-quote.green {
  background: #5d9732;
}

section.related-quote.red {
  background: #ee3224;
}

section.related-quote.lightgrey {
  background: gainsboro;
}

section.related-quote.darkgrey {
  background: #222222;
}

ul.videos {
  width: 100%;
  padding: 0;
  margin: 20px 0;
}

ul.videos li {
  list-style: none;
  padding: 0;
  margin: 5px 0;
}

ul.videos li:nth-of-type(3n) {
  margin-right: 0;
}

ul.videos li:before {
  content: "";
  text-indent: 0;
}

@media (min-width: 820px) {
  ul.videos {
    width: 100%;
    padding: 0;
    margin: 20px 0;
  }

  ul.videos li {
    list-style: none;
    width: 33%;
    margin: 0 0.5% 0 0;
    float: left;
    padding: 0;
  }

  ul.videos li:nth-of-type(3n) {
    margin-right: 0;
  }

  ul.videos li:before {
    content: "";
    text-indent: 0;
  }

  ul.videos li iframe {
    height: auto;
  }
}

.doc-template .uos-doc-page {
  color: black;
}

.doc-template .uos-doc-section {
  background-color: #B3B3B3;
  margin-bottom: 1em;
  padding: 1em;
}

.doc-template .uos-doc-section img {
  max-width: 100%;
}

.doc-template .uos-doc-usage {
  background-color: #f5f2f0;
  padding: 1em;
}

.doc-template .uos-doc-colour {
  display: inline-block;
  width: 150px;
  height: 150px;
  color: white;
}

.doc-template .uos-doc-rule {
  background-color: white;
  margin-bottom: 0.5em;
  padding: 2px;
}

.doc-template .uos-doc-examples {
  background-color: white;
  margin-bottom: 0.5em;
  padding: 2px;
}

.doc-template .uos-doc-section img {
  height: auto;
  max-width: 100%;
  width: auto;
}

.doc-template #tabsMenu li {
  display: inline;
}

.doc-template .ui-tabs .ui-tabs-nav li {
  background: url("css-live/images/main/shade.white-grey.png") repeat-x scroll left top #e0e0e0;
  border-collapse: collapse;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 1px 0 !important;
  float: left;
  margin: 0 0 -1px;
  padding: 0;
}

.doc-template .tabButtons {
  float: right;
}

.doc-template .tabButtons button {
  background: none repeat scroll 0 0 #860001;
  border: 1px solid #6a0000;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  margin: 10px 5px;
  padding: 2px 5px;
  font-size: 1em;
  line-height: 1.3em;
}

.doc-template table,
.doc-template table.form {
  background: #fff;
}

.doc-template table td,
.doc-template table.form td {
  border: 1px dotted #ccc;
  clear: both;
  padding: 5px 10px;
  vertical-align: top;
  background: #fff;
}

.doc-template table textarea,
.doc-template table.form textarea {
  background: url("css-live/images/main/bg.form.input.png") no-repeat scroll left top white;
  border: 1px solid #ccc;
  color: #333;
  padding: 4px 5px;
  width: 95% !important;
}

.DocSiteTemplate {
  *zoom: 1;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.DocSiteTemplate:before,
.DocSiteTemplate:after {
  content: " ";
  display: table;
}

.DocSiteTemplate:after {
  clear: both;
}

.DocSiteTemplate header {
  width: 100%;
}

.DocSiteTemplate header h1 {
  font-size: 1.8rem;
}

.DocSiteTemplate article {
  width: 100%;
}

.DocSiteTemplate aside {
  width: 100%;
}

.DocSiteTemplate footer {
  font-size: 1.5em;
  line-height: 2em;
  text-align: center;
  width: 100%;
}

.DocSiteTemplate footer a {
  text-decoration: none;
}

.DocSiteTemplate footer a.hover {
  text-decoration: underline;
}

@media screen and (min-width: 680px) {
  .DocSiteTemplate header h1 {
    font-size: 2.75rem;
  }

  .DocSiteTemplate article {
    width: 75%;
    float: left;
  }

  .DocSiteTemplate aside {
    width: 25%;
    float: right;
  }

  .DocSiteTemplate footer {
    clear: both;
    font-size: 2em;
  }
}

.uos-code-guidelines {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .uos-code-guidelines {
    width: 75%;
  }
}

.code-area {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.8em;
  background: #efefef;
  padding: 10px;
}

/* ==========================================================================
   Aside 
   ========================================================================== */

aside > h2 {
  font-size: 1.5em;
  margin: 0.83em 0 0 0;
  line-height: 1.4em;
  border-bottom: 0;
  padding: 0.5em 0 0 0;
  font-weight: normal;
}

/* ==========================================================================
   Discover - Multiple Links
   ======================================================================== */

.discoverymultiplelinkwrapper {
  width: 100%;
  background: #002b5c;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.discoverymultiplelinkwrapper > h2 {
  padding: 5px;
  color: #fff;
  margin: 13.33333px;
  margin-top: 20px;
}

.discoverymultiplelinkwrapper > p {
  color: #fff;
  padding-left: 10px;
}

.discoverymultiplelinkwrapper .discoverymultiplelink {
  margin-bottom: 16px;
  padding-left: 6.66667px;
}

.discoverymultiplelinkwrapper .discoverymultiplelink > ul {
  list-style-type: none;
}

.discoverymultiplelinkwrapper .discoverymultiplelink > ul > li {
  padding: 5px;
  margin-left: -15px;
  list-style-type: none;
  list-style-position: inside;
  text-indent: -1em;
}

.discoverymultiplelinkwrapper .discoverymultiplelink li.multplelinks a {
  /*@extend %h4;*/
  padding-left: .8em;
  list-style: none;
  padding-left: 1.2em;
  color: #fff;
  margin: 0 0 3px 0;
}

.discoverymultiplelinkwrapper .discoverymultiplelink li.multplelinks a:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #efefef;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.discoverymultiplelinkwrapper .discoverymultiplelink li.multplelinks a.hover {
  color: white;
}

.discoverymultiplelinkwrapper .discoverymultiplelink > h3 {
  margin-bottom: 4px;
}

.discoverymultiplelinkwrapper .discoverymultiplelink a.hover {
  color: white;
}

/* ==========================================================================
   Beta Banner
   ========================================================================== */

#betaBanner {
  background: #ccc;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  background: #ccc;
  clear: both;
  position: relative;
  margin-top: 20px;
}

.betaBlock {
  background: #222;
  padding: 20px 0;
  display: inline-block;
  margin-right: 20px;
  color: #fff;
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 24px;
}

.betaMain {
  position: relative;
  display: block;
  float: right;
  width: 100%;
}

.betaMain p {
  display: block;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.betaMain p a.hover {
  color: #f47b20;
}

#betaBanner .cross {
  background: #222;
  display: block;
  color: #fff;
  text-align: center;
  padding: 2px 10px;
  right: 10px;
  float: right;
  position: absolute;
  right: 0;
  top: -20px;
  cursor: pointer;
}

#betaBanner .cross.hover {
  background: #ee3224;
}

@media (min-width: 700px) {
  #betaBanner .betaMain {
    width: 75%;
  }

  #betaBanner .betaBlock {
    width: 20%;
    padding: 20px;
  }

  #betaBanner .cross {
    margin-top: 20px;
  }
}

/* ==========================================================================
   Apply Filter
   ========================================================================== */

form#applyFilter {
  *zoom: 1;
  width: 100% !important;
}

form#applyFilter:before,
form#applyFilter:after {
  content: " ";
  display: table;
}

form#applyFilter:after {
  clear: both;
}

form#applyFilter div {
  width: 100%;
}

form#applyFilter div label {
  display: block;
}

form#applyFilter div select {
  width: 100%;
}

form#applyFilter button {
  float: right;
}

#failed_filter {
  display: none;
  margin: 20px 0;
  background: #efefef;
}

#failed_filter p {
  padding: 20px;
  font-size: 1.4em;
}

@media (min-width: 680px) {
  form#applyFilter div {
    margin-right: 1%;
    width: 49%;
    float: left;
  }

  form#applyFilter div.resetSec {
    width: 100%;
    margin-top: 10px;
  }
}

@media (min-width: 680px) and (min-width: 800px) {
  form#applyFilter div {
    width: 24%;
  }
}

/* ==========================================================================
   lists  
   ========================================================================== */

.contact-list.lists li {
  padding: 10px;
}

.lists {
  margin: 0;
  padding: 0;
  *zoom: 1;
}

.lists:before,
.lists:after {
  content: " ";
  display: table;
}

.lists:after {
  clear: both;
}

.lists .contact-list li {
  padding: 10px 10px 0 10px;
}

.lists > li,
.lists > section {
  width: 100%;
  list-style-type: none;
  float: left;
  padding-left: 0;
  list-style: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.lists > li:before,
.lists > section:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

.lists > li:before,
.lists > section:before {
  display: none;
}

@media screen and (min-width: 335px) {
  .lists > li,
  .lists > section {
    margin: 0 1.5% 1.5% 0;
  }
}

.lists > li button,
.lists > section button {
  width: 100%;
  background: gainsboro;
  color: #002b5c;
  font-size: 1.1em;
  word-wrap: break-word;
}

.lists .flex-control-paging {
  display: block;
}

.lists.box-grid {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
}

.lists.box-grid:before,
.lists.box-grid:after {
  content: " ";
  display: table;
}

.lists.box-grid:after {
  clear: both;
}

@media screen and (min-width: 500px) {
  .lists.box-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex-grow: 0;
  }
}

.lists.box-grid:last-of-type {
  margin-bottom: 40px;
}

.lists.box-grid section,
.lists.box-grid a,
.lists.box-grid figure {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  flex: 1 0 auto;
  -ms-flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
}

@media screen and (min-width: 500px) {
  .lists.box-grid.col2 li,
  .lists.box-grid.col3 li,
  .lists.box-grid.col4 li,
  .lists.box-grid.col5 li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.box-grid.col2 li:last-child,
  .lists.box-grid.col3 li:last-child,
  .lists.box-grid.col4 li:last-child,
  .lists.box-grid.col5 li:last-child {
    margin-right: 0;
  }

  .lists.box-grid.col2 li:nth-child(2n),
  .lists.box-grid.col3 li:nth-child(2n),
  .lists.box-grid.col4 li:nth-child(2n),
  .lists.box-grid.col5 li:nth-child(2n) {
    margin-right: 0;
  }

  .lists.box-grid.col2 li:nth-child(2n+1),
  .lists.box-grid.col3 li:nth-child(2n+1),
  .lists.box-grid.col4 li:nth-child(2n+1),
  .lists.box-grid.col5 li:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 800px) {
  .lists.box-grid.col2 li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.box-grid.col2 li:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .lists.box-grid.col2 li:nth-child(2n+1) {
    clear: none;
  }

  .lists.box-grid.col2 li:last-child {
    margin-right: 0;
  }

  .lists.box-grid.col2 li:nth-child(2n) {
    margin-right: 0;
  }

  .lists.box-grid.col2 li:nth-child(2n+1) {
    clear: left;
  }

  .lists.box-grid.col3 li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
  }

  .lists.box-grid.col3 li:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .lists.box-grid.col3 li:nth-child(2n+1) {
    clear: none;
  }

  .lists.box-grid.col3 li:last-child {
    margin-right: 0;
  }

  .lists.box-grid.col3 li:nth-child(3n) {
    margin-right: 0;
  }

  .lists.box-grid.col3 li:nth-child(3n+1) {
    clear: left;
  }

  .lists.box-grid.col4 li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .lists.box-grid.col4 li:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .lists.box-grid.col4 li:nth-child(2n+1) {
    clear: none;
  }

  .lists.box-grid.col4 li:last-child {
    margin-right: 0;
  }

  .lists.box-grid.col4 li:nth-child(4n) {
    margin-right: 0;
  }

  .lists.box-grid.col4 li:nth-child(4n+1) {
    clear: left;
  }

  .lists.box-grid.col5 li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 18.77335%;
  }

  .lists.box-grid.col5 li:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .lists.box-grid.col5 li:nth-child(2n+1) {
    clear: none;
  }

  .lists.box-grid.col5 li:last-child {
    margin-right: 0;
  }

  .lists.box-grid.col5 li:nth-child(5n) {
    margin-right: 0;
  }

  .lists.box-grid.col5 li:nth-child(5n+1) {
    clear: left;
  }
}

.lists.box-grid.col2 li,
.lists.box-grid.col3 li,
.lists.box-grid.col4 li,
.lists.box-grid.col5 li {
  margin-bottom: 20px;
  padding-left: 0;
}

.lists.box-grid.col2 li:before,
.lists.box-grid.col3 li:before,
.lists.box-grid.col4 li:before,
.lists.box-grid.col5 li:before {
  display: none;
}

@media screen and (min-width: 500px) {
  .lists.box-grid.col2 li,
  .lists.box-grid.col3 li,
  .lists.box-grid.col4 li,
  .lists.box-grid.col5 li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex: 0;
    flex-grow: 0;
  }
}

.lists.box-grid li section.image {
  background-color: transparent;
}

.lists.box-grid li section.image figure img {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0;
  flex-shrink: 0;
}

.lists.box-grid li section.image figure figcaption {
  display: block;
  background: #efefef;
  color: #222222;
  height: 100%;
  padding: 15px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.lists.box-grid li section.image figure figcaption span {
  border-left: 4px solid #0078ae;
  padding-left: 15px;
  display: block;
}

.lists.box-grid li section.image figure figcaption span h3 {
  font-weight: bold;
  margin: 0;
  font-size: 1.2em;
}

.lists.box-grid li section.image figure figcaption span p {
  margin-bottom: 0;
}

.lists.grey-boxes li section figure:hover figcaption {
  background: #d5d5d5;
  color: #3c3c3c;
}

.lists.grey-boxes li section figure:hover figcaption span {
  border-color: #5a5c60;
}

.lists.grey-boxes li section figure:hover figcaption span h3,
.lists.grey-boxes li section figure:hover figcaption span p {
  color: #484848;
}

.lists.white-boxes li section figure figcaption {
  background: white;
  padding-left: 0;
}

.lists.white-boxes li section figure:hover figcaption span {
  border-color: #5a5c60;
}

.lists.white-boxes li section figure:hover figcaption span h3,
.lists.white-boxes li section figure:hover figcaption span p {
  color: #484848;
}

.lists.list2 .list2 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list2 .list2 li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.list2 .list2 li:last-child {
    margin-right: 0;
  }

  .lists.list2 .list2 li:nth-of-type(2n) {
    margin-right: 0;
  }
}

.lists.list2 {
  margin-left: 0px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.lists.list2 > li {
  padding-left: 0;
  list-style: none;
}

.lists.list2 > li:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

@media screen and (min-width: 680px) {
  .lists.list2 > li,
  .lists.list2 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.list2 > li:last-child,
  .lists.list2 > section:last-child {
    margin-right: 0;
  }

  .lists.list2 > li:nth-of-type(2n),
  .lists.list2 > section:nth-of-type(2n) {
    margin: 0;
  }

  .lists.list2 .list2 li {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.list2 .list2 li:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 680px) and (max-width: 1026px) {
  .lists.list2 > li,
  .lists.list2 > section {
    float: left;
    display: block;
    margin-right: 1.533331%;
    width: 100%;
  }
}

.lists.list3 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list3 > li,
  .lists.list3 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
  }

  .lists.list3 > li:last-child,
  .lists.list3 > section:last-child {
    margin-right: 0;
  }

  .lists.list3 > li:nth-of-type(2n),
  .lists.list3 > section:nth-of-type(2n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list3 > li:nth-of-type(3n),
  .lists.list3 > section:nth-of-type(3n) {
    margin-right: 0;
  }
}

.lists.list4 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list4 > li,
  .lists.list4 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.list4 > li:last-child,
  .lists.list4 > section:last-child {
    margin-right: 0;
  }

  .lists.list4 > li:nth-of-type(3n),
  .lists.list4 > section:nth-of-type(3n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list4 > li:nth-of-type(2n),
  .lists.list4 > section:nth-of-type(2n) {
    margin: 0;
  }
}

@media screen and (min-width: 800px) {
  .lists.list4 > li,
  .lists.list4 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .lists.list4 > li:last-child,
  .lists.list4 > section:last-child {
    margin-right: 0;
  }

  .lists.list4 > li:nth-of-type(2n),
  .lists.list4 > section:nth-of-type(2n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list4 > li:nth-of-type(3n),
  .lists.list4 > section:nth-of-type(3n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list4 > li:nth-of-type(4n),
  .lists.list4 > section:nth-of-type(4n) {
    margin-right: 0;
  }
}

.lists.list5 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list5 > li,
  .lists.list5 > section {
    /*@include span-columns(6)*/
    display: block;
    float: left;
    width: 48.5%;
  }

  .lists.list5 > li:nth-of-type(2n),
  .lists.list5 > section:nth-of-type(2n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list5 > li:nth-of-type(3n),
  .lists.list5 > section:nth-of-type(3n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list5 > li:nth-of-type(4n),
  .lists.list5 > section:nth-of-type(4n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list5 > li:nth-of-type(5n-3),
  .lists.list5 > li:nth-of-type(5n-4),
  .lists.list5 > section:nth-of-type(5n-3),
  .lists.list5 > section:nth-of-type(5n-4) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.list5 > li:nth-of-type(5n-3):last-child,
  .lists.list5 > li:nth-of-type(5n-4):last-child,
  .lists.list5 > section:nth-of-type(5n-3):last-child,
  .lists.list5 > section:nth-of-type(5n-4):last-child {
    margin-right: 0;
  }

  .lists.list5 > li:nth-of-type(5n-3),
  .lists.list5 > li:nth-of-type(5n),
  .lists.list5 > section:nth-of-type(5n-3),
  .lists.list5 > section:nth-of-type(5n) {
    margin: 0;
  }
}

@media screen and (min-width: 800px) {
  .lists.list5 > li,
  .lists.list5 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 18.77335%;
  }

  .lists.list5 > li:last-child,
  .lists.list5 > section:last-child {
    margin-right: 0;
  }

  .lists.list5 > li:nth-of-type(5n-3),
  .lists.list5 > li:nth-of-type(5n-4),
  .lists.list5 > section:nth-of-type(5n-3),
  .lists.list5 > section:nth-of-type(5n-4) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 18.77335%;
  }

  .lists.list5 > li:nth-of-type(5n-3):last-child,
  .lists.list5 > li:nth-of-type(5n-4):last-child,
  .lists.list5 > section:nth-of-type(5n-3):last-child,
  .lists.list5 > section:nth-of-type(5n-4):last-child {
    margin-right: 0;
  }

  .lists.list5 > li:nth-of-type(4n),
  .lists.list5 > section:nth-of-type(4n) {
    margin: 0 1.5% 1.5% 0;
  }

  .lists.list5 > li:nth-of-type(5n),
  .lists.list5 > section:nth-of-type(5n) {
    margin-right: 0;
  }
}

.lists.list2x1 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .lists.list2x1 > li,
  .lists.list2x1 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
  }

  .lists.list2x1 > li:last-child,
  .lists.list2x1 > section:last-child {
    margin-right: 0;
  }

  .lists.list2x1 > li:nth-of-type(2n),
  .lists.list2x1 > section:nth-of-type(2n) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-right: 0;
  }

  .lists.list2x1 > li:nth-of-type(2n):last-child,
  .lists.list2x1 > section:nth-of-type(2n):last-child {
    margin-right: 0;
  }
}

.lists.list1x2 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list1x2 > li,
  .lists.list1x2 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
  }

  .lists.list1x2 > li:last-child,
  .lists.list1x2 > section:last-child {
    margin-right: 0;
  }

  .lists.list1x2 > li:nth-of-type(2n),
  .lists.list1x2 > section:nth-of-type(2n) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
    margin-right: 0;
  }

  .lists.list1x2 > li:nth-of-type(2n):last-child,
  .lists.list1x2 > section:nth-of-type(2n):last-child {
    margin-right: 0;
  }
}

.lists.list3x1 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list3x1 > li,
  .lists.list3x1 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
  }

  .lists.list3x1 > li:last-child,
  .lists.list3x1 > section:last-child {
    margin-right: 0;
  }

  .lists.list3x1 > li:nth-of-type(2n),
  .lists.list3x1 > section:nth-of-type(2n) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-right: 0;
  }

  .lists.list3x1 > li:nth-of-type(2n):last-child,
  .lists.list3x1 > section:nth-of-type(2n):last-child {
    margin-right: 0;
  }
}

.lists.list1x3 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list1x3 > li,
  .lists.list1x3 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .lists.list1x3 > li:last-child,
  .lists.list1x3 > section:last-child {
    margin-right: 0;
  }

  .lists.list1x3 > li:nth-of-type(2n),
  .lists.list1x3 > section:nth-of-type(2n) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
    margin-right: 0;
  }

  .lists.list1x3 > li:nth-of-type(2n):last-child,
  .lists.list1x3 > section:nth-of-type(2n):last-child {
    margin-right: 0;
  }
}

.lists.list1x1x2 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list1x1x2 > li,
  .lists.list1x1x2 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .lists.list1x1x2 > li:last-child,
  .lists.list1x1x2 > section:last-child {
    margin-right: 0;
  }

  .lists.list1x1x2 > li:nth-of-type(3n),
  .lists.list1x1x2 > section:nth-of-type(3n) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-right: 0;
  }

  .lists.list1x1x2 > li:nth-of-type(3n):last-child,
  .lists.list1x1x2 > section:nth-of-type(3n):last-child {
    margin-right: 0;
  }
}

.lists.list1x2x1 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list1x2x1 > li,
  .lists.list1x2x1 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .lists.list1x2x1 > li:last-child,
  .lists.list1x2x1 > section:last-child {
    margin-right: 0;
  }

  .lists.list1x2x1 > li:nth-of-type(3n),
  .lists.list1x2x1 > section:nth-of-type(3n) {
    margin-right: 0;
  }

  .lists.list1x2x1 > li:nth-of-type(3n-1),
  .lists.list1x2x1 > section:nth-of-type(3n-1) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.list1x2x1 > li:nth-of-type(3n-1):last-child,
  .lists.list1x2x1 > section:nth-of-type(3n-1):last-child {
    margin-right: 0;
  }
}

.lists.list2x1x1 {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .lists.list2x1x1 > li,
  .lists.list2x1x1 > section {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  .lists.list2x1x1 > li:last-child,
  .lists.list2x1x1 > section:last-child {
    margin-right: 0;
  }

  .lists.list2x1x1 > li:nth-of-type(3n),
  .lists.list2x1x1 > section:nth-of-type(3n) {
    margin-right: 0;
  }

  .lists.list2x1x1 > li:nth-of-type(3n-2),
  .lists.list2x1x1 > section:nth-of-type(3n-2) {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .lists.list2x1x1 > li:nth-of-type(3n-2):last-child,
  .lists.list2x1x1 > section:nth-of-type(3n-2):last-child {
    margin-right: 0;
  }
}

.lists.list2x2x1x1 {
  margin-left: 0px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.lists.list2x2x1x1 > li {
  padding-left: 0;
  list-style: none;
}

.lists.list2x2x1x1 > li:before {
  display: inline-block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /*   @include font-size(18px)*/
}

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


  .lists.list2x2x1x1 > li,
  .lists.list2x2x1x1 > section {
    /*@include span-columns(5)*/
    /*tile1&2*/
    display: block;
    float: left;
    margin-right: 1.53331%;
    width: 39%;
    /*tile3*/
    /*tile4*/
  }

  .lists.list2x2x1x1 > li:nth-of-type(4n-1),
  .lists.list2x2x1x1 > section:nth-of-type(4n-1) {
    margin: 0;
  }

  .lists.list2x2x1x1 > li:nth-of-type(4n-1),
  .lists.list2x2x1x1 > section:nth-of-type(4n-1) {
    /*@include span-columns(2)*/
    display: block;
    float: left;
    margin-right: 1.53331%;
    width: 17.4%;
  }

  .lists.list2x2x1x1 > li:nth-of-type(4n),
  .lists.list2x2x1x1 > section:nth-of-type(4n) {
    /*@include span-columns(2)*/
    display: block;
    float: left;
    margin-right: 1.53331%;
    width: 17.4%;
  }
}

/* ==========================================================================
   Fact Cheque 
   ========================================================================== */

.factCheque section.fact h2 {
  font-weight: bold;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .factCheque section.fact h2 {
    min-height: 232px;
  }
}

@media screen and (min-width: 800px) {
  .factCheque section.fact h2 {
    min-height: 243px;
  }
}

@media screen and (max-width: 1029px) {
  .factCheque ul.lists.list2 li {
    width: 100%;
    margin: 0 3% 1.5% 0;
  }

  .factCheque ul.lists.list2 li:nth-child(2n) {
    margin: 0 0% 1.5% 0;
  }
}

@media screen and (min-width: 1030px) {
  .factCheque ul.lists.list2 li {
    width: 48.5%;
    margin: 0 3% 1.5% 0;
  }

  .factCheque ul.lists.list2 li:nth-child(2n) {
    margin: 0 0% 1.5% 0;
  }
}

.factCheque .lists:before,
.factCheque .lists:after,
.factCheque .lists.list2 > li:before {
  display: none;
}

.factCheque.lists.list2 > li:before,
.factCheque.lists:before,
.factCheque.lists:after {
  display: none;
}

/* ==========================================================================
   Events  
   ========================================================================== */

#vevent a {
  padding: 10px;
  *zoom: 1;
  display: block;
  background: #efefef;
}

#vevent a:before,
#vevent a:after {
  content: " ";
  display: table;
}

#vevent a:after {
  clear: both;
}

#vevent a .date {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 18.77335%;
  text-align: center;
  color: white;
  float: left;
  background: white;
  border-radius: 5px;
}

#vevent a .date:last-child {
  margin-right: 0;
}

#vevent a .date .month {
  width: 100%;
  display: block;
  border-radius: 5px 5px 0 0;
  background: #ee3224;
}

#vevent a .date .day {
  width: 100%;
  display: block;
  font-size: 2em;
  color: #222222;
  padding: 0.3em 0;
  margin: 0.2em 0;
}

#vevent a .date .time {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #222222;
}

#vevent a .details {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 79.69334%;
  float: right;
}

#vevent a .details:last-child {
  margin-right: 0;
}

#vevent a .details h2 {
  width: 100%;
  display: block;
  font-size: 2em;
  margin: 0;
  padding: 0;
  border: 0;
  color: #0078ae;
}

#vevent a .details p.location {
  width: 100%;
  display: block;
  font-size: 1em;
  margin: 0;
  padding: 0;
  color: #222222;
}

#vevent a.hover {
  background: #5a5c60;
}

#vevent a.hover .details p.location,
#vevent a.hover .details h2 {
  color: white;
}

/* ==========================================================================
  Calendar icon (in Events partial) - START
  ========================================================================== */

span.calendar {
  float: left;
  font-size: .6em;
  /* change icon size */
  display: block;
  position: relative;
  width: 6.5em;
  height: 6.5em;
  background-color: white;
  margin: .5em 1em 2em auto;
  border-radius: 0.6em;
  -webkit-box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  -ms-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
  /*  padding-right:$padding;*/
  margin-left: 10px;
}

@media screen and (min-width: 335px) {
  span.calendar {
    margin-left: 0;
  }
}

span.calendar * {
  display: inline-block;
  width: 100%;
  font-size: 1.1em;
  /*font-weight: bold;*/
  font-style: normal;
  text-align: center;
}

span.calendar div:nth-child(3n + 1) {
  position: absolute;
  bottom: .5px;
  color: #222222;
  font-size: 1.6em;
}

span.calendar div:nth-child(3n + 2) {
  font-size: 1.6em;
  position: absolute;
  top: 0;
  /* padding: 0.2em 0;*/
  color: white;
  background-color: #ee3224;
  border-bottom: 1px dashed #f37302;
  -webkit-box-shadow: 0 2px 0 #ee3224;
  box-shadow: 0 2px 0 #ee3224;
}

span.calendar div:nth-child(3n + 3) {
  font-size: .8em;
  width: 100%;
  font-size: 2em;
  letter-spacing: -0.05em;
  padding-top: 1.1em;
  color: #222222;
  /*padding-left:2px;*/
}

.NewsEventsMore > h5 {
  height: 100%;
  vertical-align: bottom;
}

ul.listcoloured > li {
  list-style-type: none;
}

ul.listcoloured > li.calendarevent > p {
  font-weight: normal;
}

article.twocolumns > ul.listcoloured > li > p {
  font-weight: normal;
}

/* ==========================================================================
  Calendar icon (in Events partial) - END
  ========================================================================== */

/* ==========================================================================
   Beta Banner
   ========================================================================== */

#betaBanner {
  background: #ccc;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  background: #ccc;
  clear: both;
  position: relative;
  margin-top: 20px;
}

.betaBlock {
  background: #222;
  padding: 20px 0;
  display: inline-block;
  margin-right: 20px;
  color: #fff;
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 24px;
}

.betaMain {
  position: relative;
  display: block;
  float: right;
  width: 100%;
}

.betaMain p {
  display: block;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.betaMain p a.hover {
  color: #f47b20;
}

#betaBanner .cross {
  background: #222;
  display: block;
  color: #fff;
  text-align: center;
  padding: 2px 10px;
  right: 10px;
  float: right;
  position: absolute;
  right: 0;
  top: -20px;
  cursor: pointer;
}

#betaBanner .cross.hover {
  background: #ee3224;
}

@media (min-width: 700px) {
  #betaBanner .betaMain {
    width: 75%;
  }

  #betaBanner .betaBlock {
    width: 20%;
    padding: 20px;
  }

  #betaBanner .cross {
    margin-top: 20px;
  }
}

/* ==========================================================================
   Apply Filter
   ========================================================================== */

form#applyFilter {
  *zoom: 1;
  width: 100% !important;
}

form#applyFilter:before,
form#applyFilter:after {
  content: " ";
  display: table;
}

form#applyFilter:after {
  clear: both;
}

form#applyFilter div {
  width: 100%;
}

form#applyFilter div label {
  display: block;
}

form#applyFilter div select {
  width: 100%;
}

form#applyFilter button {
  float: right;
}

#failed_filter {
  display: none;
  margin: 20px 0;
  background: #efefef;
}

#failed_filter p {
  padding: 20px;
  font-size: 1.4em;
}

@media (min-width: 680px) {
  form#applyFilter div {
    margin-right: 1%;
    width: 49%;
    float: left;
  }

  form#applyFilter div.resetSec {
    width: 100%;
    margin-top: 10px;
  }
}

@media (min-width: 680px) and (min-width: 800px) {
  form#applyFilter div {
    width: 24%;
  }
}

/* ==========================================================================
   Related features 
   ========================================================================== */

aside.relatedfeatures,
.relatedfeatures {
  /*mobile code - used in uos general*/
  float: left;
  width: 100%;
  padding: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  aside.relatedfeatures,
  .relatedfeatures {
    /*phablet code - used in uos general*/
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 500px) {
  aside.relatedfeatures,
  .relatedfeatures {
    /*tablet code - used in uos general*/
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  aside.relatedfeatures,
  .relatedfeatures {
    /*desktop code - used in uos general*/
    float: right !important;
    /*   width:25%!important;	*/
    height: auto;
    padding-top: 20px !important;
    background: white;
    margin: 0;
    /*padding-left: $padding/2;*/
  }
}

aside.relatedfeatures > p,
.relatedfeatures > p {
  background: #efefef;
  padding: 0;
}

aside.relatedfeatures > p > a,
.relatedfeatures > p > a {
  background: #efefef;
  padding: 10px;
  display: block;
  text-decoration: none;
  margin: 0;
}

aside.relatedfeatures > p > a.hover,
.relatedfeatures > p > a.hover {
  color: white;
  background: #5a5c60;
}

aside.relatedfeatures > p img,
.relatedfeatures > p img {
  padding: 10px;
  max-width: 100%;
  height: auto;
}

aside.relatedfeatures > h2,
.relatedfeatures > h2 {
  margin: 0;
  padding: 60px 10px 10px;
  background: #5d9732;
  border-bottom: 1px solid #fff;
  color: #fff !important;
  width: 100%;
  font-weight: 100;
  font-size: 1.125rem;
  font-family: Alegreya Sans, sans-serif;
}

aside.relatedfeatures .firstsidebar,
.relatedfeatures .firstsidebar {
  margin-top: 0;
}

/* ==========================================================================
   bg-image-block
   e.g. used in work with us
   ========================================================================== */

.bg-image-block {
  padding: 20px;
  min-height: 500px;
  background-image: url("/ead/background.gif");
  background-position: center;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-color: gainsboro;
  margin-bottom: 40px;
}

.bg-image-block iframe {
  width: 100%;
  min-height: 16em;
}

/* ==========================================================================
   Alternitive content - 
   hides content for the random generated content.
   ========================================================================== */

.alt-content-source {
  display: none;
}

/* ==========================================================================
   course search
   ========================================================================== */

/*.course-search { // for homepage
  @include clearfix;
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: $padding;
  a {
    &.button { color: #e5e5e5; display: block; font-size: 1em; margin-top: 5px; text-decoration: underline; 
      &.hover { color: $hover; }
    }
  }
  @include respond-min($tablet) {
    padding: $padding*2 $padding;
  }
  h1 {
    @extend %h2;
    color: #fff;
    margin: 0;
    padding-bottom: .25em;
  }
  
  form {
    input {
      width: 100%;
      padding: $padding/2.2;
      margin-bottom: $padding/2;
      border: none;
      @include respond-min($tablet) {
        @include font-size(18px);
      }
    }
    button {
    &.hover {background-color: $orange;} //CH hover state
      margin: 0;
      padding: 2px 9px 2px 9px; //CH was $padding/2.2;
      background-color: $blue;
      color: #fff;
      text-transform: uppercase;
      text-decoration: none;
      border: none;
      @include respond-min($tablet) {
        @include font-size(18px);
      }
      &:after {
        content: '>';
        font-family: $font;
        padding-left: 1em;
      }
    }
    @include respond-min($tablet) {
      input {
        width: 70%;
        margin-right: $padding/2;
        margin-bottom: 0;
      }
    }
  }
} // end of for homepage*/

.courseSearch .filter #filtersearch {
  max-width: 700px;
  margin: auto;
}

.courseSearch .filter #filtersearch .course-search-bar {
  position: relative;
  margin-bottom: 20px;
}

.courseSearch .filter #filtersearch .course-search-bar .filtersearch {
  background: #efefef;
  width: 100%;
  font-size: 1.6rem;
  color: #222222;
  padding: 10px 60px 10px 20px;
  border: 0px;
}

.courseSearch .filter #filtersearch .course-search-bar .fa-search {
  font-size: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px 15px;
}

.courseSearch .filter #filtersearch.active {
  color: #222222;
}

.courseSearch .filter #groups #group-buttons {
  margin-bottom: 10px;
}

.courseSearch .filter #groups #group-buttons .group-filter {
  margin-bottom: 10px;
  border-bottom: 0;
  padding: 10px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

@media screen and (min-width: 500px) {
  .courseSearch .filter #groups #group-buttons .group-filter {
    height: 110px;
  }
}

@media screen and (min-width: 800px) {
  .courseSearch .filter #groups #group-buttons .group-filter {
    height: auto;
  }
}

.courseSearch .filter #groups #group-buttons .group-filter h2 {
  height: auto;
  min-height: 0;
  font-size: 1em;
  line-height: 1.6rem;
  font-weight: bold;
  margin: 0 0 0 30px;
  padding: 0;
  width: auto;
}

@media screen and (min-width: 500px) and (max-width: 800px) {
  .courseSearch .filter #groups #group-buttons .group-filter h2 {
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .courseSearch .filter #groups #group-buttons .group-filter h2 {
    font-size: 1.4em;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.courseSearch .filter #groups #group-buttons .group-filter span {
  font-size: 1.6em;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
}

.courseSearch .filter #groups #group-buttons .group-filter span.count {
  position: relative;
  margin-top: 0;
  margin: auto;
  font-size: 1.6rem;
  line-height: 1.6rem;
}

@media screen and (min-width: 500px) and (max-width: 800px) {
  .courseSearch .filter #groups #group-buttons .group-filter span.count {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    padding: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .courseSearch .filter #groups #group-buttons .group-filter span.count {
    font-size: 1.8em;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.courseSearch .filter #groups #group-buttons .group-filter span.filter-icon {
  font-size: 1.4rem;
  line-height: 1.6rem;
  position: absolute;
  top: 10px;
  margin-top: 0;
  left: 10px;
  padding: 0;
}

.courseSearch .filter #groups #group-buttons .group-filter p {
  display: none;
}

.courseSearch .filter #groups #group-buttons .group-filter.ug-button {
  color: #ee3224;
}

.courseSearch .filter #groups #group-buttons .group-filter.pgt-button {
  color: #0078ae;
}

.courseSearch .filter #groups #group-buttons .group-filter.pgr-button {
  color: #5d9732;
}

.courseSearch .filter #groups #group-buttons .group-filter.active.ug-button {
  background: #ee3224;
  color: white;
}

.courseSearch .filter #groups #group-buttons .group-filter.active.ug-button.hover {
  background: #cf1d10;
}

.courseSearch .filter #groups #group-buttons .group-filter.active.pgt-button {
  background: #0078ae;
  color: white;
}

.courseSearch .filter #groups #group-buttons .group-filter.active.pgt-button.hover {
  background: #00557b;
}

.courseSearch .filter #groups #group-buttons .group-filter.active.pgr-button {
  background: #5d9732;
  color: white;
}

.courseSearch .filter #groups #group-buttons .group-filter.active.pgr-button.hover {
  background: #457125;
}

.courseSearch .filter button.filter-button {
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
  font-size: 1rem;
  font-weight: bold;
  padding: 10px 20px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.courseSearch .filter button.filter-button#show-all {
  float: right;
  margin-left: 5px;
  background-color: #ee3224;
}

.courseSearch .filter button.filter-button#show-all:hover {
  background-color: #cf1d10;
}

@media screen and (min-width: 800px) {
  .courseSearch .filter button.filter-button#show-all {
    display: block;
    float: none;
    width: auto;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.courseSearch .filter button.filter-button#advbutton {
  float: left;
  margin-right: 5px;
  background-color: gainsboro;
  color: #0078ae;
}

.courseSearch .filter button.filter-button#advbutton:hover {
  background-color: #c3c3c3;
}

@media screen and (min-width: 800px) {
  .courseSearch .filter button.filter-button#advbutton {
    display: none;
  }
}

.courseSearch .filter button.filter-button .fa {
  margin-right: 5px;
}

.courseSearch .filter #advanced {
  display: none;
}

@media screen and (min-width: 800px) {
  .courseSearch .filter #advanced {
    display: block !important;
  }
}

.courseSearch .filter #advanced fieldset {
  margin-bottom: 10px;
}

.courseSearch .filter #advanced fieldset:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 680px) {
  .courseSearch .filter #advanced fieldset span {
    display: inline-block;
    width: -webkit-calc(20% - 8px);
    width: calc(20% - 8px);
    margin-right: 10px;
  }

  .courseSearch .filter #advanced fieldset span:last-of-type {
    margin-right: 0;
  }
}

.courseSearch .filter #advanced fieldset span label {
  display: block;
}

.courseSearch .filter #advanced fieldset span .select-wrapper select {
  display: block;
  width: 100%;
  padding-right: 30px;
}

.courseSearch .filter #advanced fieldset span .select-wrapper select::-ms-expand {
  display: none;
}

.courseSearch .filter #advanced fieldset button {
  display: inline-block;
  padding: 0;
  background-color: transparent;
  color: #222222;
  font-weight: normal;
  width: 150px;
  text-align: left;
  margin-bottom: 0;
}

.courseSearch .filter #advanced fieldset button .check {
  background: #efefef;
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-left: 0;
  margin-right: 5px;
  text-align: center;
}

.courseSearch .filter #advanced fieldset button .check .fa {
  margin: 0;
}

.courseSearch .filter #advanced fieldset button .check .black-text {
  color: #222222;
}

.courseSearch ul.iso-container li {
  margin: 0 5px 20px 0;
  padding: 0;
  font-size: 1.3em;
  text-align: left;
  position: relative;
  font-weight: bold;
}

.courseSearch ul.iso-container li a {
  padding: 5%;
}

.courseSearch ul.iso-container li .uos-course-title {
  padding: 0;
  margin: 0;
}

.courseSearch ul.iso-container li .uos-course-award {
  width: auto;
  max-width: 90%;
  padding: 2%;
  font-size: 0.8em;
  right: 0;
  font-weight: normal;
  color: white;
}

.courseSearch ul.iso-container li.ug-item {
  border-bottom-color: #ee3224;
}

.courseSearch ul.iso-container li.ug-item .uos-course-award {
  background: #ee3224;
}

.courseSearch ul.iso-container li.ug-item.hover {
  color: #5a5c60;
  text-decoration: none;
}

.courseSearch ul.iso-container li.pgt-item {
  border-bottom-color: #0078ae;
}

.courseSearch ul.iso-container li.pgt-item .uos-course-award {
  background: #0078ae;
}

.courseSearch ul.iso-container li.pgt-item.hover {
  color: #5a5c60;
  text-decoration: none;
}

.courseSearch ul.iso-container li.pgr-item {
  border-bottom-color: #5d9732;
}

.courseSearch ul.iso-container li.pgr-item .uos-course-award {
  background: #5d9732;
}

.courseSearch ul.iso-container li.pgr-item.hover {
  color: #5a5c60;
  text-decoration: none;
}

.courseSearch .uos-course-title {
  display: block;
  padding: 20px 0;
}

.courseSearch .uos-course-award {
  display: block;
  position: absolute;
  text-align: right;
  width: 100%;
  bottom: 0px;
  line-height: 1em;
}

.courseSearch #overlay {
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-color: #8B8B8B;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  display: none;
}

/* ==========================================================================
   staff search
   ========================================================================== */

.suggestions {
  color: black;
}

.check {
  position: relative;
  color: white;
  margin-left: 5%;
}

article.staffsearch.a-zPage {
  padding: 0;
}

article.staffsearch,
#list-container {
  position: relative;
}

article.staffsearch .new,
#list-container .new {
  display: none;
}

article.staffsearch ul li a.hover a,
#list-container ul li a.hover a {
  color: white;
}

article.staffsearch div.filter div form#filtersearch,
#list-container div.filter div form#filtersearch {
  border-bottom: 2px solid white;
}

article.staffsearch div.filter div form#filtersearch input.filtersearch,
#list-container div.filter div form#filtersearch input.filtersearch {
  font-size: 1.6em;
  height: 1.7em;
}

article.staffsearch div.filter form#filtersearch,
#list-container div.filter form#filtersearch {
  width: 62.5%;
  /* ch was blue */
}

article.staffsearch div.filter form#filtersearch.active,
#list-container div.filter form#filtersearch.active {
  background: white;
}

article.staffsearch div.filter ul#filter-buttons,
#list-container div.filter ul#filter-buttons {
  width: 36%;
}

article.staffsearch div.filter ul#filter-buttons li,
#list-container div.filter ul#filter-buttons li {
  width: 32%;
}

article.staffsearch div.filter ul#filter-buttons li:nth-of-type(2),
#list-container div.filter ul#filter-buttons li:nth-of-type(2) {
  margin-right: 2%;
}

article.staffsearch div.filter ul#filter-buttons li:nth-of-type(3),
#list-container div.filter ul#filter-buttons li:nth-of-type(3) {
  margin: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  article.staffsearch div.filter ul#filter-buttons li:nth-of-type(3),
  #list-container div.filter ul#filter-buttons li:nth-of-type(3) {
    display: block;
  }
}

article.staffsearch div.filter ul#filter-buttons li a,
#list-container div.filter ul#filter-buttons li a {
  height: auto;
}

article.staffsearch div.filter ul#filter-buttons li #btn_search,
#list-container div.filter ul#filter-buttons li #btn_search {
  background-color: #5d9732;
  color: white;
}

article.staffsearch div.filter ul#filter-buttons li #btn_search.hover,
#list-container div.filter ul#filter-buttons li #btn_search.hover {
  background-color: #5a5c60;
}

article.staffsearch div.filter ul#filter-buttons li #show-all,
#list-container div.filter ul#filter-buttons li #show-all {
  background-color: #ee3224;
  color: white;
}

article.staffsearch div.filter ul#filter-buttons li #show-all.hover,
#list-container div.filter ul#filter-buttons li #show-all.hover {
  background: #cf1d10;
}

article.staffsearch ul li > span,
#list-container ul li > span {
  width: 100%;
  display: block;
}

article.staffsearch #a-z li,
#list-container #a-z li {
  list-style-type: none;
  padding: 0;
}

article.staffsearch #a-z li:before,
#list-container #a-z li:before {
  content: none;
}

article.staffsearch #departmentlist ul.results,
article.staffsearch #rolelist ul.results,
#list-container #departmentlist ul.results,
#list-container #rolelist ul.results {
  left: 0;
  margin: 0 5%;
  z-index: 50;
  background: white;
  border: 1px solid;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 250px;
}

article.staffsearch ul#results li.item,
article.staffsearch ul.results li.item,
article.staffsearch #pageSaveHeaderList ul li,
article.staffsearch #pageSaveHeaderHistoryList ul li,
#list-container ul#results li.item,
#list-container ul.results li.item,
#list-container #pageSaveHeaderList ul li,
#list-container #pageSaveHeaderHistoryList ul li {
  color: #222222;
  padding-top: .3em;
  text-align: left;
  border-left: 4px solid #002b5c;
  list-style-type: none;
  margin-right: 20px;
  clear: left;
  padding-left: 1em;
  padding-right: 1em;
  min-width: 100%;
  margin-bottom: 4px;
  min-height: 2em;
  height: auto;
  background: gainsboro;
  /*red*/
  /*bing*/
  /*green*/
  /*blue*/
  /*orange*/
  /*corpblue*/
}

article.staffsearch ul#results li.item:before,
article.staffsearch ul.results li.item:before,
article.staffsearch #pageSaveHeaderList ul li:before,
article.staffsearch #pageSaveHeaderHistoryList ul li:before,
#list-container ul#results li.item:before,
#list-container ul.results li.item:before,
#list-container #pageSaveHeaderList ul li:before,
#list-container #pageSaveHeaderHistoryList ul li:before {
  content: none;
}

article.staffsearch ul#results li.item:after,
article.staffsearch ul.results li.item:after,
article.staffsearch #pageSaveHeaderList ul li:after,
article.staffsearch #pageSaveHeaderHistoryList ul li:after,
#list-container ul#results li.item:after,
#list-container ul.results li.item:after,
#list-container #pageSaveHeaderList ul li:after,
#list-container #pageSaveHeaderHistoryList ul li:after {
  content: none;
}

article.staffsearch ul#results li.item:nth-child(4n + 1),
article.staffsearch ul.results li.item:nth-child(4n + 1),
article.staffsearch #pageSaveHeaderList ul li:nth-child(4n + 1),
article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n + 1),
#list-container ul#results li.item:nth-child(4n + 1),
#list-container ul.results li.item:nth-child(4n + 1),
#list-container #pageSaveHeaderList ul li:nth-child(4n + 1),
#list-container #pageSaveHeaderHistoryList ul li:nth-child(4n + 1) {
  border-left: 4px solid #ee3224;
}

article.staffsearch ul#results li.item:nth-child(4n + 2),
article.staffsearch ul.results li.item:nth-child(4n + 2),
article.staffsearch #pageSaveHeaderList ul li:nth-child(4n + 2),
article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n + 2),
#list-container ul#results li.item:nth-child(4n + 2),
#list-container ul.results li.item:nth-child(4n + 2),
#list-container #pageSaveHeaderList ul li:nth-child(4n + 2),
#list-container #pageSaveHeaderHistoryList ul li:nth-child(4n + 2) {
  border-left: 4px solid #5d9732;
}

article.staffsearch ul#results li.item:nth-child(4n + 3),
article.staffsearch ul.results li.item:nth-child(4n + 3),
article.staffsearch #pageSaveHeaderList ul li:nth-child(4n + 3),
article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n + 3),
#list-container ul#results li.item:nth-child(4n + 3),
#list-container ul.results li.item:nth-child(4n + 3),
#list-container #pageSaveHeaderList ul li:nth-child(4n + 3),
#list-container #pageSaveHeaderHistoryList ul li:nth-child(4n + 3) {
  border-left: 4px solid #0078ae;
}

article.staffsearch ul#results li.item:nth-child(4n + 4),
article.staffsearch ul.results li.item:nth-child(4n + 4),
article.staffsearch #pageSaveHeaderList ul li:nth-child(4n + 4),
article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(4n + 4),
#list-container ul#results li.item:nth-child(4n + 4),
#list-container ul.results li.item:nth-child(4n + 4),
#list-container #pageSaveHeaderList ul li:nth-child(4n + 4),
#list-container #pageSaveHeaderHistoryList ul li:nth-child(4n + 4) {
  border-left: 4px solid #f47b20;
}

article.staffsearch ul#results li.item:nth-child(5n - 2),
article.staffsearch ul.results li.item:nth-child(5n - 2),
article.staffsearch #pageSaveHeaderList ul li:nth-child(5n - 2),
article.staffsearch #pageSaveHeaderHistoryList ul li:nth-child(5n - 2),
#list-container ul#results li.item:nth-child(5n - 2),
#list-container ul.results li.item:nth-child(5n - 2),
#list-container #pageSaveHeaderList ul li:nth-child(5n - 2),
#list-container #pageSaveHeaderHistoryList ul li:nth-child(5n - 2) {
  border-left: 4px solid #002b5c;
}

article.staffsearch ul#results li.item.selected,
article.staffsearch ul.results li.item.selected,
article.staffsearch #pageSaveHeaderList ul li.selected,
article.staffsearch #pageSaveHeaderHistoryList ul li.selected,
#list-container ul#results li.item.selected,
#list-container ul.results li.item.selected,
#list-container #pageSaveHeaderList ul li.selected,
#list-container #pageSaveHeaderHistoryList ul li.selected {
  -webkit-box-shadow: 2px 2px 5px #a7a9ac;
  box-shadow: 2px 2px 5px #a7a9ac;
  background: #5a5c60;
}

article.staffsearch ul#results li.item.selected:hover,
article.staffsearch ul.results li.item.selected:hover,
article.staffsearch #pageSaveHeaderList ul li.selected:hover,
article.staffsearch #pageSaveHeaderHistoryList ul li.selected:hover,
#list-container ul#results li.item.selected:hover,
#list-container ul.results li.item.selected:hover,
#list-container #pageSaveHeaderList ul li.selected:hover,
#list-container #pageSaveHeaderHistoryList ul li.selected:hover {
  /*box-shadow: 2px 2px 5px $dropshadow;background : $hover;*/
  color: #fff;
  cursor: pointer;
}

article.staffsearch ul#results li.item.group-heading,
article.staffsearch ul.results li.item.group-heading,
article.staffsearch #pageSaveHeaderList ul li.group-heading,
article.staffsearch #pageSaveHeaderHistoryList ul li.group-heading,
#list-container ul#results li.item.group-heading,
#list-container ul.results li.item.group-heading,
#list-container #pageSaveHeaderList ul li.group-heading,
#list-container #pageSaveHeaderHistoryList ul li.group-heading {
  background: white;
}

article.staffsearch ul#results li.item span > span,
article.staffsearch ul.results li.item span > span,
article.staffsearch #pageSaveHeaderList ul li span > span,
article.staffsearch #pageSaveHeaderHistoryList ul li span > span,
#list-container ul#results li.item span > span,
#list-container ul.results li.item span > span,
#list-container #pageSaveHeaderList ul li span > span,
#list-container #pageSaveHeaderHistoryList ul li span > span {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 2px;
  min-height: 100% !important;
  margin-top: 0px !important;
}

article.staffsearch ul#results li.item a > span,
article.staffsearch ul.results li.item a > span,
article.staffsearch #pageSaveHeaderList ul li a > span,
article.staffsearch #pageSaveHeaderHistoryList ul li a > span,
#list-container ul#results li.item a > span,
#list-container ul.results li.item a > span,
#list-container #pageSaveHeaderList ul li a > span,
#list-container #pageSaveHeaderHistoryList ul li a > span {
  margin-top: 0px !important;
}

article.staffsearch li.item,
#list-container li.item {
  min-width: 100%;
  margin-bottom: 4px;
  height: 80px;
  background: gainsboro;
}

article.staffsearch li.item:before,
#list-container li.item:before {
  content: none;
}

article.staffsearch li.item.group-heading,
#list-container li.item.group-heading {
  background: white;
}

article.staffsearch li.item span > span,
#list-container li.item span > span {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 2px;
  min-height: 100% !important;
  margin-top: 0px !important;
}

article.staffsearch li.item a > span,
#list-container li.item a > span {
  margin-top: 0px !important;
}

article.staffsearch ul.iso-container,
#list-container ul.iso-container {
  text-align: left;
  width: auto;
}

article.staffsearch ul.iso-container li,
#list-container ul.iso-container li {
  width: 100%;
  margin: 0 5px 10px 0;
  border: 0px none;
  float: none;
  height: auto;
}

article.staffsearch ul.iso-container li.group-heading
article.staffsearch ul.iso-container li.staffrole,
#list-container ul.iso-container li.group-heading
#list-container ul.iso-container li.staffrole {
  background-color: gainsboro;
}

article.staffsearch ul.iso-container li h2,
#list-container ul.iso-container li h2 {
  margin-bottom: 0;
}

article.staffsearch ul.iso-container li .count,
#list-container ul.iso-container li .count {
  display: none;
  width: auto;
  margin: 15px;
  font-size: 1.25em;
}

article.staffsearch div.error,
#list-container div.error {
  color: red;
  margin-left: 5%;
  display: none;
}

article.staffsearch #overlay,
#list-container #overlay {
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-color: #8B8B8B;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 10;
  display: none;
}

article.staffsearch #list-container,
#list-container #list-container {
  overflow: hidden;
  height: auto;
}

article.staffsearch #filter-groups,
#list-container #filter-groups {
  clear: both;
  width: 100%;
  padding: 1%;
  display: none;
  background-color: #0078ae;
}

article.staffsearch #filter-groups form,
#list-container #filter-groups form {
  background-color: gainsboro;
}

article.staffsearch #filter-groups form span.filtertxt,
#list-container #filter-groups form span.filtertxt {
  display: inline-block;
  width: 75%;
  padding: 12.5px 0;
  background-color: gainsboro;
  margin-right: 1.7%;
}

article.staffsearch #filter-groups form span.group-filter-button,
#list-container #filter-groups form span.group-filter-button {
  display: inline-block;
  width: 22%;
  padding: 16.5px 0 15.5px  0;
  background-color: gainsboro;
  vertical-align: bottom;
}

article.staffsearch #filter-groups form span.group-filter-button.active .check,
#list-container #filter-groups form span.group-filter-button.active .check {
  color: #0078ae;
}

article.staffsearch #filter-groups form span input,
#list-container #filter-groups form span input {
  width: 90%;
  margin: 0 5%;
  padding: 10px;
}

article.staffsearch #filter-groups form span .jvFloat .placeHolder.active,
#list-container #filter-groups form span .jvFloat .placeHolder.active {
  margin: -17px 5%;
  padding: 2px 2px 0 2px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

article.staffsearch #filter-groups form span.active input,
#list-container #filter-groups form span.active input {
  border: 1px solid #0078ae;
}

#group-opts {
  display: none;
}

#txt_search {
  font-size: 1.30em;
}

.suggestions li.active {
  background-color: blue;
}

@media (max-width: 800px) {
  article.staffsearch div.filter ul#filter-buttons {
    width: 100% !important;
  }

  article.staffsearch div.filter form#filtersearch {
    width: 100% !important;
    display: inline-block;
  }

  article.staffsearch div.filter #filter-groups form span.filtertxt {
    width: 100%;
  }

  article.staffsearch div.filter #filter-groups form .group-filter {
    width: 100%;
  }

  article.staffsearch ul.iso-container {
    min-width: 500px;
  }



  #filter-groups span {
    width: 48%;
  }
}

@media (max-width: 500px) {
  article.staffsearch ul.iso-container {
    min-width: 0px;
    text-align: center;
  }



  article.staffsearch ul.iso-container li.item h2 {
    width: 100%;
  }

  #filter-groups span {
    width: 100%;
  }
}

/* =======================================================================
   Staff Photo Gallery
   ======================================================================= */

section.grid-box {
  /*mobile*/
  width: 90%;
  *zoom: 1;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

section.grid-box:before,
section.grid-box:after {
  content: " ";
  display: table;
}

section.grid-box:after {
  clear: both;
}

@media screen and (min-width: 335px) {
  section.grid-box {
    /*phablet*/
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 500px) {
  section.grid-box {
    /*tablet*/
    width: 90%;
    height: auto;
  }
}

@media screen and (min-width: 680px) {
  section.grid-box {
    /*desktop*/
    width: 100%;
    height: auto;
    /* @include clearfix;*/
  }
}

a[data-lightbox] {
  max-width: 20%;
  /*padding: $padding/4;*/
  text-decoration: none;
}

a[data-lightbox] img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  /*padding: $padding/4;*/
}

a[data-lightbox] h2 {
  margin-top: -11px;
  margin-bottom: -10px;
  padding: 0 10px;
  color: white;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 0;
  font-size: 1em;
}

a[data-lightbox] h2 a.hover {
  color: white;
}

a[data-lightbox] h3 {
  /*mobile*/
  margin-bottom: 0;
  padding: 13.33333px 10px;
  font-size: .9em;
  background-color: #002b5c;
  margin-top: -8px;
  height: auto;
  color: white;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  a[data-lightbox] h3 {
    /*phablet*/
    height: auto;
  }
}

@media screen and (max-width: 1130px) {
  a[data-lightbox] h3 {
    /*desktop*/
    height: auto;
    padding: 20px 10px;
  }
}

a[data-lightbox] a:hover h3 {
  background-color: #f47b20;
}

article.gallery-wall > * {
  display: block;
  float: left;
}

article.gallery-wall.zoom > * {
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  /*padding: $padding/2;*/
  /*border: 2px solid #dcdcdc;*/
  margin: 5px;
  margin-bottom: 50px;
  width: auto;
  color: #0078ae;
  width: 23%;
}

@media screen and (max-width: 900px) {
  article.gallery-wall.zoom > * {
    width: 40%;
  }
}

@media screen and (max-width: 415px) {
  article.gallery-wall.zoom > * {
    width: 100%;
  }
}

article.gallery-wall.zoom > *:hover {
  /*background-color:$lightgrey;
  color:$white;
  z-index: 10;
  box-shadow: 8px 8px 15px rgba(0,0, 0, 0.4);
  -webkit-transform: rotate(0deg) scale(1.2);
  -o-transform: rotate(0deg) scale(1.2);
  -moz-transform: rotate(0deg) scale(1.2);
  text-decoration: none;*/
}

.stafftitle {
  height: 75px;
  background-color: #002b5c;
}

@media screen and (max-width: 670px) {
  .stafftitle {
    height: 75px;
  }
}

@media screen and (max-width: 500px) {
  .stafftitle {
    height: 65px;
  }
}

a:hover .stafftitle {
  text-decoration: none;
}

.stafftitle > h3 a {
  text-decoration: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .stafftitle > h3 a {
    /*tablet*/
    margin-bottom: -16px;
  }
}

@media screen and (min-width: 680px) {
  .stafftitle > h3 a {
    /*desktop*/
    margin-bottom: 5px;
  }
}

.nounderline > h2 {
  line-height: 1.2;
  margin-top: 20px;
  min-height: 60px;
  margin-bottom: 18px;
  padding-bottom: 0.5em;
  font-size: 2.25rem;
}

/* =======================================================================
   homepage partial
   ======================================================================= */

@media screen and (min-width: 881px) {
  main#content div.full-width-wrap.primaryblue section.course-search.max-width {
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #002b5c;
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222222;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-size: 14.6666669845581px;
    height: 175.66667175293px;
    line-height: 28px;
    width: 1598.66662597656px;
  }

  main#content div.full-width-wrap.primaryblue section.course-search.max-width {
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222222;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-size: 14.6666669845581px;
    height: 175.66667175293px;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1068.75px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    position: relative;
    text-align: center;
    /*width: 1068.75px;*/
    width: 100%;
  }

  main#content div.full-width-wrap.primaryblue section.course-search.max-width header {
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222222;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-size: 14.6666669845581px;
    height: 51.6666679382324px;
    line-height: 28px;
    text-align: center;
    /*width: 1028.75px;*/
    width: 100%;
  }

  main#content div.full-width-wrap.primaryblue section.course-search.max-width header h1 {
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-size: 36px;
    font-weight: normal;
    height: 51.6666679382324px;
    line-height: 57.6000022888184px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 9px;
    text-align: center;
    /*width: 1028.75px;*/
    width: 100%;
  }

  main#content div section#hpright.feature-full-width div.flexslider.single ul.slides li.flex-active-slide figure a div.wrap h1#hp2 {
    font-size: 2em;
    bottom: 3.15em;
    width: auto;
    margin: 0;
    top: inherit;
  }

  main#content div section#hpleft.feature-full-width div.flexslider.single ul.slides li.flex-active-slide figure a div.wrap h1#hp3 {
    font-size: 2em;
    bottom: 3.15em;
    width: auto;
    margin: 0;
    top: inherit;
  }

  main#content div section#hpright.feature-full-width {
    padding: 2em 1em 2em 1em;
    width: 49.5%;
    display: inline-block;
    float: right;
  }

  main#content div section#hpleft.feature-full-width {
    padding: 2em 1em 2em 1em;
    width: 49.5%;
    display: inline-block;
    float: left;
  }

  main#content div section#hptop.feature-full-width div.flexslider.single ul.slides li#hptop.flex-active-slide {
    width: 100%;
    float: left;
    margin-right: -100%;
    position: relative;
    opacity: 1;
    display: block;
    z-index: 2;
  }

  main#content div div.row section.contact.third h1#rhsfact1 {
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ee3224;
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-weight: normal;
    height: 186px;
    line-height: 31.5px;
    text-align: center;
    width: auto;
    max-width: 20em;
    padding: 45px;
    margin: 0px;
  }

  main#content div div.row section.contact.third h1#rhsfact1 a {
    color: white;
  }

  main#content div div.row section.contact.third h1#rhsfact2 {
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ee3224;
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-weight: normal;
    height: 186px;
    line-height: 31.5px;
    text-align: center;
    width: auto;
    max-width: 20em;
    padding: 45px;
    margin: 0px;
  }

  main#content div div.row section.contact.third h1#rhsfact2 a {
    color: white;
  }
}

@media screen and (min-width: 120px) and (max-width: 880px) {
  main#content div div.row section.expert-search.twothirds {
    display: inline-block;
  }

  main#content div div.row section.contact.third h1#rhsfact1 {
    font-size: 1.5em;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ee3224;
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-weight: normal;
    height: 186px;
    line-height: 31.5px;
    text-align: center;
    width: auto;
    max-width: 20em;
    padding: 2em 1em 1em 1em;
    margin: 0px;
  }

  main#content div div.row section.contact.third h1#rhsfact1 a {
    color: white;
  }

  main#content div div.row section.contact.third h1#rhsfact2 {
    font-size: 1.5em;
    -webkit-background-clip: border-box;
    -webkit-background-origin: padding-box;
    -webkit-background-size: auto;
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ee3224;
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
    display: block;
    font-family: Alegreya Sans, sans-serif;
    font-weight: normal;
    height: 186px;
    line-height: 31.5px;
    text-align: center;
    width: auto;
    max-width: 20em;
    padding: 2em 1em 1em 1em;
    margin: 0px;
  }

  main#content div div.row section.contact.third h1#rhsfact2 a {
    color: white;
  }
}

main#content div div section#hpright.feature-full-width {
  padding: 2em 1em 2em 1em;
  width: 49.5%;
  display: inline-block;
  float: right;
}

main#content div div section#hpleft.feature-full-width {
  padding: 2em 1em 2em 1em;
  width: 49.5%;
  display: inline-block;
  float: left;
}

/* ==========================================================================
   informal Quote
   e.g. RHS course page student quote
   ========================================================================== */

.quote {
  background: #efefef;
  padding: 10px;
  margin-bottom: 16px;
}

.quote h2 {
  font-size: 1.5rem;
  line-height: 1em;
  margin: 0 0 10px 0;
  padding: 0;
  border: 0;
  font-family: Alegreya Sans, sans-serif;
  min-height: auto;
}

.quote blockquote {
  margin: 10px 0px;
  font-size: 1.2em;
  color: #002b5c;
  /*quotes: "\201C""\201D";*/
}

.quote blockquote .fa-quote-left,
.quote blockquote .fa-quote-right {
  padding: 0 5px;
  font-size: 1rem;
  color: #002b5c;
}

.quote blockquote p {
  margin: 0;
  display: inline;
  color: #002b5c;
}

.quote .name {
  margin: 10px 0px 0px 0px;
  font-size: 1em;
  text-align: right;
  color: #002b5c;
}

.quote .description {
  margin: 0px 0px 10px 0px;
  font-size: 0.8em;
  text-align: right;
  color: #002b5c;
}

/* ==========================================================================
   RHS quote
   e.g. flages on country pages
   ========================================================================== */

.RHSimage img {
  margin-bottom: 20px;
}

/* ==========================================================================
   Feature home
   ========================================================================== */

main#content div.full-width-wrap div.row.secondary div.half section.feature-home div.flexslider.single ul.slides li.flex-active-slide figure a.hover div.wrap h1 {
  background: #f47b20;
  background-color: #f47b20;
}

main#content div.full-width-wrap div.row.secondary div.half section.feature-home div.flexslider.single ul.slides li.flex-active-slide figure figcaption a.call-to-action-link.hover {
  background: #f47b20;
  background-color: #f47b20;
}

.feature-home {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
}

.feature-home:before,
.feature-home:after {
  content: " ";
  display: table;
}

.feature-home:after {
  clear: both;
}

.row.secondary .feature-home {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 71.25em) {
  .row.secondary .feature-home {
    padding: 20px 0;
  }
}

.row.secondary .half:first-child .feature-home {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 71.25em) {
  .row.secondary .half:first-child .feature-home {
    padding-left: 20px;
  }
}

.row.secondary .half:last-child .feature-home {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 71.25em) {
  .row.secondary .half:last-child .feature-home {
    padding-right: 20px;
  }
}

.feature-home a {
  text-decoration: none;
}

.feature-home a figure > .wrap {
  position: relative;
}

.feature-home a figure > .wrap h1 {
  width: 100%;
  margin: -1px 0 0;
  font-size: 30px;
  font-size: 1.875rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  .feature-home a figure > .wrap h1 {
    font-size: 34px;
    font-size: 2.125rem;
  }
}

@media screen and (min-width: 500px) {
  .feature-home a figure > .wrap h1 {
    font-size: 46px;
    font-size: 2.875rem;
  }
}

@media screen and (min-width: 680px) {
  .feature-home a figure > .wrap h1 {
    font-size: 54px;
    font-size: 3.375rem;
  }
}

.row.secondary .feature-home a figure > .wrap h1 {
  background-color: #0078ae;
  margin: -1px 0 0;
}

@media screen and (min-width: 800px) {
  .feature-home a figure > .wrap h1 {
    position: absolute;
    bottom: 0;
    width: auto;
    margin: 0;
    left: 0;
  }
}

.feature-home a figure figcaption {
  padding: 20px;
}

.feature-home a figure figcaption p {
  margin: 0;
  color: #222222;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-home a figure figcaption p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.feature-home a figure figcaption .call-to-action-link {
  float: right;
  margin: 0 0 10px 20px;
  background-color: #002b5c;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
  display: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-home a figure figcaption .call-to-action-link {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (min-width: 800px) {
  .feature-home a figure figcaption .call-to-action-link {
    display: block;
  }

  .row.secondary .feature-home a figure figcaption .call-to-action-link {
    background: none;
    padding: 0;
    color: #0078ae;
  }
}

.feature-home a figure figcaption .call-to-action-link:after {
  content: '>';
  font-family: Alegreya Sans, sans-serif;
  float: right;
  padding-left: 1em;
}

.feature-home a.hover .wrap h1,
.feature-home a.hover .call-to-action-link {
  color: #5a5c60;
}

.row.secondary .feature-home a.hover figure > .wrap h1 {
  background: #f47b20;
  background-color: #f47b20;
}

.row.secondary .feature-home a.hover figure figcaption .call-to-action-link {
  color: #f47b20;
}

#fullwidth_banner_image.feature-home a.hover .wrap h1,
#fullwidth_banner_image.feature-home a.hover .call-to-action-link {
  background: #f47b20;
  background-color: #f47b20;
}

@media screen and (max-width: 1024px) {
  #fullwidth_banner_image.feature-home a figure,
  #fullwidth_banner_image.feature-home a figure > .wrap h1 {
    position: relative;
  }

  .lists.list2 > li:nth-of-type(2n),
  .lists.list2 > section:nth-of-type(2n) {
    clear: both;
  }
}

#fullwidth_banner_image.feature-home a figure,
#fullwidth_banner_image.feature-home a figure > .wrap {
  height: 450px;
}

@media screen and (max-width: 680px) {
  #fullwidth_banner_image.feature-home a figure,
  #fullwidth_banner_image.feature-home a figure > .wrap {
    height: 330px;
  }

  #fullwidth_banner_image.feature-home a figure,
  #fullwidth_banner_image.feature-home a figure > .wrap h1 {
    font-size: 2.675rem;
  }
}

@media screen and (max-width: 480px) {
  #fullwidth_banner_image.feature-home a figure,
  #fullwidth_banner_image.feature-home a figure > .wrap {
    height: 220px;
  }

  #fullwidth_banner_image.feature-home a figure,
  #fullwidth_banner_image.feature-home a figure > .wrap h1 {
    font-size: 1.875rem;
  }
}

/* ==========================================================================
   Feature news
   ========================================================================== */

.feature-news {
  *zoom: 1;
  overflow: hidden;
  position: relative;
  margin: 40px;
}

.feature-news:before,
.feature-news:after {
  content: " ";
  display: table;
}

.feature-news:after {
  clear: both;
}

.feature-news > .wrap {
  overflow: hidden;
  background: #efefef;
  margin-bottom: 40px;
  padding: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-news > .wrap {
    padding: 40px;
  }
}

.feature-news .hero {
  /* CH remove underline*/
  position: relative;
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-news .hero a {
  text-decoration: none;
}

.feature-news .hero div#videoContainer.jwplayer.playlist-none {
  overflow: hidden;
  position: relative;
  height: 180px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-news .hero div#videoContainer.jwplayer.playlist-none {
    height: 280px;
    overflow: hidden;
    position: relative;
  }
}

@media screen and (min-width: 71.25em) {
  .feature-news .hero div#videoContainer.jwplayer.playlist-none {
    height: 380px;
    overflow: hidden;
    position: relative;
  }

  .feature-news .hero div#videoContainer.jwplayer.playlist-none img {
    position: static;
  }
}

@media screen and (min-width: 71.25em) {
  .feature-news .hero {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
    margin-bottom: 0;
  }

  .feature-news .hero:last-child {
    margin-right: 0;
  }
}

.feature-news .hero .headings {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-news .hero .headings {
    position: absolute;
    bottom: 0;
  }
}

.feature-news .hero .headings h1 {
  width: 100%;
  margin: -1px 0 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-news .hero .headings h1 {
    width: auto;
    margin: 0;
  }
}

.feature-news .hero .headings h2 {
  display: block;
  width: 100%;
  margin: -1px 0 0;
  background: #f47b20;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-news .hero .headings h2 {
    width: auto;
    margin: 0;
  }
}

.feature-news .hero .imagewrap {
  overflow: hidden;
  position: relative;
  height: 180px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-news .hero .imagewrap {
    height: 400px;
    /*CH was 280px*/
  }
}

.feature-news .hero .imagewrap img {
  position: absolute;
  top: -100%;
  bottom: -100%;
  margin: auto;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 71.25em) {
  .feature-news .hero .imagewrap {
    height: auto;
  }

  .feature-news .hero .imagewrap img {
    position: static;
  }
}

.feature-news .articles {
  margin: 0;
  padding: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  list-style: none;
}

@media screen and (min-width: 71.25em) {
  .feature-news .articles {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-right: 0;
  }

  .feature-news .articles:last-child {
    margin-right: 0;
  }
}

.feature-news .articles > li {
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .feature-news .articles > li {
    padding-bottom: 0px;
    /*CH new*/
    display: list-item;
    /*CH new*/
    width: auto;
    margin-bottom: 20px;
    /* CH WAS  @include span-columns(4); */
    /* margin-bottom: 0; */
  }
}

@media screen and (min-width: 71.25em) {
  .feature-news .articles > li {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }
}

.feature-news .articles > li a {
  display: block;
  background: #fff;
  padding: 10px 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.feature-news .articles > li a.hover {
  background-color: #5a5c60;
}

@media screen and (min-width: 680px) {
  .feature-news .articles > li a {
    padding: 20px;
  }
}

.feature-news .articles > li h1 {
  margin: 0;
  padding-bottom: 0;
  border: 0;
}

.feature-news .articles > li h1 > a:hover {
  background-color: #5a5c60;
  color: white;
}

.feature-news .articles > li p {
  color: #222222;
  margin-top: 0;
}

.feature-news .articles > li p:last-of-type {
  margin-bottom: 0;
}

.feature-news .articles > li:last-child {
  margin-bottom: 0;
}

.feature-news .articles > li:nth-child(1) {
  border-left: 10px solid #5d9732;
}

.feature-news .articles > li:nth-child(1).hover h1,
.feature-news .articles > li:nth-child(1).hover p {
  color: #5d9732;
}

.feature-news .articles > li:nth-child(2) {
  border-left: 10px solid #0078ae;
}

.feature-news .articles > li:nth-child(2).hover h1,
.feature-news .articles > li:nth-child(2).hover p {
  color: #0078ae;
}

.feature-news .articles > li:nth-child(3) {
  border-left: 10px solid #ee3224;
}

.feature-news .articles > li:nth-child(3).hover h1,
.feature-news .articles > li:nth-child(3).hover p {
  color: #ee3224;
}

.feature-news .buttons {
  text-align: center;
}

.feature-news .buttons.hover {
  background: #5a5c60;
}

.feature-news .buttons a {
  display: block;
  background: #002b5c;
  margin-bottom: 10px;
  padding: 0.8em 1em;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .feature-news .buttons a {
    display: inline-block;
    margin: 0 10px;
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media screen and (min-width: 680px) {
  .feature-news .buttons a {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.feature-news .buttons a.red {
  background: #ee3224;
}

.feature-news .buttons a.red.hover {
  background: #5a5c60;
}

.feature-news .buttons a.green {
  background: #5d9732;
}

.feature-news .buttons a.green.hover {
  background: #5a5c60;
}

.feature-news .buttons a::after {
  content: '>';
  float: right;
  font-family: Alegreya Sans, sans-serif;
  padding-left: 1em;
}

/* ==========================================================================
   NEWS 
   ========================================================================== */

.news {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.news h3 {
  /*font-weight: 600; */
}

.news h3 si
a {
  color: #0078ae;
}

.news h4 {
  /*font-weight: 600; */
}

.news > .intro {
  overflow: hidden;
  margin-top: 0;
  padding: 20px;
  background: #efefef;
  font-size: 18px;
  font-size: 1.125rem;
}

.news > div.intro {
  padding-top: 0;
  padding-bottom: 0;
}

.news blockquote {
  max-width: 90%;
  background: #efefef;
  border-left: 6px solid #5d9732;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D";
  overflow: auto;
}

.news blockquote:before {
  color: #5d9732;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.news span.breakout-box {
  display: block;
  width: 100%;
  background: #f47b20;
  font-family: Alegreya Sans, sans-serif;
  padding: 30px;
  margin-bottom: 20px;
  color: #fff;
  text-align: left;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .news span.breakout-box {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-right: 20px !important;
  }

  .news span.breakout-box:last-child {
    margin-right: 0;
  }
}

.news img {
  width: 100%;
  max-width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .news img {
    width: auto;
  }

  .news img.left {
    width: 40%;
    float: left;
    margin: 0 10px 10px 0;
    clear: both;
  }

  .news img.right {
    width: 40%;
    float: right;
    margin: 0 0 10px 10px;
    clear: both;
  }
}

.news a.call-to-action-link {
  display: inline-block;
  background-color: #5d9732;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
}

.news a.call-to-action-link:after {
  content: '>';
  float: right;
  padding-left: 1em;
}

.news a.call-to-action-link.hover {
  background-color: #5a5c60;
}

.news .small {
  font-size: 15px;
  font-size: 0.9375rem;
  color: darkgray;
}

.news ul,
.news ol {
  margin-left: 0;
  padding: 0;
  list-style-position: inside;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 335px) {
  .news ul,
  .news ol {
    margin-left: 20px;
  }
}

@media screen and (min-width: 500px) {
  .news ul,
  .news ol {
    margin-left: 20px;
  }
}

.news ul li {
  list-style: none;
  padding-left: 1.2em;
}

.news ul li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.news ul li img {
  width: 100%;
}

.news ul.two li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
}

.news ul.two li:last-child {
  margin-right: 0;
}

.news ul.three li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 32.31112%;
}

.news ul.three li:last-child {
  margin-right: 0;
}

.news ul.four li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 23.85002%;
}

.news ul.four li:last-child {
  margin-right: 0;
}

.news ul.five li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 18.77335%;
}

.news ul.five li:last-child {
  margin-right: 0;
}

.news ul.six li {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 6.9278%;
}

.news ul.six li:last-child {
  margin-right: 0;
}

.news dl dt {
  padding-top: .5em;
  border-top: 1px solid gainsboro;
}

.news dl dt:first-child {
  border-top: none;
}

.news dl dd {
  margin: 0;
}

.news table {
  width: 100%;
}

.news table tr {
  background-color: gainsboro;
}

.news table:nth-child(2n) {
  background-color: #c3c3c3;
}

.news table th,
.news table td {
  text-align: left;
  border-collapse: collapse;
  border: 1px #fff solid;
  padding: 10px;
}

.news table th {
  font-weight: normal;
  color: #fff;
  background-color: darkgray;
}

.news table td {
  background-color: gainsboro;
}

.news iframe {
  width: 70%;
  height: 300px;
  /* this was added tentatively*/
}

.no-js .news iframe {
  display: none;
}

@media screen and (min-width: 335px) {
  .news {
    /*phablet*/
    width: auto;
  }
}

@media screen and (min-width: 500px) {
  .news {
    /*tablet*/
    width: auto;
  }
}

@media screen and (min-width: 680px) {
  .news {
    /*desktop*/
    overflow: hidden;
    float: left;
    width: 70%;
    /*padding-left:$padding*8;*/
  }
}

.news .left {
  float: left;
  padding: 5px;
}

.news .right {
  float: right;
  padding: 5px;
}

aside.newssidetitle {
  float: left;
  width: 100%;
  overflow: hidden;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

aside.newssidetitle > img {
  padding: 10px;
  max-width: 100%;
  height: auto;
}

aside.newssidetitle > h2 {
  margin: 0;
  padding: 60px 10px 10px;
  background: #5d9732;
  border-bottom: 1px solid #fff;
  color: #fff !important;
  width: 100%;
  font-weight: 100;
  font-size: 1.125rem;
  font-family: Alegreya Sans, sans-serif;
  margin-bottom: -16px;
}

@media screen and (min-width: 335px) {
  aside.newssidetitle {
    /*phablet code - used in uos general*/
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 500px) {
  aside.newssidetitle {
    /*tablet code - used in uos general*/
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 680px) {
  aside.newssidetitle {
    /*desktop code - used in uos general*/
    float: right !important;
    width: 25% !important;
    height: auto;
    padding-top: 20px !important;
    background: white;
    margin: 0;
    padding-left: 10px;
  }
}

aside.newssidetitle > p {
  background: #efefef;
  padding: 0;
}

aside.newssidetitle > p > a {
  background: #efefef;
  padding: 10px;
  display: block;
  text-decoration: none;
  margin: 0;
}

aside.newssidetitle > p > a.hover {
  color: #5a5c60;
}

/* =======================================================================
   colourblocksrightcol
   ======================================================================= */

.media-item.dept.mainimages .item {
  display: block;
  float: left;
  font-weight: bold;
  margin-bottom: 16px;
  width: 33.33%;
  /* @media screen and (max-width: 1085px)*/
}

@media screen and (max-width: 900px) {
  .media-item.dept.mainimages .item {
    padding: 0;
    width: 50%;
  }
}

@media screen and (max-width: 400px) {
  .media-item.dept.mainimages .item {
    width: 100%;
    color: white;
  }
}

.media-item.dept.mainimages .item img {
  width: 100%;
  height: auto;
  float: none;
}

.media-item.dept.mainimages .items .item a {
  width: auto;
  display: block;
  margin-right: 10px;
  margin-bottom: 2px;
  height: 100%;
  position: relative;
  display: block;
  text-decoration: none;
}

.media-item.dept.mainimages .item .in h2 {
  width: 100%;
  height: 100px;
  /*display: table;*/
  background: #002b5c;
  color: white;
  padding: 10px 10px;
  margin-bottom: -1px;
  border-right: none;
  font-size: 1.4em;
  margin-top: 0;
}

.media-item.dept.mainimages .item .in h2 a {
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 900px) {
  .media-item.dept.mainimages .item .in h2 {
    height: 102px;
  }
}

.media-item.dept.mainimages .item .in p {
  display: none;
  line-height: 1;
  padding: 0;
  background-color: #f47b20;
  font-weight: normal;
  width: 100%;
}

.media-item.dept.mainimages .items .item a:hover h2 {
  background-color: #5a5c60;
}

/* ==========================================================================
   Formal Standalone Image
   e.g. used in work with us
   ========================================================================== */

.standalone-image {
  margin-bottom: 20px;
}

/* ==========================================================================
   News Landing (press.scss)
   ========================================================================== */

#panel,
#flip {
  padding: 10px;
  text-align: center;
  background-color: #222222;
  width: 180px;
  cursor: pointer;
  color: white;
}

#panel {
  padding: 20px;
  display: none;
  width: 100%;
}

.greybox a:hover h2 {
  background-color: #5a5c60;
  color: white;
}

.buttonblue p a {
  padding: 10px;
  text-align: center;
  background-color: #002b5c;
  width: 99%;
  cursor: pointer;
  float: right;
  /*margin-right:12px;*/
  margin-top: -10px;
  color: white;
}

@media screen and (min-width: 500px) {
  .buttonblue p a {
    width: 99%;
  }
}

@media screen and (min-width: 680px) {
  .buttonblue p a {
    width: 98%;
    margin-right: 12px;
  }
}

@media screen and (min-width: 800px) {
  .buttonblue p a {
    width: 98%;
    margin-right: 6px;
  }
}

.buttonblue a:hover {
  color: #5a5c60;
}

.buttongrey p a {
  padding: 10px;
  text-align: center;
  background-color: #222222;
  width: 98%;
  cursor: pointer;
  float: right;
  margin-right: 8px;
  margin-top: 10px;
  color: white;
}

.buttongrey a:hover {
  color: #5a5c60;
}

.buttongreen a {
  padding: 10px;
  text-align: center;
  background-color: #5d9732;
  width: 100%;
  cursor: pointer;
  float: left;
  margin-top: 10px;
  color: white;
  margin-bottom: 10px;
  display: none;
}

@media screen and (min-width: 800px) {
  .buttongreen a {
    display: inline;
  }
}

.buttongreen2 a,
.buttongreen3 a {
  padding: 10px;
  text-align: center;
  background-color: #5d9732;
  width: 100%;
  cursor: pointer;
  float: left;
  margin-top: 10px;
  color: white;
  margin-bottom: 10px;
  display: inline;
}

@media screen and (min-width: 800px) {
  .buttongreen2 a,
  .buttongreen3 a {
    display: none;
  }
}

.buttongreen a:hover {
  color: #5a5c60;
}

.newssidetitle {
  float: right !important;
  width: 100% !important;
  height: auto;
  margin: 0;
}

@media screen and (min-width: 335px) {
  .newssidetitle {
    width: 20.5%;
  }
}

@media screen and (min-width: 500px) {
  .newssidetitle {
    width: 25%;
  }
}

@media screen and (min-width: 680px) {
  .newssidetitle {
    width: 25%;
  }
}

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

.pressrelease > ul.list > li {
  list-style: none;
}

.pressrelease {
  width: 100%;
  float: left;
}

@media screen and (min-width: 335px) {
  .pressrelease {
    width: 100%;
  }
}

@media screen and (min-width: 500px) {
  .pressrelease {
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  .pressrelease {
    width: 70%;
  }
}

.pressrelease > ul.listcoloured > li,
.wysiwyg > ul.listcoloured > li,
article.twocolumns > ul.listcoloured > li,
article > section > ul.listcoloured > li {
  padding-left: 0;
  list-style: none;
}

.pressrelease > ul.listcoloured > li:before,
.wysiwyg > ul.listcoloured > li:before,
article.twocolumns > ul.listcoloured > li:before,
article > section > ul.listcoloured > li:before {
  display: block;
  text-indent: 0;
  content: '';
  color: #f47b20;
  /* @include font-size(18px)*/
}

article > section > ul.listcoloured > li {
  padding-left: 10px;
}

.pressrelease > ul.listcoloured > li > h5,
.wysiwyg > ul.listcoloured > li {
  margin-bottom: 0;
  /*font-weight:bold; AG */
}

.pressrelease > ul.listcoloured > li > p,
.wysiwyg > ul.listcoloured > li > p,
article.twocolumns > ul.listcoloured > li {
  margin-top: 0;
}

.pressrelease > ul.listcoloured > li,
.wysiwyg > ul.listcoloured > li,
article.twocolumns > ul.listcoloured > li {
  list-style-type: none;
  padding-left: 10px;
  margin-bottom: 20px;
  margin-left: 0;
}

@media screen and (min-width: 335px) {
  .pressrelease > ul.listcoloured > li,
  .wysiwyg > ul.listcoloured > li,
  article.twocolumns > ul.listcoloured > li {
    /*margin-left: -$padding;	*/
  }
}

/*sbs news list*/

article.twocolumns > section#blank > section#news > ul.listcoloured {
  padding: 0px 0px 0px 0px;
}

article.twocolumns > section#blank > section#news > ul.listcoloured li {
  padding: 0px 0px 0px 10px;
}

article.twocolumns > section#blankevents > section#events > ul.listcoloured {
  padding: 0px 0px 0px 0px;
}

article.twocolumns > section#blankevents > section#events > ul.listcoloured li {
  padding: 0px 0px 0px 10px;
}

article.twocolumns > section#blankevents > section#events > ul.listcoloured > li.calendarevent {
  border-left: 4px solid #ee3224;
  list-style-type: none;
  margin-right: 20px;
  clear: left;
  min-height: 75px;
}

.listcoloured > li > h5 > p > a {
  text-decoration: none;
}

.listcoloured > li > h5 > p > a.hover {
  color: #5a5c60;
}

.pressrelease > ul.listcoloured > li {
  margin-left: -35px;
}

.pressrelease > ul.listcoloured > li:nth-child(4n + 1),
.wysiwyg > ul.listcoloured > li:nth-child(4n + 1),
article.twocolumns > ul.listcoloured > li:nth-child(4n + 1),
article.twocolumns > div > ul.listcoloured > li:nth-child(4n + 1),
article.twocolumns > section#blank > section#news > ul.listcoloured > li,
.wysiwyg > section > ul.listcoloured > li:nth-child(4n + 1),
article.twocolumns > section#blankevents > section#events > ul.listcoloured > li.calendarevent:nth-child(4n + 1),
article.twocolumns > section#blank > section#news > ul.listcoloured > li:nth-child(4n + 1),
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 1) > li.calendarevent,
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 1) > li {
  border-left: 4px solid #ee3224;
  /*red*/
  list-style-type: none;
  margin-right: 20px;
  clear: left;
}

.pressrelease > ul.listcoloured > li:nth-child(4n + 2),
.wysiwyg > ul.listcoloured > li:nth-child(4n + 2),
article.twocolumns > ul.listcoloured > li:nth-child(4n + 2),
article.twocolumns > div > ul.listcoloured > li:nth-child(4n + 2),
.wysiwyg > section > ul.listcoloured > li:nth-child(4n + 2),
article.twocolumns > section#blankevents > section#events > ul.listcoloured > li.calendarevent:nth-child(4n + 2),
article.twocolumns > section#blank > section#news > ul.listcoloured > li:nth-child(4n + 2),
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 2) > li.calendarevent,
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 2) > li {
  border-left: 4px solid #5d9732;
  /*green*/
  /*margin-right:$padding;*/
  clear: left;
}

.pressrelease > ul.listcoloured > li:nth-of-type(4n + 3),
.wysiwyg > ul.listcoloured > li:nth-of-type(4n + 3),
article.twocolumns > ul.listcoloured > li:nth-child(4n + 3),
article.twocolumns > div > ul.listcoloured > li:nth-child(4n + 3),
.wysiwyg > section > ul.listcoloured > li:nth-child(4n + 3),
article.twocolumns > section#blankevents > section#events > ul.listcoloured > li.calendarevent:nth-child(4n + 3),
article.twocolumns > section#blank > section#news > ul.listcoloured > li:nth-child(4n + 3),
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 3) > li.calendarevent,
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 3) > li {
  border-left: 4px solid #0078ae;
  /*eng blue*/
  margin-right: 20px;
  clear: left;
}

.pressrelease > ul.listcoloured > li:nth-of-type(4n + 4),
.wysiwyg > ul.listcoloured > li:nth-of-type(4n + 4),
article.twocolumns > ul.listcoloured > li:nth-child(4n + 4),
article.twocolumns > div > ul.listcoloured > li:nth-child(4n + 4),
.wysiwyg > section > ul.listcoloured > li:nth-child(4n + 4),
article.twocolumns > section#blankevents > section#events > ul.listcoloured > li.calendarevent:nth-child(4n + 4),
article.twocolumns > section#blank > section#news > ul.listcoloured > li:nth-child(4n + 4),
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 4) > li.calendarevent,
article.wysiwyg.has-aside > ul.listcoloured:nth-child(4n + 4) > li {
  border-left: 4px solid #f47b20;
  /*orange*/
  margin-right: 20px;
  clear: left;
}

article.wysiwyg.has-aside > ul.listcoloured > li > ul {
  margin-bottom: -20px;
}

article.wysiwyg.has-aside > ul.listcoloured:last-of-type > li > ul {
  margin-bottom: 0;
}

article.wysiwyg.has-aside > ul.listcoloured > li > ul > h5 {
  margin-bottom: 20px;
  margin-top: 0;
}

article.wysiwyg.has-aside > ul.listcoloured > li.calendarevent {
  min-height: 67px;
}

.pressrelease > ul.listcoloured > li > h5 a,
.wysiwyg > ul.listcoloured > li > h5 a {
  /*color: $darkgrey;*/
  font-weight: bold;
}

article.twocolumns > ul.listcoloured > li,
article.twocolumns > ul.listcoloured > li > p {
  font-weight: normal;
}

.pressrelease > ul.listcoloured > li > h5 a:hover,
.wysiwyg > ul.listcoloured > li > h5 a:hover {
  color: #5a5c60;
  text-decoration: underline;
}

section.wysiwyg > article.twocolumns > ul.listcoloured > li.calendarevent:nth-child(4n + 1),
section.wysiwyg > article.twocolumns > div.wrap > ul.listcoloured > li.calendarevent:nth-child(4n + 1) {
  border-left: 4px solid #ee3224;
  /*red*/
  list-style-type: none;
  margin-right: 20px;
  clear: left;
  min-height: 75px;
}

section.wysiwyg > article.twocolumns > ul.listcoloured > li.calendarevent:nth-child(4n + 2),
section.wysiwyg > article.twocolumns > div.wrap > ul.listcoloured > li.calendarevent:nth-child(4n + 2) {
  border-left: 4px solid #5d9732;
  /*green*/
  /*margin-right:$padding;*/
  clear: left;
  min-height: 75px;
}

section.wysiwyg > article.twocolumns > ul.listcoloured > li.calendarevent:nth-child(4n + 3),
section.wysiwyg > article.twocolumns > div.wrap > ul.listcoloured > li.calendarevent:nth-child(4n + 3) {
  border-left: 4px solid #f47b20;
  /*orange*/
  margin-right: 20px;
  clear: left;
  min-height: 75px;
}

section.wysiwyg > article.twocolumns > ul.listcoloured > li.calendarevent:nth-child(4n + 4),
section.wysiwyg > article.twocolumns > div.wrap > ul.listcoloured > li.calendarevent:nth-child(4n + 4) {
  border-left: 4px solid #0078ae;
  /*eng blue*/
  margin-right: 20px;
  clear: left;
  min-height: 75px;
}

aside.newssidetitle > ul li a:hover,
p a:hover {
  color: #5a5c60;
  text-decoration: none;
}

.topstorywrapper {
  width: 100%;
}

aside.contactsidetitle {
  float: left;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 335px) {
  aside.contactsidetitle {
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 500px) {
  aside.contactsidetitle {
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  aside.contactsidetitle {
    float: right !important;
    width: 25% !important;
    height: auto;
    background: white;
    margin: 0;
  }
}

aside.contactsidetitle > h2 {
  margin: 0;
  padding: 60px 10px 10px;
  background: #002b5c;
  border-bottom: 1px solid white;
  color: white !important;
  width: 100%;
  font-weight: 100;
  font-size: 1.125rem;
  font-family: Alegreya Sans, sans-serif;
}

aside.contactsidetitle > p {
  background: #efefef;
  padding: 10px;
  margin-top: 0;
}

.newssidetitle > article > a > div > p {
  background: #efefef;
  padding: 10px;
  display: block;
  text-decoration: none;
  margin: 0;
}

.newssidetitle > article > a > div {
  margin-bottom: 10px;
}

.newssidetitle > article > a:hover > div > p {
  background-color: #5a5c60;
}

.topstory {
  position: relative;
  width: 100%;
  /* for IE 6 */
  height: auto;
  float: left;
  margin-left: 0;
}

@media screen and (min-width: 800px) {
  .topstory {
    width: 71%;
  }
}

@media screen and (min-width: 680px) {
  .topstory {
    width: 71%;
  }
}

.topstory > a h2 {
  /*position: absolute;
  top: -18px;
  width: 35%;*/
  color: white;
  background-color: #002b5c;
  /*padding: $padding;*/
  margin-bottom: -2px;
  font-size: 36px;
  font-weight: bold;
}

@media screen and (min-width: 335px) {
  .topstory > a h2 {
    /*position: absolute;*/
    top: -18px;
    /*width: 35%;*/
    color: white;
    background-color: #002b5c;
    /*padding: $padding;*/
    margin-bottom: -2px;
    font-size: 36px;
  }
}

.topstory > a:hover h2 {
  background-color: #5a5c60;
}

@media screen and (min-width: 500px) {
  .topstory > a h2 {
    width: 30%;
    position: absolute;
  }
}

@media screen and (min-width: 680px) {
  .topstory > a h2 {
    width: 35%;
    position: absolute;
  }
}

@media screen and (min-width: 1000px) {
  .topstory > a h2 {
    width: 25%;
    position: absolute;
  }
}

.topstory > a h3 {
  color: #fff;
  background-color: #002b5c;
  padding: 15px 0 50px 10px;
  margin-top: 0;
  font-size: 26px;
  text-decoration: none;
  font-weight: bold;
}

.topstory h3 {
  text-decoration: none;
}

.topstory h2 {
  background-color: #002b5c;
  color: white;
  padding: 10px;
}

.topstory a:hover h3,
.topstory a:hover p,
.topstory a:hover h2 {
  background-color: #5a5c60;
}

.topstory > a:hover h3 {
  text-decoration: none;
}

.topstory > a p {
  left: 0;
  color: white;
  background-color: #002b5c;
  padding: 0 10px;
  padding-bottom: 20px;
  margin-top: -50px;
  text-decoration: none;
}

.topstory > a img {
  display: none;
}

@media screen and (min-width: 335px) {
  .topstory > a img {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  .topstory > a img {
    display: block;
  }
}

/* news top stories starts here*/

.container {
  width: 100%;
}

.story1 a {
  background-color: #002b5c;
}

.story1 .story1.blue
a {
  background-color: #0078ae;
}

.story1 .story1.green
a {
  background-color: #5d9732;
}

.story1 .story1.red
a {
  background-color: #ee3224;
}

.story1 .story1.orange
a {
  background-color: #5a5c60;
}

.story1 a {
  background-color: #002b5c;
  color: white;
  padding: 40px 20px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin: 1% 0;
  height: auto;
  margin-top: 0;
}

@media screen and (min-width: 500px) {
  .story1 a {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 800px) {
  .story1 a {
    width: 100%;
    height: auto;
    margin: 0 10px 20px 0;
  }
}

@media screen and (min-width: 1050px) {
  .story1 a {
    width: 48%;
    height: 570px;
    margin: 0 10px 0 0;
  }
}

.story1 a img {
  padding-bottom: 20px;
  width: 100%;
  margin-top: -20px;
}

@media screen and (min-width: 335px) {
  .story1 a img {
    width: 100%;
  }
}

@media screen and (min-width: 500px) {
  .story1 a img {
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  .story1 a img {
    width: 100%;
  }
}

.story1 a h3 {
  color: white;
}

.story1 a p {
  padding-bottom: 30px;
  font-size: 20px;
}

@media screen and (min-width: 335px) {
  .story1 a p {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 500px) {
  .story1 a p {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 800px) {
  .story1 a p {
    padding-bottom: 0;
  }
}

.story1 > a > .details > h2 {
  color: white;
}

.story1 a:hover,
.story2 a:hover,
.greybox a:hover,
.alumni2 a:hover,
.events a:hover,
.events2 a:hover,
newsmore a:hover {
  background-color: #5a5c60;
  color: white;
}

.story2 a:hover h2,
.story2 a:hover p,
.story3 a:hover h2,
.story3 a:hover p,
.story2 a:hover time,
.greybox a:hover h5,
.greybox a:hover p,
.events a:hover p,
.events2 a:hover p,
.newsExtraSmall a:hover h2 {
  background-color: #5a5c60;
  color: white;
}

.story2 a > h3,
.story3 a > h3 {
  color: white;
}

.newswrapper {
  /*width: 100%;*/
  height: auto;
  overflow: hidden;
}

.newswrapper .newsleft {
  width: 100%;
  float: left;
  overflow: hidden;
  padding: 0;
}

@media screen and (min-width: 335px) {
  .newswrapper .newsleft {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 335px) and (min-width: 500px) {
  .newswrapper .newsleft {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 335px) and (min-width: 680px) {
  .newswrapper .newsleft {
    width: 100%;
    overflow: hidden;
    float: left;
    padding: 0;
  }
}

@media screen and (min-width: 335px) and (min-width: 800px) {
  .newswrapper .newsleft {
    width: 100%;
    overflow: hidden;
    float: left;
    /* padding: 10px;*/
    /*margin-left: 12px;*/
  }

  .newswrapper .newsleft > h2 {
    /*visibility: visible;*/
    margin-top: 0;
  }
}

@media screen and (min-width: 1000px) {
  .newswrapper .newsleft {
    float: none;
    width: auto;
    margin-top: 20px;
    /*width: 60%;
    /*overflow: hidden;
    float: left;*/
    /*padding: $padding/2;*/
  }
}

.newswrapper .newsleft img {
  width: 50%;
  /*margin-left:$padding/4;*/
}

@media screen and (max-width: 500px) {
  .newswrapper .newsleft img,
  .newswrapper .newsleft:hover img {
    width: 100%;
    padding-bottom: 10px;
    /*margin-left:$padding/4;*/
  }
}

.newswrapper .newsleft h3,
.newswrapper .newsleft p {
  background-color: #c1c3c5;
  color: #000;
  background-color: #222222;
  color: #fff;
  padding-bottom: 0;
  margin-top: 0;
}

.newswrapper .newsleft p {
  margin-top: -10px;
  padding: 5px;
}

.newswrapper .newsleft a:hover h3,
.newswrapper .newsleft a:hover p {
  background-color: #5a5c60;
}

.newswrapper .newsleft a,
.newswrapper .newsleft a {
  text-decoration: none;
}

.newswrapper .newsright {
  width: 100%;
  float: left;
  overflow: hidden;
  padding-top: 20px;
}

@media screen and (min-width: 335px) {
  .newswrapper .newsright {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 500px) {
  .newswrapper .newsright {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 680px) {
  .newswrapper .newsright {
    /*width: 100%;
    	/*float: left;
     padding-bottom: $padding/2;*/
    /*margin-top: -21px;*/
  }
}

@media screen and (min-width: 800px) {
  .newswrapper .newsright {
    /*width: 40%;
    	/*float: left;
     padding-bottom: $padding/2;*/
    /*	margin-top: -28px;*/
    width: 50%;
    float: right;
    margin-bottom: 10px;
  }
}

.newswrapper .newsright a img {
  width: 100%;
  float: left;
  overflow: hidden;
  padding-top: 12px;
}

@media screen and (min-width: 335px) {
  .newswrapper .newsright a img {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 500px) {
  .newswrapper .newsright a img {
    width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 680px) {
  .newswrapper .newsright a img {
    width: 100%;
    float: left;
    padding-bottom: 10px;
  }
}

/* ==========================================================================
   Events on News Landing page to line 950 in press.scss
   ========================================================================== */

.events a {
  background-color: #002b5c;
  color: white;
  padding: 20px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin: 5px 11px 5px 5px;
}

@media screen and (min-width: 335px) {
  .events a {
    width: 100%;
  }
}

@media screen and (min-width: 500px) {
  .events a {
    width: 100%;
    float: left;
  }
}

@media screen and (min-width: 680px) {
  .events a {
    width: 100%;
    min-height: 160px;
  }
}

@media screen and (min-width: 800px) {
  .events a {
    width: 98%;
    min-height: 160px;
  }
}

.events a img {
  display: inline-block;
  width: 100%;
}

@media screen and (min-width: 335px) {
  .events a img,
  .events2 a img {
    display: inline-block;
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  .events a img,
  .events2 a img {
    display: inline-block;
    overflow: hidden;
  }
}

.events img,
.events2 img {
  padding: 5px;
  float: left;
}

.events a:hover,
.events2 a:hover {
  background-color: #f47b20;
}

.events a:hover .details h2,
.events a:hover .details h3,
.events a .details h3,
.events2 a:hover .details h4,
.events2 a:hover .details h3,
.events2 a .details h3 {
  color: white;
}

.events a:hover .details p.location,
.events2 a:hover .details p.location {
  color: white;
}

.events a:before,
.events a:after,
.events2 a:before,
.events a:after {
  content: " ";
  display: table;
}

.events a:after,
.events2 a:after {
  clear: both;
}

.events a .date {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 20%;
  text-align: center;
  color: white;
  float: left;
  background: white;
  border-radius: 5px;
}

@media screen and (min-width: 335px) {
  .events a .date {
    width: 25%;
  }
}

@media screen and (min-width: 500px) {
  .events a .date {
    width: 15%;
  }
}

@media screen and (min-width: 680px) {
  .events a .date {
    width: 12%;
  }
}

.events a .date:last-child,
.events2 a .date:last-child {
  margin-right: 0;
}

.events a .date .month,
.events2 a .date .month {
  width: 100%;
  display: block;
  border-radius: 5px 5px 0 0;
  background: #ee3224;
}

.events a .date .day,
.events2 a .date .day {
  width: 100%;
  display: block;
  font-size: 1em;
  color: #222222;
  padding: 0.1em 0;
  margin: 0.1em 0;
}

.events a .date .time,
.events2 a .date .time {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #222222;
}

.events a .details,
.events2 a .details {
  float: left;
  display: inline-block;
  margin-right: 1.53331%;
  width: 100%;
  color: white;
  float: left;
}

.events a .details:last-child,
.events2 a .details:last-child {
  margin-right: 0;
}

.events a .details h4,
.events2 a .details h4 {
  width: 100%;
  display: block;
  /*font-size: 2em;*/
  padding: 0;
  border: 0;
  color: white;
  /*font-size: 18px;*/
}

.events a .details p.location,
.events2 a .details p.location {
  width: 100%;
  display: block;
  /*font-size: 1em;*/
  padding: 0;
  color: white;
}

.events a.hover,
.events2 a.hover {
  background: #f47b20;
}

.events a.hover .details p.location,
.events a.hover .details h4,
.events2 a.hover .details p.location,
.events2 a.hover .details h4 {
  color: white;
}

.alumniwrapper {
  width: 100%;
  margin-top: 100px;
}

.events2 a .date {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 30%;
  text-align: center;
  color: white;
  float: left;
  background: white;
  border-radius: 5px;
}

@media screen and (min-width: 335px) {
  .events2 a .date {
    width: 25%;
  }
}

@media screen and (min-width: 500px) {
  .events2 a .date {
    width: 15%;
  }
}

@media screen and (min-width: 680px) {
  .events2 a .date {
    width: 15%;
  }
}

@media screen and (min-width: 800px) {
  .events2 a .date {
    width: 30%;
  }
}

.events2 a {
  /*background-color: $primaryblue;*/
  color: white;
  padding: 10px 10px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin: 1%;
  /*height: 280px;*/
  overflow: hidden;
  margin-top: 30px;
}

.events2 > ul.list2 li {
  height: 220px;
}

.events2 {
  list-style-type: none;
}

.list2 > li > a > h5 {
  color: white;
}

.list2 > li > a:hover > h5 {
  padding-top: 30px;
  margin-left: 2px;
}

.list2 > li > a:hover > p {
  margin-left: 0px;
}

@media screen and (min-width: 335px) {
  .events2 a {
    width: 100%;
    float: left;
    min-height: 120px;
    overflow: hidden;
  }
}

@media screen and (min-width: 500px) {
  .events2 a {
    /*height: 180px;*/
    overflow: hidden;
  }
}

@media screen and (min-width: 800px) {
  .events2 a {
    /*width: 48%;
    	height: 200px;
    	overflow: hidden;*/
  }
}

.events2 a img {
  width: 30%;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 335px) {
  .events2 a img {
    overflow: hidden;
    width: 100%;
    float: left;
    padding-right: 5px;
    display: block;
  }
}

@media screen and (min-width: 500px) {
  .events2 a img {
    overflow: hidden;
    width: 40%;
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
    display: block;
  }
}

@media screen and (min-width: 800px) {
  .events2 a img {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    display: block;
  }
}

.events2 a p {
  padding-bottom: 5px;
}

/*@media screen and (min-width: 335px) {
.events2 a p {
	padding-bottom: 25px;
}
}
 @media screen and (min-width: 500px) {
.events2 a p {
	padding-bottom: $padding*2;
}
}
 @media screen and (min-width: 800px) {
.events2 a p {
	 
}
}*/

.events2 > .list2 a:hover {
  background-color: #5a5c60;
  color: white;
  margin: 0 2px 0 0;
  height: 100%;
  width: 100%;
}

.events2 > ul.list2 > li {
  list-style-type: none;
}

.events2 > ul.list2 > li:nth-child(4n + 1) {
  background-color: #0078ae;
  /*padding:$padding*2 $padding;	 */
  width: 52%;
  color: white;
  float: left;
  margin: 8px 15px 10px -35px;
}

.events2 > ul.list2 > li:nth-child(4n + 2) {
  background-color: #5d9732;
  /*padding:$padding*2 $padding;*/
  width: 52%;
  color: white;
  float: left;
  margin: 10px 0 10px 0;
}

.events2 > ul.list2 > li:nth-child(4n + 3) {
  background-color: #ee3224;
  /*padding:$padding*2 $padding;	*/
  width: 52%;
  color: white;
  float: left;
  margin: 0 15px 0 -35px;
}

.events2 > ul.list2 > li:nth-child(4n + 4) {
  background-color: #0078ae;
  /*padding:$padding*2 $padding;	 */
  width: 52%;
  color: white;
  float: left;
  margin-right: -20px;
}

.story2 a {
  background-color: #222222;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin: 0 1% 1.8% 0;
  height: auto;
  overflow: hidden;
}

@media screen and (min-width: 335px) {
  .story2 a {
    width: 100%;
    float: left;
    /*min-height: 120px;*/
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width: 800px) {
  .story2 a {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 1% 1.8% 0;
  }
}

@media screen and (min-width: 1050px) {
  .story2:nth-child(odd) a {
    width: 24%;
    height: 280px;
    overflow: hidden;
    margin: 0 0 1% 2%;
  }
}

@media screen and (min-width: 1050px) {
  .story2:nth-child(even) a {
    width: 24%;
    height: 280px;
    overflow: hidden;
    margin: 0 0 1% 1%;
  }
}

.story3 a {
  background-color: #0078ae;
  color: #fff;
  padding: 20px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin: 1% 1%  1% 0;
  height: auto;
  overflow: hidden;
}

.story3 a:hover {
  background-color: #5a5c60;
  color: white;
}

@media screen and (min-width: 335px) {
  .story3 a {
    width: 100%;
    float: left;
    /*min-height: 120px;*/
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width: 500px) {
  .story3 a {
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width: 1050px) {
  .story3:nth-child(odd) a {
    width: 24%;
    height: 280px;
    overflow: hidden;
    margin: 0 0 1% 2%;
  }
}

@media screen and (min-width: 1050px) {
  .story3:nth-child(even) a {
    width: 24%;
    height: 280px;
    overflow: hidden;
    margin: 0 0 1% 1%;
  }
}

.newsExtraSmall a {
  background-color: #0078ae;
  color: #fff;
  padding: 20px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin: 1%;
  height: auto;
  overflow: hidden;
  margin-left: 10px;
}

@media screen and (min-width: 335px) {
  .newsExtraSmall a {
    width: 100%;
    float: left;
    /*min-height: 120px;*/
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width: 500px) {
  .newsExtraSmall a {
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width: 680px) {
  .newsExtraSmall a {
    width: 98%;
    height: auto;
    overflow: hidden;
  }
}

@media screen and (min-width: 1050px) {
  .newsExtraSmall a {
    width: 23%;
    height: 280px;
    overflow: hidden;
  }
}

.newsExtraSmall a:nth-child(4n + 1) a {
  background-color: #002b5c;
  margin: 2px;
}

.newsExtraSmall a:nth-child(4n + 1) a.hover {
  background-color: #5a5c60;
  color: white;
  float: left;
}

.newsExtraSmall a:nth-child(4n + 2) a {
  background-color: #002b5c;
  margin: 2px;
}

.newsExtraSmall a:nth-child(4n + 2) a.hover {
  background-color: #5a5c60;
  color: white;
}

.newsExtraSmall a:nth-child(4n + 3) a {
  background-color: #0078ae;
  margin: 2px;
  float: left;
}

.newsExtraSmall a:nth-child(4n + 3) a.hover {
  background-color: #5a5c60;
  color: white;
}

.newsExtraSmall a:nth-child(4n + 4) a {
  background-color: #0078ae;
  margin: 2px;
}

.newsExtraSmall a:nth-child(4n + 4) a.hover {
  background-color: #5a5c60;
  color: white;
}

.story1 a > h2,
.story2 a > h5,
.story3 a > h5 {
  color: white;
}

.story2 a > h2,
.story3 a > h2 {
  color: white;
  border-bottom: 0;
  font-weight: bold;
  margin-bottom: -10px;
  min-height: initial;
}

@media screen and (min-width: 680px) {
  .story2 a > h2,
  .story3 a > h2 {
    margin-bottom: 0;
    min-height: initial;
  }
}

.story2 a > p,
.story3 a > p {
  margin-top: 10px;
}

@media screen and (min-width: 680px) {
  .story2 a > p,
  .story3 a > p {
    margin-top: 0;
  }
}

.greybox {
  width: 100%;
}

.greybox > a {
  background-color: #222222;
  color: white;
  padding: 10px;
  text-decoration: none;
  /*width: 98%;*/
  width: 100%;
  height: 170px;
  float: left;
  margin: 1%;
  /*height: 480px;*/
  overflow: hidden;
  min-height: 0;
}

.greybox > a:hover {
  background-color: #5a5c60;
  color: white;
}

.greybox:nth-child(odd) a {
  margin: 10px 0 0 -6px;
  width: 101%;
  height: auto;
}

.greybox:nth-child(even) a {
  margin: 10px 3px 0 -6px;
  width: 101%;
  height: auto;
}

.greybox:nth-child(even) p,
.greybox:nth-child(even) h2,
.greybox:nth-child(even) a.hover p,
.greybox:nth-child(even) a.hover h2 {
  padding-left: 7px;
}

@media screen and (min-width: 870px) {
  .greybox:nth-child(even) p,
  .greybox:nth-child(even) h2,
  .greybox:nth-child(even) a.hover p,
  .greybox:nth-child(even) a.hover h2 {
    padding-left: 13.33333px;
  }
}

@media screen and (min-width: 870px) {
  .greybox:nth-child(odd) a {
    margin: 10px 0 0 20px;
    width: 49.5%;
    height: 170px;
  }
}

@media screen and (min-width: 870px) {
  .greybox:nth-child(even) a {
    margin: 10px 0 0 -14px;
    width: 49.5%;
    height: 170px;
  }
}

.newsleft a h2 {
  color: white;
  background-color: #222222;
  font-weight: bold;
  font-size: 1.25rem;
}

@media screen and (min-width: 335px) {
  .newsleft a h2 {
    font-size: 1.25rem;
    min-height: initial;
  }

  .newsleft a:hover h2 {
    padding-bottom: 20px;
    margin-top: 0;
    font-size: 1.25rem;
    border-bottom: 0;
    padding: 5px;
  }

  .newsleft a p {
    margin-bottom: 0;
    margin-top: 0;
  }
}

@media screen and (min-width: 500px) {
  .newsleft a h2 {
    font-size: 1.25rem;
  }

  .newsleft a:hover h2,
  .greybox a:hover h2 {
    font-size: 1.25rem;
    border-bottom: 0;
  }

  .newsleft a p {
    margin-bottom: 0;
  }
}

.newsleft a p {
  color: white;
  background-color: #222222;
}

.greybox a:hover h2 {
  color: white;
  background-color: #f47b20;
  font-size: 1.25rem;
}

@media screen and (min-width: 335px) {
  .newsleft a h2 {
    border-bottom: 0;
    padding-bottom: 20px;
    margin-top: 0;
    padding: 5px;
    /*margin: 0 0 $padding 0*/
  }
}

.greybox a img,
story2 a img,
story3 a img {
  width: 100%;
  overflow: hidden;
  padding: 0 5px;
}

.greybox a img:hover,
story2 a img:hover,
story3 a img:hover {
  padding: 0 5px;
}

@media screen and (min-width: 335px) {
  .greybox a img,
  story2 a img,
  story3 a img {
    overflow: hidden;
    float: right;
    /* margin-bottom: 10px;*/
  }
}

@media screen and (min-width: 500px) {
  .greybox a img,
  story2 a img,
  story3 a img {
    overflow: hidden;
    float: right;
    padding-right: 5px;
    display: block;
  }
}

@media screen and (min-width: 680px) {
  .greybox a img,
  story2 a img {
    float: right;
    /*padding-bottom: $padding/2;*/
    display: block;
  }
}

@media screen and (min-width: 335px) {
  .greybox a p,
  story2 a p {
    padding-bottom: 20px;
  }
}

.newsmore a {
  background-color: #222222;
  color: white;
  padding: 40px 20px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin: 1% 0 1% 1.6%;
  height: 500px;
}

@media screen and (min-width: 335px) {
  .newsmore a {
    width: 100%;
    height: 590px;
  }
}

@media screen and (min-width: 500px) {
  .newsmore a {
    width: 100%;
    height: 640px;
  }
}

@media screen and (min-width: 800px) {
  .newsmore a {
    width: 100%;
    height: 550px;
  }
}

.newsmore a img {
  padding-bottom: 20px;
  width: 100%;
  margin-top: -20px;
}

@media screen and (min-width: 335px) {
  .newsmore a img {
    width: 100%;
  }
}

@media screen and (min-width: 500px) {
  .newsmore a img {
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  .newsmore a img {
    width: 100%;
  }
}

.newsmore a h3 {
  color: white;
}

.newsmore a p {
  padding-bottom: 30px;
}

@media screen and (min-width: 335px) {
  .newsmore a p {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 500px) {
  .newsmore a p {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 800px) {
  .newsmore a p {
    padding-bottom: 0;
  }
}

.contact-right {
  float: left;
  width: 100%;
  list-style-type: none;
  /*padding:$padding;*/
}

@media screen and (min-width: 500px) {
  .contact-right {
    width: 100%;
    padding: 0;
  }
}

@media screen and (min-width: 680px) {
  .contact-right {
    width: 29%;
    padding: 0;
  }
}

.contact-right > lists > ul.contact-list {
  margin: 0 0 16px 0;
  list-style: none;
  padding: 0;
  margin-top: -20px;
}

.contact-right > lists > ul.contact-list li {
  *zoom: 1;
  border: 0 none;
  float: none;
  margin: 0 5px 0px 0;
  width: 100%;
  padding: 1% 0;
  background: #efefef;
}

.contact-right > lists > ul.contact-list li:before,
.contact-right > lists > ul.contact-list li:after {
  content: " ";
  display: table;
}

.contact-right > lists > ul.contact-list li:after {
  clear: both;
}

.contact-right > lists > ul.contact-list li h3 {
  font-size: 2rem;
}

.contact-right > lists > ul.contact-list li span {
  display: inline-block;
  min-height: 100%;
  padding: 2px;
  vertical-align: middle;
  background: #c3c3c3;
  color: #002b5c;
  padding: 0 2px 0 0;
  display: block;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .contact-right > lists > ul.contact-list li span {
    height: 80px;
  }
}

.contact-right > lists > ul.contact-list li span.staff_image {
  min-width: 62px;
  padding: 1%;
  display: inline-block;
}

.contact-right > lists > ul.contact-list li span.staff_image img {
  height: 60px;
  width: 60px;
}

.contact-right > lists > ul.contact-list li span.staff_name {
  width: 98%;
  margin: 0 1% 10px 1%;
}

.contact-right > lists > ul.contact-list li span.staff_telno {
  width: 98%;
  padding: 0px;
  text-align: center;
  float: left;
  margin: 0 0 10px 1%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .contact-right > lists > ul.contact-list li span.staff_telno {
    width: 48.5%;
    margin: 0 0 0px 1%;
  }
}

.contact-right > lists > ul.contact-list li span.staff_telno a {
  padding: 29px 0px;
  display: block;
}

.contact-right > lists > ul.contact-list li span.staff_email {
  width: 98%;
  padding: 0px;
  float: left;
  margin: 0 0 0 1%;
  text-align: center;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .contact-right > lists > ul.contact-list li span.staff_email {
    width: 48.5%;
  }
}

.contact-right > lists > ul.contact-list li span.staff_email a {
  padding: 29px 0px;
  display: block;
}

.contact-right > lists > ul.contact-list li span.staff_address {
  width: 98%;
  margin: 0 1% 10px 1%;
  clear: both;
  padding: 29px 0px;
  width: 98%;
  margin: 10px 1% 0px 1%;
  text-align: center;
  float: right;
  height: auto;
}

.contact-right > lists > ul.contact-list li:before {
  content: none;
}

@media screen and (min-width: 335px) {
  ul.contact-list {
    margin: -5px 0 0 0;
  }
}

ul.contact-list {
  margin: -5px 0 0 10px;
}

ul.contact-list li p {
  padding-left: 10px;
}

a {
  text-decoration: none;
}

.greybox a:hover h2 {
  background-color: #5a5c60;
}

/* ==========================================================================
   An alert message
   ========================================================================== */

.alertinfo {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-color: #EEA5A5;
  background-repeat: no-repeat;
  background-position: 10px center;
}

.course-page-alert {
  padding: 10px;
  margin-bottom: 10px;
  background: rgba(244, 123, 32, 0.2);
  color: #f47b20;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 500px) {
  .course-page-alert {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 20px;
  }
}

.course-page-alert a.button {
  background: white;
  color: #018489;
  border: 2px solid #018489;
  border-radius: 50px;
  padding: 10px 20px;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-align: center;
  margin-top: 10px;
}

@media screen and (min-width: 500px) {
  .course-page-alert a.button {
    width: auto;
    margin-top: 0;
  }
}

.course-page-alert a.button:hover {
  background: #f47b20;
  color: white;
}

/* ==========================================================================
   Press Enquiries
   ========================================================================== */

a.pressenquiries {
  float: right;
  line-height: 2em;
  padding: 0 20px;
  background: #292a2b;
  color: white;
  text-decoration: none;
  width: 50%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  a.pressenquiries {
    width: auto;
    margin-left: 10px;
  }
}

a.pressenquiries.hover {
  background: grey;
}

div.pressenquiries {
  line-height: 2em;
  width: 100%;
  padding: 20px;
  background: #292a2b;
  color: white;
  float: right;
}

div.pressenquiries h2 {
  color: white;
}

/* ==========================================================================
   Press Line
   ========================================================================== */

.press-line {
  border-bottom: 1px solid #292a2b;
}

.press-line time {
  line-height: 2em;
  width: 100%;
  display: block;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .press-line time {
    width: auto;
    display: inline;
  }
}

.press-line div.social {
  float: right;
  display: inline;
  width: 50%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .press-line div.social {
    width: auto;
    margin-left: 10px;
  }
}

.press-line div.social p {
  line-height: 2em;
  display: inline;
  margin: 0;
  padding: 0;
}

.press-line div.social ul {
  display: block;
  margin: 0;
  line-height: 2em;
  padding: 0;
}

.press-line div.social ul li {
  line-height: 2em;
  float: left;
  line-height: 1em;
  margin: 0 11px 0 0;
  display: inline-block;
  width: auto;
  padding-left: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.press-line div.social ul li:first-of-type {
  margin: 0 2px 0 0;
}

@media screen and (min-width: 680px) {
  .press-line div.social ul li {
    margin: 0 2px;
  }
}

.press-line div.social ul li p {
  line-height: 2em;
  display: inline;
  margin: 0;
  padding: 0;
}

.press-line div.social ul li:before {
  content: "";
  display: inline-block;
  text-indent: 0;
}

.press-line div.social ul li a {
  line-height: 2em;
  padding: 0 3px;
}

/* ==========================================================================
   Press Panel 
   ========================================================================== */

.press-panel {
  margin: 20px 0;
  display: block;
  padding: 10px;
  border-bottom: 1px solid black;
  display: block;
}

.press-panel figure {
  width: 100%;
  float: right;
  margin: 0 0 10px 10%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .press-panel figure {
    width: 40%;
  }

  .press-panel figure.left {
    float: left;
    margin: 0 10% 10px 0;
  }
}

.press-panel figure img {
  width: 100%;
}

.press-panel figure button {
  width: 100%;
}

.press-panel figcaption {
  width: 100%;
}

.press-panel figcaption h3 {
  margin-top: 0;
  color: white;
}

.press-panel figcaption p {
  color: white;
}

.press-panel figcaption ul li {
  color: white;
}

/* ==========================================================================
   Related Stories 
   ========================================================================== */

.related-stories {
  width: 100%;
  margin: 0 0 1em 0;
  background: #efefef;
  float: none;
}

.related-stories a {
  display: block;
  text-decoration: none;
}

.related-stories a.hover {
  background: #5a5c60;
}

.related-stories a.hover p {
  color: white;
}

.related-stories .related-stories a > img:first-child {
  margin-top: -18px;
}

.related-stories h2 {
  margin: 0;
  padding: 60px 10px 10px;
  background: #5d9732;
  border-bottom: 1px solid #fff;
  color: white !important;
  font-size: 1.125rem;
  font-family: Alegreya Sans, sans-serif;
}

.related-stories img {
  width: 100%;
}

.related-stories p {
  padding: 10px;
  margin: 0;
}

@media screen and (min-width: 335px) {
  .related-stories {
    width: 100%;
    float: left;
  }
}

@media screen and (min-width: 680px) {
  .related-stories {
    width: 100%;
    float: none;
  }
}

/* ==========================================================================
   Staff  Contact 
   ========================================================================== */

.staff-contact {
  background: gainsboro;
  font-weight: normal;
}

.staff-contact a.profileLink {
  width: 100%;
  display: block;
  float: left;
  padding: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  .staff-contact a.profileLink {
    width: 35%;
  }
}

.staff-contact a.profileLink:hover {
  color: #5a5c60;
}

.staff-contact a.profileLink.uos-nolink {
  color: black;
  cursor: default;
}

.staff-contact a.profileLink.uos-nolink.hover {
  background: none;
}

.staff-contact a.profileLink .staff_image {
  width: 27%;
  background: #efefef;
  float: left;
}

.staff-contact a.profileLink .staff_name {
  width: 73%;
  padding: 5px;
  float: left;
}

.staff-contact span.staff_telno {
  width: 100%;
  display: block;
  float: left;
  background: #efefef;
  padding: 33px 0;
  text-align: center;
  color: black;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .staff-contact span.staff_telno {
    width: 50%;
  }
}

@media screen and (min-width: 800px) {
  .staff-contact span.staff_telno {
    width: 25%;
  }
}

.staff-contact span.staff_telno i {
  margin-right: 5px;
}

.staff-contact a.staff_email {
  width: 100%;
  display: block;
  float: left;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .staff-contact a.staff_email {
    width: 50%;
  }
}

@media screen and (min-width: 800px) {
  .staff-contact a.staff_email {
    width: 40%;
  }
}

.staff-contact a.staff_email.hover {
  color: #5a5c60;
}

.staff-contact a.staff_email i {
  margin-right: 5px;
}

#staffmap {
  width: 100%;
  max-width: 500px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

#staffmap .loc_container {
  width: auto;
}

#staffmap .loc_container h4 {
  padding: 0px 17px;
  border-left: 3px solid #f47b20;
  margin-left: 20px;
}

/* ==========================================================================
   News Header
   ========================================================================== */

.news-header {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .news-header {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
  }

  .news-header:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .news-header {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
  }

  .news-header:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 680px) {
  .news-header {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
  }

  .news-header:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .news-header {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%;
  }

  .news-header:last-child {
    margin-right: 0;
  }
}

.news-header h1 {
  margin-top: 0 !important;
}

.news-header h2.subdoc {
  border: 0;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1.5em;
  color: #292a2b;
  line-height: 1em;
  font-family: Alegreya Sans, sans-serif;
  min-height: 0;
}

article .news-header {
  width: 100%;
}

/* ==========================================================================
   Events on News Landing page - newsExtra.scss
   ========================================================================== */

.newsExtra {
  margin: 0 5.5px 0;
  width: 102%;
}

.newsExtra a {
  background-color: #002b5c;
  color: white;
  padding: 20px;
  text-decoration: none;
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

@media screen and (min-width: 680px) {
  .newsExtra a {
    min-height: 160px;
    width: 97%;
  }
}

@media screen and (min-width: 800px) {
  .newsExtra a {
    min-height: 160px;
    width: 100%;
  }
}

.newsExtra a img {
  display: inline-block;
  width: 100%;
  padding: 5px;
  float: left;
}

@media screen and (min-width: 680px) {
  .newsExtra a img {
    overflow: hidden;
  }
}

.newsExtra a .details {
  float: left;
  display: inline-block;
  margin-right: 1.53331%;
  width: 100%;
  color: white;
  float: left;
}

.newsExtra a .details h2,
.newsExtra a .details h3 {
  color: white;
}

.newsExtra a .details h4 {
  width: 100%;
  display: block;
  padding: 0;
  border: 0;
  color: white;
}

.newsExtra a .details p.location {
  width: 100%;
  display: block;
  padding: 0;
  color: white;
}

.newsExtra a .details:last-child {
  margin-right: 0;
}

.newsExtra a.hover {
  background-color: #5a5c60;
}

.newsExtra a:before,
.newsExtra a:after,
.newsExtra a:before,
.newsExtra a:after {
  content: " ";
  display: table;
}

.newsExtra a:after {
  clear: both;
}

.newsExtra a .date {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 20%;
  text-align: center;
  color: white;
  float: left;
  background: white;
  border-radius: 5px;
}

@media screen and (min-width: 335px) {
  .newsExtra a .date {
    width: 25%;
  }
}

@media screen and (min-width: 500px) {
  .newsExtra a .date {
    width: 15%;
  }
}

@media screen and (min-width: 680px) {
  .newsExtra a .date {
    width: 12%;
  }
}

.newsExtra a .date:last-child {
  margin-right: 0;
}

.newsExtra a .date .month {
  width: 100%;
  display: block;
  border-radius: 5px 5px 0 0;
  background: #ee3224;
}

.newsExtra a .date .day {
  width: 100%;
  display: block;
  font-size: 1em;
  color: #222222;
  padding: 0.1em 0;
  margin: 0.1em 0;
}

.newsExtra a .date .time {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #222222;
}

/* ==========================================================================
   Events on News Landing page in newsExtraSmall.scss
   ========================================================================== */

.newsExtraSmall {
  width: 102%;
  margin: 3px;
  color: white;
}

.newsExtraSmall a {
  color: white;
  padding: 10px 10px;
  text-decoration: none;
  width: 100%;
  float: left;
  overflow: hidden;
  height: 220px;
}

.newsExtraSmall a h2 {
  color: white;
  border-bottom: 0;
  margin-bottom: -20px;
}

.newsExtraSmall a img {
  padding: 5px;
  float: left;
  width: 30%;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 335px) {
  .newsExtraSmall a img {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    width: 100%;
    float: left;
    padding-right: 5px;
    display: block;
  }
}

@media screen and (min-width: 500px) {
  .newsExtraSmall a img {
    overflow: hidden;
    width: 40%;
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
    display: block;
  }
}

@media screen and (min-width: 600px) {
  .newsExtraSmall a img {
    width: 98%;
    display: inline-block;
    overflow: hidden;
  }
}

@media screen and (min-width: 800px) {
  .newsExtraSmall a img {
    width: 100%;
    float: left;
    padding-bottom: 10px;
  }
}

.newsExtraSmall a p {
  padding-bottom: 5px;
}

.newsExtraSmall a .details {
  float: left;
  display: inline-block;
  margin-right: 1.53331%;
  width: 100%;
  color: white;
  float: left;
}

.newsExtraSmall a .details h3 {
  color: white;
}

.newsExtraSmall a .details h4 {
  width: 100%;
  display: block;
  padding: 0;
  border: 0;
  color: white;
}

.newsExtraSmall a .details p.location {
  width: 100%;
  display: block;
  padding: 0;
  color: white;
}

.newsExtraSmall a .details:last-child {
  margin-right: 0;
}

.newsExtraSmall a.hover {
  background-color: #5a5c60;
}

.newsExtraSmall a:before {
  content: " ";
  display: table;
}

.newsExtraSmall a:after {
  clear: both;
}

.newsExtraSmall a .date {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 30%;
  text-align: center;
  color: white;
  float: left;
  background: white;
  border-radius: 5px;
}

@media screen and (min-width: 335px) {
  .newsExtraSmall a .date {
    width: 25%;
  }
}

@media screen and (min-width: 500px) {
  .newsExtraSmall a .date {
    width: 15%;
  }
}

@media screen and (min-width: 680px) {
  .newsExtraSmall a .date {
    width: 15%;
  }
}

@media screen and (min-width: 800px) {
  .newsExtraSmall a .date {
    width: 30%;
  }
}

.newsExtraSmall a .date .month {
  width: 100%;
  display: block;
  border-radius: 5px 5px 0 0;
  background: #ee3224;
}

.newsExtraSmall a .date .day {
  width: 100%;
  display: block;
  font-size: 1em;
  color: #222222;
  padding: 0.1em 0;
  margin: 0.1em 0;
}

.newsExtraSmall a .date .time {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #222222;
}

.newsExtraSmall a .date:last-child {
  margin-right: 0;
}

@media screen and (min-width: 335px) {
  .newsExtraSmall a {
    width: 100%;
    float: left;
    min-height: 120px;
    overflow: hidden;
  }
}

@media screen and (min-width: 600px) {
  .newsExtraSmall a {
    width: 48%;
    min-height: 120px;
    overflow: hidden;
  }
}

.newsExtraSmall:nth-of-type(2n-1) {
  margin-right: 0;
}

.newsExtraSmall:nth-child(4n + 1) a {
  background-color: #002b5c;
  margin: 2px;
}

.newsExtraSmall:nth-child(4n + 1) a.hover {
  background-color: #5a5c60;
}

.newsExtraSmall:nth-child(4n + 2) a {
  background-color: #5d9732;
  margin: 2px;
}

.newsExtraSmall:nth-child(4n + 2) a.hover {
  background-color: #5a5c60;
}

.newsExtraSmall:nth-child(4n + 3) a {
  background-color: #ee3224;
  margin: 2px;
}

.newsExtraSmall:nth-child(4n + 3) a.hover {
  background-color: #5a5c60;
}

.newsExtraSmall:nth-child(4n + 4) a {
  background-color: #0078ae;
  margin: 2px;
}

.newsExtraSmall:nth-child(4n + 4) a.hover {
  background-color: #5a5c60;
}

/* ==========================================================================
   Summary Group 
   ========================================================================== */

.summary-group {
  display: block;
  border-bottom: 5px solid #0078ae;
  background: #efefef;
  margin-bottom: 16px;
}

.summary-group h2 {
  color: #002b5c;
  font-family: Alegreya Sans, sans-serif;
  font-size: 2em;
  margin: 0;
  margin: 0 15px;
  min-height: 0;
  border-bottom: 0;
  padding: 10px 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .summary-group h2 {
    width: -webkit-calc(100% - 170px);
    width: calc(100% - 170px);
  }
}

.summary-group p {
  margin: 15px;
}

.summary-group > span {
  padding: 5px 15px;
  font-size: 1.1em;
  color: white;
  display: block;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .summary-group > span {
    position: absolute;
    right: 0px;
    top: 0px;
  }
}

.summary-group > span strong {
  display: block;
  font-size: 0.8em;
}

.summary-group > span.closed {
  background: #222222;
}

.summary-group > span.closing {
  background: #ee3224;
}

.summary-group > span.close-warning {
  background: #f47b20;
}

.summary-group > span.open {
  background: #5d9732;
}

.summary-group ul.summary-info {
  padding: 0;
  margin: 0 5px;
  *zoom: 1;
}

.summary-group ul.summary-info:before,
.summary-group ul.summary-info:after {
  content: " ";
  display: table;
}

.summary-group ul.summary-info:after {
  clear: both;
}

.summary-group ul.summary-info li {
  width: 47.5%;
  float: left;
  height: 92px;
  margin-right: 0;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #5a5c60;
  list-style: none;
  padding: 5px;
  position: relative;
  margin-bottom: 10px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.summary-group ul.summary-info li:nth-child(2n) {
  margin-right: 0;
  margin-left: 0%;
  border-right: 0;
}

.summary-group ul.summary-info li:last-of-type {
  border-bottom: 1px solid #efefef;
}

@media screen and (min-width: 500px) {
  .summary-group ul.summary-info li {
    width: 33.33%;
  }

  .summary-group ul.summary-info li:nth-child(2n) {
    border-right: 1px solid #5a5c60;
  }

  .summary-group ul.summary-info li:nth-child(3n) {
    border-right: 0;
  }
}

@media screen and (min-width: 680px) {
  .summary-group ul.summary-info li {
    width: 16.667%;
  }

  .summary-group ul.summary-info li:nth-child(2n) {
    border-right: 1px solid #5a5c60;
  }

  .summary-group ul.summary-info li:nth-child(3n) {
    border-right: 1px solid #5a5c60;
  }

  .summary-group ul.summary-info li:nth-child(6n) {
    border-right: 0;
  }
}

.summary-group ul.summary-info li strong {
  width: 100%;
  display: inline-block;
  /*padding: 0 5px; font-size: 0.8em;*/
}

.summary-group ul.summary-info li span {
  width: 100%;
  display: inline-block;
  /*font-size: 1.1em;*/
  height: 70px;
  overflow: hidden;
}

a.hover .summary-group {
  background: #5a5c60;
}

a.hover .summary-group h2 {
  color: white;
}

a.hover .summary-group li:last-of-type {
  border-bottom: 1px solid #5a5c60;
}

/* ==========================================================================
   RHSsummary Group 
   ========================================================================== */

.RHSsummary-group {
  background: #efefef;
  margin-bottom: 16px;
}

.RHSsummary-group h2 {
  background: #0078ae;
  border-bottom: 1px solid white;
  color: white;
  font-family: Alegreya Sans, sans-serif;
  font-size: 1.125rem;
  margin: 0;
  padding: 60px 10px 10px;
}

.RHSsummary-group ul {
  padding: 0;
  margin: 0 5px;
}

.RHSsummary-group ul li {
  list-style: none;
  padding: 5px;
  border-bottom: 1px solid gainsboro;
  position: relative;
}

.RHSsummary-group ul li:last-of-type {
  border-bottom: 0px;
}

.RHSsummary-group ul li strong {
  width: 42%;
  display: inline-block;
  padding: 5px;
  font-size: 0.8em;
}

.RHSsummary-group ul li span {
  width: 100%;
  display: inline-block;
  padding: 5px;
  font-size: 1.3em;
}

/* ==========================================================================
   Two columns side by side (_twocolumns.scss) - used in dept home page to display News and Events but can be used elsewhere also
   ========================================================================== */

article.twocolumns {
  width: 100%;
  float: left;
  /*padding: 0 $padding*2 0 0	*/
}

@media screen and (min-width: 335px) {
  article.twocolumns {
    padding-left: 10px;
  }
}

@media screen and (min-width: 680px) {
  article.twocolumns {
    min-height: 480px;
    width: 50%;
    padding-right: 20px;
  }
}

@media screen and (min-width: 800px) {
  article.twocolumns {
    min-height: 480px;
    width: 50%;
    padding: 0 20px 30px 0;
  }
}

/* ==========================================================================
   Two columns side by side  - END
   ========================================================================== */

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

form#formalpha {
  background: #efefef;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;*/
  counter-reset: fieldsets;
  padding: 20px;
  width: 100%;
}

form#formalpha fieldset {
  border: none;
  margin-bottom: 10px;
}

form#formalpha fieldset:last-of-type {
  margin-bottom: 0;
}

form#formalpha legend {
  color: #002b5c;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

form#formalpha > fieldset > legend:before {
  content: "Step " counter(fieldsets) ": ";
  counter-increment: fieldsets;
}

form#formalpha ol li {
  background: #222222;
  background: rgba(255, 255, 255, 0.1);
  border-color: gainsboro;
  border-style: solid;
  border-width: 2px;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;*/
  line-height: 30px;
  list-style: none;
  padding: 5px 10px;
  margin-bottom: 2px;
}

form#formalpha ol ol li {
  background: none;
  border: none;
  float: left;
}

form#formalpha label {
  float: left;
  font-size: 20px;
  width: 30%;
  color: #222222;
}

form#formalpha fieldset fieldset label {
  background: none no-repeat left 50%;
  line-height: 20px;
  padding: 0 0 0 30px;
  width: 30%;
}

form#formalpha fieldset fieldset label:hover {
  cursor: pointer;
}

form#formalpha input:not([type=checkbox]),
form#form textarea {
  background: #ffffff;
  border: none;
  /*-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;*/
  outline: none;
  padding: 5px;
  width: 70%;
  margin: 10px 0;
}

form#formalpha input:not([type=submit]):focus,
form#form textarea:focus {
  background: #efefef;
}

form#formalpha input[type=checkbox] {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  margin: 10px 20px 0 10px;
}

form#formalpha fieldset p,
form#formalpha fieldset ol li {
  color: #222222;
  font-size: 20px;
}

form#formalpha > fieldset > ol > li > textarea {
  width: 70%;
}

form#formalpha button {
  float: right;
}

form#formalpha input[type=checkbox] {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  padding: 10px;
}

form#formalpha fieldset {
  font-size: 20px;
  color: #222222;
}

/* =========================================*/

form#formalpha {
  margin-bottom: 16px;
  /* CH */
}

form#formalpha img {
  /* CH img definition */
  float: left;
  padding: 0.2em 1em 1em 1em;
}

form#formalpha h1 {
  padding-bottom: .5em;
  border-bottom: 1px solid gainsboro;
}

form#formalpha img {
  float: left;
  padding: 0.2em 1em 1em 1em;
  width: auto;
}

form#formalpha form {
  background-color: #efefef;
  padding: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

form#formalpha form input,
form#formalpha form button {
  margin: 3px 0;
}

form#formalpha form input,
form#formalpha form select,
form#formalpha form textarea {
  float: right;
  width: 65%;
  /* padding: $padding/2.2; */
  /* margin-right: $padding/2; */
}

form#formalpha form fieldset {
  border: 1px solid #c0c0c0;
  -webkit-box-shadow: 1px 1px 5px #ccc;
  box-shadow: 1px 1px 5px #ccc;
  margin: 5px;
  padding: 5px;
}

form#formalpha form button {
  color: #222;
  font-size: 1em;
  line-height: 2.5em;
  width: 100%;
  /*margin:0;
  text-transform: uppercase;
  text-decoration: none;
  padding: $padding/2;
  border: none;*/
}

form#formalpha form button:after {
  content: '>';
  padding-left: 5%;
}

@media screen and (min-width: 680px) {
  form#formalpha form input,
  form#formalpha form select,
  form#formalpha form textarea {
    width: 65%;
  }

  form#formalpha form input.buttonsearch {
    width: auto;
    /*padding: 0;*/
    /* If we're outputting for a fixed media query set */
    /* Otherwise, output it using a regular media query */
  }

  form#formalpha form input.buttonsearch.hover {
    background: #5a5c60;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) {
  form#formalpha form input.buttonsearch {
    width: 25%;
  }
}

.select-wrapper {
  position: relative;
}

.select-wrapper select {
  background: #efefef;
  border: 0;
  padding: 8px;
  margin-bottom: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.select-wrapper select:-ms-expand {
  display: none;
}

.select-wrapper:before {
  display: block;
  content: '\f078';
  font: normal normal normal 14px/1 FontAwesome;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

.inputsmall {
  width: 60px !important;
}

/* ==========================================================================
   Forms Grey  --- 
   ========================================================================== */

form#formalphagrey {
  background: #c1c3c5;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;*/
  counter-reset: fieldsets;
  padding: 20px 20px 80px 20px;
  width: 100%;
}

form#formalphagrey > fieldset {
  border: none;
  margin-bottom: 10px;
}

form#formalphagrey > fieldset > fieldset:last-of-type {
  margin-bottom: 0;
}

form#formalphagrey > fieldset > legend {
  /*color: $white;*/
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

form#formalphagrey > fieldset legend:before {
  content: "Step " counter(fieldsets) ": ";
  counter-increment: fieldsets;
}

form#formalphagrey > fieldset > ol > li {
  list-style-type: none;
  background: #222222;
  background: rgba(255, 255, 255, 0.1);
  border-color: #e3ebc3;
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
  border-width: 2px;
  padding: 25px 10px;
  margin-bottom: 2px;
}

@media screen and (max-width: 600px) {
  form#formalphagrey > fieldset > ol > li {
    padding: 0 0 80px 10px;
  }
}

form#formalphagrey > fieldset > ol > li > select,
form#formalphagrey > fieldset > ol > li input {
  width: 22%;
  float: left;
}

@media screen and (max-width: 600px) {
  form#formalphagrey > fieldset > ol > li > select,
  form#formalphagrey > fieldset > ol > li input {
    width: 100%;
  }
}

form#formalphagrey > fieldset > ol > li > label {
  float: left;
  width: 77%;
}

@media screen and (max-width: 600px) {
  form#formalphagrey > fieldset > ol > li > label {
    float: none;
    width: 100%;
    padding: 10px;
  }
}

form#formalphagrey > fieldset > ol > li > .small {
  font-size: 16px;
  font-weight: bold;
  color: #222222;
  padding-top: 30px;
}

form#formalphagrey > ol ol li {
  background: none;
  border: none;
  float: left;
}

form#formalphagrey > fieldset fieldset label {
  background: none no-repeat left 50%;
  line-height: 20px;
  padding: 0 0 0 30px;
  width: 70%;
}

form#formalphagrey > fieldset fieldset label:hover {
  cursor: pointer;
}

form#formalphagrey > input:not([type=checkbox]),
form#formalphagrey form#form textarea {
  background: #ffffff;
  border: none;
  /*-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;*/
  outline: none;
  padding: 5px;
  width: 70%;
  margin: 10px 0;
}

form#formalphagrey > input:not([type=submit]):focus,
form#formalphagrey form#form textarea:focus {
  background: #efefef;
}

form#formalphagrey > input[type=checkbox] {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  margin: 10px 20px 0 10px;
}

form#formalphagrey > fieldset p,
form#formalphagrey form#formalpha fieldset ol li {
  /*color: $white;*/
  font-size: 20px;
}

form#formalphagrey > fieldset > ol > li > textarea {
  width: 70%;
}

form#formalphagrey button {
  float: right;
}

form#formalphagrey > input[type=checkbox] {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  padding: 10px;
}

form#formalphagrey > fieldset {
  font-size: 20px;
  /*color: $white;*/
}

/* ==========================================================================
   Scholarships Search
   ========================================================================== */

#scholarships {
  position: relative;
  width: 100% !important;
}

#scholarships #search {
  background: #efefef;
  /*padding: 10px;*/
  margin: 10px 0;
}

#scholarships #search span {
  display: inline-block;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  #scholarships #search span {
    width: 24.7%;
    padding: 10px 0;
  }
}

#scholarships #search select {
  width: 100%;
  padding: 5px;
}

#scholarships #search2 {
  background: #efefef;
  /*padding: 10px;*/
  margin: 10px 0;
}

#scholarships #search2 span {
  display: inline-block;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  #scholarships #search2 span {
    width: 32.7%;
    padding: 10px 0;
  }
}

#scholarships #search2 select {
  width: 100%;
  padding: 5px;
}

#scholarships div {
  *zoom: 1;
  margin-bottom: 10px;
}

#scholarships div:before,
#scholarships div:after {
  content: " ";
  display: table;
}

#scholarships div:after {
  clear: both;
}

#scholarships div > span {
  display: block;
}

#scholarships div > span#show {
  display: block;
  float: left;
  line-height: 3em;
}

#scholarships div > span#sort {
  width: 270px;
  float: right;
  line-height: 3em;
}

#scholarships div > span#criteria {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  #scholarships div > span#criteria {
    width: 100%;
    float: left;
    font-weight: bold;
  }
}

@media screen and (min-width: 680px) {
  #scholarships #scholarships > #search > form > span > #level {
    width: 100%;
    float: left;
    font-weight: bold;
  }
}

#scholarships > #search > form {
  border: 5px solid #0078ae;
  padding: 20px;
}

#scholarships > #search > form > span > #txt_search {
  font-size: 1em;
  width: 98%;
  padding: 5px;
}

@media screen and (min-width: 799px) {
  #scholarships > #search > form > span > #txt_search {
    width: 93%;
  }
}

#scholarships > #search > form > span > ul#filter-buttons {
  float: none;
}

#scholarships > #search > form > span > ul#filter-buttons > li.clearall {
  right: 20px;
  padding: 0;
  padding-bottom: 0;
  float: right;
}

@media screen and (min-width: 799px) {
  #scholarships > #search > form > span > ul#filter-buttons > li.clearall {
    right: 49px;
    position: absolute;
    padding-bottom: 30px;
    width: 10%;
  }
}

#scholarships > #search > form > span > ul#filter-buttons > li.clearall a#show-all.filter-button {
  height: 0;
}

.hintsandtips {
  float: right;
  padding-right: 30px;
}

@media screen and (max-width: 920px) {
  .hintsandtips {
    padding-right: 10px;
  }
}

@media screen and (max-width: 335px) {
  .hintsandtips {
    float: left;
  }
}

#scholarships > #search > form > span > ul#filter-buttons > li.clearall a#show-all.filter-button {
  display: initial;
}

@media screen and (max-width: 800px) {
  #scholarships > #search > form > span > ul#filter-buttons > li.clearall a#show-all.filter-button {
    padding-top: 10px;
  }
}

/* ==========================================================================
   Scholarship
   ========================================================================== */

.scholarship {
  margin-bottom: 20px;
  width: 100%;
}

.scholarship a {
  display: block;
  background-color: #efefef;
  color: #222222;
}

.scholarship a:hover {
  text-decoration: none;
}

.scholarship a:hover h2,
.scholarship a p {
  text-decoration: none;
}

.scholarship a .title {
  background-color: transparent;
  color: #002b5c;
  margin: 0;
  padding: 0px;
  font-weight: bold;
}

.scholarship a .details {
  padding-bottom: 10px;
}

.scholarship a .details .detail {
  display: inline-block;
  width: 13.95%;
  text-align: center;
}

.scholarship a.hover {
  background-color: #5a5c60;
}

.scholarship a.hover .title,
.scholarship a.hover p,
.scholarship a.hover .details,
.scholarship a.hover li {
  color: white;
  border-color: #5a5c60;
}

.pgr-opportunity .summary-group {
  background: white;
  padding-bottom: 20px;
  /*border-bottom: 2px solid $lightgrey;*/
}

.pgr-opportunity .summary-group h2 {
  color: #002b5c;
  font-weight: bold;
  margin: 0;
  padding-top: 0;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.pgr-opportunity .summary-group hr {
  border-top: 3px solid #0078ae;
  max-width: 100px;
  width: 100%;
  text-align: left;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.pgr-opportunity .summary-group .opportunity-info {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.pgr-opportunity .summary-group .opportunity-info:before,
.pgr-opportunity .summary-group .opportunity-info:after {
  content: " ";
  display: table;
}

.pgr-opportunity .summary-group .opportunity-info:after {
  clear: both;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-description {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-description:last-child {
  margin-right: 0;
}

@media screen and (min-width: 680px) {
  .pgr-opportunity .summary-group .opportunity-info .opportunity-description {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .pgr-opportunity .summary-group .opportunity-info .opportunity-description:last-child {
    margin-right: 0;
  }
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-description p {
  margin: 15px 0;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details:last-child {
  margin-right: 0;
}

@media screen and (min-width: 680px) {
  .pgr-opportunity .summary-group .opportunity-info .opportunity-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 40.77223%;
  }

  .pgr-opportunity .summary-group .opportunity-info .opportunity-details:last-child {
    margin-right: 0;
  }
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details:before,
.pgr-opportunity .summary-group .opportunity-info .opportunity-details:after {
  content: " ";
  display: table;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details:after {
  clear: both;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
  /* border-left: $vertical-divider;*/
  padding: 0 15px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
  margin-bottom: 0;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details .opportunity-details-column:last-child {
  margin-right: 0;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details .opportunity-detail {
  margin-bottom: 5px;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details .fa {
  font-size: 1.4rem;
  margin-right: 10px;
  width: 20px;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details h3 {
  color: #002b5c;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 0;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details span {
  margin-bottom: 30px;
  display: block;
}

.pgr-opportunity .summary-group .opportunity-info .opportunity-details span:last-of-type {
  margin-bottom: 0;
}

.pgr-opportunity .summary-group .opportunity-info .chevron {
  text-align: right;
  position: static;
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
}

.pgr-opportunity .summary-group .opportunity-info .chevron:last-child {
  margin-right: 0;
}

@media screen and (min-width: 680px) {
  .pgr-opportunity .summary-group .opportunity-info .chevron {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 6.9278%;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .pgr-opportunity .summary-group .opportunity-info .chevron:last-child {
    margin-right: 0;
  }
}

.pgr-opportunity .summary-group .opportunity-info .chevron svg {
  overflow: visible;
}

.pgr-opportunity .summary-group .opportunity-info .chevron svg polyline {
  stroke: #0078ae;
}

.pgr-opportunity .hover p,
.pgr-opportunity .hover li {
  color: #5a5c60;
  text-decoration: none;
}

.pgr-opportunity .hover hr,
.pgr-opportunity .hover .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
  border-color: #5a5c60;
}

.pgr-opportunity .hover .summary-group .opportunity-info .chevron svg polyline {
  stroke: #5a5c60;
}

.pgr-opportunity.scholarship .hover {
  background-color: white;
  text-decoration: none;
}

.pgr-opportunity.scholarship .hover p,
.pgr-opportunity.scholarship .hover li {
  color: #222222;
  text-decoration: none;
}

.pgr-opportunity.scholarship .hover hr,
.pgr-opportunity.scholarship .hover .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
  border-color: #5a5c60;
}

.pgr-opportunity.scholarship .hover .summary-group {
  background: white;
}

.pgr-opportunity.scholarship .hover .summary-group h2 {
  color: #002b5c;
}

.pgr-opportunity.scholarship .hover .summary-group .opportunity-info .chevron svg polyline,
.pgr-opportunity.scholarship .hover .summary-group .chevron svg polyline {
  stroke: #5a5c60;
}

.pgr-opportunity.pgr-page .summary-group {
  border-bottom: 0;
  padding: 20px;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

.pgr-opportunity.pgr-page .summary-group:hover {
  background: #efefef;
}

.pgr-opportunity.pgr-page .summary-group h2 {
  color: #002b5c;
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom: 0;
  width: 100%;
}

@media screen and (min-width: 680px) {
  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 100%;
  }

  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 57.69445%;
  }

  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 66.15556%;
  }

  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description:last-child {
    margin-right: 0;
  }
}

.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-description p:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 680px) {
  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 100%;
  }

  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 40.77223%;
  }

  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
  }

  .pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details:last-child {
    margin-right: 0;
  }
}

.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details h3 {
  display: inline;
  font-size: 1em;
}

.pgr-opportunity.pgr-page .summary-group .opportunity-info .opportunity-details span {
  display: initial;
}

.pgr-opportunity.page-summary .press-line {
  border-color: gainsboro;
}

.pgr-opportunity.page-summary .summary-group {
  border-bottom: 0;
}

.pgr-opportunity.page-summary .summary-group .opportunity-info {
  margin-top: 20px;
}

.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
}

.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description:last-child {
  margin-right: 0;
}

@media screen and (min-width: 800px) {
  .pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 40.77223%;
  }

  .pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-description:last-child {
    margin-right: 0;
  }
}

.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
}

.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details:last-child {
  margin-right: 0;
}

@media screen and (min-width: 800px) {
  .pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 57.69445%;
  }

  .pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details:last-child {
    margin-right: 0;
  }
}

.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details .opportunity-details-column {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 32.31112%;
}

.pgr-opportunity.page-summary .summary-group .opportunity-info .opportunity-details .opportunity-details-column:last-child {
  margin-right: 0;
}

/* ==========================================================================
   Table coloured - used in the strategic plan only
   ========================================================================== */

.wysiwyg > .table-sm-responsive {
  overflow-x: auto;
  /* Horizontal */
}

.wysiwyg > table.coloured,
.wysiwyg > table.coloured2,
.wysiwyg > table.coloured3,
.wysiwyg > table.coloured4,
.wysiwyg > table.coloured5 {
  width: 100%;
  border-right: #fff 5px solid;
  margin-bottom: 5px;
}

.wysiwyg > table.coloured > tr,
.wysiwyg > table.coloured2 > tr,
.wysiwyg > table.coloured3 > tr,
.wysiwyg > table.coloured4 > tr,
.wysiwyg > table.coloured5 > tr {
  border-bottom: white 4px solid;
}

.wysiwyg > table.coloured th,
.wysiwyg > table.coloured2 th,
.wysiwyg > table.coloured3 th,
.wysiwyg > table.coloured4 th,
.wysiwyg > table.coloured5 th {
  width: 15%;
}

.wysiwyg > table.coloured > td {
  margin-bottom: 10px;
  border-collapse: collapse;
  text-align: left;
}

.wysiwyg > table.coloured th,
.wysiwyg > table.coloured2 th,
.wysiwyg > table.coloured3 th,
.wysiwyg > table.coloured4 th,
.wysiwyg > table.coloured5 th {
  margin-bottom: 10px;
  border-collapse: collapse;
  text-align: left;
  font-size: 1.2em;
  padding: 5px 20px 30px;
  min-width: 120px;
}

@media screen and (max-width: 800px) {
  .wysiwyg > table.coloured th,
  .wysiwyg > table.coloured2 th,
  .wysiwyg > table.coloured3 th,
  .wysiwyg > table.coloured4 th,
  .wysiwyg > table.coloured5 th {
    min-width: 120px;
  }
}

.wysiwyg > table.coloured td,
.wysiwyg > table.coloured2 td {
  background-color: #fff;
  border-right: #efefef 3px solid;
}

.wysiwyg > table.coloured3 td,
.wysiwyg > table.coloured4 td,
.wysiwyg > table.coloured5 td {
  background-color: #fff;
  border-right: #efefef 3px solid;
  padding: 10px;
  text-align: center;
}

.wysiwyg > table.coloured3 td > td,
.wysiwyg > table.coloured3 td th,
.wysiwyg > table.coloured4 td > td,
.wysiwyg > table.coloured4 td th,
.wysiwyg > table.coloured5 td > td,
.wysiwyg > table.coloured5 td th {
  padding: 10px 20px 30px 10px;
  font-size: 1em;
}

.wysiwyg > table.coloured3 td > td > th,
.wysiwyg > table.coloured3 td th > th,
.wysiwyg > table.coloured4 td > td > th,
.wysiwyg > table.coloured4 td th > th,
.wysiwyg > table.coloured5 td > td > th,
.wysiwyg > table.coloured5 td th > th {
  font-weight: bold;
}

.wysiwyg > table.coloured tr th {
  background-color: #002b5c;
  border-top: #002b5c 2px solid;
  font-weight: bold;
}

.wysiwyg > table.coloured2 tr th {
  background-color: #5d9732;
  border-top: #5d9732 2px solid;
  font-weight: bold;
}

.wysiwyg > table.coloured3 tr th {
  background-color: #0078ae;
  border-top: #0078ae 2px solid;
  font-weight: bold;
}

.wysiwyg > table.coloured4 tr th {
  background-color: #ee3224;
  border-top: #ee3224 2px solid;
  font-weight: bold;
}

.wysiwyg > table.coloured5 tr th {
  background-color: #a7a9ac;
  border-top: #a7a9ac 2px solid;
  font-weight: bold;
}

.wysiwyg > table.coloured td,
.wysiwyg > table.coloured2 td,
.wysiwyg > table.coloured3 td,
.wysiwyg > table.coloured4 td,
.wysiwyg > table.coloured5 td {
  background-color: white;
  border-right: #a7a9ac;
}

.wysiwyg table.coloured3 th,
.wysiwyg table.coloured3 td {
  border: #0078ae 2px solid;
  border-bottom: 0;
}

.wysiwyg table.coloured4 th,
.wysiwyg table.coloured4 td {
  border: #ee3224 2px solid;
  border-bottom: 0;
}

.wysiwyg table.coloured5 th,
.wysiwyg table.coloured5 td {
  border: #a7a9ac 2px solid;
  border-bottom: 0;
}

.wysiwyg > table.coloured {
  background-color: #002b5c;
  border-top: #002b5c 5px solid;
}

.wysiwyg > table.coloured2 {
  background-color: #5d9732;
  border-top: #5d9732 5px solid;
}

.wysiwyg > table.coloured3 {
  background-color: #0078ae;
  border-top: #0078ae 5px solid;
}

.wysiwyg > table.coloured4 {
  background-color: #ee3224;
  border-top: #ee3224 5px solid;
}

.wysiwyg > table.coloured5 {
  background-color: #a7a9ac;
  border-top: #a7a9ac 5px solid;
}

.wysiwyg > table.coloured > th {
  background-color: #002b5c;
  font-size: 1em;
}

.wysiwyg > table.coloured2 > th {
  background-color: #5d9732;
  font-size: 1em;
}

.wysiwyg > table.coloured3 > th {
  background-color: #0078ae;
  font-size: 1em;
}

.wysiwyg > table.coloured4 > th {
  background-color: #ee3224;
  font-size: 1em;
}

.wysiwyg > table.coloured5 > th {
  background-color: #c1c3c5;
  font-size: 1em;
}

.wysiwyg table.coloured td,
.wysiwyg table.coloured2 td {
  padding: 20px;
}

.wysiwyg table.coloured3 th,
.wysiwyg table.coloured3 td,
.wysiwyg table.coloured4 th,
.wysiwyg table.coloured4 td,
.wysiwyg table.coloured5 th,
.wysiwyg table.coloured5 td {
  border: 1px #fff solid;
}

.wysiwyg table.coloured3 th,
.wysiwyg table.coloured3 td {
  border-right: 2px #0078ae solid;
}

.wysiwyg table.coloured4 th,
.wysiwyg table.coloured4 td {
  border-right: 2px #ee3224 solid;
}

.wysiwyg table.coloured5 th,
.wysiwyg table.coloured5 td {
  border-right: 2px #a7a9ac solid;
}

/*
 * Full width
 * 
 * Templates to be used with the home page t4 style
 * 
 */

.full-width main .full-wrapper {
  margin: 0 auto;
  max-width: 71.25em;
  position: relative;
}

.full-width main > section {
  -webkit-background-size: 100%;
  background-size: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-top: 5px solid #002b5c;
  /*border-bottom:5px solid $midgrey;*/
  padding-bottom: 80px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.full-width main > section .jwplayer {
  position: absolute;
  top: 0;
}

.full-width main > section.middle .jwplayer {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.full-width main > section.bottom .jwplayer {
  top: auto;
  bottom: 0;
}

@media screen and (min-width: 800px) {
  .full-width main > section:first-of-type,
  .full-width main > section:last-of-type {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .full-width main > section:last-of-type {
    border-bottom: 0;
  }
}

.full-width main > section.feature-home {
  border-top: 0px;
  padding-bottom: 0;
}

.full-width main > section.red {
  background: #ee3224;
}

.full-width main > section.green {
  background: #5d9732;
}

.full-width main > section.blue {
  background: #0078ae;
}

.full-width main > section.orange {
  background: #f47b20;
}

.full-width main > section.primaryblue {
  background: #002b5c;
}

.full-width main > section > img {
  position: absolute;
  width: 100%;
  top: 0;
}

.full-width main > section h2.fullBlockHeading {
  max-width: 100%;
  margin: 20px auto;
  color: #002b5c;
  padding: 10px 20px;
  border: 0;
  font-size: 2.8em;
  text-align: center;
}

.full-width main > section h3.contactInfo {
  text-align: center;
}

.full-width main > section a.button {
  background: #5d9732;
  color: white;
  display: block;
  font-size: 1.25em;
  margin: 0 5px 10px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
}

.full-width main > section a.button.hover {
  background: #5a5c60;
}

.full-width main section.fullCentreContent {
  padding-bottom: 0;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.full-width main section.fullCentreContent .jwmain,
.full-width main section.fullCentreContent .jwaspect {
  display: none !important;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .full-width main section.fullCentreContent .jwmain,
  .full-width main section.fullCentreContent .jwaspect {
    display: block !important;
  }
}

.full-width main section.fullCentreContent .jwpreview {
  background-position: center top;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.full-width main section.fullCentreContent .jwplayer .jwdisplayIcon {
  display: none !important;
}

.full-width main section.fullCentreContent .jwplayer .jwcontrols .jwcontrolbar {
  display: none;
}

@media screen and (min-width: 680px) {
  .full-width main section.fullCentreContent {
    padding: 30px 0 100px;
  }
}

@media screen and (min-width: 800px) {
  .full-width main section.fullCentreContent {
    padding: 50px 0 150px;
  }
}

.full-width main section.fullCentreContent .overlay {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  background-color: rgba(0, 43, 92, 0.4);
}

.full-width main section.fullCentreContent h2,
.full-width main section.fullCentreContent p {
  max-width: 700px;
  margin: 0 auto;
  color: #002b5c;
  text-shadow: 1px 1px 4px white;
  text-align: center;
}

.full-width main section.fullCentreContent h2 {
  padding: 40px 20px;
  border: 0;
  font-size: 3em;
}

.full-width main section.fullCentreContent p {
  font-size: 1.3em;
  padding: 20px;
}

.full-width main section.fullCentreContent a {
  color: #002b5c;
  opacity: 0.5;
  display: block;
  font-size: 3em;
  padding: 0 0 10px 0;
  -webkit-transition: padding 0.5s;
  transition: padding 0.5s;
  text-align: center;
}

.full-width main section.fullCentreContent a.hover {
  opacity: 1;
  padding: 10px 0 0 0;
}

.full-width main section.fullCentreContent a.button {
  background: #5d9732 none repeat scroll 0 0;
  color: white;
  display: block;
  font-size: 1.25em;
  margin: 0 5px 10px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
}

.full-width main section.fullMap .campus {
  height: 500px;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.full-width main section.fullMap .campus.iconsOnly .map {
  width: -webkit-calc(100% - 57px);
  width: calc(100% - 57px);
  -webkit-transition: width 1s;
  transition: width 1s;
}

.full-width main section.fullMap .campus.iconsOnly .mapGuide {
  width: 57px;
  -webkit-transition: width 1s;
  transition: width 1s;
}

.full-width main section.fullMap .campus.iconsOnly .mapGuide .mapGuideArrows:before {
  content: "<<";
}

.full-width main section.fullMap .campus.iconsOnly .mapGuide .mapGuideItem span.mapGuideTitle {
  display: none;
}

.full-width main section.fullMap .campus.iconsOnly .mapGuideContent {
  display: none !important;
}

.full-width main section.fullMap .map {
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  float: left;
  height: 500px;
  background: blue;
  -webkit-transition: width 0s;
  transition: width 0s;
}

.full-width main section.fullMap .key {
  width: 200px;
  float: left;
  height: 500px;
  color: #222;
  background: #e5e5e5;
  border-bottom: 5px solid #8d8f93;
}

.full-width main section.fullMap .key h3 {
  color: #fff;
  background: #8d8f93;
  padding: 20px;
  margin: 0;
}

.full-width main section.fullMap .key ul {
  padding: 0;
  margin: 0;
}

.full-width main section.fullMap .key ul li {
  list-style: none;
  padding: 10px 20px;
  border-bottom: 1px solid #f7f7f7;
}

.full-width main section.fullMap .key ul li img {
  width: auto;
}

.full-width main section.fullMap .mapGuide {
  width: 300px;
  float: right;
  background: #efefef;
  height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  color: #fff;
  margin: 0;
  -webkit-transition: width 0s;
  transition: width 0s;
}

.full-width main section.fullMap .mapGuide h3 {
  color: #fff;
  background: #002b5c;
  padding: 20px;
  margin: 0;
  height: 78.4px;
}

.full-width main section.fullMap .mapGuide .mapGuideArrows {
  display: block;
  background: #efefef;
  padding: 0 5px;
  text-align: right;
}

.full-width main section.fullMap .mapGuide .mapGuideArrows:before {
  content: ">>";
}

.full-width main section.fullMap .mapGuide .mapGuideItem {
  background: #0078ae;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

.full-width main section.fullMap .mapGuide .mapGuideItem.hover {
  background: #d6620b;
}

.full-width main section.fullMap .mapGuide .mapGuideItem span {
  padding: 20px;
}

.full-width main section.fullMap .mapGuide .mapGuideItem span.fa {
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  width: 57px;
}

.full-width main section.fullMap .mapGuide .mapGuideItem span.mapGuideTitle {
  display: inline;
  width: auto;
}

.full-width main section.fullMap .mapGuide .mapGuideContent ul {
  padding: 0;
  margin: 0;
}

.full-width main section.fullMap .mapGuide .mapGuideContent ul li {
  list-style: none;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(141, 143, 147, 0.2);
  color: #222;
}

.full-width main section.fullMap .mapGuide .mapGuideContent ul li img {
  width: auto;
}

.full-width main section.fullVideo .video.orange {
  padding: 20px;
}

.full-width main section.fullVideo .video.orange h2 {
  margin-top: 0;
}

.full-width main section.fullVideo .video .video-container {
  padding: 0;
}

.full-width main section.fullVideo .video .video-container iframe {
  margin: 0;
  height: 217px;
}

/* =======================================================================
   Faculty Col
   ======================================================================= */

.facultyCol {
  border-left: 10px solid #002b5c;
  *zoom: 1;
  margin-bottom: 20px;
}

.facultyCol:before,
.facultyCol:after {
  content: " ";
  display: table;
}

.facultyCol:after {
  clear: both;
}

.facultyCol.red {
  border-left-color: #ee3224;
}

.facultyCol.green {
  border-left-color: #5d9732;
}

.facultyCol.orange {
  border-left-color: #f47b20;
}

.facultyCol.blue {
  border-left-color: #0078ae;
}

.facultyCol.primaryblue {
  border-left-color: #002b5c;
}

.facultyCol.lightgrey {
  border-left-color: gainsboro;
}

.facultyCol.darkgrey {
  border-left-color: #222222;
}

.facultyCol section {
  padding: 10px 20px 10px 10px;
  width: 100%;
  float: left;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .facultyCol section.thirds {
    width: 66.66%;
  }

  .facultyCol section.third {
    width: 33.33%;
  }
}

.facultyCol section.factBox {
  background-color: #ee3224;
  height: 100%;
  color: white;
  font-size: 30px;
  line-height: 1em;
  text-align: center;
  padding: 10px;
}

.facultyCol section.factBox.red {
  background-color: #ee3224;
}

.facultyCol section.factBox.green {
  background-color: #5d9732;
}

.facultyCol section.factBox.orange {
  background-color: #f47b20;
}

.facultyCol section.factBox.blue {
  background-color: #0078ae;
}

.facultyCol section.factBox.primaryblue {
  background-color: #002b5c;
}

.facultyCol section.factBox.lightgrey {
  background-color: gainsboro;
}

.facultyCol section.factBox.darkgrey {
  background-color: #222222;
}

.facultyCol section.factBox a {
  color: white;
}

.facultyCol section.factBox a.hover {
  text-decoration: underline;
}

.facultyCol section h2 {
  border: 0;
  margin: 0 0 30px 0;
}

.facultyCol section h2 a {
  color: #002b5c;
}

.facultyCol section h2 a.hover {
  color: #5a5c60;
}

.facultyCol section h3 {
  margin: 0;
  padding-bottom: 20px;
}

.facultyCol section div {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 500px) {
  .facultyCol section div ul {
    margin: 0;
  }

  .facultyCol section div.two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .facultyCol section div.three {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }


}

.facultyCol section div ul li {
  list-style: none;
  padding-left: 1.2em;
}

.facultyCol section div ul li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #f47b20;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

.facultyCol section div p:first-of-type {
  margin-top: 0;
}

.facultyCol section ul.contact-list {
  margin: 0;
}

/* =======================================================================
   Faculty box
   ======================================================================= */

.facultyBox {
  *zoom: 1;
  margin-bottom: 20px;
}

.facultyBox:before,
.facultyBox:after {
  content: " ";
  display: table;
}

.facultyBox:after {
  clear: both;
}

.facultyBox h2 {
  font-size: 22.5px;
  padding: 20px;
  height: 92px;
  overflow: hidden;
  background-color: #002b5c;
  margin: 0;
  color: white;
  border: 0;
}

.facultyBox.red h2 {
  background-color: #ee3224;
}

.facultyBox.green h2 {
  background-color: #5d9732;
}

.facultyBox.orange h2 {
  background-color: #f47b20;
}

.facultyBox.blue h2 {
  background-color: #0078ae;
}

.facultyBox.primaryblue h2 {
  background-color: #002b5c;
}

.facultyBox.lightgrey h2 {
  background-color: gainsboro;
  color: #222222;
}

.facultyBox.lightgrey h2 a {
  color: #222222;
}

.facultyBox.darkgrey h2 {
  background-color: #222222;
}

.facultyBox a.hover {
  text-decoration: none;
}

.facultyBox a.hover h2 {
  background-color: #5a5c60;
}

.facultyBox a.hover p {
  text-decoration: none;
}

.facultyBox div {
  background-color: #e5e5e5;
  padding: 20px;
}

/* ==========================================================================
   1
   ========================================================================== */

.blockcoloured.blocks {
  padding: 0em;
}

.blockcolouredfull2 {
  background: #e4511b;
}

.blockcoloured {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
  z-index: 2;
  padding: 3em;
}

.blockcolouredfull {
  height: 180px;
}

.blockcolouredcontent {
  padding-left: 0;
  padding-right: 0;
  width: 41%;
  float: left;
}

.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 180px 101px;
  border-color: transparent transparent #E4511B transparent;
  margin-top: -1px;
  position: absolute;
  margin-left: -101px;
  display: none;
}

@media screen and (min-width: 680px) {
  .triangle {
    display: inline;
  }
}

.blockcolouredcontent > h1 {
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  padding-top: 20px;
  margin-left: -230px;
}

.blockcolouredcontent > p,
.blockcolouredcontent > h1 {
  /*color: #fff;
      padding-left:$padding/4;
  	width: 230%;
  	margin-left: -230px;*/
  color: #fff;
  margin-left: -80px;
  margin-right: auto;
}

@media screen and (min-width: 680px) {
  .blockcolouredcontent > p,
  .blockcolouredcontent > h1 {
    margin-left: 0;
    margin-right: 0;
    width: 98%;
  }
}

.blockcolouredcontent > img {
  display: none;
}

@media screen and (min-width: 680px) {
  .blockcolouredcontent > img {
    height: 98%;
    display: inline;
  }
}

button.blockcolouredbutton {
  margin-top: 0;
  width: 55%;
  margin-left: 50px;
}

@media screen and (min-width: 335px) {
  button.blockcolouredbutton {
    margin-top: 0;
    width: 55%;
    margin-left: 30px;
  }
}

@media screen and (min-width: 680px) {
  button.blockcolouredbutton {
    margin-top: 80px;
    width: 15%;
    float: left;
    margin-left: 0;
  }
}

/* ==========================================================================
   uos boxes
   Four boxes with images and title used on alumni HP
   ========================================================================== */

.littlebox1,
.littlebox2,
.littlebox3,
.littlebox4 {
  display: block;
  height: auto;
  font-weight: bold;
  margin-bottom: 16px;
  width: 48%;
  float: left;
}

.littlebox1 > a > h3,
.littlebox2 > a > h3,
.littlebox3 > a > h3,
.littlebox4 > a > h3 {
  color: white;
  background-color: #222222;
  padding: 10px 20px;
  margin: 0;
  min-height: 70px;
}

.littlebox1 > a:hover > h2,
.littlebox2 > a:hover > h2,
.littlebox3 > a:hover > h2,
.littlebox4 > a:hover > h2 {
  color: #222222;
  /*text-decoration:underline;*/
}

@media screen and (max-width: 750px) {
  .littlebox1,
  .littlebox2,
  .littlebox3,
  .littlebox4 {
    padding: 0;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 550px) {
  .littlebox1,
  .littlebox2,
  .littlebox3,
  .littlebox4 {
    width: 100%;
  }
}

.littlebox1 > a > h2,
.littlebox2 > a > h2,
.littlebox3 > a > h2,
.littlebox4 > a > h2 {
  border-bottom: 0;
  /* margin-bottom: -$padding/2;*/
}

.littlebox1 > a,
.littlebox2 > a,
.littlebox3 > a,
.littlebox4 > a {
  text-decoration: none;
}

.littlebox1,
.littlebox3 {
  margin-right: 15px;
}

.littleboxcontainer img {
  width: 100%;
  height: auto;
  float: none;
}

.boxcontainer {
  float: left;
  min-width: 760px;
}

@media screen and (max-width: 750px) {
  .boxcontainer {
    min-width: 100%;
  }
}

.littleboxcontainer.corpblue h3 {
  background-color: #002b5c;
}

.littleboxcontainer.lightgrey h3 {
  background-color: gainsboro;
  color: inherit;
}

.littleboxcontainer.midgrey h3 {
  background-color: #c1c3c5;
  color: inherit;
}

.littleboxcontainer.offwhite h3 {
  background-color: #efefef;
}

/* ==========================================================================
   Photobox  
   ========================================================================== */

section.box {
  background-color: white;
  color: #002b5c;
  border: 3px solid #d1d3dc;
  padding: 1%;
}

section.box.red {
  background-color: #ee3224;
}

section.box.orange {
  background-color: #f47b20;
}

section.box.blue {
  background-color: #0078ae;
}

section.box.green {
  background-color: #5d9732;
}

section.box.darkgrey {
  background-color: white;
  color: #002b5c;
  border: 3px solid #d1d3dc;
}

section.box.midgrey {
  background-color: white;
  color: #002b5c;
  border: 3px solid #d1d3dc;
}

section.box.lightgrey {
  background-color: white;
  color: #002b5c;
  border: 3px solid #d1d3dc;
}

section.box.offwhite {
  background-color: white;
  color: #002b5c;
  border: 3px solid #d1d3dc;
}

.box h1,
.box h2,
.box h3,
.box h4 {
  color: #002b5c;
}

.box.midgrey h1,
.box.midgrey h2,
.box.midgrey h3,
.box.midgrey h4,
.box.lightgrey h1,
.box.lightgrey h2,
.box.lightgrey h3,
.box.lightgrey h4,
.box.offwhite h1,
.box.offwhite h2,
.box.offwhite h3,
.box.offwhite h4,
.box.darkgrey h1,
.box.darkgrey h2,
.box.darkgrey h3,
.box.darkgrey h4 {
  color: #002b5c;
}

.box {
  width: 100%;
  padding-right: 10px;
  margin-bottom: 20px;
  display: block;
  margin: 10px;
  border: 1px solid white;
  float: left;
  background-color: #222222;
  color: white;
}

.box > ul {
  display: table-cell;
  padding: 0 20px 20px 0;
}

.box > h3 {
  color: #002b5c;
}

.box > img {
  float: left;
  margin-right: 10px;
  background-color: white;
  /* margin: $padding/2;*/
  width: 30%;
  height: auto;
  margin: 1%;
}

@media screen and (max-width: 800px) {
  .box > img {
    width: 50%;
    height: auto;
    margin-left: 2.5%;
  }
}

@media screen and (max-width: 500px) {
  .box > img {
    width: 50%;
    height: auto;
  }
}

@media screen and (max-width: 330px) {
  .box > img {
    width: 95%;
    height: auto;
  }
}

.box > .boxbtn {
  float: right;
}

a {
  text-decoration: none;
}

a.hover section.box h3 {
  color: #fff;
}

/* @include respond-min($desktop)*/

@media screen and (max-width: 800px) {
  .box {
    width: 98%;
    padding: 0;
    margin: 0;
    display: block;
    border: 1px solid white;
    float: left;
    background-color: #222222;
    min-height: 200px;
    color: white;
  }
}

@media screen and (max-width: 800px) {
  .box > img {
    float: none;
  }
}

@media screen and (max-width: 800px) {
  .box > h3,
  .box > p,
  .box > ul {
    padding: 0 10px 10px 10px;
  }
}

/*
 * Big Button
 * 
 */

a.bigButton {
  display: block;
  background: #018489;
  padding: 20px;
  color: white;
  font-size: 1.7em;
  margin-bottom: 10px;
  position: relative;
}

a.bigButton.hover {
  background: #5a5c60;
}

a.bigButton:after {
  content: ">";
  font-size: 2em;
  top: 0;
  right: 5px;
  position: absolute;
}

/* ==========================================================================
   Widgets 
   ========================================================================== */

/* ==========================================================================
   Print 
   ========================================================================== */

@media print {
  header[role="banner"] {
    display: none;
  }

  footer[role="contentinfo"] {
    display: none;
  }

  nav.breadcrumbs {
    display: none;
  }

  nav.breadcrumbsheader {
    display: none;
  }

  img {
    display: none;
  }

  main {
    margin: 0;
  }

  main section > h1 {
    display: none;
  }

  main .discover {
    display: none;
  }

  html,
  button,
  select,
  textarea {
    font-family: times new roman;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: times new roman;
  }

  .wysiwyg h1,
  .wysiwyg h2,
  .wysiwyg h3,
  .wysiwyg h4,
  .wysiwyg h5,
  .wysiwyg h6,
  .wysiwyg2 h1,
  .wysiwyg2 h2,
  .wysiwyg2 h3,
  .wysiwyg2 h4,
  .wysiwyg2 h5,
  .wysiwyg2 h6 {
    font-family: times new roman;
  }

  iframe {
    display: none;
  }

  aside.course-promo {
    display: none;
  }

  ul.tabs {
    display: none;
  }

  .tabs-container {
    margin: 0;
    padding: 0;
  }

  a.acord {
    margin-top: 0;
    padding: 0;
    color: #222222;
    background: none;
  }

  a.acord i {
    display: none;
  }

  i.fa {
    display: none;
  }

  ul.contact-list {
    margin: 0 0 10px 0;
  }

  ul.contact-list li span.staff_name,
  ul.contact-list li span.staff_telno,
  ul.contact-list li span.staff_email {
    text-align: left;
  }

  ul.contact-list li span.staff_name a,
  ul.contact-list li span.staff_telno a,
  ul.contact-list li span.staff_email a {
    padding: 0;
  }

  ul.contact-list li span.staff_image {
    display: none;
  }

  .page-summary.has-img h1 {
    padding: 0;
  }

  .page-summary.has-img h1 span.qualification {
    font-size: 1em;
    display: inline;
    margin-right: 10px;
  }

  article#apply {
    display: none;
  }

  .page-summary.has-img h1 {
    background: none;
    color: #002b5c;
  }

  .page-summary.has-img div.key-facts .related-link-group > h2 {
    min-height: 0;
    padding: 0;
    background: none;
    color: #002b5c;
  }

  .page-summary.has-img div.key-facts .related-link-group > ul {
    padding: 0;
    margin: 0;
    background: none;
  }
}

/* ==========================================================================
   Widgets 
   ========================================================================== */

/* ==========================================================================
   Accommodation Form
   ========================================================================== */

#Accom {
  border-top: 20px solid #0078ae;
  border-bottom: 5px solid #0078ae;
  margin: 0 0 10px 0;
  background: #efefef;
  padding: 10px;
}

#Accom form .filterDropdown {
  overflow: hidden;
  background: #FFF;
  overflow: hidden;
  display: block;
  color: #525252;
  font-weight: 300;
  border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  -webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  border: solid 1px #DADADA;
  font-family: "helvetica neue", arial;
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 10px;
  margin-right: 10px;
  float: left;
  height: 90px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  #Accom form .filterDropdown {
    width: -webkit-calc(30% - 10px);
    width: calc(30% - 10px);
  }
}

@media screen and (max-width: 680px) {
  #Accom form .filterDropdown {
    width: 100%;
  }
}

#Accom form .filterDropdown .flat {
  width: 100%;
}

#Accom form .filterDropdown.range {
  width: -webkit-calc(40% - 16px);
  width: calc(40% - 16px);
  padding: 8px 10px;
}

@media screen and (max-width: 680px) {
  #Accom form .filterDropdown.range {
    width: 100%;
  }
}

#Accom form .filterDropdown.range:before {
  content: "£105";
  position: absolute;
  bottom: 5px;
}

#Accom form .filterDropdown.range:after {
  content: "£137";
  position: absolute;
  bottom: 5px;
  right: 20%;
}

#Accom form .filterDropdown.range input.range {
  width: 80%;
}

#Accom form .filterDropdown.range .bubble {
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: center;
  height: 50px;
  width: 50px;
  padding-top: 20px;
  border: 1px solid;
  border-radius: 100%;
  padding-top: 15px;
}

#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: #3071a9;
}

#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}

#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track:focus::-ms-fill-lower {
  background: #3071a9;
}

#Accom form .filterDropdown.range input[type=range]::-webkit-slider-runnable-track:focus::-ms-fill-upper {
  background: #367ebd;
}

#Accom form .filterDropdown label {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

#Accom form .filterDropdown select {
  -webkit-appearance: menulist;
  appearance: none;
  width: 100%;
  background: none;
  background: transparent;
  border: 1px solid #dcdcdc;
  padding: 10px;
  outline: none;
  text-align: center;
  display: inline-block;
  display: inline-block;
}

#Accom form .filterDropdown select option {
  font-size: 1em;
}

#Accom form .filterDropdown input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background: none;
  background: transparent;
  outline: none;
  text-align: center;
  display: inline-block;
}

#Accom form .filterDropdown span.flat {
  display: none;
}

#Accom form .extra {
  display: none;
}

#Accom form div.extra {
  border-top: 2px solid #0078ae;
  margin-top: 20px;
  padding-top: 20px;
}

#Accom form div.extra div {
  border-top: 2px solid #0078ae;
  margin-top: 20px;
  padding-top: 20px;
}

#Accom form div.extra div label {
  background: #ddd;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
  display: inline-block;
  width: auto;
  cursor: pointer;
}

#Accom form div.extra div label span {
  width: auto;
  font-size: 12px;
}

#Accom form div.extra div label input {
  display: none;
}

#Accom form div.extra div label.active {
  color: white;
  background: #0078ae;
}

#Accom form a.filterButton {
  display: block;
  padding: 10px;
  -webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  background: #0078ae;
  display: block;
  float: right;
  color: #fff;
  margin: 10px;
}

#Accom form a.filterButton:hover {
  background: #5a5c60;
}

#results.accomResults {
  width: -webkit-calc(100% + 22px);
  width: calc(100% + 22px);
}

/* ==========================================================================
   Accommodation room
   ========================================================================== */

.accommodation-room {
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
  margin: 0 19px 20px 0;
  position: relative;
  background: #e5e5e5;
  padding: 0 10px 10px 10px;
}

@media screen and (max-width: 680px) {
  .accommodation-room {
    padding: 0;
  }
}

.accommodation-room a img {
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  margin-left: -10px;
}

@media screen and (max-width: 680px) {
  .accommodation-room a img {
    width: -webkit-calc(100%);
    width: calc(100%);
    margin-left: 0;
  }
}

.accommodation-room a div {
  position: absolute;
  right: 0;
  background: #0078ae;
  color: #fff;
  width: 20%;
  padding: 5px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .accommodation-room a div {
    bottom: 50px;
    padding: 10px;
    margin: 10px;
    border: 2px solid #fff;
    border-radius: 100%;
    height: 100px;
    width: 100px;
  }
}

@media screen and (max-width: 680px) {
  .accommodation-room a div {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
  }
}

@media screen and (max-width: 450px) {
  .accommodation-room a div {
    margin: 0;
    width: 100%;
  }
}

.accommodation-room a div span.priceOnImageText {
  display: none !important;
}

.accommodation-room a div span.priceOnImage {
  text-align: center;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .accommodation-room a div span.priceOnImage {
    font-size: 1.5em;
  }
}

.accommodation-room a div span.priceOnImagePerWeek {
  text-align: center;
}

.accommodation-room a div span.priceOnImageDatesm {
  text-align: center;
  display: block;
  margin: -4px 0;
}

.accommodation-room a:hover div {
  background: #5a5c60;
}

.accommodation-room a:hover p span.hallName {
  background: #5a5c60;
}

.accommodation-room .imageLink:hover {
  text-decoration: none;
  color: #5a5c60;
}

@media screen and (max-width: 680px) {
  .accommodation-room .flatmates,
  .accommodation-room .level {
    padding: 5px;
  }
}

.accommodation-room .roomName {
  font-size: 1.3em;
  margin-bottom: 5px;
  padding: 5px 0;
  border-bottom: 0;
  padding: 5px 0;
}

@media screen and (max-width: 680px) {
  .accommodation-room .roomName {
    padding: 5px;
  }
}

.accommodation-room p {
  margin-top: 0;
}

.accommodation-room p span.hallName {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.4em;
  padding: 5px;
  background: #0078ae;
  color: #fff;
  max-width: 80%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .accommodation-room p span.hallName {
    font-size: 1.8em;
    padding: 13.33333px;
    max-width: 100%;
  }
}

@media screen and (max-width: 450px) {
  .accommodation-room p span.hallName {
    max-width: 100%;
    font-size: 1em;
  }
}

/* ==========================================================================
   Icon Summary
   ========================================================================== */

.iconSummary {
  overflow: hidden;
  background: #FFF;
  overflow: hidden;
  display: block;
  color: #525252;
  font-weight: 300;
  border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  -webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  border: solid 1px #DADADA;
  position: relative;
  cursor: pointer;
  width: 100%;
  padding: 10px;
  margin-bottom: 38px;
}

.iconSummary ul {
  padding: 10px;
  overflow: auto;
}

.iconSummary ul li {
  text-align: center;
  float: left;
  width: 100%;
  padding: 10px;
  list-style: none;
  height: 100%;
}

@media screen and (min-width: 500px) {
  .iconSummary ul li {
    width: 50%;
  }

  .iconSummary ul li:nth-of-type(odd) {
    border-right: solid 1px #DADADA;
    clear: both;
  }
}

@media screen and (min-width: 800px) {
  .iconSummary ul li {
    width: 25%;
    border-right: solid 1px #DADADA;
  }

  .iconSummary ul li:nth-of-type(odd) {
    clear: none;
  }

  .iconSummary ul li:last-of-type {
    border-right: none;
  }
}

.iconSummary ul li i {
  display: block;
  width: 100%;
  font-size: 2em;
  font-style: normal;
}

.iconSummary ul li span {
  display: block;
  width: 100%;
  font-size: 0.7em;
  text-align: left;
}

/* ==========================================================================
   Maps
   ========================================================================== */

.maps iframe {
  border: 0;
}

/* ==========================================================================
   Price
   ========================================================================== */

.price {
  position: absolute;
  top: 0;
  right: 0;
  background: #0078ae;
  padding: 10px;
  color: #fff;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 2px solid #fff;
  margin: 10px;
}

.price span.priceOnImage {
  text-align: center;
  font-size: 1.5em;
  display: block;
}

.price span.priceOnImagePerWeek {
  text-align: center;
  display: block;
  margin-bottom: -13.33333px;
}

.price span.priceOnImageDate {
  text-align: center;
  display: block;
  margin: -10px 0;
}

.price span.priceOnImagesm {
  text-align: center;
  font-size: 1.5em;
  display: block;
}

.price span.priceOnImagePerWeeksm {
  text-align: center;
  display: block;
  margin-bottom: -13.33333px;
}

.price span.priceOnImageDatesm {
  text-align: center;
  display: block;
  margin: -4px 0;
}

/* ==========================================================================
   Accommodation Details
   ========================================================================== */

.accommDetails {
  border-bottom: 5px solid #0078ae;
}

.accommDetails:last-of-type {
  border-bottom: 5px solid #0078ae;
}

.accommDetails h3 {
  width: 100%;
  float: left;
  color: #0078ae;
  font-size: 1.5em;
}

.accommDetails ul {
  padding: 0;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  width: 100%;
  float: right;
}

.accommDetails ul li {
  list-style: none;
  margin-bottom: 10px;
}

.accommDetails ul li i {
  padding: 0 10px 0 0;
  font-size: 1.3em;
}

@media screen and (min-width: 800px) {
  .accommDetails h3 {
    width: 33%;
  }

  .accommDetails ul {
    width: 66%;
    padding-left: 10px;
  }
}

/* ==========================================================================
   uos 3blocks
   3 boxes with images text and date - used on IPPI blog
   ========================================================================== */

.boxcontainer2 a img {
  width: 100%;
  height: 150px;
  float: none;
}

.boxcontainer2 {
  /*	float: left;*/
}

.boxcontainer2 > .abox1,
.boxcontainer2 .abox2,
.boxcontainer2 .abox3 {
  display: block;
  height: auto;
  font-weight: bold;
  margin-bottom: 16px;
  width: 30%;
  float: left;
  color: #222222;
  margin-right: 15px;
}

.boxcontainer2 > .abox1 > a > p,
.boxcontainer2 .abox2 > a > p,
.boxcontainer2 .abox3 > a > p {
  color: #222222;
  font-weight: bold;
  padding: 10px 2px;
  margin: 0;
  min-height: 70px;
}

@media screen and (max-width: 750px) {
  .boxcontainer2 > .abox1,
  .boxcontainer2 .abox2,
  .boxcontainer2 .abox3 {
    padding: 0;
    width: 80%;
    height: auto;
  }
}

@media screen and (max-width: 550px) {
  .boxcontainer2 > .abox1,
  .boxcontainer2 .abox2,
  .boxcontainer2 .abox3 {
    width: 100%;
  }
}

.boxcontainer2 .abox1 > p,
.boxcontainer2 .abox2 > p,
.boxcontainer2 .abox3 > p {
  border-bottom: 0;
  margin-bottom: -10px;
  margin-right: -15px;
}

.boxcontainer2 .abox1 > a p.date,
.boxcontainer2 .abox2 > a p.date,
.boxcontainer2 .abox3 > a p.date {
  margin-top: -20px;
  color: darkgrey;
}

.boxcontainer2 .abox1 > a:hover p,
.boxcontainer2 .abox2 > a:hover p,
.boxcontainer2 .abox3 > a:hover p {
  background-color: white;
  color: #f47b20;
  text-decoration: underline;
}

/* ==========================================================================
   Button Full width 
   ========================================================================== */

.buttonfullwidth {
  width: 100%;
  color: white;
}

.buttonfullwidth.blue {
  background: #0078ae;
}

.buttonfullwidth.corpblue {
  background: #002b5c;
}

.buttonfullwidth.green {
  background: #5d9732;
}

.buttonfullwidth.red {
  background: #ee3224;
}

.buttonfullwidth.orange {
  background: #f47b20;
}

.buttonfullwidth.darkgrey {
  background: #222222;
}

.buttonfullwidth.midgrey {
  background: #c1c3c5;
}

.buttonfullwidth.lightgrey {
  background: gainsboro;
}

.buttonfullwidth > a > h4 {
  padding: 20px;
  color: #fff;
}

.buttonfullwidth > a:hover > h4 {
  background: #5a5c60;
}

.buttonfullwidth.midgrey > a > h4,
.buttonfullwidth.lightgrey > a > h4 {
  color: #222;
}

/* ==========================================================================
  Maps Search
   ========================================================================== */

#map {
  width: 100%;
  height: 600px;
  border: 1px solid #0078ae;
  margin: 10px 0;
  padding-left: 0;
}

@media screen and (max-width: 800px) {
  #map {
    width: 100%;
  }
}

#maps,
#globe {
  position: relative;
}

#maps #search,
#globe #search {
  background: #efefef;
  /*padding: 10px;*/
  margin: 10px 0;
}

@media screen and (max-width: 350px) {
  #maps #search,
  #globe #search {
    margin: 4px 0;
  }
}

#maps #search span,
#globe #search span {
  display: inline-block;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (max-width: 400px) {
  #maps #search span,
  #globe #search span {
    font-size: 14px;
  }
}

@media screen and (min-width: 800px) {
  #maps #search span,
  #globe #search span {
    width: 32.4%;
  }
}

#maps #search span rotateimage > ul#results,
#globe #search span rotateimage > ul#results {
  position: absolute;
  z-index: 1;
  background-color: #c1c3c5;
  width: auto;
}

#maps #search span.rotateimage,
#globe #search span.rotateimage {
  width: 25px;
  padding: 2px 5px;
  cursor: pointer;
  background-color: #5d9732;
  color: white;
}

#maps #search span.rotateimage:hover,
#globe #search span.rotateimage:hover {
  background-color: #5a5c60;
}

@media screen and (max-width: 1000px) {
  #maps #search span.rotateimage,
  #globe #search span.rotateimage {
    /*padding: 2px;*/
  }
}

@media screen and (max-width: 690px) {
  #maps #search span.rotateimage,
  #globe #search span.rotateimage {
    width: 40px;
    padding: 0 10px !important;
  }
}

#maps #search div,
#globe #search div {
  display: inline-block;
  width: 16.2%;
  margin-bottom: 20px;
  padding: 3px;
  border: 1px solid #c1c3c5;
}

@media screen and (max-width: 1000px) {
  #maps #search div,
  #globe #search div {
    width: 32.7%;
  }
}

@media screen and (max-width: 580px) {
  #maps #search div,
  #globe #search div {
    width: 48.9%;
    margin-bottom: 5px;
  }
}

#maps #search > label,
#globe #search > label {
  padding: 0;
}

#maps #search > label > span,
#globe #search > label > span {
  width: 25px;
  padding: 0;
}

#maps #search select,
#maps #search radio,
#globe #search select,
#globe #search radio {
  width: 100%;
  padding: 5px;
}

@media screen and (max-width: 400px) {
  #maps #search select,
  #maps #search radio,
  #globe #search select,
  #globe #search radio {
    padding: 0 5px;
  }
}

#maps #search .selectcheckimg,
#globe #search .selectcheckimg {
  font-size: 0.8em;
  text-align: center;
}

#maps #search .selectsmaller,
#globe #search .selectsmaller {
  width: 47.85%;
  padding-top: 20px;
  padding-bottom: 0;
}

@media screen and (max-width: 680px) {
  #maps #search .selectsmaller,
  #globe #search .selectsmaller {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 10px;
  }
}

#maps #search .selectsmaller > input,
#globe #search .selectsmaller > input {
  padding: 5px 0;
  width: 100%;
}

@media screen and (max-width: 680px) {
  #maps #search .selectsmaller,
  #globe #search .selectsmaller {
    padding: 5px 0;
  }
}

#maps #search .selectcheckimg,
#globe #search .selectcheckimg {
  width: 100%;
  text-align: center;
}

#maps #search .buildingroom,
#globe #search .buildingroom {
  width: 100%;
  padding: 5px;
}

@media screen and (max-width: 799px) {
  #maps #search .buildingroom,
  #globe #search .buildingroom {
    width: 98%;
  }
}

@media screen and (max-width: 400px) {
  #maps #search .buildingroom,
  #globe #search .buildingroom {
    padding: 0 5px;
  }
}

#maps input[type=checkbox],
#maps input[type=radio],
#globe input[type=checkbox],
#globe input[type=radio] {
  display: none;
}

#maps input[type=checkbox] ~ div,
#maps input[type=radio] ~ div,
#globe input[type=checkbox] ~ div,
#globe input[type=radio] ~ div {
  cursor: pointer;
}

#maps input[type=checkbox]:checked ~ div,
#maps input[type=radio]:checked ~ div,
#globe input[type=checkbox]:checked ~ div,
#globe input[type=radio]:checked ~ div {
  background: #0078ae;
  color: white;
}

#maps #search > form > label > input[type="checkbox"],
#maps #search > form > label > input[type="radio"],
#globe #search > form > label > input[type="checkbox"],
#globe #search > form > label > input[type="radio"] {
  display: none;
}

#maps #search > form > button,
#globe #search > form > button {
  padding: 0 15px;
  line-height: 1.9em;
  font-size: 1.1em;
  margin-top: 30px;
}

#maps div,
#globe div {
  *zoom: 1;
  margin-bottom: 10px;
}

#maps div:before,
#maps div:after,
#globe div:before,
#globe div:after {
  content: " ";
  display: table;
}

#maps div:after,
#globe div:after {
  clear: both;
}

#maps div > span,
#globe div > span {
  display: block;
}

#maps div > span#show,
#globe div > span#show {
  display: block;
  float: left;
  line-height: 3em;
}

#maps div > span#sort,
#globe div > span#sort {
  width: 270px;
  float: right;
  line-height: 3em;
}

#maps div > span#criteria,
#globe div > span#criteria {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 800px) {
  #maps div > span#criteria,
  #globe div > span#criteria {
    width: 100%;
    float: left;
    font-weight: bold;
  }
}

@media screen and (min-width: 680px) {
  #maps #maps > #search > form > span > #level,
  #maps #globe > #search > form > span > #level,
  #globe #maps > #search > form > span > #level,
  #globe #globe > #search > form > span > #level {
    width: 100%;
    float: left;
    font-weight: bold;
  }
}

#maps > #search > form,
#globe > #search > form {
  border: 5px solid #0078ae;
  padding: 20px 20px 5px 20px;
}

@media screen and (min-width: 1025px) {
  #maps > #search > form,
  #globe > #search > form {
    padding: 20px;
  }
}

@media screen and (min-width: 1025px) {
  #maps > #search > form,
  #globe > #search > form {
    padding: 20px 20px 10px 20px;
  }
}

#maps > #search > form > span > #txt_search,
#globe > #search > form > span > #txt_search {
  font-size: 1em;
  width: 98%;
  padding: 5px;
}

@media screen and (min-width: 799px) {
  #maps > #search > form > span > #txt_search {
    width: 93%;
  }
}

#maps > #search > form > span > ul#filter-buttons,
#globe > #search > form > span > ul#filter-buttons {
  float: none;
  cursor: pointer;
  position: absolute;
  right: 50px;
}

#maps > #search > form > span > ul#filter-buttons > li.clearall,
#maps > #search > form > span > ul#filter-buttons > li.route,
#globe > #search > form > span > ul#filter-buttons > li.clearall {
  right: 20px;
  padding: 0;
  padding-bottom: 0;
  float: right;
}

@media screen and (min-width: 799px) {
  #maps > #search > form > span > ul#filter-buttons > li.clearall,
  #maps > #search > form > span > ul#filter-buttons > li.route,
  #globe > #search > form > span > ul#filter-buttons > li.clearall {
    margin-bottom: 20px;
    width: 130px;
  }
}

#maps > #search > form > span > ul#filter-buttons > li.clearall a#show-all.filter-button,
#maps > #search > form > span > ul#filter-buttons > li.route,
#globe > #search > form > span > ul#filter-buttons > li.clearall a#show-all.filter-button {
  height: 0;
}

@media screen and (max-width: 1024px) {
  li#clearfilters.clearall a {
    height: 0;
  }
}

.hintsandtips {
  float: right;
  padding-right: 30px;
}

@media screen and (max-width: 920px) {
  .hintsandtips {
    padding-right: 10px;
  }
}

@media screen and (max-width: 335px) {
  .hintsandtips {
    float: left;
  }
}

#maps > #search > form > span > ul#filter-buttons > li.clearall a#show-all.filter-button {
  display: initial;
}

@media screen and (max-width: 800px) {
  #maps > #search > form > span > ul#filter-buttons > li.clearall a#show-all.filter-button {
    padding: 10px;
    right: 0;
  }
}

.mapstyle {
  float: left;
  width: 72%;
  padding-left: 20px;
}

@media screen and (max-width: 800px) {
  .mapstyle {
    width: 100% !important;
  }
}

.directionsstyle {
  float: left;
  width: 32%;
  padding-left: 20px;
}

@media screen and (max-width: 800px) {
  .directionsstyle {
    width: 100%;
    padding-left: 0;
  }
}

img.iconsmaps {
  width: 20%;
  padding-right: 2px;
}

@media screen and (max-width: 1000px) {
  img.iconsmaps {
    width: 10%;
  }
}

@media screen and (max-width: 400px) {
  img.iconsmaps {
    width: 15%;
  }
}

.maptext {
  padding: 4px;
  display: inline;
}

@media screen and (max-width: 350px) {
  .maptext {
    padding: 0;
    padding-right: 3px;
    font-size: 12px;
  }
}

div.ui-widget-content.loc_container {
  width: 450px;
  height: auto !important;
}

@media screen and (max-width: 680px) {
  div.ui-widget-content.loc_container {
    width: 200px;
    height: auto;
  }
}

div.ui-widget-content.loc_container > h3 {
  background-color: #0078ae;
  color: white;
  padding: 20px;
}

div.ui-widget-content.loc_container > h4 {
  padding-left: 15px;
}

div.ui-widget-content.loc_container > h6 {
  font-size: 1rem;
  padding: 10px 0 0 10px;
}

div.ui-widget-content.loc_container > h6 > a {
  padding-left: 10px;
}

div.ui-widget-content.loc_container > ul > li,
div.ui-widget-content.loc_container li {
  list-style: none;
  padding-left: 1.2em;
  float: none;
}

div.ui-widget-content.loc_container > ul > li:before,
div.ui-widget-content.loc_container li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .8rem;
  /*@include font-size(18px)*/
}

div.ui-widget-content.loc_container > ul {
  padding-left: 15px;
}

img.type_icon {
  padding: 10px;
  border: 1px solid;
  color: gainsboro;
  float: right;
}

@media screen and (max-width: 680px) {
  img.type_icon {
    width: 50%;
    height: auto;
  }
}

.checkmode {
  float: left;
  width: 100%;
}

.checkmode > ul {
  margin: 30px, 0;
}

.checkmode > li {
  display: inline-block;
  width: 25%;
  border: 1px solid #c1c3c5;
}

.checkmode > li > input[type="radio"] {
  display: none;
}

.selectsmallest {
  width: 46%;
  padding-right: 10px;
  float: left;
  margin-bottom: 20px;
}

@media screen and (max-width: 400px) {
  .selectsmallest {
    padding-top: 5px;
  }
}

@media screen and (max-width: 912px) {
  .selectsmallest {
    width: 44%;
  }
}

@media screen and (max-width: 680px) {
  .selectsmallest {
    width: 100%;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 680px) {
  .selectsmallest {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.selectsmallest > input {
  padding: 5px 2px;
  width: 100%;
}

@media screen and (max-width: 400px) {
  .selectsmallest > input {
    padding: 0 2px;
  }
}

@media screen and (max-width: 400px) {
  .selectsmallest > label {
    font-size: 14px;
  }
}

.maptabs > input {
  display: none;
}

.maptabs > label {
  display: inline-block;
  margin: 0 0 -10px;
  padding: 15px 25px;
  text-align: center;
  border: 1px solid gainsboro;
  border-bottom: 0;
  background-color: #efefef;
}

@media screen and (max-width: 335px) {
  .maptabs > label {
    padding: 10px 5px;
    font-size: 12px;
  }
}

/*.maptabs > label[for*='maptabs1']:before {
	content: '\f1cb';
}
.maptabs > label[for*='maptabs2']:before {
	content: '\f17d';
} */

.maptabs > label:hover {
  cursor: pointer;
}

.maptabs > input:checked + label {
  color: #fff;
  background-color: #0078ae;
}

.maptabs > input:checked + label ~ section#maps.maptabs > section#search > form.form > section#content1.mapcontent1,
.maptabs > input:checked + label ~ section#maps.maptabs > section#search > form.form > section#content2.mapcontent2 {
  display: block;
}

@media screen and (max-width: 400px) {
  .maptabs > label {
    padding: 6px;
  }
}

maptabs > li.clearall {
  float: right;
}

.mapcontent2 > div {
  display: inline-block;
}

.mapcontent2 > .buttonsmaller {
  margin-top: 24px;
  padding: 16px 8px;
  line-height: 0;
  font-size: 1em;
}

@media screen and (max-width: 1035px) {
  .mapcontent2 > .buttonsmaller {
    width: 65px;
  }
}

@media screen and (max-width: 680px) {
  .mapcontent2 > .buttonsmaller {
    width: 98%;
    margin-top: 0;
  }
}

@media screen and (max-width: 500px) {
  .mapcontent2 > .buttonsmaller {
    width: 96%;
    margin-top: 10px;
  }
}

@media screen and (max-width: 400px) {
  .mapcontent2 > .buttonsmaller {
    padding: 10px 8px;
  }
}

article.transportmode {
  display: inline-block;
  width: 100%;
  padding-top: 20px;
}

article.transportmode > label {
  padding-right: .4%;
  margin: 1%;
}

@media screen and (max-width: 680px) {
  article.transportmode > label {
    width: 6.5%;
  }
}

article.transportmode > label > input {
  font-size: 0;
}

article.transportmode > label > div {
  width: 22% !important;
  border: 0;
  /*padding:10px 50px!important;*/
  background: #efefef;
  border: 1px solid #c1c3c5;
}

@media screen and (max-width: 650px) {
  article.transportmode > label > div {
    width: 45% !important;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 650px) {
  article.transportmode > label > div {
    padding: 0;
  }
}

li#clearfilters.clearall,
li#clearfilters.route {
  float: right !important;
  padding: 10px 0 0;
  width: 100px;
}

@media screen and (max-width: 650px) {
  li#clearfilters.clearall,
  li#clearfilters.route {
    margin: 10px 0 20px 0;
  }
}

li#clearfilters.clearall a {
  padding: 5% 15% 0;
  cursor: pointer;
}

@media screen and (max-width: 1025px) {
  li#clearfilters.clearall a {
    padding: 20px;
  }
}

@media screen and (max-width: 650px) {
  li#clearfilters.clearall a {
    padding: 0;
  }
}

li#clearfilters.route a {
  padding: 14% 5%;
  cursor: pointer;
  background-color: #5d9732;
  color: white;
}

li#clearfilters.route a:hover {
  background-color: #5a5c60;
}

.maptabs > input#maptabs1:checked ~ li#clearfilters.route {
  display: none;
}

/* ==========================================================================
   uos 1block
   1 box with images text and date - used on IPPI blog
   ========================================================================== */

.abox {
  display: block;
  height: auto;
  font-weight: bold;
  margin-bottom: 16px;
  width: 30%;
  float: left;
  color: #222222;
  margin-right: 15px;
}

.abox:hover a > p {
  color: #5a5c60;
  text-decoration: underline;
}

.abox > a > p {
  color: #222222;
  font-weight: bold;
  padding: 10px 2px;
  margin: 0;
  min-height: 90px;
  border-bottom: 0;
  margin-bottom: -10px;
  margin-right: -15px;
}

.abox > a > p > .date {
  margin-top: -20px;
  color: #222222;
}

@media screen and (max-width: 750px) {
  .abox {
    padding: 0 5px;
    width: 46%;
    height: auto;
  }
}

@media screen and (max-width: 450px) {
  .abox {
    width: 100%;
  }
}

.date {
  color: darkgray !important;
  margin-top: -20px;
}

/* ==========================================================================
  Xmas Countdown Discovery
   ========================================================================== */

.xmas {
  font-size: 1em;
  background: #0078ae;
}

.xmas .border-top,
.xmas .border-bottom {
  position: relative;
  background: transparent;
}

.xmas .border-top img,
.xmas .border-bottom img {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  /* Firefox                        */
  image-rendering: -o-crisp-edges;
  /* Opera                          */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and eventually Safari) */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+                           */
}

.xmas .border-bottom img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.xmas figure .xmas-background {
  background-position: top right;
  -webkit-background-size: 75%;
  background-size: 75%;
  background-repeat: no-repeat;
  content: "";
  opacity: 0.15;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

.xmas figure figcaption {
  background: transparent;
  padding: 10px 20px;
}

.xmas figure figcaption h2 {
  color: inherit;
}

.xmas.image a.hover figure {
  background: #5a5c60;
}

.xmas.image a.hover figcaption {
  background: inherit;
}

/* ==========================================================================
 Blockquote
   ========================================================================== */

.bodyquote {
  background: #efefef;
  border-left: 6px solid #c1c3c5;
  margin: 1.5em 0;
  padding: 1em 10px;
  /*quotes: "\201C""\201D";*/
}

.bodyquote:before {
  content: open-quote;
  font-size: 6em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}



.bodyquote .flexslider > .flex-direction-nav > li:before,
.bodyquote .flexslider > .slides > li:before {
  display: none;
}

.bodyquote .flexslider .slides img {
  float: left;
  width: auto;
  padding: 0 10px 10px 0;
}

.bodyquote.red {
  border-left: 6px solid #ee3224;
}

.bodyquote.green {
  border-left: 6px solid #5d9732;
}

.bodyquote.orange {
  border-left: 6px solid #f47b20;
}

.bodyquote.blue {
  border-left: 6px solid #0078ae;
}

.bodyquote.corpblue {
  border-left: 6px solid #002b5c;
}

.bodyquote.lightgrey {
  border-left: 6px solid gainsboro;
}

.bodyquote.midgrey {
  border-left: 6px solid #c1c3c5;
}

.bodyquote.darkgrey {
  border-left: 6px solid #222222;
}

.bodyquote.red:before {
  color: #ee3224;
}

.bodyquote.green:before {
  color: #5d9732;
}

.bodyquote.orange:before {
  color: #f47b20;
}

.bodyquote.blue:before {
  color: #0078ae;
}

.bodyquote.corpblue:before {
  color: #002b5c;
}

.bodyquote.lightgrey:before {
  color: gainsboro;
}

.bodyquote.midgrey:before {
  color: #c1c3c5;
}

.bodyquote.darkgrey:before {
  color: #222222;
}

/* ==========================================================================
  Homepage 2017
   ========================================================================== */

.home-2017 .grid-wrap {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 62em;
}

.home-2017 .grid-wrap:before,
.home-2017 .grid-wrap:after {
  content: " ";
  display: table;
}

.home-2017 .grid-wrap:after {
  clear: both;
}

/* related link */

news-heading
.home-2017 main section.related-link2 {
  margin-bottom: 40px;
  padding-bottom: 13.33333px;
}

.home-2017 main section {
  padding-bottom: 0px;
  border-top: 0px;
  margin-bottom: 40px;
}

@media screen and (min-width: 800px) {
  .home-2017 main section {
    margin-bottom: 0px;
  }
}

.orange-button {
  display: inline-block;
  background: #018489;
  color: white;
  padding: 10px 30px;
  border-radius: 50px;
  font-weight: bold;
  text-align: center;
  font-size: initial;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.orange-button:hover {
  background: #5a5c60;
  color: white;
}

.trans-button {
  display: inline-block;
  background: transparent;
  color: white;
  padding: 10px 30px;
  font-weight: bold;
  text-align: center;
  font-size: initial;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.trans-button:hover {
  background: #5a5c60;
  color: white;
}

.home-2017 .wrap {
  padding: 0px;
}

.home-2017 main .feature-home {
  border-bottom: 10px solid #c1c3c5 !important;
  margin-bottom: 0px;
  overflow: visible;
}

.home-2017 main .feature-home .wrap .background {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
}

@media screen and (min-width: 500px) {
  .home-2017 main .feature-home .wrap .background {
    height: 300px;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-home .wrap .background {
    height: 350px;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 main .feature-home .wrap .background {
    height: 450px;
  }
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap .background {
    height: 500px;
  }
}

@media screen and (min-width: 1200px) {
  .home-2017 main .feature-home .wrap .background {
    height: 600px;
  }
}

@media screen and (min-width: 1400px) {
  .home-2017 main .feature-home .wrap .background {
    height: 650px;
  }
}

.home-2017 main .feature-home .wrap .background video,
.home-2017 main .feature-home .wrap .background #bannerImage img {
  width: 100%;
}

@media screen and (min-width: 800px) {
  .home-2017 main .feature-home .wrap .background video,
  .home-2017 main .feature-home .wrap .background #bannerImage img {
    position: absolute;
    top: -999px;
    bottom: -999px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.home-2017 main .feature-home .wrap .background .pause-button {
  display: none;
  position: absolute;
  opacity: 0;
  top: -100px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap .background .pause-button {
    display: block;
  }
}

.home-2017 main .feature-home .wrap .background:hover .pause-button {
  opacity: 0.5;
}

.home-2017 main .feature-home .wrap .background:hover .pause-button:hover {
  opacity: 0.8;
  cursor: pointer;
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper {
  background: #002b5c;
  z-index: 2;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper {
    position: absolute;
    background: transparent;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1061px;
  line-height: 1;
  border-bottom: 5px solid #c1c3c5;
  padding: 20px 0;
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
    margin-bottom: 20px;
    padding: 0;
    border-bottom: 0;
  }
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.right {
  text-align: right;
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
  pointer-events: auto;
  display: inline-block;
  color: white;
  padding: 10px 20px;
  font-size: 1.4em;
}

@media screen and (min-width: 500px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
    font-size: 2.2em;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
    font-size: 2.6em;
  }
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
    background: rgba(0, 43, 92, 0.85);
    padding: 20px 30px;
    font-size: 3em;
  }
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 {
  padding-bottom: 20px;
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
  padding-bottom: 0;
}

@media screen and (min-width: 500px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
    font-size: 1.8em;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
    font-size: 2em;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
    font-size: 2em;
  }
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
  font-weight: bold;
}

.home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .banner-button {
  margin: 10px 15px;
  padding: 15px 30px;
  pointer-events: initial;
  font-size: 1.4rem;
  display: block;
}

@media screen and (min-width: 500px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .banner-button {
    display: inline-block;
  }
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .banner-button {
    margin: 10px 0 0 0;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 main .feature-home .wrap.top video,
  .home-2017 main .feature-home .wrap.top #bannerImage img {
    top: 0;
    bottom: auto;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 main .feature-home .wrap.bottom video,
  .home-2017 main .feature-home .wrap.bottom #bannerImage img {
    top: auto;
    bottom: 0;
  }
}

.home-2017 main .feature-home .wrap.video-background video {
  display: none;
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap.video-background video {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap.video-background #bannerImage {
    display: none;
  }
}

.home-2017 main .feature-home .wrap #bannerImage {
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-home .wrap #bannerImage.scale-up {
    display: block;
  }
}

#courseSearchBar {
  pointer-events: auto;
  display: block;
  color: white;
  padding: 15px;
  background: rgba(0, 43, 92, 0.85);
}

#courseSearchBar.level-page {
  padding: 10px 15px;
  background: #002b5c;
}

@media screen and (min-width: 800px) {
  #courseSearchBar.level-page {
    padding: 40px 15px;
  }
}

#courseSearchBar #courseSearchFormWrapper {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  max-width: 62em;
}

#courseSearchBar #courseSearchFormWrapper:before,
#courseSearchBar #courseSearchFormWrapper:after {
  content: " ";
  display: table;
}

#courseSearchBar #courseSearchFormWrapper:after {
  clear: both;
}

#courseSearchBar #courseSearchFormWrapper #studyWithUs,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput,
#courseSearchBar #courseSearchFormWrapper #courseListButton {
  text-align: center;
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
  margin-bottom: 10px;
}

#courseSearchBar #courseSearchFormWrapper #studyWithUs:last-child,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput:last-child,
#courseSearchBar #courseSearchFormWrapper #courseListButton:last-child {
  margin-right: 0;
}

@media screen and (min-width: 800px) {
  #courseSearchBar #courseSearchFormWrapper #studyWithUs,
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput,
  #courseSearchBar #courseSearchFormWrapper #courseListButton {
    margin-bottom: 0;
  }
}

#courseSearchBar #courseSearchFormWrapper #studyWithUs {
  font-weight: bold;
  font-size: 1.4rem;
  padding: 6px;
}

@media screen and (min-width: 800px) {
  #courseSearchBar #courseSearchFormWrapper #studyWithUs {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  #courseSearchBar #courseSearchFormWrapper #studyWithUs:last-child {
    margin-right: 0;
  }
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form {
  position: relative;
  max-width: 500px;
  margin: auto;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form input#HPCourseSearch {
  padding: 11px;
  width: 100%;
  border: 0px;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form button#submit {
  background: #018489;
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 10px;
  margin: auto;
  line-height: 0.4;
  width: 40px;
  border-radius: 0;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form button#submit i {
  font-size: 1rem;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form button#submit:hover {
  background: #c1c3c5;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form button#submit:hover i {
  color: white;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals {
  display: none;
  position: absolute;
  width: 100%;
  margin: 4px 0 0 0;
  text-align: left;
  padding: 10px;
  background: white;
  z-index: 3;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #222222;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(34, 34, 34, 0.2);
  box-shadow: 5px 5px 10px 0px rgba(34, 34, 34, 0.2);
}

@media screen and (min-width: 800px) {
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results,
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals {
    max-height: none;
    overflow: auto;
  }
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li {
  list-style: none;
  margin-bottom: 4px;
  background: white;
  -webkit-box-shadow: 2px 2px 5px rgba(34, 34, 34, 0);
  box-shadow: 2px 2px 5px rgba(34, 34, 34, 0);
  border-left: 4px solid #ee3224;
  overflow: hidden;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key {
  border-left: 0;
  margin-bottom: 10px;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key:hover,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key:hover {
  background: white;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key input,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key input {
  display: none;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-checkbox {
  cursor: pointer;
  background: transparent;
  color: white;
  border: 2px solid;
  text-align: center;
  font-size: 0.9em;
  padding: 5px;
  margin-bottom: 5px;
}

@media screen and (min-width: 680px) {
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-checkbox,
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-checkbox {
    display: inline-block;
    width: -webkit-calc((100% - 10px) / 3);
    width: calc((100% - 10px) / 3);
    margin-bottom: 0;
  }
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug .award-checkbox {
  background: white;
  color: #ee3224;
}

@media screen and (min-width: 680px) {
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug .award-checkbox,
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug .award-checkbox {
    margin-right: 5px;
  }
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug input[type=checkbox]:checked ~ .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-ug .award-checkbox.default,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug input[type=checkbox]:checked ~ .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-ug .award-checkbox.default {
  background: #ee3224;
  border-color: #ee3224;
  color: white;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt .award-checkbox {
  background: white;
  color: #0078ae;
}

@media screen and (min-width: 680px) {
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt .award-checkbox,
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt .award-checkbox {
    margin-right: 5px;
  }
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt input[type=checkbox]:checked ~ .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgt .award-checkbox.default,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt input[type=checkbox]:checked ~ .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgt .award-checkbox.default {
  background: #0078ae;
  border-color: #0078ae;
  color: white;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgr .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgr .award-checkbox {
  background: white;
  color: #5d9732;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgr input[type=checkbox]:checked ~ .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.award-key .award-key-pgr .award-checkbox.default,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgr input[type=checkbox]:checked ~ .award-checkbox,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.award-key .award-key-pgr .award-checkbox.default {
  background: #5d9732;
  border-color: #5d9732;
  color: white;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.hide,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.hide {
  display: none;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result {
  overflow: auto;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result .course-result-name,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result .course-result-name {
  display: block;
  padding: 5px 10px;
  color: #222222;
  font-weight: bold;
}

@media screen and (min-width: 680px) {
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result .course-result-name,
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result .course-result-name {
    padding: 5px 20px;
  }
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li .course-result .course-result-award,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li .course-result .course-result-award {
  float: right;
  padding: 5px 10px;
  margin-left: 5px;
  color: #ee3224;
  font-size: 0.9em;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.viewmore,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.viewmore {
  border-left: 0;
  margin-top: 20px;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.viewmore .orange-button,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.viewmore .orange-button {
  width: 100%;
  margin-bottom: 0;
  line-height: inherit;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgt,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgt {
  border-left: 4px solid #0078ae;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgt .course-result-award,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgt .course-result-award {
  color: #0078ae;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgr,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgr {
  border-left: 4px solid #5d9732;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.pgr .course-result-award,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.pgr .course-result-award {
  color: #5d9732;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.selected,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li:hover,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.selected,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li:hover {
  background: #5a5c60;
}

#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.selected .course-result-name,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li.selected .course-result-award,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li:hover .course-result-name,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #results li:hover .course-result-award,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.selected .course-result-name,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li.selected .course-result-award,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li:hover .course-result-name,
#courseSearchBar #courseSearchFormWrapper #courseSearchInput form #search_totals li:hover .course-result-award {
  color: white;
}

@media screen and (min-width: 800px) {
  #courseSearchBar #courseSearchFormWrapper #courseSearchInput {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  #courseSearchBar #courseSearchFormWrapper #courseSearchInput:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  #courseSearchBar #courseSearchFormWrapper #courseListButton {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
  }

  #courseSearchBar #courseSearchFormWrapper #courseListButton:last-child {
    margin-right: 0;
  }
}

#courseSearchBar #courseSearchFormWrapper #courseListButton .orange-button {
  display: block;
}

@media screen and (min-width: 500px) {
  #courseSearchBar #courseSearchFormWrapper #courseListButton .orange-button {
    display: inline-block;
  }
}

.home-2017 .tagline {
  position: relative;
  padding: 50px 10px;
  background-color: #eee;
}

.home-2017 .tagline .tagline-background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0.1;
}

.home-2017 .tagline .grid-wrap {
  position: relative;
}

.home-2017 .tagline .grid-wrap .tagline-text h2 {
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  padding: 0 20px;
  margin: auto;
  border-left: 4px solid #0078ae;
  border-right: 4px solid #0078ae;
  border-bottom: 0;
  min-height: auto;
}

@media screen and (min-width: 680px) {
  .home-2017 .tagline .grid-wrap .tagline-text h2 {
    max-width: 600px;
    padding: 0 60px;
  }
}

.home-2017 .testimonial,
.home-2017 .single-image-tagline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 10px;
  margin-bottom: 0;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial,
  .home-2017 .single-image-tagline {
    padding: 60px 10px;
  }
}

.home-2017 .testimonial .grid-wrap,
.home-2017 .single-image-tagline .grid-wrap {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap,
  .home-2017 .single-image-tagline .grid-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.home-2017 .testimonial .grid-wrap .testimonial-image,
.home-2017 .testimonial .grid-wrap .single-image,
.home-2017 .single-image-tagline .grid-wrap .testimonial-image,
.home-2017 .single-image-tagline .grid-wrap .single-image {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-image,
  .home-2017 .testimonial .grid-wrap .single-image,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-image,
  .home-2017 .single-image-tagline .grid-wrap .single-image {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-left: 8.46111%;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .home-2017 .testimonial .grid-wrap .testimonial-image:last-child,
  .home-2017 .testimonial .grid-wrap .single-image:last-child,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-image:last-child,
  .home-2017 .single-image-tagline .grid-wrap .single-image:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 .testimonial .grid-wrap .testimonial-image,
  .home-2017 .testimonial .grid-wrap .single-image,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-image,
  .home-2017 .single-image-tagline .grid-wrap .single-image {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-left: 16.92222%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .home-2017 .testimonial .grid-wrap .testimonial-image:last-child,
  .home-2017 .testimonial .grid-wrap .single-image:last-child,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-image:last-child,
  .home-2017 .single-image-tagline .grid-wrap .single-image:last-child {
    margin-right: 0;
  }
}

.home-2017 .testimonial .grid-wrap .testimonial-image img,
.home-2017 .testimonial .grid-wrap .single-image img,
.home-2017 .single-image-tagline .grid-wrap .testimonial-image img,
.home-2017 .single-image-tagline .grid-wrap .single-image img {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: auto;
}

.home-2017 .testimonial .grid-wrap .testimonial-image img,
.home-2017 .single-image-tagline .grid-wrap .testimonial-image img {
  border-radius: 50%;
  width: 60%;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-image img,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-image img {
    width: 100%;
  }
}

.home-2017 .testimonial .grid-wrap .single-image img,
.home-2017 .single-image-tagline .grid-wrap .single-image img {
  width: 100%;
}

@media screen and (min-width: 500px) {
  .home-2017 .testimonial .grid-wrap .single-image img,
  .home-2017 .single-image-tagline .grid-wrap .single-image img {
    width: 60%;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .single-image img,
  .home-2017 .single-image-tagline .grid-wrap .single-image img {
    width: 100%;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-divider,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-divider {
    position: absolute;
    left: 50%;
    top: 0px;
    height: 100%;
    border-left: 4px solid #0078ae;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-quote,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-left: 16.92222%;
    padding: 20px 0 0 20px;
  }

  .home-2017 .testimonial .grid-wrap .testimonial-quote:last-child,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text:last-child,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote:last-child,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 .testimonial .grid-wrap .testimonial-quote,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-left: 16.92222%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .home-2017 .testimonial .grid-wrap .testimonial-quote:last-child,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text:last-child,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote:last-child,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text:last-child {
    margin-right: 0;
  }
}

.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text {
  border-left: 4px solid #0078ae;
  padding-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text {
    border-left: 0px;
    padding-left: 0;
  }
}

.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text blockquote,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text blockquote,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote {
  margin: 0;
  color: #002b5c;
  font-weight: bold;
  font-size: 1.2em;
}

.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::before,
.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::after,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::before,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::after,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::before,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text blockquote::after,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::before,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote::after {
  color: #0078ae;
  font-size: 4em;
  line-height: 0.1em;
  margin: 0 10px;
}

@media screen and (min-width: 800px) {
  .home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text blockquote,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text blockquote,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text blockquote {
    font-size: 1.4em;
  }
}

.home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .testimonial-quote-text .testimonial-credit,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .testimonial-quote-text .testimonial-credit {
    margin-top: auto;
    padding-top: 20px;
  }
}

.home-2017 .testimonial .grid-wrap .testimonial-quote h2,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text h2,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote h2,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text h2 {
  margin-top: 0;
  font-weight: bold;
  font-size: 1.8em;
  border-bottom: 0;
  padding: 0 0 0 10px;
  border-left: 4px solid #0078ae;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-quote h2,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text h2,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote h2,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text h2 {
    border-left: 0;
    padding-left: 0;
  }
}

.home-2017 .testimonial .grid-wrap .testimonial-quote .button-container,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote .button-container,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container {
  margin-top: 20px;
}

.home-2017 .testimonial .grid-wrap .testimonial-quote .button-container .orange-button,
.home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container .orange-button,
.home-2017 .single-image-tagline .grid-wrap .testimonial-quote .button-container .orange-button,
.home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container .orange-button {
  display: block;
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .testimonial-quote .button-container .orange-button,
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container .orange-button,
  .home-2017 .single-image-tagline .grid-wrap .testimonial-quote .button-container .orange-button,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container .orange-button {
    display: inline-block;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 .testimonial .grid-wrap .single-image-tagline-text .button-container,
  .home-2017 .single-image-tagline .grid-wrap .single-image-tagline-text .button-container {
    margin-bottom: 20px;
  }
}

.home-2017 main .feature-background {
  position: relative;
  border-top: 0px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 450px;
    padding-right: 20px;
    padding-left: 40px;
  }
}

.home-2017 main .feature-background .media-container {
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .media-container {
    height: 450px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
}

.home-2017 main .feature-background .media-container video,
.home-2017 main .feature-background .media-container .background-image {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .media-container video,
  .home-2017 main .feature-background .media-container .background-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.home-2017 main .feature-background .media-container video.top,
.home-2017 main .feature-background .media-container .background-image.top {
  background-position: center top;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .media-container video.top,
  .home-2017 main .feature-background .media-container .background-image.top {
    bottom: auto;
  }
}

.home-2017 main .feature-background .media-container video.bottom,
.home-2017 main .feature-background .media-container .background-image.bottom {
  background-position: center bottom;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .media-container video.bottom,
  .home-2017 main .feature-background .media-container .background-image.bottom {
    top: auto;
  }
}

.home-2017 main .feature-background .media-container .background-image {
  height: 0;
  padding-top: 37.5%;
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .media-container .background-image {
    padding-top: 0;
    height: 450px;
  }
}

.home-2017 main .feature-background .media-container.video-background video {
  display: none;
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-background .media-container.video-background video {
    display: block;
  }
}

.home-2017 main .feature-background .media-container.video-background .background-image {
  display: block;
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-background .media-container.video-background .background-image {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-background .media-container.video-background .background-image.scale-up {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-background .media-container.video-background .pause-button {
    display: block;
  }
}

.home-2017 main .feature-background .media-container .pause-button {
  position: absolute;
  display: none;
  opacity: 0;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.home-2017 main .feature-background .media-container:hover .pause-button {
  opacity: 0.5;
}

.home-2017 main .feature-background .media-container:hover .pause-button:hover {
  opacity: 0.8;
  cursor: pointer;
}

.home-2017 main .feature-background .feature-container-wrapper {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  max-width: 62em;
  width: 100%;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}

.home-2017 main .feature-background .feature-container-wrapper:before,
.home-2017 main .feature-background .feature-container-wrapper:after {
  content: " ";
  display: table;
}

.home-2017 main .feature-background .feature-container-wrapper:after {
  clear: both;
}

.home-2017 main .feature-background .feature-container-wrapper a {
  color: #222222;
}

.home-2017 main .feature-background .feature-container-wrapper a .orange-button {
  color: white;
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container {
  pointer-events: auto;
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
  float: right;
  background: white;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container:last-child {
  margin-right: 0;
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .home-2017 main .feature-background .feature-container-wrapper .feature-container:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 40.77223%;
  }

  .home-2017 main .feature-background .feature-container-wrapper .feature-container:last-child {
    margin-right: 0;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container.right {
  float: right;
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header,
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body {
  padding: 20px;
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header,
.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
  position: relative;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header,
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
    left: -20px;
    top: -20px;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header {
  background: #0078ae;
  padding: 15px;
  padding-left: 30px;
  margin-bottom: 20px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header {
    margin-bottom: 0px;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header h2 {
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  min-height: auto;
  margin: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #002b5c transparent transparent;
  display: none;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-header-shadow {
    display: block;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body {
  background: white;
  color: black;
  padding: 0 10px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body {
    padding: 0 20px;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text {
  position: relative;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text {
    padding-left: 20px;
    border-left: 4px solid #0078ae;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text {
    top: -20px;
    margin-bottom: 0px;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .feature-body-text-inner {
  border-left: 4px solid #0078ae;
  padding-left: 10px;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .feature-body-text-inner {
    border-left: 0;
    padding-left: 0;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .feature-body-text-inner p {
  margin-top: 0px;
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .button-container {
  text-align: right;
  margin-top: 20px;
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .button-container .orange-button {
  font-size: initial;
  display: block;
}

@media screen and (min-width: 680px) {
  .home-2017 main .feature-background .feature-container-wrapper .feature-container .feature-body .feature-body-text .button-container .orange-button {
    display: inline-block;
  }
}

.home-2017 main .feature-background .feature-container-wrapper .feature-container:hover .feature-body-text {
  border-color: #5a5c60;
}

.home-2017 .single-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video {
    height: 450px;
  }
}

.home-2017 .single-video .grid-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video .grid-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.home-2017 .single-video .grid-wrap .single-video-container {
  position: relative;
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video .grid-wrap .single-video-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-left: 8.46111%;
  }

  .home-2017 .single-video .grid-wrap .single-video-container:last-child {
    margin-right: 0;
  }
}

.home-2017 .single-video .grid-wrap .single-video-container .single-video-padding {
  padding-top: 56.25%;
}

.home-2017 .single-video .grid-wrap a .single-video-caption {
  color: #222222;
}

.home-2017 .single-video .grid-wrap .single-video-caption {
  margin-top: 20px;
  display: block;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video .grid-wrap .single-video-caption {
    border-left: 4px solid #0078ae;
    margin-left: 10px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video .grid-wrap .single-video-caption {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .home-2017 .single-video .grid-wrap .single-video-caption:last-child {
    margin-right: 0;
  }
}

.home-2017 .single-video .grid-wrap .single-video-caption .single-video-caption-content {
  margin-left: 10px;
  border-left: 4px solid #0078ae;
  padding-left: 10px;
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video .grid-wrap .single-video-caption .single-video-caption-content {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
  }
}

.home-2017 .single-video .grid-wrap .single-video-caption .single-video-caption-content h2 {
  margin-top: 0;
  font-weight: bold;
  font-size: 1.8em;
  border-bottom: 0;
}

.home-2017 .single-video .grid-wrap .single-video-caption .button-container {
  padding: 0 10px;
  margin-top: auto;
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video .grid-wrap .single-video-caption .button-container {
    text-align: right;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 .single-video .grid-wrap .single-video-caption .button-container {
    margin-top: auto;
  }
}

.home-2017 .single-video .grid-wrap .single-video-caption .button-container .orange-button {
  display: block;
}

@media screen and (min-width: 680px) {
  .home-2017 .single-video .grid-wrap .single-video-caption .button-container .orange-button {
    display: inline-block;
  }
}

.home-2017 .single-video .grid-wrap .single-video-caption:hover {
  border-color: #5a5c60;
  color: #222222;
}

@media screen and (min-width: 800px) {
  .home-2017 .news {
    padding: 80px 0;
  }
}

.home-2017 .news .grid-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 10px;
  }
}

.home-2017 .news .grid-wrap.news-heading {
  display: block;
  padding: 0 10px;
}

.home-2017 .news .grid-wrap.news-heading h2 {
  border-bottom: 0;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  min-height: auto;
  padding-bottom: 0.5em;
}

.home-2017 .news .grid-wrap.news-heading hr {
  border-top: 3px solid #0078ae;
  max-width: 100px;
  width: 100%;
  margin: 0;
  margin-bottom: 40px;
  text-align: left;
}

.home-2017 .news .grid-wrap .news-featured {
  position: relative;
  padding: 0 10px;
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap .news-featured {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 57.69445%;
    padding: 0;
  }

  .home-2017 .news .grid-wrap .news-featured:last-child {
    margin-right: 0;
  }
}

.home-2017 .news .grid-wrap .news-featured .news-featured-item {
  text-decoration: none;
  display: block;
  border-left: 4px solid #0078ae;
  padding-left: 10px;
  color: #222222;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap .news-featured .news-featured-item {
    padding-left: 20px;
  }
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap .news-featured .news-featured-item:hover {
    border-left: 4px solid #5a5c60;
  }

  .home-2017 .news .grid-wrap .news-featured .news-featured-item:hover h3 {
    color: rgba(34, 34, 34, 0.8);
  }
}

.home-2017 .news .grid-wrap .news-featured .news-featured-item h3 {
  font-weight: bold;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.home-2017 .news .grid-wrap .news-items {
  margin-top: 20px;
  padding: 0 10px;
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap .news-items {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 40.77223%;
    margin-left: 0%;
    margin-top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
  }

  .home-2017 .news .grid-wrap .news-items:last-child {
    margin-right: 0;
  }

  .home-2017 .news .grid-wrap .news-items a:hover {
    text-decoration: none;
  }
}

.home-2017 .news .grid-wrap .news-items .news-item {
  padding-left: 10px;
  border-left: 4px solid #0078ae;
  margin-bottom: 20px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap .news-items .news-item {
    padding-left: 20px;
  }
}

.home-2017 .news .grid-wrap .news-items .news-item h3 {
  margin-top: 0;
  font-size: 1.4em;
  font-weight: bold;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.home-2017 .news .grid-wrap .news-items .news-item .news-item-date {
  color: #222222;
}

.home-2017 .news .grid-wrap .news-items .news-item:hover {
  border-color: #5a5c60;
}

.home-2017 .news .grid-wrap .news-items .news-item:hover h3 {
  color: rgba(34, 34, 34, 0.8);
}

.home-2017 .news .grid-wrap .news-items .button-container {
  margin-top: auto;
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap .news-items .button-container {
    text-align: right;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 .news .grid-wrap .news-items .button-container {
    margin-top: auto;
  }
}

.home-2017 .news .grid-wrap .news-items .button-container .orange-button {
  display: block;
}

@media screen and (min-width: 680px) {
  .home-2017 .news .grid-wrap .news-items .button-container .orange-button {
    display: inline-block;
  }
}

.home-2017 .quick-links {
  position: relative;
  background: #002b5c;
  padding: 20px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

@media screen and (min-width: 800px) {
  .home-2017 .quick-links {
    height: 450px;
  }
}

.home-2017 .quick-links .quick-links-background {
  position: absolute;
  display: block;
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0.1;
}

.home-2017 .quick-links .grid-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.home-2017 .quick-links .grid-wrap .quick-link {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  border: 3px solid white;
  padding: 20px;
  margin: 10px 0;
  width: 100%;
  color: white;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media screen and (min-width: 500px) {
  .home-2017 .quick-links .grid-wrap .quick-link {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:last-child {
    margin-right: 0;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n) {
    margin-right: 0;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 800px) {
  .home-2017 .quick-links .grid-wrap .quick-link {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:last-child {
    margin-right: 0;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:nth-child(2n+1) {
    clear: none;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:nth-child(4n) {
    margin-right: 0;
  }

  .home-2017 .quick-links .grid-wrap .quick-link:nth-child(4n+1) {
    clear: left;
  }
}

.home-2017 .quick-links .grid-wrap .quick-link h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: white;
  border-bottom: 0px;
  margin-top: 0px;
  min-height: auto;
  padding: 0;
}

.home-2017 .quick-links .grid-wrap .quick-link hr {
  border-top: 3px solid white;
  max-width: 100px;
  width: 100%;
  margin: 0;
  text-align: left;
}

.home-2017 .quick-links .grid-wrap .quick-link button {
  background: transparent;
  display: inline-block;
  float: right;
  line-height: 0;
  font-size: initial;
  text-align: right;
  margin-bottom: 0;
  margin-top: auto;
  padding: 0;
}

.home-2017 .quick-links .grid-wrap .quick-link button svg {
  overflow: visible;
}

.home-2017 .quick-links .grid-wrap .quick-link button.hover {
  background: transparent;
}

.home-2017 .quick-links .grid-wrap .quick-link::before {
  display: none;
  content: '';
  padding-top: 100%;
  float: left;
}

.home-2017 .quick-links .grid-wrap .quick-link:focus {
  background: #5a5c60;
}

@media screen and (min-width: 800px) {
  .home-2017 .quick-links .grid-wrap .quick-link:hover {
    background: #5a5c60;
  }
}

/* ==========================================================================
   uos HP2017 Featurewithbuttons  --- 
   ========================================================================== */

.featurewithbuttons {
  padding: 2%;
  padding-top: 5%;
}

@media only screen and (min-width: 600px) {
  .featurewithbuttons {
    margin: 4% 0;
    margin-bottom: 4% !important;
    padding: 2%;
    padding-top: 0;
  }
}

@media only screen and (min-width: 900px) {
  .featurewithbuttons {
    padding: 0;
  }
}

@media only screen and (min-width: 900px) {
  .featurewithbuttons > section {
    margin-bottom: 0;
  }
}

.featurewithbuttons > .maintext {
  border-left: 4px solid #0078ae;
  float: left;
  margin: auto;
  margin-left: 0;
  width: 100%;
  padding: 0 2%;
}

@media only screen and (min-width: 600px) {
  .featurewithbuttons > .maintext {
    width: 90%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 900px) {
  .featurewithbuttons > .maintext {
    width: 48.5%;
    /* margin-top: 30px;*/
    margin-left: 18%;
  }
}

.featurewithbuttons > .maintext > h2 {
  font-size: 1.6em;
  margin-bottom: 0;
  border-bottom: 0;
  font-weight: bold;
  margin-top: 0;
}

@media only screen and (min-width: 600px) {
  .featurewithbuttons > .maintext > h2 {
    margin-bottom: -20px;
  }
}

.featurewithbuttons > .maintext > h3 {
  font-size: 1.4em;
  margin-bottom: .8em;
  margin-left: 0;
  padding-right: 2%;
  padding-left: 1%;
}

@media only screen and (min-width: 900px) {
  .featurewithbuttons > .maintext > h3 {
    margin-left: 0;
    width: 100%;
  }
}

.featurewithbuttons > .maintext > h3 > sup,
.featurewithbuttons > .maintext > h3 sub {
  font-size: 50%;
}

.featurewithbuttons > .maintext > h3 > a {
  color: #0078ae;
}

.featurewithbuttons > .maintext > h3 > p {
  font-weight: normal;
}

.featurewithbuttons > .maintext > h3 > a:hover {
  color: #f47b20;
  text-decoration: none;
}

.featurewithbuttons > .mainbuttons {
  float: left;
  width: 95%;
  margin-left: 0;
}

@media only screen and (min-width: 600px) {
  .featurewithbuttons > .mainbuttons {
    width: 100%;
    margin-left: 0;
  }
}

@media only screen and (min-width: 900px) {
  .featurewithbuttons > .mainbuttons {
    width: 15%;
    /*margin-left:35px;*/
  }
}

.featurewithbuttons > .mainbuttons > a.buttonblue {
  display: inline-block;
  background: #f47b20;
  color: white;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  font-size: initial;
  margin: 2%;
  width: 100%;
}

.featurewithbuttons > .mainbuttons > a.buttonblue:hover {
  background: #5a5c60;
}

@media only screen and (min-width: 1206px) {
  .featurewithbuttons > .mainbuttons > a.buttonblue {
    width: 50%;
    margin: 2% 0;
  }
}

@media only screen and (min-width: 600px) {
  .featurewithbuttons > .mainbuttons > a.buttonblue {
    width: 100%;
    margin: 2% 0;
  }
}

.home-2017 .triptych {
  position: relative;
  background-color: gainsboro;
  padding-top: 40px;
}

@media screen and (min-width: 680px) {
  .home-2017 .triptych {
    padding-top: 0;
  }
}

.home-2017 .triptych .triptych-background {
  position: absolute;
  display: block;
  content: ' ';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  opacity: 0.1;
}

.home-2017 .triptych .grid-wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 680px) {
  .home-2017 .triptych .grid-wrap {
    padding: 0 10px;
  }
}

.home-2017 .triptych .grid-wrap .triptych-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 40px;
  padding: 0 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex-grow: 1;
}

@media screen and (min-width: 680px) {
  .home-2017 .triptych .grid-wrap .triptych-item {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0;
    margin-bottom: 0;
  }

  .home-2017 .triptych .grid-wrap .triptych-item:last-child {
    margin-right: 0;
  }
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-media {
  position: relative;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  -ms-flex-direction: row;
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-media.triptych-video .jwplayer {
  position: relative;
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-content {
  text-decoration: none;
  background: #002b5c;
  padding: 20px;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-content h2 {
  color: white;
  border-bottom: 0;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  min-height: auto;
  font-size: 1.8em;
  padding: 0;
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-content hr {
  border-top: 3px solid white;
  max-width: 100px;
  width: 100%;
  margin: 0;
  text-align: left;
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-content button {
  background: transparent;
  display: inline-block;
  float: right;
  line-height: 0;
  font-size: initial;
  text-align: right;
  margin-bottom: 0;
  margin-top: auto;
  padding: 10px;
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-content button svg {
  overflow: visible;
}

.home-2017 .triptych .grid-wrap .triptych-item .triptych-content button.hover {
  background: transparent;
}

.home-2017 .triptych .grid-wrap .triptych-item:focus .triptych-content {
  background: #5a5c60;
}

@media screen and (min-width: 800px) {
  .home-2017 .triptych .grid-wrap .triptych-item:hover .triptych-content {
    background: #5a5c60;
  }
}

main {
  padding-bottom: 20px;
}

.home-2017 main section.isotope-item {
  margin-bottom: 16px;
}

.home-2017 main section.related-link-panel {
  padding-bottom: 10px;
}

.home-2017 main section .lists {
  margin-bottom: 40px;
}

.home-2017.lt-ie10 main .testimonial,
.home-2017.lt-ie10 main .single-video,
.home-2017.lt-ie10 main .quick-links {
  display: table-cell;
  width: 100vw;
  vertical-align: middle;
}

.home-2017.lt-ie10 main .feature-background {
  padding-top: 60px;
}

.home-2017.lt-ie10 main .triptych-content {
  display: table-cell;
}

footer#footer2017 {
  padding: 0;
  background: white;
  font-family: 'Alegreya Sans', sans-serif;
}

footer#footer2017 .grid-wrap {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 62em;
}

footer#footer2017 .grid-wrap:before,
footer#footer2017 .grid-wrap:after {
  content: " ";
  display: table;
}

footer#footer2017 .grid-wrap:after {
  clear: both;
}

footer#footer2017 h2 {
  font-weight: bold;
  font-size: 2.1em;
  border-bottom: 0px;
  color: #002b5c;
}

footer#footer2017 .footer-column {
  padding: 0 10px;
  border-left: 4px solid #0078ae;
  margin-bottom: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 680px) {
  footer#footer2017 .footer-column {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  footer#footer2017 .footer-column:last-child {
    margin-right: 0;
  }

  footer#footer2017 .footer-column:nth-child(2n) {
    margin-right: 0;
  }

  footer#footer2017 .footer-column:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 800px) {
  footer#footer2017 .footer-column {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-bottom: 20px;
  }

  footer#footer2017 .footer-column:last-child {
    margin-right: 0;
  }

  footer#footer2017 .footer-column:nth-child(2n) {
    margin-right: 1.53331%;
  }

  footer#footer2017 .footer-column:nth-child(2n+1) {
    clear: none;
  }

  footer#footer2017 .footer-column:nth-child(4n) {
    margin-right: 0;
  }

  footer#footer2017 .footer-column:nth-child(4n+1) {
    clear: left;
  }
}

footer#footer2017 .footer-column h3 {
  font-weight: bold;
  margin-top: 0;
  font-size: 1.4em;
}

footer#footer2017 .footer-column h3 a {
  color: #002b5c;
  text-decoration: none;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

footer#footer2017 .footer-column h3 a:hover {
  color: rgba(34, 34, 34, 0.8);
}

footer#footer2017 .footer-column ul {
  padding: 0;
  margin-bottom: 0;
  max-width: 100%;
}

footer#footer2017 .footer-column ul li {
  list-style-type: none;
  font-size: 0.9em;
  margin-bottom: 5px;
}

footer#footer2017 .footer-column ul li a {
  color: #222222;
  text-decoration: none;
}

footer#footer2017 .footer-column ul li:last-of-type {
  margin-bottom: 0;
}

footer#footer2017 .footer-column ul.social-icons li {
  display: inline-block;
}

footer#footer2017 .faculties-header {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

footer#footer2017 .faculties {
  padding: 20px 10px;
  padding-top: 0;
}

footer#footer2017 .faculties .footer-column ul li a {
  color: #222222;
  text-decoration: none;
}

footer#footer2017 .faculties .footer-column ul li a:hover {
  color: rgba(34, 34, 34, 0.8);
}

footer#footer2017 .services {
  background-color: #222222;
}

footer#footer2017 .services .grid-wrap {
  padding: 40px 10px;
  padding-bottom: 0;
}

footer#footer2017 .services h3 {
  color: white;
}

footer#footer2017 .services h3 a {
  color: inherit;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

footer#footer2017 .services h3 a:hover {
  color: rgba(255, 255, 255, 0.8);
}

footer#footer2017 .services .footer-column ul {
  margin-bottom: 20px;
}

footer#footer2017 .services .footer-column ul:last-of-type {
  margin-bottom: 0;
}

footer#footer2017 .services .footer-column ul a {
  color: #c1c3c5;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

footer#footer2017 .services .footer-column ul a:hover {
  color: rgba(193, 195, 197, 0.8);
}

footer#footer2017 .services .footer-column ul a li {
  font-size: 1.8em;
}

footer#footer2017 .services hr {
  clear: both;
  border-color: #444;
}

footer#footer2017 .services p {
  color: #c1c3c5;
  font-size: 0.9em;
}

.footer-breadcrumb {
  background: #c1c3c5;
  clear: both;
}

.footer-breadcrumb ul {
  width: 100%;
  max-width: -webkit-calc(62em + 4%);
  max-width: calc(62em + 4%);
  margin: auto;
}

/* ==========================================================================
   Page Save
   ========================================================================== */

.pagesave {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  margin-right: 0;
  position: relative;
}

.pagesave:last-child {
  margin-right: 0;
}

@media screen and (min-width: 680px) {
  .pagesave {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-right: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .pagesave:last-child {
    margin-right: 0;
  }
}

.pagesave .pagesave-icons {
  text-align: right;
  font-size: 1.66667rem;
}

.pagesave .pagesave-icons .page-save-message-container {
  position: relative;
  height: 45px;
  display: inline-block;
  width: 120px;
  vertical-align: top;
}

.pagesave .pagesave-icons .page-save-message-container .page-save-message {
  position: absolute;
  top: 30%;
  right: 0;
  font-size: 1rem;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.pagesave .pagesave-icons .page-save-message-container .page-save-message.active-message {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s;
}

.pagesave .pagesave-icons .page-save-icons-container {
  display: inline-block;
}

.pagesave .pagesave-icons .page-save-icons-container .star,
.pagesave .pagesave-icons .page-save-icons-container .bookmark,
.pagesave .pagesave-icons .page-save-icons-container .pagehistory {
  padding: 11px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#list-container.page-save-list-container {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  clear: both;
}

#list-container.page-save-list-container:before,
#list-container.page-save-list-container:after {
  content: " ";
  display: table;
}

#list-container.page-save-list-container:after {
  clear: both;
}

#list-container.page-save-list-container .page-save-list,
#list-container.page-save-list-container .page-history-list {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  /* If we're outputting for a fixed media query set */
  /* Otherwise, output it using a regular media query */
  margin-right: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  background: gainsboro;
  opacity: 0;
  visibility: hidden;
  overflow-y: hidden;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}

#list-container.page-save-list-container .page-save-list:last-child,
#list-container.page-save-list-container .page-history-list:last-child {
  margin-right: 0;
}

@media screen and (min-width: 500px) {
  #list-container.page-save-list-container .page-save-list,
  #list-container.page-save-list-container .page-history-list {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-right: 0;
  }

  #list-container.page-save-list-container .page-save-list:last-child,
  #list-container.page-save-list-container .page-history-list:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 680px) {
  #list-container.page-save-list-container .page-save-list,
  #list-container.page-save-list-container .page-history-list {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 40.77223%;
    margin-right: 0;
    top: 0px;
  }

  #list-container.page-save-list-container .page-save-list:last-child,
  #list-container.page-save-list-container .page-history-list:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  #list-container.page-save-list-container .page-save-list,
  #list-container.page-save-list-container .page-history-list {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-right: 0;
  }

  #list-container.page-save-list-container .page-save-list:last-child,
  #list-container.page-save-list-container .page-history-list:last-child {
    margin-right: 0;
  }
}

#list-container.page-save-list-container .page-save-list.active-list,
#list-container.page-save-list-container .page-history-list.active-list {
  opacity: 1;
  visibility: visible;
}

#list-container.page-save-list-container .page-save-list h2,
#list-container.page-save-list-container .page-history-list h2 {
  background: #002b5c;
  color: white;
  margin-top: 0px;
  font-size: 1.2rem;
  padding: 40px 10px 10px;
}

#list-container.page-save-list-container #pageSaveHeaderList ul,
#list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
  padding-left: 20px;
}

#list-container.page-save-list-container #pageSaveHeaderList ul li,
#list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
  padding-top: 0;
  padding-right: 0.7em;
}

#list-container.page-save-list-container #pageSaveHeaderList ul li span.saved-entry,
#list-container.page-save-list-container #pageSaveHeaderHistoryList ul li span.saved-entry {
  width: -webkit-calc(100% - 25px);
  width: calc(100% - 25px);
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  padding-top: 0.3em;
}

#list-container.page-save-list-container #pageSaveHeaderList ul li i,
#list-container.page-save-list-container #pageSaveHeaderHistoryList ul li i {
  cursor: pointer;
  padding: 0.3em;
}

#list-container.page-save-list-container #pageSaveHeaderList .no-saved-pages,
#list-container.page-save-list-container #pageSaveHeaderHistoryList .no-saved-pages {
  padding: 10px 20px;
  padding-bottom: 20px;
  display: block;
}

#list-container.page-save-list-container #pageSaveHeaderList hr,
#list-container.page-save-list-container #pageSaveHeaderHistoryList hr {
  margin: 0px;
}

#list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset,
#list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset {
  margin: 10px;
  padding: 10px;
  position: relative;
  display: block;
  text-align: center;
  background-color: #ee3224;
  color: white;
}

#list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset:hover,
#list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset:hover {
  background-color: #cf1d10;
  cursor: pointer;
}

#list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset i,
#list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset i {
  padding-right: 5px;
}

#list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
  padding-right: 20px;
}

#list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
  padding-top: 0.3em;
}

.bookmark-active .page-save-list {
  opacity: 1;
  visibility: visible;
}

.bookmark-active .page-history-list {
  opacity: 1;
  visibility: visible;
}

.page-save-icons {
  cursor: pointer;
}

.page-save-icons .bookmark.active-icon,
.page-save-icons .pagehistory.active-icon {
  background: #002b5c;
  color: white;
}

.page-save-icons .star:before {
  content: '\f006';
}

.page-save-icons .star.active-icon:before {
  color: #f47b20;
}

.page-save-icons .bookmark:before {
  content: '\f097';
}

.page-save-icons .page-history:before {
  content: '\f1da';
}

@media (hover: hover) {
  .page-save-icons .star:hover:before,
  .page-save-icons .bookmark:hover:before,
  .page-save-icons .page-history:hover:before {
    color: #f47b20;
  }
}

.page-save-bar {
  position: relative;
  background: #5a5c60;
  color: white;
  padding: 0 5px 0 10px;
  overflow: auto;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 680px) {
  .page-save-bar {
    display: none;
  }
}

.page-save-bar .page-save-message {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
  font-size: 0.9rem;
  font-weight: bold;
  height: 100%;
  line-height: 41px;
}

.page-save-bar .page-save-message:last-child {
  margin-right: 0;
}

.page-save-bar .page-save-icons {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 49.23334%;
  margin-right: 0;
  text-align: right;
  font-size: 1.2rem;
}

.page-save-bar .page-save-icons:last-child {
  margin-right: 0;
}

.page-save-bar .page-save-icons .page-save-icon {
  padding: 10px;
}

.header-page-save {
  display: none;
  text-align: left;
}

@media screen and (min-width: 680px) {
  .header-page-save {
    display: inline-block;
  }
}

.header-page-save .page-save-message {
  position: relative;
  display: none;
  font-size: 0.9rem;
  padding: 3px 10px;
  color: white;
  background: #002b5c;
  text-align: left;
}

.header-page-save .page-save-message:before {
  position: absolute;
  top: -20px;
  display: block;
  content: ' ';
  border: 10px solid transparent;
  border-bottom: 10px solid #002b5c;
  pointer-events: none;
}

.header-page-save .page-save-icons {
  color: white;
  font-size: 1.4rem;
  margin-bottom: 2px;
}

.header-page-save .page-save-icons .page-save-icon {
  background: #73767a;
  margin-right: 2px;
  padding: 10px;
  width: 42px;
  text-align: center;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.header-page-save .page-save-icons .page-save-icon:last-of-type {
  margin-right: 0px;
}

.header-page-save .page-save-icons .page-save-icon:hover {
  background: #5a5c60;
}

.header-page-save.star-hover,
.page-save-bar.star-hover {
  text-align: left;
}

.header-page-save.star-hover .page-save-message,
.page-save-bar.star-hover .page-save-message {
  display: inline-block;
}

.header-page-save.star-saved,
.page-save-bar.star-saved {
  text-align: left;
}

.header-page-save.star-saved .page-save-icon.star,
.page-save-bar.star-saved .page-save-icon.star {
  color: #f47b20;
}

.header-page-save.star-saved .page-save-icon.star:before,
.page-save-bar.star-saved .page-save-icon.star:before {
  content: '\f005';
}

.header-page-save.bookmark-hover,
.page-save-bar.bookmark-hover {
  text-align: center;
}

.header-page-save.bookmark-hover .page-save-message,
.page-save-bar.bookmark-hover .page-save-message {
  display: inline-block;
}

.header-page-save.bookmark-hover .page-save-message:before,
.page-save-bar.bookmark-hover .page-save-message:before {
  left: -webkit-calc(50% - 10px);
  left: calc(50% - 10px);
}

.header-page-save.bookmark-active .page-save-icon.bookmark,
.page-save-bar.bookmark-active .page-save-icon.bookmark {
  background: #002b5c;
  border-bottom: 2px solid #002b5c;
  color: #f47b20;
}

.header-page-save.bookmark-active .page-save-icon.bookmark:before,
.page-save-bar.bookmark-active .page-save-icon.bookmark:before {
  content: '\f02e';
}

.header-page-save.history-hover,
.page-save-bar.history-hover {
  text-align: right;
}

.header-page-save.history-hover .page-save-message,
.page-save-bar.history-hover .page-save-message {
  display: inline-block;
}

.header-page-save.history-hover .page-save-message:before,
.page-save-bar.history-hover .page-save-message:before {
  right: 10px;
}

.header-page-save.history-active .page-save-icon.page-history,
.page-save-bar.history-active .page-save-icon.page-history {
  background: #002b5c;
  border-bottom: 2px solid #002b5c;
  color: #f47b20;
}

.header-page-save.bookmark-active .page-save-icons,
.header-page-save.history-active .page-save-icons,
.page-save-bar.bookmark-active .page-save-icons,
.page-save-bar.history-active .page-save-icons {
  margin-bottom: 0;
}

@media screen and (min-width: 680px) {
  .header-page-save.bookmark-active .page-save-message,
  .header-page-save.history-active .page-save-message,
  .page-save-bar.bookmark-active .page-save-message,
  .page-save-bar.history-active .page-save-message {
    display: none;
  }
}

/* ==========================================================================
   BlockHalfWidth
  ========================================================================== */

.blockhalfwidth {
  *zoom: 1;
  background: #e5e5e5;
  padding: 20px;
  background: #5d9732;
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

.blockhalfwidth:before,
.blockhalfwidth:after {
  content: " ";
  display: table;
}

.blockhalfwidth:after {
  clear: both;
}

.blockhalfwidth h3 {
  padding-top: 10px;
}

@media screen and (min-width: 440px) {
  .blockhalfwidth {
    width: 48%;
    margin: 0;
  }

  .blockhalfwidth:nth-child(even) {
    margin: 0 16px 16px 0;
    background: #f47b20;
  }

  .blockhalfwidth:nth-child(odd) {
    margin: 0 0 16px 0;
    background: #f47b20;
  }
}

@media screen and (min-width: 500px) {
  .blockhalfwidth {
    width: 48%;
    margin: 0;
  }

  .blockhalfwidth:nth-child(even) {
    margin: 0 16px 16px 0;
    background: #ee3224;
  }

  .blockhalfwidth:nth-child(odd) {
    margin: 0 0 16px 0;
    background: #ee3224;
  }
}

@media screen and (min-width: 940px) {
  .blockhalfwidth {
    width: 48%;
    margin: 0;
  }

  .blockhalfwidth:nth-child(even) {
    margin: 0 16px 16px 0;
    background: #0078ae;
  }

  .blockhalfwidth:nth-child(odd) {
    margin: 0 0 16px 0;
    background: #0078ae;
  }
}

.blockhalfwidth a {
  display: block;
  *zoom: 1;
  text-decoration: none;
  padding: 20px;
  margin: -20px;
  word-wrap: break-word;
}

.blockhalfwidth a:before,
.blockhalfwidth a:after {
  content: " ";
  display: table;
}

.blockhalfwidth a:after {
  clear: both;
}

@media only screen and (min-width: 500px) {
  .blockhalfwidth a {
    padding: 20px;
  }
}

.blockhalfwidth a h3 {
  margin: 0 0 10px 0;
}

.blockhalfwidth a.hover {
  color: white;
}

.blockhalfwidth a.hover h3 {
  color: white;
}

/* ==========================================================================
  Block Grid
   ========================================================================== */

.block-grid .row {
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  clear: both;
}

.fixed-width .block-grid .container {
  padding-bottom: 0;
}

.full-width .block-grid .container {
  padding: 2rem 0;
}

@media screen and (min-width: 800px) {
  .full-width .block-grid .container {
    padding: 4rem 0;
  }
}

.block-grid-item {
  margin-bottom: 20px;
  width: 100%;
}

.block-grid-item figure {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.block-grid-item figure img {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0;
  flex-shrink: 0;
}

.block-grid-item figure figcaption {
  color: #222222;
  min-height: 100px;
  padding: 15px;
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

.block-grid-item figure figcaption span {
  display: block;
  border-left: 4px solid #0078ae;
  padding-left: 15px;
}

.block-grid-item figure figcaption span h3 {
  font-weight: bold;
  margin: 0;
  font-size: 1.2em;
}

.block-grid-item figure figcaption span p {
  margin-bottom: 0;
}

.block-grid-item figure figcaption span p a:hover {
  color: #5a5c60;
  background-color: #efefef !important;
}

@media screen and (min-width: 500px) {
  .block-grid-item.fifth,
  .block-grid-item.quarter,
  .block-grid-item.third,
  .block-grid-item.half {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-left: -0.5px;
  }

  .block-grid-item.fifth:last-child,
  .block-grid-item.quarter:last-child,
  .block-grid-item.third:last-child,
  .block-grid-item.half:last-child {
    margin-right: 0;
  }

  .block-grid-item.fifth:nth-child(2n),
  .block-grid-item.quarter:nth-child(2n),
  .block-grid-item.third:nth-child(2n),
  .block-grid-item.half:nth-child(2n) {
    margin-right: 0;
  }

  .block-grid-item.fifth:nth-child(2n+1),
  .block-grid-item.quarter:nth-child(2n+1),
  .block-grid-item.third:nth-child(2n+1),
  .block-grid-item.half:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 800px) {
  .block-grid-item.fifth {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 18.77335%;
    margin-left: -0.2px;
  }

  .block-grid-item.fifth:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .block-grid-item.fifth:nth-child(2n+1) {
    clear: none;
  }

  .block-grid-item.fifth:last-child {
    margin-right: 0;
  }

  .block-grid-item.fifth:nth-child(5n) {
    margin-right: 0;
  }

  .block-grid-item.fifth:nth-child(5n+1) {
    clear: left;
  }

  .block-grid-item.quarter {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-left: -0.25px;
  }

  .block-grid-item.quarter:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .block-grid-item.quarter:nth-child(2n+1) {
    clear: none;
  }

  .block-grid-item.quarter:last-child {
    margin-right: 0;
  }

  .block-grid-item.quarter:nth-child(4n) {
    margin-right: 0;
  }

  .block-grid-item.quarter:nth-child(4n+1) {
    clear: left;
  }

  .block-grid-item.third {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
    margin-left: -0.33px;
  }

  .block-grid-item.third:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .block-grid-item.third:nth-child(2n+1) {
    clear: none;
  }

  .block-grid-item.third:last-child {
    margin-right: 0;
  }

  .block-grid-item.third:nth-child(3n) {
    margin-right: 0;
  }

  .block-grid-item.third:nth-child(3n+1) {
    clear: left;
  }

  .block-grid-item.half {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
    margin-left: -0.5px;
  }

  .block-grid-item.half:nth-child(2n) {
    margin-right: 1.53331%;
  }

  .block-grid-item.half:nth-child(2n+1) {
    clear: none;
  }

  .block-grid-item.half:last-child {
    margin-right: 0;
  }

  .block-grid-item.half:nth-child(2n) {
    margin-right: 0;
  }

  .block-grid-item.half:nth-child(2n+1) {
    clear: left;
  }
}

.block-grid-item.grey-block figcaption {
  background: #efefef;
}

.block-grid-item.white-block {
  background: white;
}

.block-grid-item.white-block figure figcaption {
  padding-left: 0;
}

.block-grid-item:hover.grey-block a {
  text-decoration: none;
}

.block-grid-item:hover.grey-block a figcaption {
  background-color: #5a5c60;
  text-decoration: none;
  color: white;
}

.block-grid-item:hover.grey-block a figcaption h3 {
  color: white;
  border-left: #f47b20;
}

.block-grid-item:hover a figcaption span {
  border-color: #5a5c60;
  border-left: 4px solid #ced4da;
}

.block-grid-item[data-width="0"] {
  margin-bottom: 0;
}

/* ==========================================================================
   Cards
   ========================================================================== */

.card.multimap-card {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 20px 0;
}

.card.multimap-card:before,
.card.multimap-card:after {
  content: " ";
  display: table;
}

.card.multimap-card:after {
  clear: both;
}

.card.multimap-card .location-details {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
}

.card.multimap-card .location-details:last-child {
  margin-right: 0;
}

@media screen and (min-width: 500px) {
  .card.multimap-card .location-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .card.multimap-card .location-details:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 680px) {
  .card.multimap-card .location-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 100%;
  }

  .card.multimap-card .location-details:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .card.multimap-card .location-details {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 57.69445%;
  }

  .card.multimap-card .location-details:last-child {
    margin-right: 0;
  }
}

.card.multimap-card .location-details h2 {
  color: #222222;
  font-weight: bold;
  font-size: 2rem;
  margin: 0;
  padding: 0;
  border-bottom: 0;
  min-height: 0;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.card.multimap-card .location-details hr {
  border-top: 3px solid #0078ae;
  max-width: 100px;
  width: 100%;
  text-align: left;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.card.multimap-card .location-details h3 {
  font-size: 1.2rem;
  font-weight: bold;
}

.card.multimap-card .multimap-container {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
}

.card.multimap-card .multimap-container:last-child {
  margin-right: 0;
}

@media screen and (min-width: 500px) {
  .card.multimap-card .multimap-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .card.multimap-card .multimap-container:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 680px) {
  .card.multimap-card .multimap-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 100%;
  }

  .card.multimap-card .multimap-container:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 800px) {
  .card.multimap-card .multimap-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 40.77223%;
  }

  .card.multimap-card .multimap-container:last-child {
    margin-right: 0;
  }
}

.card.multimap-card .multimap-container .multimap {
  min-height: 300px;
}

.card.multimap-card .multimap-container .orange-button {
  display: block;
  margin-top: 20px;
}

.card.event-card .event-details {
  *zoom: 1;
  max-width: 71.25em;
  margin-left: auto;
  margin-right: auto;
}

.card.event-card .event-details:before,
.card.event-card .event-details:after {
  content: " ";
  display: table;
}

.card.event-card .event-details:after {
  clear: both;
}

.card.event-card .event-details .event-title,
.card.event-card .event-details .event-time,
.card.event-card .event-details .event-location,
.card.event-card .event-details .more-info-container {
  float: left;
  display: block;
  margin-right: 1.53331%;
  width: 100%;
}

.card.event-card .event-details .event-title:last-child,
.card.event-card .event-details .event-time:last-child,
.card.event-card .event-details .event-location:last-child,
.card.event-card .event-details .more-info-container:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  .card.event-card .event-details .event-title {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 32.31112%;
  }

  .card.event-card .event-details .event-title:last-child {
    margin-right: 0;
  }
}

.card.event-card .event-details .event-title h3 {
  font-weight: bold;
  font-size: 1.2rem;
}

@media screen and (min-width: 500px) {
  .card.event-card .event-details .event-time-location {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .card.event-card .event-details .event-time-location:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .card.event-card .event-details .event-time-location {
    margin-top: 10px;
  }
}

@media screen and (min-width: 1024px) {
  .card.event-card .event-details .event-time,
  .card.event-card .event-details .event-location {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .card.event-card .event-details .event-time:last-child,
  .card.event-card .event-details .event-location:last-child {
    margin-right: 0;
  }
}

.card.event-card .event-details .event-time .fa,
.card.event-card .event-details .event-location .fa {
  width: 15px;
  text-align: center;
  margin-right: 6.66667px;
}

@media screen and (min-width: 500px) {
  .card.event-card .event-details .more-info-button-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 49.23334%;
  }

  .card.event-card .event-details .more-info-button-container:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .card.event-card .event-details .more-info-button-container {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 15.38891%;
    text-align: right;
  }

  .card.event-card .event-details .more-info-button-container:last-child {
    margin-right: 0;
  }
}

.card.event-card .event-details .more-info-button {
  margin-top: 20px;
  width: 100%;
  padding: 5px 25px;
}

@media screen and (min-width: 500px) {
  .card.event-card .event-details .more-info-button {
    margin: 0;
  }
}

@media screen and (min-width: 1024px) {
  .card.event-card .event-details .more-info-button {
    width: auto;
  }
}

.card.event-card .more-info-container {
  display: none;
  background: #efefef;
  padding: 20px;
  margin-top: 10px;
}

.card.event-card .more-info-container .more-info {
  padding-left: 20px;
  border-left: 4px solid #0078ae;
}

/* ==========================================================================
   <p> t4 v8 fix 
   ========================================================================== */

.quote blockquote p,
.discoverymultiplelink .multplelinks p {
  margin: 0;
  display: inline;
}.strath-bootstrap :root {
  --blue: #267AAB;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #018489;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #018489;
  --secondary: #6c757d;
  --success: #218739;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1600px;
  --font-family-sans-serif: "Alegreya Sans", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.strath-bootstrap *,
.strath-bootstrap *::before,
.strath-bootstrap *::after {
  box-sizing: border-box; }

.strath-bootstrap html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

.strath-bootstrap article, .strath-bootstrap aside, .strath-bootstrap figcaption, .strath-bootstrap figure, .strath-bootstrap footer, .strath-bootstrap header, .strath-bootstrap hgroup, .strath-bootstrap main, .strath-bootstrap nav, .strath-bootstrap section {
  display: block; }

.strath-bootstrap body {
  margin: 0;
  font-family: "Alegreya Sans", sans-serif;
  font-size: 1.07rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

.strath-bootstrap [tabindex="-1"]:focus {
  outline: 0 !important; }

.strath-bootstrap hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

.strath-bootstrap h1, .strath-bootstrap h2, .strath-bootstrap h3, .strath-bootstrap h4, .strath-bootstrap h5, .strath-bootstrap h6 {
  margin-top: 0;
  margin-bottom: 1rem; }

.strath-bootstrap p {
  margin-top: 0;
  margin-bottom: 1rem; }

.strath-bootstrap abbr[title],
.strath-bootstrap abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

.strath-bootstrap address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

.strath-bootstrap ol,
.strath-bootstrap ul,
.strath-bootstrap dl {
  margin-top: 0;
  margin-bottom: 1rem; }

.strath-bootstrap ol ol,
.strath-bootstrap ul ul,
.strath-bootstrap ol ul,
.strath-bootstrap ul ol {
  margin-bottom: 0; }

.strath-bootstrap dt {
  font-weight: 700; }

.strath-bootstrap dd {
  margin-bottom: .5rem;
  margin-left: 0; }

.strath-bootstrap blockquote {
  margin: 0 0 1rem; }

.strath-bootstrap dfn {
  font-style: italic; }

.strath-bootstrap b,
.strath-bootstrap strong {
  font-weight: bolder; }

.strath-bootstrap small {
  font-size: 80%; }

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

.strath-bootstrap sub {
  bottom: -.25em; }

.strath-bootstrap sup {
  top: -.5em; }

.strath-bootstrap a {
  color: #0078ae;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  .strath-bootstrap a:hover {
    color: #004362;
    text-decoration: underline; }

.strath-bootstrap a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  .strath-bootstrap a:not([href]):not([tabindex]):hover, .strath-bootstrap a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  .strath-bootstrap a:not([href]):not([tabindex]):focus {
    outline: 0; }

.strath-bootstrap pre,
.strath-bootstrap code,
.strath-bootstrap kbd,
.strath-bootstrap samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

.strath-bootstrap pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

.strath-bootstrap figure {
  margin: 0 0 1rem; }

.strath-bootstrap img {
  vertical-align: middle;
  border-style: none; }

.strath-bootstrap svg:not(:root) {
  overflow: hidden;
  vertical-align: middle; }

.strath-bootstrap table {
  border-collapse: collapse; }

.strath-bootstrap caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

.strath-bootstrap th {
  text-align: inherit; }

.strath-bootstrap label {
  display: inline-block;
  margin-bottom: 0.25rem; }

.strath-bootstrap button {
  border-radius: 0; }

.strath-bootstrap button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

.strath-bootstrap input,
.strath-bootstrap button,
.strath-bootstrap select,
.strath-bootstrap optgroup,
.strath-bootstrap textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

.strath-bootstrap button,
.strath-bootstrap input {
  overflow: visible; }

.strath-bootstrap button,
.strath-bootstrap select {
  text-transform: none; }

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

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

.strath-bootstrap input[type="radio"],
.strath-bootstrap input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

.strath-bootstrap input[type="date"],
.strath-bootstrap input[type="time"],
.strath-bootstrap input[type="datetime-local"],
.strath-bootstrap input[type="month"] {
  -webkit-appearance: listbox; }

.strath-bootstrap textarea {
  overflow: auto;
  resize: vertical; }

.strath-bootstrap fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

.strath-bootstrap legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

.strath-bootstrap progress {
  vertical-align: baseline; }

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

.strath-bootstrap [type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

.strath-bootstrap [type="search"]::-webkit-search-cancel-button,
.strath-bootstrap [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

.strath-bootstrap ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

.strath-bootstrap output {
  display: inline-block; }

.strath-bootstrap summary {
  display: list-item;
  cursor: pointer; }

.strath-bootstrap template {
  display: none; }

.strath-bootstrap [hidden] {
  display: none !important; }

.strath-bootstrap h1, .strath-bootstrap h2, .strath-bootstrap h3, .strath-bootstrap h4, .strath-bootstrap h5, .strath-bootstrap h6,
.strath-bootstrap .h1, .strath-bootstrap .h2, .strath-bootstrap .h3, .strath-bootstrap .h4, .strath-bootstrap .h5, .strath-bootstrap .h6 {
  margin-bottom: 1rem;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.2;
  color: #002b5c; }

.strath-bootstrap h1, .strath-bootstrap .h1 {
  font-size: 2.675rem; }

.strath-bootstrap h2, .strath-bootstrap .h2 {
  font-size: 2.14rem; }

.strath-bootstrap h3, .strath-bootstrap .h3 {
  font-size: 1.8725rem; }

.strath-bootstrap h4, .strath-bootstrap .h4 {
  font-size: 1.605rem; }

.strath-bootstrap h5, .strath-bootstrap .h5 {
  font-size: 1.3375rem; }

.strath-bootstrap h6, .strath-bootstrap .h6 {
  font-size: 1.07rem; }

.strath-bootstrap .lead {
  font-size: 1.3375rem;
  font-weight: 300; }

.strath-bootstrap .display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.strath-bootstrap .display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.strath-bootstrap .display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.strath-bootstrap .display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

.strath-bootstrap hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid rgba(0, 0, 0, 0.1); }

.strath-bootstrap small,
.strath-bootstrap .small {
  font-size: 80%;
  font-weight: 400; }

.strath-bootstrap mark,
.strath-bootstrap .mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.strath-bootstrap .list-unstyled {
  padding-left: 0;
  list-style: none; }

.strath-bootstrap .list-inline {
  padding-left: 0;
  list-style: none; }

.strath-bootstrap .list-inline-item {
  display: inline-block; }
  .strath-bootstrap .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.strath-bootstrap .initialism {
  font-size: 90%;
  text-transform: uppercase; }

.strath-bootstrap .blockquote {
  margin-bottom: 1rem;
  font-size: 1.3375rem; }

.strath-bootstrap .blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d; }
  .strath-bootstrap .blockquote-footer::before {
    content: "\2014 \00A0"; }

.strath-bootstrap .img-fluid {
  max-width: 100%;
  height: auto; }

.strath-bootstrap .img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 2px solid #dee2e6;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  max-width: 100%;
  height: auto; }

.strath-bootstrap .figure {
  display: inline-block; }

.strath-bootstrap .figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.strath-bootstrap .figure-caption {
  font-size: 90%;
  color: #6c757d; }

.strath-bootstrap code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word; }
  a > .strath-bootstrap code {
    color: inherit; }

.strath-bootstrap kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); }
  .strath-bootstrap kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none; }

.strath-bootstrap pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }
  .strath-bootstrap pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.strath-bootstrap .pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.strath-bootstrap .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .strath-bootstrap .container {
      max-width: 1140px; } }
  @media (min-width: 768px) {
    .strath-bootstrap .container {
      max-width: 1140px; } }
  @media (min-width: 992px) {
    .strath-bootstrap .container {
      max-width: 1140px; } }
  @media (min-width: 1200px) {
    .strath-bootstrap .container {
      max-width: 1140px; } }
  @media (min-width: 1600px) {
    .strath-bootstrap .container {
      max-width: 1140px; } }

.strath-bootstrap .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.strath-bootstrap .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.strath-bootstrap .no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .strath-bootstrap .no-gutters > .col,
  .strath-bootstrap .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.strath-bootstrap .col-1, .strath-bootstrap .col-2, .strath-bootstrap .col-3, .strath-bootstrap .col-4, .strath-bootstrap .col-5, .strath-bootstrap .col-6, .strath-bootstrap .col-7, .strath-bootstrap .col-8, .strath-bootstrap .col-9, .strath-bootstrap .col-10, .strath-bootstrap .col-11, .strath-bootstrap .col-12, .strath-bootstrap .col,
.strath-bootstrap .col-auto, .strath-bootstrap .col-sm-1, .strath-bootstrap .col-sm-2, .strath-bootstrap .col-sm-3, .strath-bootstrap .col-sm-4, .strath-bootstrap .col-sm-5, .strath-bootstrap .col-sm-6, .strath-bootstrap .col-sm-7, .strath-bootstrap .col-sm-8, .strath-bootstrap .col-sm-9, .strath-bootstrap .col-sm-10, .strath-bootstrap .col-sm-11, .strath-bootstrap .col-sm-12, .strath-bootstrap .col-sm,
.strath-bootstrap .col-sm-auto, .strath-bootstrap .col-md-1, .strath-bootstrap .col-md-2, .strath-bootstrap .col-md-3, .strath-bootstrap .col-md-4, .strath-bootstrap .col-md-5, .strath-bootstrap .col-md-6, .strath-bootstrap .col-md-7, .strath-bootstrap .col-md-8, .strath-bootstrap .col-md-9, .strath-bootstrap .col-md-10, .strath-bootstrap .col-md-11, .strath-bootstrap .col-md-12, .strath-bootstrap .col-md,
.strath-bootstrap .col-md-auto, .strath-bootstrap .col-lg-1, .strath-bootstrap .col-lg-2, .strath-bootstrap .col-lg-3, .strath-bootstrap .col-lg-4, .strath-bootstrap .col-lg-5, .strath-bootstrap .col-lg-6, .strath-bootstrap .col-lg-7, .strath-bootstrap .col-lg-8, .strath-bootstrap .col-lg-9, .strath-bootstrap .col-lg-10, .strath-bootstrap .col-lg-11, .strath-bootstrap .col-lg-12, .strath-bootstrap .col-lg,
.strath-bootstrap .col-lg-auto, .strath-bootstrap .col-xl-1, .strath-bootstrap .col-xl-2, .strath-bootstrap .col-xl-3, .strath-bootstrap .col-xl-4, .strath-bootstrap .col-xl-5, .strath-bootstrap .col-xl-6, .strath-bootstrap .col-xl-7, .strath-bootstrap .col-xl-8, .strath-bootstrap .col-xl-9, .strath-bootstrap .col-xl-10, .strath-bootstrap .col-xl-11, .strath-bootstrap .col-xl-12, .strath-bootstrap .col-xl,
.strath-bootstrap .col-xl-auto, .strath-bootstrap .col-xxl-1, .strath-bootstrap .col-xxl-2, .strath-bootstrap .col-xxl-3, .strath-bootstrap .col-xxl-4, .strath-bootstrap .col-xxl-5, .strath-bootstrap .col-xxl-6, .strath-bootstrap .col-xxl-7, .strath-bootstrap .col-xxl-8, .strath-bootstrap .col-xxl-9, .strath-bootstrap .col-xxl-10, .strath-bootstrap .col-xxl-11, .strath-bootstrap .col-xxl-12, .strath-bootstrap .col-xxl,
.strath-bootstrap .col-xxl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.strath-bootstrap .col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.strath-bootstrap .col-auto {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.strath-bootstrap .col-1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.strath-bootstrap .col-2 {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.strath-bootstrap .col-3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.strath-bootstrap .col-4 {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.strath-bootstrap .col-5 {
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.strath-bootstrap .col-6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.strath-bootstrap .col-7 {
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.strath-bootstrap .col-8 {
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.strath-bootstrap .col-9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.strath-bootstrap .col-10 {
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.strath-bootstrap .col-11 {
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.strath-bootstrap .col-12 {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.strath-bootstrap .order-first {
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.strath-bootstrap .order-last {
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13; }

.strath-bootstrap .order-0 {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0; }

.strath-bootstrap .order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.strath-bootstrap .order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.strath-bootstrap .order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.strath-bootstrap .order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.strath-bootstrap .order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.strath-bootstrap .order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.strath-bootstrap .order-7 {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7; }

.strath-bootstrap .order-8 {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8; }

.strath-bootstrap .order-9 {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9; }

.strath-bootstrap .order-10 {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10; }

.strath-bootstrap .order-11 {
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11; }

.strath-bootstrap .order-12 {
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12; }

.strath-bootstrap .offset-1 {
  margin-left: 8.33333%; }

.strath-bootstrap .offset-2 {
  margin-left: 16.66667%; }

.strath-bootstrap .offset-3 {
  margin-left: 25%; }

.strath-bootstrap .offset-4 {
  margin-left: 33.33333%; }

.strath-bootstrap .offset-5 {
  margin-left: 41.66667%; }

.strath-bootstrap .offset-6 {
  margin-left: 50%; }

.strath-bootstrap .offset-7 {
  margin-left: 58.33333%; }

.strath-bootstrap .offset-8 {
  margin-left: 66.66667%; }

.strath-bootstrap .offset-9 {
  margin-left: 75%; }

.strath-bootstrap .offset-10 {
  margin-left: 83.33333%; }

.strath-bootstrap .offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .strath-bootstrap .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .strath-bootstrap .col-sm-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .strath-bootstrap .col-sm-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .strath-bootstrap .col-sm-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .strath-bootstrap .col-sm-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .strath-bootstrap .col-sm-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .strath-bootstrap .col-sm-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .strath-bootstrap .col-sm-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .strath-bootstrap .col-sm-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .strath-bootstrap .col-sm-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .strath-bootstrap .col-sm-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .strath-bootstrap .col-sm-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .strath-bootstrap .col-sm-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .strath-bootstrap .col-sm-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .strath-bootstrap .order-sm-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .strath-bootstrap .order-sm-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .strath-bootstrap .order-sm-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .strath-bootstrap .order-sm-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .strath-bootstrap .order-sm-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .strath-bootstrap .order-sm-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .strath-bootstrap .order-sm-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .strath-bootstrap .order-sm-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .strath-bootstrap .order-sm-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .strath-bootstrap .order-sm-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .strath-bootstrap .order-sm-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .strath-bootstrap .order-sm-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .strath-bootstrap .order-sm-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .strath-bootstrap .order-sm-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .strath-bootstrap .order-sm-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .strath-bootstrap .offset-sm-0 {
    margin-left: 0; }
  .strath-bootstrap .offset-sm-1 {
    margin-left: 8.33333%; }
  .strath-bootstrap .offset-sm-2 {
    margin-left: 16.66667%; }
  .strath-bootstrap .offset-sm-3 {
    margin-left: 25%; }
  .strath-bootstrap .offset-sm-4 {
    margin-left: 33.33333%; }
  .strath-bootstrap .offset-sm-5 {
    margin-left: 41.66667%; }
  .strath-bootstrap .offset-sm-6 {
    margin-left: 50%; }
  .strath-bootstrap .offset-sm-7 {
    margin-left: 58.33333%; }
  .strath-bootstrap .offset-sm-8 {
    margin-left: 66.66667%; }
  .strath-bootstrap .offset-sm-9 {
    margin-left: 75%; }
  .strath-bootstrap .offset-sm-10 {
    margin-left: 83.33333%; }
  .strath-bootstrap .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .strath-bootstrap .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .strath-bootstrap .col-md-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .strath-bootstrap .col-md-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .strath-bootstrap .col-md-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .strath-bootstrap .col-md-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .strath-bootstrap .col-md-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .strath-bootstrap .col-md-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .strath-bootstrap .col-md-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .strath-bootstrap .col-md-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .strath-bootstrap .col-md-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .strath-bootstrap .col-md-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .strath-bootstrap .col-md-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .strath-bootstrap .col-md-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .strath-bootstrap .col-md-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .strath-bootstrap .order-md-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .strath-bootstrap .order-md-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .strath-bootstrap .order-md-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .strath-bootstrap .order-md-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .strath-bootstrap .order-md-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .strath-bootstrap .order-md-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .strath-bootstrap .order-md-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .strath-bootstrap .order-md-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .strath-bootstrap .order-md-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .strath-bootstrap .order-md-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .strath-bootstrap .order-md-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .strath-bootstrap .order-md-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .strath-bootstrap .order-md-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .strath-bootstrap .order-md-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .strath-bootstrap .order-md-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .strath-bootstrap .offset-md-0 {
    margin-left: 0; }
  .strath-bootstrap .offset-md-1 {
    margin-left: 8.33333%; }
  .strath-bootstrap .offset-md-2 {
    margin-left: 16.66667%; }
  .strath-bootstrap .offset-md-3 {
    margin-left: 25%; }
  .strath-bootstrap .offset-md-4 {
    margin-left: 33.33333%; }
  .strath-bootstrap .offset-md-5 {
    margin-left: 41.66667%; }
  .strath-bootstrap .offset-md-6 {
    margin-left: 50%; }
  .strath-bootstrap .offset-md-7 {
    margin-left: 58.33333%; }
  .strath-bootstrap .offset-md-8 {
    margin-left: 66.66667%; }
  .strath-bootstrap .offset-md-9 {
    margin-left: 75%; }
  .strath-bootstrap .offset-md-10 {
    margin-left: 83.33333%; }
  .strath-bootstrap .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .strath-bootstrap .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .strath-bootstrap .col-lg-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .strath-bootstrap .col-lg-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .strath-bootstrap .col-lg-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .strath-bootstrap .col-lg-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .strath-bootstrap .col-lg-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .strath-bootstrap .col-lg-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .strath-bootstrap .col-lg-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .strath-bootstrap .col-lg-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .strath-bootstrap .col-lg-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .strath-bootstrap .col-lg-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .strath-bootstrap .col-lg-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .strath-bootstrap .col-lg-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .strath-bootstrap .col-lg-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .strath-bootstrap .order-lg-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .strath-bootstrap .order-lg-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .strath-bootstrap .order-lg-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .strath-bootstrap .order-lg-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .strath-bootstrap .order-lg-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .strath-bootstrap .order-lg-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .strath-bootstrap .order-lg-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .strath-bootstrap .order-lg-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .strath-bootstrap .order-lg-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .strath-bootstrap .order-lg-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .strath-bootstrap .order-lg-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .strath-bootstrap .order-lg-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .strath-bootstrap .order-lg-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .strath-bootstrap .order-lg-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .strath-bootstrap .order-lg-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .strath-bootstrap .offset-lg-0 {
    margin-left: 0; }
  .strath-bootstrap .offset-lg-1 {
    margin-left: 8.33333%; }
  .strath-bootstrap .offset-lg-2 {
    margin-left: 16.66667%; }
  .strath-bootstrap .offset-lg-3 {
    margin-left: 25%; }
  .strath-bootstrap .offset-lg-4 {
    margin-left: 33.33333%; }
  .strath-bootstrap .offset-lg-5 {
    margin-left: 41.66667%; }
  .strath-bootstrap .offset-lg-6 {
    margin-left: 50%; }
  .strath-bootstrap .offset-lg-7 {
    margin-left: 58.33333%; }
  .strath-bootstrap .offset-lg-8 {
    margin-left: 66.66667%; }
  .strath-bootstrap .offset-lg-9 {
    margin-left: 75%; }
  .strath-bootstrap .offset-lg-10 {
    margin-left: 83.33333%; }
  .strath-bootstrap .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .strath-bootstrap .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .strath-bootstrap .col-xl-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .strath-bootstrap .col-xl-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .strath-bootstrap .col-xl-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .strath-bootstrap .col-xl-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .strath-bootstrap .col-xl-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .strath-bootstrap .col-xl-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .strath-bootstrap .col-xl-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .strath-bootstrap .col-xl-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .strath-bootstrap .col-xl-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .strath-bootstrap .col-xl-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .strath-bootstrap .col-xl-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .strath-bootstrap .col-xl-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .strath-bootstrap .col-xl-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .strath-bootstrap .order-xl-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .strath-bootstrap .order-xl-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .strath-bootstrap .order-xl-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .strath-bootstrap .order-xl-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .strath-bootstrap .order-xl-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .strath-bootstrap .order-xl-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .strath-bootstrap .order-xl-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .strath-bootstrap .order-xl-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .strath-bootstrap .order-xl-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .strath-bootstrap .order-xl-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .strath-bootstrap .order-xl-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .strath-bootstrap .order-xl-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .strath-bootstrap .order-xl-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .strath-bootstrap .order-xl-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .strath-bootstrap .order-xl-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .strath-bootstrap .offset-xl-0 {
    margin-left: 0; }
  .strath-bootstrap .offset-xl-1 {
    margin-left: 8.33333%; }
  .strath-bootstrap .offset-xl-2 {
    margin-left: 16.66667%; }
  .strath-bootstrap .offset-xl-3 {
    margin-left: 25%; }
  .strath-bootstrap .offset-xl-4 {
    margin-left: 33.33333%; }
  .strath-bootstrap .offset-xl-5 {
    margin-left: 41.66667%; }
  .strath-bootstrap .offset-xl-6 {
    margin-left: 50%; }
  .strath-bootstrap .offset-xl-7 {
    margin-left: 58.33333%; }
  .strath-bootstrap .offset-xl-8 {
    margin-left: 66.66667%; }
  .strath-bootstrap .offset-xl-9 {
    margin-left: 75%; }
  .strath-bootstrap .offset-xl-10 {
    margin-left: 83.33333%; }
  .strath-bootstrap .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1600px) {
  .strath-bootstrap .col-xxl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .strath-bootstrap .col-xxl-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .strath-bootstrap .col-xxl-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .strath-bootstrap .col-xxl-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .strath-bootstrap .col-xxl-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .strath-bootstrap .col-xxl-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .strath-bootstrap .col-xxl-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .strath-bootstrap .col-xxl-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .strath-bootstrap .col-xxl-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .strath-bootstrap .col-xxl-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .strath-bootstrap .col-xxl-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .strath-bootstrap .col-xxl-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .strath-bootstrap .col-xxl-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .strath-bootstrap .col-xxl-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .strath-bootstrap .order-xxl-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .strath-bootstrap .order-xxl-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .strath-bootstrap .order-xxl-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .strath-bootstrap .order-xxl-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .strath-bootstrap .order-xxl-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .strath-bootstrap .order-xxl-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .strath-bootstrap .order-xxl-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .strath-bootstrap .order-xxl-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .strath-bootstrap .order-xxl-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .strath-bootstrap .order-xxl-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .strath-bootstrap .order-xxl-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .strath-bootstrap .order-xxl-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .strath-bootstrap .order-xxl-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .strath-bootstrap .order-xxl-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .strath-bootstrap .order-xxl-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .strath-bootstrap .offset-xxl-0 {
    margin-left: 0; }
  .strath-bootstrap .offset-xxl-1 {
    margin-left: 8.33333%; }
  .strath-bootstrap .offset-xxl-2 {
    margin-left: 16.66667%; }
  .strath-bootstrap .offset-xxl-3 {
    margin-left: 25%; }
  .strath-bootstrap .offset-xxl-4 {
    margin-left: 33.33333%; }
  .strath-bootstrap .offset-xxl-5 {
    margin-left: 41.66667%; }
  .strath-bootstrap .offset-xxl-6 {
    margin-left: 50%; }
  .strath-bootstrap .offset-xxl-7 {
    margin-left: 58.33333%; }
  .strath-bootstrap .offset-xxl-8 {
    margin-left: 66.66667%; }
  .strath-bootstrap .offset-xxl-9 {
    margin-left: 75%; }
  .strath-bootstrap .offset-xxl-10 {
    margin-left: 83.33333%; }
  .strath-bootstrap .offset-xxl-11 {
    margin-left: 91.66667%; } }

.strath-bootstrap .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .strath-bootstrap .table th,
  .strath-bootstrap .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 2px solid #dee2e6; }
  .strath-bootstrap .table thead th {
    vertical-align: bottom;
    border-bottom: 4px solid #dee2e6; }
  .strath-bootstrap .table tbody + tbody {
    border-top: 4px solid #dee2e6; }
  .strath-bootstrap .table .table {
    background-color: #fff; }

.strath-bootstrap .table-sm th,
.strath-bootstrap .table-sm td {
  padding: 0.3rem; }

.strath-bootstrap .table-bordered {
  border: 2px solid #dee2e6; }
  .strath-bootstrap .table-bordered th,
  .strath-bootstrap .table-bordered td {
    border: 2px solid #dee2e6; }
  .strath-bootstrap .table-bordered thead th,
  .strath-bootstrap .table-bordered thead td {
    border-bottom-width: 4px; }

.strath-bootstrap .table-borderless th,
.strath-bootstrap .table-borderless td,
.strath-bootstrap .table-borderless thead th,
.strath-bootstrap .table-borderless tbody + tbody {
  border: 0; }

.strath-bootstrap .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.strath-bootstrap .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.strath-bootstrap .table-primary,
.strath-bootstrap .table-primary > th,
.strath-bootstrap .table-primary > td {
  background-color: #b8ddde; }

.strath-bootstrap .table-hover .table-primary:hover {
  background-color: #a7d5d6; }
  .strath-bootstrap .table-hover .table-primary:hover > td,
  .strath-bootstrap .table-hover .table-primary:hover > th {
    background-color: #a7d5d6; }

.strath-bootstrap .table-secondary,
.strath-bootstrap .table-secondary > th,
.strath-bootstrap .table-secondary > td {
  background-color: #d6d8db; }

.strath-bootstrap .table-hover .table-secondary:hover {
  background-color: #c8cbcf; }
  .strath-bootstrap .table-hover .table-secondary:hover > td,
  .strath-bootstrap .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf; }

.strath-bootstrap .table-success,
.strath-bootstrap .table-success > th,
.strath-bootstrap .table-success > td {
  background-color: #c1ddc8; }

.strath-bootstrap .table-hover .table-success:hover {
  background-color: #b1d4b9; }
  .strath-bootstrap .table-hover .table-success:hover > td,
  .strath-bootstrap .table-hover .table-success:hover > th {
    background-color: #b1d4b9; }

.strath-bootstrap .table-info,
.strath-bootstrap .table-info > th,
.strath-bootstrap .table-info > td {
  background-color: #bee5eb; }

.strath-bootstrap .table-hover .table-info:hover {
  background-color: #abdde5; }
  .strath-bootstrap .table-hover .table-info:hover > td,
  .strath-bootstrap .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.strath-bootstrap .table-warning,
.strath-bootstrap .table-warning > th,
.strath-bootstrap .table-warning > td {
  background-color: #ffeeba; }

.strath-bootstrap .table-hover .table-warning:hover {
  background-color: #ffe8a1; }
  .strath-bootstrap .table-hover .table-warning:hover > td,
  .strath-bootstrap .table-hover .table-warning:hover > th {
    background-color: #ffe8a1; }

.strath-bootstrap .table-danger,
.strath-bootstrap .table-danger > th,
.strath-bootstrap .table-danger > td {
  background-color: #f5c6cb; }

.strath-bootstrap .table-hover .table-danger:hover {
  background-color: #f1b0b7; }
  .strath-bootstrap .table-hover .table-danger:hover > td,
  .strath-bootstrap .table-hover .table-danger:hover > th {
    background-color: #f1b0b7; }

.strath-bootstrap .table-light,
.strath-bootstrap .table-light > th,
.strath-bootstrap .table-light > td {
  background-color: #fdfdfe; }

.strath-bootstrap .table-hover .table-light:hover {
  background-color: #ececf6; }
  .strath-bootstrap .table-hover .table-light:hover > td,
  .strath-bootstrap .table-hover .table-light:hover > th {
    background-color: #ececf6; }

.strath-bootstrap .table-dark,
.strath-bootstrap .table-dark > th,
.strath-bootstrap .table-dark > td {
  background-color: #c6c8ca; }

.strath-bootstrap .table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .strath-bootstrap .table-hover .table-dark:hover > td,
  .strath-bootstrap .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.strath-bootstrap .table-active,
.strath-bootstrap .table-active > th,
.strath-bootstrap .table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.strath-bootstrap .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .strath-bootstrap .table-hover .table-active:hover > td,
  .strath-bootstrap .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.strath-bootstrap .table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e; }

.strath-bootstrap .table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.strath-bootstrap .table-dark {
  color: #fff;
  background-color: #212529; }
  .strath-bootstrap .table-dark th,
  .strath-bootstrap .table-dark td,
  .strath-bootstrap .table-dark thead th {
    border-color: #32383e; }
  .strath-bootstrap .table-dark.table-bordered {
    border: 0; }
  .strath-bootstrap .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .strath-bootstrap .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .strath-bootstrap .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .strath-bootstrap .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .strath-bootstrap .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .strath-bootstrap .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .strath-bootstrap .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .strath-bootstrap .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .strath-bootstrap .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .strath-bootstrap .table-responsive-xl > .table-bordered {
      border: 0; } }

@media (max-width: 1599.98px) {
  .strath-bootstrap .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .strath-bootstrap .table-responsive-xxl > .table-bordered {
      border: 0; } }

.strath-bootstrap .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .strath-bootstrap .table-responsive > .table-bordered {
    border: 0; }

.strath-bootstrap .form-control {
  display: block;
  width: 100%;
  padding: 0.6rem 0.798rem;
  font-size: 1.07rem;
  line-height: 1.2;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #6c757d;
  border-radius: 4px;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .strath-bootstrap .form-control {
      transition: none; } }
  .strath-bootstrap .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .strath-bootstrap .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: inset 0 0 0 transparent, 0 0 0 3px rgba(0, 43, 92, 0.8); }
  .strath-bootstrap .form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1; }
  .strath-bootstrap .form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1; }
  .strath-bootstrap .form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1; }
  .strath-bootstrap .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .strath-bootstrap .form-control:disabled, .strath-bootstrap .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

.strath-bootstrap select.form-control:not([size]):not([multiple]) {
  height: calc(2.484rem + 2px); }

.strath-bootstrap select.form-control:focus::-ms-value {
  color: #212529;
  background-color: #fff; }

.strath-bootstrap .form-control-file,
.strath-bootstrap .form-control-range {
  display: block;
  width: 100%; }

.strath-bootstrap .col-form-label {
  padding-top: calc(0.6rem + 1px);
  padding-bottom: calc(0.6rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.2; }

.strath-bootstrap .col-form-label-lg {
  padding-top: calc(0.75rem + 1px);
  padding-bottom: calc(0.75rem + 1px);
  font-size: 1.3375rem;
  line-height: 1.2; }

.strath-bootstrap .col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.93625rem;
  line-height: 1.5; }

.strath-bootstrap .form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  margin-bottom: 0;
  line-height: 1.2;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .strath-bootstrap .form-control-plaintext.form-control-sm, .strath-bootstrap .input-group-sm > .form-control-plaintext.form-control,
  .strath-bootstrap .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
  .strath-bootstrap .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
  .strath-bootstrap .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
  .strath-bootstrap .input-group-sm > .input-group-append > .form-control-plaintext.btn, .strath-bootstrap .form-control-plaintext.form-control-lg, .strath-bootstrap .input-group-lg > .form-control-plaintext.form-control,
  .strath-bootstrap .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
  .strath-bootstrap .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
  .strath-bootstrap .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
  .strath-bootstrap .input-group-lg > .input-group-append > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0; }

.strath-bootstrap .form-control-sm, .strath-bootstrap .input-group-sm > .form-control,
.strath-bootstrap .input-group-sm > .input-group-prepend > .input-group-text,
.strath-bootstrap .input-group-sm > .input-group-append > .input-group-text,
.strath-bootstrap .input-group-sm > .input-group-prepend > .btn,
.strath-bootstrap .input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.93625rem;
  line-height: 1.5;
  border-radius: 3px; }

.strath-bootstrap select.form-control-sm:not([size]):not([multiple]), .strath-bootstrap .input-group-sm > select.form-control:not([size]):not([multiple]),
.strath-bootstrap .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.strath-bootstrap .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.strath-bootstrap .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.strath-bootstrap .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.90437rem + 2px); }

.strath-bootstrap .form-control-lg, .strath-bootstrap .input-group-lg > .form-control,
.strath-bootstrap .input-group-lg > .input-group-prepend > .input-group-text,
.strath-bootstrap .input-group-lg > .input-group-append > .input-group-text,
.strath-bootstrap .input-group-lg > .input-group-prepend > .btn,
.strath-bootstrap .input-group-lg > .input-group-append > .btn {
  padding: 0.75rem 0.9975rem;
  font-size: 1.3375rem;
  line-height: 1.2;
  border-radius: 5px; }

.strath-bootstrap select.form-control-lg:not([size]):not([multiple]), .strath-bootstrap .input-group-lg > select.form-control:not([size]):not([multiple]),
.strath-bootstrap .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.strath-bootstrap .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.strath-bootstrap .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.strath-bootstrap .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(3.105rem + 2px); }

.strath-bootstrap .form-group {
  margin-bottom: 1rem; }

.strath-bootstrap .form-text {
  display: block;
  margin-top: 0.25rem; }

.strath-bootstrap .form-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .strath-bootstrap .form-row > .col,
  .strath-bootstrap .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.strath-bootstrap .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.strath-bootstrap .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .strath-bootstrap .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.strath-bootstrap .form-check-label {
  margin-bottom: 0; }

.strath-bootstrap .form-check-inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .strath-bootstrap .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.strath-bootstrap .valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #218739; }

.strath-bootstrap .valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(33, 135, 57, 0.8);
  border-radius: .2rem; }

.was-validated .strath-bootstrap .form-control:valid, .strath-bootstrap .form-control.is-valid, .was-validated
.strath-bootstrap .custom-select:valid,
.strath-bootstrap .custom-select.is-valid {
  border-color: #218739; }
  .was-validated .strath-bootstrap .form-control:valid:focus, .strath-bootstrap .form-control.is-valid:focus, .was-validated
  .strath-bootstrap .custom-select:valid:focus,
  .strath-bootstrap .custom-select.is-valid:focus {
    border-color: #218739;
    box-shadow: 0 0 0 0 rgba(33, 135, 57, 0.25); }
  .was-validated .strath-bootstrap .form-control:valid ~ .valid-feedback,
  .was-validated .strath-bootstrap .form-control:valid ~ .valid-tooltip, .strath-bootstrap .form-control.is-valid ~ .valid-feedback,
  .strath-bootstrap .form-control.is-valid ~ .valid-tooltip, .was-validated
  .strath-bootstrap .custom-select:valid ~ .valid-feedback,
  .was-validated
  .strath-bootstrap .custom-select:valid ~ .valid-tooltip,
  .strath-bootstrap .custom-select.is-valid ~ .valid-feedback,
  .strath-bootstrap .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .strath-bootstrap .form-control-file:valid ~ .valid-feedback,
.was-validated .strath-bootstrap .form-control-file:valid ~ .valid-tooltip, .strath-bootstrap .form-control-file.is-valid ~ .valid-feedback,
.strath-bootstrap .form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .form-check-input:valid ~ .form-check-label, .strath-bootstrap .form-check-input.is-valid ~ .form-check-label {
  color: #218739; }

.was-validated .strath-bootstrap .form-check-input:valid ~ .valid-feedback,
.was-validated .strath-bootstrap .form-check-input:valid ~ .valid-tooltip, .strath-bootstrap .form-check-input.is-valid ~ .valid-feedback,
.strath-bootstrap .form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .custom-control-input:valid ~ .custom-control-label, .strath-bootstrap .custom-control-input.is-valid ~ .custom-control-label {
  color: #218739; }
  .was-validated .strath-bootstrap .custom-control-input:valid ~ .custom-control-label::before, .strath-bootstrap .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #53d571; }

.was-validated .strath-bootstrap .custom-control-input:valid ~ .valid-feedback,
.was-validated .strath-bootstrap .custom-control-input:valid ~ .valid-tooltip, .strath-bootstrap .custom-control-input.is-valid ~ .valid-feedback,
.strath-bootstrap .custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .custom-control-input:valid:checked ~ .custom-control-label::before, .strath-bootstrap .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #2bb04a; }

.was-validated .strath-bootstrap .custom-control-input:valid:focus ~ .custom-control-label::before, .strath-bootstrap .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(33, 135, 57, 0.25); }

.was-validated .strath-bootstrap .custom-file-input:valid ~ .custom-file-label, .strath-bootstrap .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #218739; }
  .was-validated .strath-bootstrap .custom-file-input:valid ~ .custom-file-label::before, .strath-bootstrap .custom-file-input.is-valid ~ .custom-file-label::before {
    border-color: inherit; }

.was-validated .strath-bootstrap .custom-file-input:valid ~ .valid-feedback,
.was-validated .strath-bootstrap .custom-file-input:valid ~ .valid-tooltip, .strath-bootstrap .custom-file-input.is-valid ~ .valid-feedback,
.strath-bootstrap .custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .custom-file-input:valid:focus ~ .custom-file-label, .strath-bootstrap .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0 rgba(33, 135, 57, 0.25); }

.strath-bootstrap .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

.strath-bootstrap .invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: .2rem; }

.was-validated .strath-bootstrap .form-control:invalid, .strath-bootstrap .form-control.is-invalid, .was-validated
.strath-bootstrap .custom-select:invalid,
.strath-bootstrap .custom-select.is-invalid {
  border-color: #dc3545; }
  .was-validated .strath-bootstrap .form-control:invalid:focus, .strath-bootstrap .form-control.is-invalid:focus, .was-validated
  .strath-bootstrap .custom-select:invalid:focus,
  .strath-bootstrap .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }
  .was-validated .strath-bootstrap .form-control:invalid ~ .invalid-feedback,
  .was-validated .strath-bootstrap .form-control:invalid ~ .invalid-tooltip, .strath-bootstrap .form-control.is-invalid ~ .invalid-feedback,
  .strath-bootstrap .form-control.is-invalid ~ .invalid-tooltip, .was-validated
  .strath-bootstrap .custom-select:invalid ~ .invalid-feedback,
  .was-validated
  .strath-bootstrap .custom-select:invalid ~ .invalid-tooltip,
  .strath-bootstrap .custom-select.is-invalid ~ .invalid-feedback,
  .strath-bootstrap .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .strath-bootstrap .form-control-file:invalid ~ .invalid-feedback,
.was-validated .strath-bootstrap .form-control-file:invalid ~ .invalid-tooltip, .strath-bootstrap .form-control-file.is-invalid ~ .invalid-feedback,
.strath-bootstrap .form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .form-check-input:invalid ~ .form-check-label, .strath-bootstrap .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545; }

.was-validated .strath-bootstrap .form-check-input:invalid ~ .invalid-feedback,
.was-validated .strath-bootstrap .form-check-input:invalid ~ .invalid-tooltip, .strath-bootstrap .form-check-input.is-invalid ~ .invalid-feedback,
.strath-bootstrap .form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .custom-control-input:invalid ~ .custom-control-label, .strath-bootstrap .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545; }
  .was-validated .strath-bootstrap .custom-control-input:invalid ~ .custom-control-label::before, .strath-bootstrap .custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #efa2a9; }

.was-validated .strath-bootstrap .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .strath-bootstrap .custom-control-input:invalid ~ .invalid-tooltip, .strath-bootstrap .custom-control-input.is-invalid ~ .invalid-feedback,
.strath-bootstrap .custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .custom-control-input:invalid:checked ~ .custom-control-label::before, .strath-bootstrap .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d; }

.was-validated .strath-bootstrap .custom-control-input:invalid:focus ~ .custom-control-label::before, .strath-bootstrap .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(220, 53, 69, 0.25); }

.was-validated .strath-bootstrap .custom-file-input:invalid ~ .custom-file-label, .strath-bootstrap .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545; }
  .was-validated .strath-bootstrap .custom-file-input:invalid ~ .custom-file-label::before, .strath-bootstrap .custom-file-input.is-invalid ~ .custom-file-label::before {
    border-color: inherit; }

.was-validated .strath-bootstrap .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .strath-bootstrap .custom-file-input:invalid ~ .invalid-tooltip, .strath-bootstrap .custom-file-input.is-invalid ~ .invalid-feedback,
.strath-bootstrap .custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .strath-bootstrap .custom-file-input:invalid:focus ~ .custom-file-label, .strath-bootstrap .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }

.strath-bootstrap .form-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .strath-bootstrap .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .strath-bootstrap .form-inline label {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 0; }
    .strath-bootstrap .form-inline .form-group {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0; }
    .strath-bootstrap .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .strath-bootstrap .form-inline .form-control-plaintext {
      display: inline-block; }
    .strath-bootstrap .form-inline .input-group,
    .strath-bootstrap .form-inline .custom-select {
      width: auto; }
    .strath-bootstrap .form-inline .form-check {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .strath-bootstrap .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .strath-bootstrap .form-inline .custom-control {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .strath-bootstrap .form-inline .custom-control-label {
      margin-bottom: 0; } }

.strath-bootstrap .btn {
  display: inline-block;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 2px solid transparent;
  padding: 0.6rem 1.2rem;
  font-size: 1.07rem;
  line-height: 1.2;
  border-radius: 50px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .strath-bootstrap .btn {
      transition: none; } }
  .strath-bootstrap .btn:hover, .strath-bootstrap .btn:focus {
    text-decoration: none; }
  .strath-bootstrap .btn:focus, .strath-bootstrap .btn.focus {
    outline: 0;
    box-shadow: none; }
  .strath-bootstrap .btn.disabled, .strath-bootstrap .btn:disabled {
    opacity: 0.65;
    box-shadow: none; }
  .strath-bootstrap .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }
  .strath-bootstrap .btn:not(:disabled):not(.disabled):active, .strath-bootstrap .btn:not(:disabled):not(.disabled).active {
    background-image: none;
    box-shadow: none; }
    .strath-bootstrap .btn:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn:not(:disabled):not(.disabled).active:focus {
      box-shadow: none, none; }

.strath-bootstrap a.btn.disabled,
.strath-bootstrap fieldset:disabled a.btn {
  pointer-events: none; }

.strath-bootstrap .btn-primary {
  color: #fff;
  background-color: #018489;
  border-color: #018489;
  box-shadow: none; }
  .strath-bootstrap .btn-primary:hover {
    color: #fff;
    background-color: #015f63;
    border-color: #015356; }
  .strath-bootstrap .btn-primary:focus, .strath-bootstrap .btn-primary.focus {
    box-shadow: none, 0 0 0 0 rgba(1, 132, 137, 0.5); }
  .strath-bootstrap .btn-primary.disabled, .strath-bootstrap .btn-primary:disabled {
    color: #fff;
    background-color: #018489;
    border-color: #018489; }
  .strath-bootstrap .btn-primary:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-primary:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #015356;
    border-color: #01474a; }
    .strath-bootstrap .btn-primary:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-primary.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(1, 132, 137, 0.5); }

.strath-bootstrap .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: none; }
  .strath-bootstrap .btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62; }
  .strath-bootstrap .btn-secondary:focus, .strath-bootstrap .btn-secondary.focus {
    box-shadow: none, 0 0 0 0 rgba(108, 117, 125, 0.5); }
  .strath-bootstrap .btn-secondary.disabled, .strath-bootstrap .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .strath-bootstrap .btn-secondary:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b; }
    .strath-bootstrap .btn-secondary:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-secondary.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(108, 117, 125, 0.5); }

.strath-bootstrap .btn-success {
  color: #fff;
  background-color: #218739;
  border-color: #218739;
  box-shadow: none; }
  .strath-bootstrap .btn-success:hover {
    color: #fff;
    background-color: #19682c;
    border-color: #175e28; }
  .strath-bootstrap .btn-success:focus, .strath-bootstrap .btn-success.focus {
    box-shadow: none, 0 0 0 0 rgba(33, 135, 57, 0.5); }
  .strath-bootstrap .btn-success.disabled, .strath-bootstrap .btn-success:disabled {
    color: #fff;
    background-color: #218739;
    border-color: #218739; }
  .strath-bootstrap .btn-success:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-success:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #175e28;
    border-color: #145423; }
    .strath-bootstrap .btn-success:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-success.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(33, 135, 57, 0.5); }

.strath-bootstrap .btn-info {
  color: #212529;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: none; }
  .strath-bootstrap .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .strath-bootstrap .btn-info:focus, .strath-bootstrap .btn-info.focus {
    box-shadow: none, 0 0 0 0 rgba(23, 162, 184, 0.5); }
  .strath-bootstrap .btn-info.disabled, .strath-bootstrap .btn-info:disabled {
    color: #212529;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .strath-bootstrap .btn-info:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-info:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .strath-bootstrap .btn-info:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-info.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(23, 162, 184, 0.5); }

.strath-bootstrap .btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
  box-shadow: none; }
  .strath-bootstrap .btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00; }
  .strath-bootstrap .btn-warning:focus, .strath-bootstrap .btn-warning.focus {
    box-shadow: none, 0 0 0 0 rgba(255, 193, 7, 0.5); }
  .strath-bootstrap .btn-warning.disabled, .strath-bootstrap .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .strath-bootstrap .btn-warning:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-warning:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500; }
    .strath-bootstrap .btn-warning:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-warning.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(255, 193, 7, 0.5); }

.strath-bootstrap .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  box-shadow: none; }
  .strath-bootstrap .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
  .strath-bootstrap .btn-danger:focus, .strath-bootstrap .btn-danger.focus {
    box-shadow: none, 0 0 0 0 rgba(220, 53, 69, 0.5); }
  .strath-bootstrap .btn-danger.disabled, .strath-bootstrap .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .strath-bootstrap .btn-danger:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-danger:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d; }
    .strath-bootstrap .btn-danger:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-danger.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(220, 53, 69, 0.5); }

.strath-bootstrap .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: none; }
  .strath-bootstrap .btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5; }
  .strath-bootstrap .btn-light:focus, .strath-bootstrap .btn-light.focus {
    box-shadow: none, 0 0 0 0 rgba(248, 249, 250, 0.5); }
  .strath-bootstrap .btn-light.disabled, .strath-bootstrap .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .strath-bootstrap .btn-light:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-light:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df; }
    .strath-bootstrap .btn-light:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-light.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(248, 249, 250, 0.5); }

.strath-bootstrap .btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: none; }
  .strath-bootstrap .btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .strath-bootstrap .btn-dark:focus, .strath-bootstrap .btn-dark.focus {
    box-shadow: none, 0 0 0 0 rgba(52, 58, 64, 0.5); }
  .strath-bootstrap .btn-dark.disabled, .strath-bootstrap .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .strath-bootstrap .btn-dark:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-dark:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .strath-bootstrap .btn-dark:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-dark.dropdown-toggle:focus {
      box-shadow: none, 0 0 0 0 rgba(52, 58, 64, 0.5); }

.strath-bootstrap .btn-outline-primary {
  color: #018489;
  background-color: transparent;
  background-image: none;
  border-color: #018489; }
  .strath-bootstrap .btn-outline-primary:hover {
    color: #fff;
    background-color: #018489;
    border-color: #018489; }
  .strath-bootstrap .btn-outline-primary:focus, .strath-bootstrap .btn-outline-primary.focus {
    box-shadow: 0 0 0 0 rgba(1, 132, 137, 0.5); }
  .strath-bootstrap .btn-outline-primary.disabled, .strath-bootstrap .btn-outline-primary:disabled {
    color: #018489;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-primary:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #018489;
    border-color: #018489; }
    .strath-bootstrap .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(1, 132, 137, 0.5); }

.strath-bootstrap .btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d; }
  .strath-bootstrap .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
  .strath-bootstrap .btn-outline-secondary:focus, .strath-bootstrap .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); }
  .strath-bootstrap .btn-outline-secondary.disabled, .strath-bootstrap .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-secondary:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }
    .strath-bootstrap .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); }

.strath-bootstrap .btn-outline-success {
  color: #218739;
  background-color: transparent;
  background-image: none;
  border-color: #218739; }
  .strath-bootstrap .btn-outline-success:hover {
    color: #fff;
    background-color: #218739;
    border-color: #218739; }
  .strath-bootstrap .btn-outline-success:focus, .strath-bootstrap .btn-outline-success.focus {
    box-shadow: 0 0 0 0 rgba(33, 135, 57, 0.5); }
  .strath-bootstrap .btn-outline-success.disabled, .strath-bootstrap .btn-outline-success:disabled {
    color: #218739;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-success:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #218739;
    border-color: #218739; }
    .strath-bootstrap .btn-outline-success:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(33, 135, 57, 0.5); }

.strath-bootstrap .btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8; }
  .strath-bootstrap .btn-outline-info:hover {
    color: #212529;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .strath-bootstrap .btn-outline-info:focus, .strath-bootstrap .btn-outline-info.focus {
    box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); }
  .strath-bootstrap .btn-outline-info.disabled, .strath-bootstrap .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-info:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-info.dropdown-toggle {
    color: #212529;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .strath-bootstrap .btn-outline-info:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(23, 162, 184, 0.5); }

.strath-bootstrap .btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107; }
  .strath-bootstrap .btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .strath-bootstrap .btn-outline-warning:focus, .strath-bootstrap .btn-outline-warning.focus {
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); }
  .strath-bootstrap .btn-outline-warning.disabled, .strath-bootstrap .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-warning:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .strath-bootstrap .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); }

.strath-bootstrap .btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545; }
  .strath-bootstrap .btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .strath-bootstrap .btn-outline-danger:focus, .strath-bootstrap .btn-outline-danger.focus {
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }
  .strath-bootstrap .btn-outline-danger.disabled, .strath-bootstrap .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-danger:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .strath-bootstrap .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }

.strath-bootstrap .btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa; }
  .strath-bootstrap .btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
  .strath-bootstrap .btn-outline-light:focus, .strath-bootstrap .btn-outline-light.focus {
    box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); }
  .strath-bootstrap .btn-outline-light.disabled, .strath-bootstrap .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-light:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-light.dropdown-toggle {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .strath-bootstrap .btn-outline-light:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); }

.strath-bootstrap .btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40; }
  .strath-bootstrap .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
  .strath-bootstrap .btn-outline-dark:focus, .strath-bootstrap .btn-outline-dark.focus {
    box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }
  .strath-bootstrap .btn-outline-dark.disabled, .strath-bootstrap .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent; }
  .strath-bootstrap .btn-outline-dark:not(:disabled):not(.disabled):active, .strath-bootstrap .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .strath-bootstrap .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .strath-bootstrap .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .strath-bootstrap .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .strath-bootstrap .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }

.strath-bootstrap .btn-link {
  font-weight: 400;
  color: #0078ae;
  background-color: transparent; }
  .strath-bootstrap .btn-link:hover {
    color: #004362;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent; }
  .strath-bootstrap .btn-link:focus, .strath-bootstrap .btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none; }
  .strath-bootstrap .btn-link:disabled, .strath-bootstrap .btn-link.disabled {
    color: #6c757d;
    pointer-events: none; }

.strath-bootstrap .btn-lg, .strath-bootstrap .btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.3375rem;
  line-height: 1.2;
  border-radius: 50px; }

.strath-bootstrap .btn-sm, .strath-bootstrap .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.93625rem;
  line-height: 1.5;
  border-radius: 50px; }

.strath-bootstrap .btn-block {
  display: block;
  width: 100%; }
  .strath-bootstrap .btn-block + .btn-block {
    margin-top: 0.5rem; }

.strath-bootstrap input[type="submit"].btn-block,
.strath-bootstrap input[type="reset"].btn-block,
.strath-bootstrap input[type="button"].btn-block {
  width: 100%; }

.strath-bootstrap .fade {
  transition: opacity 0.15s linear; }
  @media screen and (prefers-reduced-motion: reduce) {
    .strath-bootstrap .fade {
      transition: none; } }
  .strath-bootstrap .fade:not(.show) {
    opacity: 0; }

.strath-bootstrap .collapse:not(.show) {
  display: none; }

.strath-bootstrap .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .strath-bootstrap .collapsing {
      transition: none; } }

.strath-bootstrap .dropup,
.strath-bootstrap .dropright,
.strath-bootstrap .dropdown,
.strath-bootstrap .dropleft {
  position: relative; }

.strath-bootstrap .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }

.strath-bootstrap .dropdown-toggle:empty::after {
  margin-left: 0; }

.strath-bootstrap .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1.07rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175); }

.strath-bootstrap .dropdown-menu-right {
  right: 0;
  left: auto; }

.strath-bootstrap .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.strath-bootstrap .dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.strath-bootstrap .dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.strath-bootstrap .dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.strath-bootstrap .dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.strath-bootstrap .dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.strath-bootstrap .dropright .dropdown-toggle::after {
  vertical-align: 0; }

.strath-bootstrap .dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.strath-bootstrap .dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.strath-bootstrap .dropleft .dropdown-toggle::after {
  display: none; }

.strath-bootstrap .dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.strath-bootstrap .dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.strath-bootstrap .dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.strath-bootstrap .dropdown-menu[x-placement^="top"], .strath-bootstrap .dropdown-menu[x-placement^="right"], .strath-bootstrap .dropdown-menu[x-placement^="bottom"], .strath-bootstrap .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.strath-bootstrap .dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.strath-bootstrap .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .strath-bootstrap .dropdown-item:hover, .strath-bootstrap .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa; }
  .strath-bootstrap .dropdown-item.active, .strath-bootstrap .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #002b5c; }
  .strath-bootstrap .dropdown-item.disabled, .strath-bootstrap .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent; }

.strath-bootstrap .dropdown-menu.show {
  display: block; }

.strath-bootstrap .dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.93625rem;
  color: #6c757d;
  white-space: nowrap; }

.strath-bootstrap .dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529; }

.strath-bootstrap .btn-group,
.strath-bootstrap .btn-group-vertical {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }
  .strath-bootstrap .btn-group > .btn,
  .strath-bootstrap .btn-group-vertical > .btn {
    position: relative;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
    .strath-bootstrap .btn-group > .btn:hover,
    .strath-bootstrap .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .strath-bootstrap .btn-group > .btn:focus, .strath-bootstrap .btn-group > .btn:active, .strath-bootstrap .btn-group > .btn.active,
    .strath-bootstrap .btn-group-vertical > .btn:focus,
    .strath-bootstrap .btn-group-vertical > .btn:active,
    .strath-bootstrap .btn-group-vertical > .btn.active {
      z-index: 1; }
  .strath-bootstrap .btn-group .btn + .btn,
  .strath-bootstrap .btn-group .btn + .btn-group,
  .strath-bootstrap .btn-group .btn-group + .btn,
  .strath-bootstrap .btn-group .btn-group + .btn-group,
  .strath-bootstrap .btn-group-vertical .btn + .btn,
  .strath-bootstrap .btn-group-vertical .btn + .btn-group,
  .strath-bootstrap .btn-group-vertical .btn-group + .btn,
  .strath-bootstrap .btn-group-vertical .btn-group + .btn-group {
    margin-left: -2px; }

.strath-bootstrap .btn-toolbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .strath-bootstrap .btn-toolbar .input-group {
    width: auto; }

.strath-bootstrap .btn-group > .btn:first-child {
  margin-left: 0; }

.strath-bootstrap .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.strath-bootstrap .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.strath-bootstrap .btn-group > .btn:not(:first-child),
.strath-bootstrap .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.strath-bootstrap .dropdown-toggle-split {
  padding-right: 0.9rem;
  padding-left: 0.9rem; }
  .strath-bootstrap .dropdown-toggle-split::after,
  .dropup .strath-bootstrap .dropdown-toggle-split::after,
  .dropright .strath-bootstrap .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .strath-bootstrap .dropdown-toggle-split::before {
    margin-right: 0; }

.strath-bootstrap .btn-sm + .dropdown-toggle-split, .strath-bootstrap .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.strath-bootstrap .btn-lg + .dropdown-toggle-split, .strath-bootstrap .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem; }

.strath-bootstrap .btn-group.show .dropdown-toggle {
  box-shadow: none; }
  .strath-bootstrap .btn-group.show .dropdown-toggle.btn-link {
    box-shadow: none; }

.strath-bootstrap .btn-group-vertical {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .strath-bootstrap .btn-group-vertical .btn,
  .strath-bootstrap .btn-group-vertical .btn-group {
    width: 100%; }
  .strath-bootstrap .btn-group-vertical > .btn + .btn,
  .strath-bootstrap .btn-group-vertical > .btn + .btn-group,
  .strath-bootstrap .btn-group-vertical > .btn-group + .btn,
  .strath-bootstrap .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -2px;
    margin-left: 0; }
  .strath-bootstrap .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .strath-bootstrap .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .strath-bootstrap .btn-group-vertical > .btn:not(:first-child),
  .strath-bootstrap .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.strath-bootstrap .btn-group-toggle > .btn,
.strath-bootstrap .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .strath-bootstrap .btn-group-toggle > .btn input[type="radio"],
  .strath-bootstrap .btn-group-toggle > .btn input[type="checkbox"],
  .strath-bootstrap .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .strath-bootstrap .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.strath-bootstrap .input-group {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; }
  .strath-bootstrap .input-group > .form-control,
  .strath-bootstrap .input-group > .custom-select,
  .strath-bootstrap .input-group > .custom-file {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .strath-bootstrap .input-group > .form-control + .form-control,
    .strath-bootstrap .input-group > .form-control + .custom-select,
    .strath-bootstrap .input-group > .form-control + .custom-file,
    .strath-bootstrap .input-group > .custom-select + .form-control,
    .strath-bootstrap .input-group > .custom-select + .custom-select,
    .strath-bootstrap .input-group > .custom-select + .custom-file,
    .strath-bootstrap .input-group > .custom-file + .form-control,
    .strath-bootstrap .input-group > .custom-file + .custom-select,
    .strath-bootstrap .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .strath-bootstrap .input-group > .form-control:focus,
  .strath-bootstrap .input-group > .custom-select:focus,
  .strath-bootstrap .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .strath-bootstrap .input-group > .form-control:not(:last-child),
  .strath-bootstrap .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .strath-bootstrap .input-group > .form-control:not(:first-child),
  .strath-bootstrap .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .strath-bootstrap .input-group > .custom-file {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .strath-bootstrap .input-group > .custom-file:not(:last-child) .custom-file-label,
    .strath-bootstrap .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .strath-bootstrap .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.strath-bootstrap .input-group-prepend,
.strath-bootstrap .input-group-append {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .strath-bootstrap .input-group-prepend .btn,
  .strath-bootstrap .input-group-append .btn {
    position: relative;
    z-index: 2; }
  .strath-bootstrap .input-group-prepend .btn + .btn,
  .strath-bootstrap .input-group-prepend .btn + .input-group-text,
  .strath-bootstrap .input-group-prepend .input-group-text + .input-group-text,
  .strath-bootstrap .input-group-prepend .input-group-text + .btn,
  .strath-bootstrap .input-group-append .btn + .btn,
  .strath-bootstrap .input-group-append .btn + .input-group-text,
  .strath-bootstrap .input-group-append .input-group-text + .input-group-text,
  .strath-bootstrap .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.strath-bootstrap .input-group-prepend {
  margin-right: -1px; }

.strath-bootstrap .input-group-append {
  margin-left: -1px; }

.strath-bootstrap .input-group-text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.6rem 0.798rem;
  margin-bottom: 0;
  font-size: 1.07rem;
  font-weight: 400;
  line-height: 1.2;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #6c757d;
  border-radius: 4px; }
  .strath-bootstrap .input-group-text input[type="radio"],
  .strath-bootstrap .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.strath-bootstrap .input-group > .input-group-prepend > .btn,
.strath-bootstrap .input-group > .input-group-prepend > .input-group-text,
.strath-bootstrap .input-group > .input-group-append:not(:last-child) > .btn,
.strath-bootstrap .input-group > .input-group-append:not(:last-child) > .input-group-text,
.strath-bootstrap .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.strath-bootstrap .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.strath-bootstrap .input-group > .input-group-append > .btn,
.strath-bootstrap .input-group > .input-group-append > .input-group-text,
.strath-bootstrap .input-group > .input-group-prepend:not(:first-child) > .btn,
.strath-bootstrap .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.strath-bootstrap .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.strath-bootstrap .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.strath-bootstrap .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.strath-bootstrap .custom-control-inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem; }

.strath-bootstrap .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .strath-bootstrap .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #002b5c;
    box-shadow: none; }
  .strath-bootstrap .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 43, 92, 0.8); }
  .strath-bootstrap .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #107fff;
    box-shadow: none; }
  .strath-bootstrap .custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d; }
    .strath-bootstrap .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }

.strath-bootstrap .custom-control-label {
  position: relative;
  margin-bottom: 0; }
  .strath-bootstrap .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }
  .strath-bootstrap .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%; }

.strath-bootstrap .custom-checkbox .custom-control-label::before {
  border-radius: 0; }

.strath-bootstrap .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #002b5c; }

.strath-bootstrap .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.strath-bootstrap .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #002b5c;
  box-shadow: none; }

.strath-bootstrap .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }

.strath-bootstrap .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(1, 132, 137, 0.5); }

.strath-bootstrap .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(1, 132, 137, 0.5); }

.strath-bootstrap .custom-radio .custom-control-label::before {
  border-radius: 50%; }

.strath-bootstrap .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #002b5c; }

.strath-bootstrap .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.strath-bootstrap .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(1, 132, 137, 0.5); }

.strath-bootstrap .custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.484rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.2;
  color: #212529;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 2px solid #6c757d;
  border-radius: 0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .strath-bootstrap .custom-select:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0 rgba(255, 255, 255, 0.5); }
    .strath-bootstrap .custom-select:focus::-ms-value {
      color: #212529;
      background-color: #fff; }
  .strath-bootstrap .custom-select[multiple], .strath-bootstrap .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .strath-bootstrap .custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .strath-bootstrap .custom-select::-ms-expand {
    opacity: 0; }

.strath-bootstrap .custom-select-sm {
  height: calc(1.90437rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.strath-bootstrap .custom-select-lg {
  height: calc(3.105rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%; }

.strath-bootstrap .custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.484rem + 2px);
  margin-bottom: 0; }

.strath-bootstrap .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.484rem + 2px);
  margin: 0;
  opacity: 0; }
  .strath-bootstrap .custom-file-input:focus ~ .custom-file-label {
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(0, 43, 92, 0.8); }
    .strath-bootstrap .custom-file-input:focus ~ .custom-file-label::after {
      border-color: #fff; }
  .strath-bootstrap .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .strath-bootstrap .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }

.strath-bootstrap .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.484rem + 2px);
  padding: 0.6rem 1.2rem;
  line-height: 1.2;
  color: #212529;
  background-color: #fff;
  border: 2px solid #6c757d;
  border-radius: 4px;
  box-shadow: inset 0 0 0 transparent; }
  .strath-bootstrap .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.484rem;
    padding: 0.6rem 1.2rem;
    line-height: 1.2;
    color: #212529;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 2px solid #6c757d;
    border-radius: 0 4px 4px 0; }

.strath-bootstrap .custom-range {
  width: 100%;
  padding-left: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .strath-bootstrap .custom-range:focus {
    outline: none; }
  .strath-bootstrap .custom-range::-moz-focus-outer {
    border: 0; }
  .strath-bootstrap .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #002b5c;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none; }
    @media screen and (prefers-reduced-motion: reduce) {
      .strath-bootstrap .custom-range::-webkit-slider-thumb {
        transition: none; } }
    .strath-bootstrap .custom-range::-webkit-slider-thumb:focus {
      outline: none;
      box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 43, 92, 0.8); }
    .strath-bootstrap .custom-range::-webkit-slider-thumb:active {
      background-color: #107fff; }
  .strath-bootstrap .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }
  .strath-bootstrap .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #002b5c;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none; }
    @media screen and (prefers-reduced-motion: reduce) {
      .strath-bootstrap .custom-range::-moz-range-thumb {
        transition: none; } }
    .strath-bootstrap .custom-range::-moz-range-thumb:focus {
      outline: none;
      box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 43, 92, 0.8); }
    .strath-bootstrap .custom-range::-moz-range-thumb:active {
      background-color: #107fff; }
  .strath-bootstrap .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }
  .strath-bootstrap .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #002b5c;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media screen and (prefers-reduced-motion: reduce) {
      .strath-bootstrap .custom-range::-ms-thumb {
        transition: none; } }
    .strath-bootstrap .custom-range::-ms-thumb:focus {
      outline: none;
      box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 43, 92, 0.8); }
    .strath-bootstrap .custom-range::-ms-thumb:active {
      background-color: #107fff; }
  .strath-bootstrap .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
    box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }
  .strath-bootstrap .custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem; }
  .strath-bootstrap .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem; }

.strath-bootstrap .custom-control-label::before,
.strath-bootstrap .custom-file-label,
.strath-bootstrap .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .strath-bootstrap .custom-control-label::before,
    .strath-bootstrap .custom-file-label,
    .strath-bootstrap .custom-select {
      transition: none; } }

.strath-bootstrap .nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.strath-bootstrap .nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .strath-bootstrap .nav-link:hover, .strath-bootstrap .nav-link:focus {
    text-decoration: none; }
  .strath-bootstrap .nav-link.disabled {
    color: #6c757d; }

.strath-bootstrap .nav-tabs {
  border-bottom: 2px solid #002b5c; }
  .strath-bootstrap .nav-tabs .nav-item {
    margin-bottom: -2px; }
  .strath-bootstrap .nav-tabs .nav-link {
    border: 2px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    .strath-bootstrap .nav-tabs .nav-link:hover, .strath-bootstrap .nav-tabs .nav-link:focus {
      border-color: transparent; }
    .strath-bootstrap .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .strath-bootstrap .nav-tabs .nav-link.active,
  .strath-bootstrap .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #002b5c;
    border-color: transparent; }
  .strath-bootstrap .nav-tabs .dropdown-menu {
    margin-top: -2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.strath-bootstrap .nav-pills .nav-link {
  border-radius: 0; }

.strath-bootstrap .nav-pills .nav-link.active,
.strath-bootstrap .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #002b5c; }

.strath-bootstrap .nav-fill .nav-item {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center; }

.strath-bootstrap .nav-justified .nav-item {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center; }

.strath-bootstrap .tab-content > .tab-pane {
  display: none; }

.strath-bootstrap .tab-content > .active {
  display: block; }

.strath-bootstrap .navbar {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .strath-bootstrap .navbar > .container,
  .strath-bootstrap .navbar > .container-fluid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.strath-bootstrap .navbar-brand {
  display: inline-block;
  padding-top: 0.29937rem;
  padding-bottom: 0.29937rem;
  margin-right: 1rem;
  font-size: 1.3375rem;
  line-height: inherit;
  white-space: nowrap; }
  .strath-bootstrap .navbar-brand:hover, .strath-bootstrap .navbar-brand:focus {
    text-decoration: none; }

.strath-bootstrap .navbar-nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .strath-bootstrap .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .strath-bootstrap .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.strath-bootstrap .navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.strath-bootstrap .navbar-collapse {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.strath-bootstrap .navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.3375rem;
  line-height: 1;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 50px; }
  .strath-bootstrap .navbar-toggler:hover, .strath-bootstrap .navbar-toggler:focus {
    text-decoration: none; }
  .strath-bootstrap .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer; }

.strath-bootstrap .navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .strath-bootstrap .navbar-expand-sm > .container,
  .strath-bootstrap .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .strath-bootstrap .navbar-expand-sm {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .strath-bootstrap .navbar-expand-sm .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .strath-bootstrap .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .strath-bootstrap .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .strath-bootstrap .navbar-expand-sm > .container,
    .strath-bootstrap .navbar-expand-sm > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .strath-bootstrap .navbar-expand-sm .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .strath-bootstrap .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767.98px) {
  .strath-bootstrap .navbar-expand-md > .container,
  .strath-bootstrap .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .strath-bootstrap .navbar-expand-md {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .strath-bootstrap .navbar-expand-md .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .strath-bootstrap .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .strath-bootstrap .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .strath-bootstrap .navbar-expand-md > .container,
    .strath-bootstrap .navbar-expand-md > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .strath-bootstrap .navbar-expand-md .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .strath-bootstrap .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991.98px) {
  .strath-bootstrap .navbar-expand-lg > .container,
  .strath-bootstrap .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .strath-bootstrap .navbar-expand-lg {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .strath-bootstrap .navbar-expand-lg .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .strath-bootstrap .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .strath-bootstrap .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .strath-bootstrap .navbar-expand-lg > .container,
    .strath-bootstrap .navbar-expand-lg > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .strath-bootstrap .navbar-expand-lg .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .strath-bootstrap .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .strath-bootstrap .navbar-expand-xl > .container,
  .strath-bootstrap .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .strath-bootstrap .navbar-expand-xl {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .strath-bootstrap .navbar-expand-xl .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .strath-bootstrap .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .strath-bootstrap .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .strath-bootstrap .navbar-expand-xl > .container,
    .strath-bootstrap .navbar-expand-xl > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .strath-bootstrap .navbar-expand-xl .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .strath-bootstrap .navbar-expand-xl .navbar-toggler {
      display: none; } }

@media (max-width: 1599.98px) {
  .strath-bootstrap .navbar-expand-xxl > .container,
  .strath-bootstrap .navbar-expand-xxl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1600px) {
  .strath-bootstrap .navbar-expand-xxl {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .strath-bootstrap .navbar-expand-xxl .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .strath-bootstrap .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute; }
      .strath-bootstrap .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .strath-bootstrap .navbar-expand-xxl > .container,
    .strath-bootstrap .navbar-expand-xxl > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .strath-bootstrap .navbar-expand-xxl .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .strath-bootstrap .navbar-expand-xxl .navbar-toggler {
      display: none; } }

.strath-bootstrap .navbar-expand {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .strath-bootstrap .navbar-expand > .container,
  .strath-bootstrap .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .strath-bootstrap .navbar-expand .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .strath-bootstrap .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .strath-bootstrap .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .strath-bootstrap .navbar-expand > .container,
  .strath-bootstrap .navbar-expand > .container-fluid {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .strath-bootstrap .navbar-expand .navbar-collapse {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .strath-bootstrap .navbar-expand .navbar-toggler {
    display: none; }

.strath-bootstrap .navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .strath-bootstrap .navbar-light .navbar-brand:hover, .strath-bootstrap .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.strath-bootstrap .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .strath-bootstrap .navbar-light .navbar-nav .nav-link:hover, .strath-bootstrap .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .strath-bootstrap .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.strath-bootstrap .navbar-light .navbar-nav .show > .nav-link,
.strath-bootstrap .navbar-light .navbar-nav .active > .nav-link,
.strath-bootstrap .navbar-light .navbar-nav .nav-link.show,
.strath-bootstrap .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.strath-bootstrap .navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.strath-bootstrap .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.strath-bootstrap .navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .strath-bootstrap .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .strath-bootstrap .navbar-light .navbar-text a:hover, .strath-bootstrap .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.strath-bootstrap .navbar-dark .navbar-brand {
  color: #fff; }
  .strath-bootstrap .navbar-dark .navbar-brand:hover, .strath-bootstrap .navbar-dark .navbar-brand:focus {
    color: #fff; }

.strath-bootstrap .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .strath-bootstrap .navbar-dark .navbar-nav .nav-link:hover, .strath-bootstrap .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .strath-bootstrap .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.strath-bootstrap .navbar-dark .navbar-nav .show > .nav-link,
.strath-bootstrap .navbar-dark .navbar-nav .active > .nav-link,
.strath-bootstrap .navbar-dark .navbar-nav .nav-link.show,
.strath-bootstrap .navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.strath-bootstrap .navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.strath-bootstrap .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.strath-bootstrap .navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .strath-bootstrap .navbar-dark .navbar-text a {
    color: #fff; }
    .strath-bootstrap .navbar-dark .navbar-text a:hover, .strath-bootstrap .navbar-dark .navbar-text a:focus {
      color: #fff; }

.strath-bootstrap .card {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 2px solid rgba(0, 0, 0, 0.125);
  border-radius: 0; }
  .strath-bootstrap .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .strath-bootstrap .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .strath-bootstrap .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.strath-bootstrap .card-body {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem; }

.strath-bootstrap .card-title {
  margin-bottom: 0.75rem; }

.strath-bootstrap .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.strath-bootstrap .card-text:last-child {
  margin-bottom: 0; }

.strath-bootstrap .card-link:hover {
  text-decoration: none; }

.strath-bootstrap .card-link + .card-link {
  margin-left: 1.25rem; }

.strath-bootstrap .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 2px solid rgba(0, 0, 0, 0.125); }
  .strath-bootstrap .card-header:first-child {
    border-radius: calc(0 - 2px) calc(0 - 2px) 0 0; }
  .strath-bootstrap .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.strath-bootstrap .card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 2px solid rgba(0, 0, 0, 0.125); }
  .strath-bootstrap .card-footer:last-child {
    border-radius: 0 0 calc(0 - 2px) calc(0 - 2px); }

.strath-bootstrap .card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.strath-bootstrap .card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.strath-bootstrap .card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.strath-bootstrap .card-img {
  width: 100%;
  border-radius: calc(0 - 2px); }

.strath-bootstrap .card-img-top {
  width: 100%;
  border-top-left-radius: calc(0 - 2px);
  border-top-right-radius: calc(0 - 2px); }

.strath-bootstrap .card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0 - 2px);
  border-bottom-left-radius: calc(0 - 2px); }

.strath-bootstrap .card-deck {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .strath-bootstrap .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .strath-bootstrap .card-deck {
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .strath-bootstrap .card-deck .card {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.strath-bootstrap .card-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .strath-bootstrap .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .strath-bootstrap .card-group {
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
      .strath-bootstrap .card-group > .card {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0; }
        .strath-bootstrap .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .strath-bootstrap .card-group > .card:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .strath-bootstrap .card-group > .card:first-child .card-img-top,
          .strath-bootstrap .card-group > .card:first-child .card-header {
            border-top-right-radius: 0; }
          .strath-bootstrap .card-group > .card:first-child .card-img-bottom,
          .strath-bootstrap .card-group > .card:first-child .card-footer {
            border-bottom-right-radius: 0; }
        .strath-bootstrap .card-group > .card:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .strath-bootstrap .card-group > .card:last-child .card-img-top,
          .strath-bootstrap .card-group > .card:last-child .card-header {
            border-top-left-radius: 0; }
          .strath-bootstrap .card-group > .card:last-child .card-img-bottom,
          .strath-bootstrap .card-group > .card:last-child .card-footer {
            border-bottom-left-radius: 0; }
        .strath-bootstrap .card-group > .card:only-child {
          border-radius: 0; }
          .strath-bootstrap .card-group > .card:only-child .card-img-top,
          .strath-bootstrap .card-group > .card:only-child .card-header {
            border-top-left-radius: 0;
            border-top-right-radius: 0; }
          .strath-bootstrap .card-group > .card:only-child .card-img-bottom,
          .strath-bootstrap .card-group > .card:only-child .card-footer {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0; }
        .strath-bootstrap .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
          border-radius: 0; }
          .strath-bootstrap .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
          .strath-bootstrap .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
          .strath-bootstrap .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
          .strath-bootstrap .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
            border-radius: 0; } }

.strath-bootstrap .card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .strath-bootstrap .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .strath-bootstrap .card-columns .card {
      display: inline-block;
      width: 100%; } }

.strath-bootstrap .accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0; }

.strath-bootstrap .accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0; }

.strath-bootstrap .accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.strath-bootstrap .accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.strath-bootstrap .breadcrumb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0; }

.strath-bootstrap .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .strath-bootstrap .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/"; }

.strath-bootstrap .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.strath-bootstrap .breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.strath-bootstrap .breadcrumb-item.active {
  color: #6c757d; }

.strath-bootstrap .pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0; }

.strath-bootstrap .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: 0;
  line-height: 1.25;
  color: #0078ae;
  background-color: #fff;
  border: 0 solid #dee2e6; }
  .strath-bootstrap .page-link:hover {
    z-index: 2;
    color: #004362;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .strath-bootstrap .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 43, 92, 0.8); }
  .strath-bootstrap .page-link:not(:disabled):not(.disabled) {
    cursor: pointer; }

.strath-bootstrap .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.strath-bootstrap .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.strath-bootstrap .page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #018489;
  border-color: #018489; }

.strath-bootstrap .page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6; }

.strath-bootstrap .pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.3375rem;
  line-height: 1.5; }

.strath-bootstrap .pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.strath-bootstrap .pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.strath-bootstrap .pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.93625rem;
  line-height: 1.5; }

.strath-bootstrap .pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.strath-bootstrap .pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.strath-bootstrap .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0; }
  .strath-bootstrap .badge:empty {
    display: none; }

.strath-bootstrap .btn .badge {
  position: relative;
  top: -1px; }

.strath-bootstrap .badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.strath-bootstrap .badge-primary {
  color: #fff;
  background-color: #018489; }
  .strath-bootstrap .badge-primary[href]:hover, .strath-bootstrap .badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #015356; }

.strath-bootstrap .badge-secondary {
  color: #fff;
  background-color: #6c757d; }
  .strath-bootstrap .badge-secondary[href]:hover, .strath-bootstrap .badge-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62; }

.strath-bootstrap .badge-success {
  color: #fff;
  background-color: #218739; }
  .strath-bootstrap .badge-success[href]:hover, .strath-bootstrap .badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #175e28; }

.strath-bootstrap .badge-info {
  color: #212529;
  background-color: #17a2b8; }
  .strath-bootstrap .badge-info[href]:hover, .strath-bootstrap .badge-info[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #117a8b; }

.strath-bootstrap .badge-warning {
  color: #212529;
  background-color: #ffc107; }
  .strath-bootstrap .badge-warning[href]:hover, .strath-bootstrap .badge-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00; }

.strath-bootstrap .badge-danger {
  color: #fff;
  background-color: #dc3545; }
  .strath-bootstrap .badge-danger[href]:hover, .strath-bootstrap .badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130; }

.strath-bootstrap .badge-light {
  color: #212529;
  background-color: #f8f9fa; }
  .strath-bootstrap .badge-light[href]:hover, .strath-bootstrap .badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5; }

.strath-bootstrap .badge-dark {
  color: #fff;
  background-color: #343a40; }
  .strath-bootstrap .badge-dark[href]:hover, .strath-bootstrap .badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124; }

.strath-bootstrap .jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0; }
  @media (min-width: 576px) {
    .strath-bootstrap .jumbotron {
      padding: 4rem 2rem; } }

.strath-bootstrap .jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.strath-bootstrap .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 2px solid transparent;
  border-radius: 0; }

.strath-bootstrap .alert-heading {
  color: inherit; }

.strath-bootstrap .alert-link {
  font-weight: 700; }

.strath-bootstrap .alert-dismissible {
  padding-right: 4.105rem; }
  .strath-bootstrap .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.strath-bootstrap .alert-primary {
  color: #014547;
  background-color: #cce6e7;
  border-color: #b8ddde; }
  .strath-bootstrap .alert-primary hr {
    border-top-color: #a7d5d6; }
  .strath-bootstrap .alert-primary .alert-link {
    color: #001415; }

.strath-bootstrap .alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db; }
  .strath-bootstrap .alert-secondary hr {
    border-top-color: #c8cbcf; }
  .strath-bootstrap .alert-secondary .alert-link {
    color: #202326; }

.strath-bootstrap .alert-success {
  color: #11461e;
  background-color: #d3e7d7;
  border-color: #c1ddc8; }
  .strath-bootstrap .alert-success hr {
    border-top-color: #b1d4b9; }
  .strath-bootstrap .alert-success .alert-link {
    color: #071d0c; }

.strath-bootstrap .alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb; }
  .strath-bootstrap .alert-info hr {
    border-top-color: #abdde5; }
  .strath-bootstrap .alert-info .alert-link {
    color: #062c33; }

.strath-bootstrap .alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }
  .strath-bootstrap .alert-warning hr {
    border-top-color: #ffe8a1; }
  .strath-bootstrap .alert-warning .alert-link {
    color: #533f03; }

.strath-bootstrap .alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }
  .strath-bootstrap .alert-danger hr {
    border-top-color: #f1b0b7; }
  .strath-bootstrap .alert-danger .alert-link {
    color: #491217; }

.strath-bootstrap .alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe; }
  .strath-bootstrap .alert-light hr {
    border-top-color: #ececf6; }
  .strath-bootstrap .alert-light .alert-link {
    color: #686868; }

.strath-bootstrap .alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .strath-bootstrap .alert-dark hr {
    border-top-color: #b9bbbe; }
  .strath-bootstrap .alert-dark .alert-link {
    color: #040505; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.strath-bootstrap .progress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.8025rem;
  background-color: #e9ecef;
  border-radius: 0;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

.strath-bootstrap .progress-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #018489;
  transition: width 0.6s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .strath-bootstrap .progress-bar {
      transition: none; } }

.strath-bootstrap .progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.strath-bootstrap .progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite; }

.strath-bootstrap .media {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.strath-bootstrap .media-body {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.strath-bootstrap .list-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.strath-bootstrap .list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .strath-bootstrap .list-group-item-action:hover, .strath-bootstrap .list-group-item-action:focus {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .strath-bootstrap .list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef; }

.strath-bootstrap .list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -2px;
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.125); }
  .strath-bootstrap .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .strath-bootstrap .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .strath-bootstrap .list-group-item:hover, .strath-bootstrap .list-group-item:focus {
    z-index: 1;
    text-decoration: none; }
  .strath-bootstrap .list-group-item.disabled, .strath-bootstrap .list-group-item:disabled {
    color: #6c757d;
    background-color: #fff; }
  .strath-bootstrap .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #002b5c;
    border-color: #002b5c; }

.strath-bootstrap .list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }

.strath-bootstrap .list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.strath-bootstrap .list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0; }

.strath-bootstrap .list-group-item-primary {
  color: #014547;
  background-color: #b8ddde; }
  .strath-bootstrap .list-group-item-primary.list-group-item-action:hover, .strath-bootstrap .list-group-item-primary.list-group-item-action:focus {
    color: #014547;
    background-color: #a7d5d6; }
  .strath-bootstrap .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #014547;
    border-color: #014547; }

.strath-bootstrap .list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db; }
  .strath-bootstrap .list-group-item-secondary.list-group-item-action:hover, .strath-bootstrap .list-group-item-secondary.list-group-item-action:focus {
    color: #383d41;
    background-color: #c8cbcf; }
  .strath-bootstrap .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41; }

.strath-bootstrap .list-group-item-success {
  color: #11461e;
  background-color: #c1ddc8; }
  .strath-bootstrap .list-group-item-success.list-group-item-action:hover, .strath-bootstrap .list-group-item-success.list-group-item-action:focus {
    color: #11461e;
    background-color: #b1d4b9; }
  .strath-bootstrap .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #11461e;
    border-color: #11461e; }

.strath-bootstrap .list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb; }
  .strath-bootstrap .list-group-item-info.list-group-item-action:hover, .strath-bootstrap .list-group-item-info.list-group-item-action:focus {
    color: #0c5460;
    background-color: #abdde5; }
  .strath-bootstrap .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460; }

.strath-bootstrap .list-group-item-warning {
  color: #856404;
  background-color: #ffeeba; }
  .strath-bootstrap .list-group-item-warning.list-group-item-action:hover, .strath-bootstrap .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1; }
  .strath-bootstrap .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404; }

.strath-bootstrap .list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb; }
  .strath-bootstrap .list-group-item-danger.list-group-item-action:hover, .strath-bootstrap .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7; }
  .strath-bootstrap .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24; }

.strath-bootstrap .list-group-item-light {
  color: #818182;
  background-color: #fdfdfe; }
  .strath-bootstrap .list-group-item-light.list-group-item-action:hover, .strath-bootstrap .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6; }
  .strath-bootstrap .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182; }

.strath-bootstrap .list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .strath-bootstrap .list-group-item-dark.list-group-item-action:hover, .strath-bootstrap .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .strath-bootstrap .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.strath-bootstrap .close {
  float: right;
  font-size: 1.605rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .strath-bootstrap .close:not(:disabled):not(.disabled) {
    cursor: pointer; }
    .strath-bootstrap .close:not(:disabled):not(.disabled):hover, .strath-bootstrap .close:not(:disabled):not(.disabled):focus {
      color: #000;
      text-decoration: none;
      opacity: .75; }

.strath-bootstrap button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none; }

.strath-bootstrap .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Alegreya Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.93625rem;
  word-wrap: break-word;
  opacity: 0; }
  .strath-bootstrap .tooltip.show {
    opacity: 0.9; }
  .strath-bootstrap .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .strath-bootstrap .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.strath-bootstrap .bs-tooltip-top, .strath-bootstrap .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .strath-bootstrap .bs-tooltip-top .arrow, .strath-bootstrap .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .strath-bootstrap .bs-tooltip-top .arrow::before, .strath-bootstrap .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000; }

.strath-bootstrap .bs-tooltip-right, .strath-bootstrap .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .strath-bootstrap .bs-tooltip-right .arrow, .strath-bootstrap .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .strath-bootstrap .bs-tooltip-right .arrow::before, .strath-bootstrap .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000; }

.strath-bootstrap .bs-tooltip-bottom, .strath-bootstrap .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .strath-bootstrap .bs-tooltip-bottom .arrow, .strath-bootstrap .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .strath-bootstrap .bs-tooltip-bottom .arrow::before, .strath-bootstrap .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000; }

.strath-bootstrap .bs-tooltip-left, .strath-bootstrap .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .strath-bootstrap .bs-tooltip-left .arrow, .strath-bootstrap .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .strath-bootstrap .bs-tooltip-left .arrow::before, .strath-bootstrap .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000; }

.strath-bootstrap .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0; }

.strath-bootstrap .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Alegreya Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.93625rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
  .strath-bootstrap .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0; }
    .strath-bootstrap .popover .arrow::before, .strath-bootstrap .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.strath-bootstrap .bs-popover-top, .strath-bootstrap .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .strath-bootstrap .bs-popover-top .arrow, .strath-bootstrap .bs-popover-auto[x-placement^="top"] .arrow {
    bottom: calc((0.5rem + 2px) * -1); }
  .strath-bootstrap .bs-popover-top .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="top"] .arrow::before,
  .strath-bootstrap .bs-popover-top .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="top"] .arrow::after {
    border-width: 0.5rem 0.5rem 0; }
  .strath-bootstrap .bs-popover-top .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: 0;
    border-top-color: rgba(0, 0, 0, 0.25); }
  
  .strath-bootstrap .bs-popover-top .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: 2px;
    border-top-color: #fff; }

.strath-bootstrap .bs-popover-right, .strath-bootstrap .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .strath-bootstrap .bs-popover-right .arrow, .strath-bootstrap .bs-popover-auto[x-placement^="right"] .arrow {
    left: calc((0.5rem + 2px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0 0; }
  .strath-bootstrap .bs-popover-right .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="right"] .arrow::before,
  .strath-bootstrap .bs-popover-right .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="right"] .arrow::after {
    border-width: 0.5rem 0.5rem 0.5rem 0; }
  .strath-bootstrap .bs-popover-right .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="right"] .arrow::before {
    left: 0;
    border-right-color: rgba(0, 0, 0, 0.25); }
  
  .strath-bootstrap .bs-popover-right .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="right"] .arrow::after {
    left: 2px;
    border-right-color: #fff; }

.strath-bootstrap .bs-popover-bottom, .strath-bootstrap .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .strath-bootstrap .bs-popover-bottom .arrow, .strath-bootstrap .bs-popover-auto[x-placement^="bottom"] .arrow {
    top: calc((0.5rem + 2px) * -1); }
  .strath-bootstrap .bs-popover-bottom .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="bottom"] .arrow::before,
  .strath-bootstrap .bs-popover-bottom .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-width: 0 0.5rem 0.5rem 0.5rem; }
  .strath-bootstrap .bs-popover-bottom .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.25); }
  
  .strath-bootstrap .bs-popover-bottom .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: 2px;
    border-bottom-color: #fff; }
  .strath-bootstrap .bs-popover-bottom .popover-header::before, .strath-bootstrap .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 2px solid #f7f7f7; }

.strath-bootstrap .bs-popover-left, .strath-bootstrap .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .strath-bootstrap .bs-popover-left .arrow, .strath-bootstrap .bs-popover-auto[x-placement^="left"] .arrow {
    right: calc((0.5rem + 2px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0 0; }
  .strath-bootstrap .bs-popover-left .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="left"] .arrow::before,
  .strath-bootstrap .bs-popover-left .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="left"] .arrow::after {
    border-width: 0.5rem 0 0.5rem 0.5rem; }
  .strath-bootstrap .bs-popover-left .arrow::before, .strath-bootstrap .bs-popover-auto[x-placement^="left"] .arrow::before {
    right: 0;
    border-left-color: rgba(0, 0, 0, 0.25); }
  
  .strath-bootstrap .bs-popover-left .arrow::after,
  .strath-bootstrap .bs-popover-auto[x-placement^="left"] .arrow::after {
    right: 2px;
    border-left-color: #fff; }

.strath-bootstrap .popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1.07rem;
  color: #002b5c;
  background-color: #f7f7f7;
  border-bottom: 2px solid #ebebeb;
  border-top-left-radius: calc(0 - 2px);
  border-top-right-radius: calc(0 - 2px); }
  .strath-bootstrap .popover-header:empty {
    display: none; }

.strath-bootstrap .popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529; }

.strath-bootstrap .carousel {
  position: relative; }

.strath-bootstrap .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.strath-bootstrap .carousel-item {
  position: relative;
  display: none;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.strath-bootstrap .carousel-item.active,
.strath-bootstrap .carousel-item-next,
.strath-bootstrap .carousel-item-prev {
  display: block;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .strath-bootstrap .carousel-item.active,
    .strath-bootstrap .carousel-item-next,
    .strath-bootstrap .carousel-item-prev {
      transition: none; } }

.strath-bootstrap .carousel-item-next,
.strath-bootstrap .carousel-item-prev {
  position: absolute;
  top: 0; }

.strath-bootstrap .carousel-item-next.carousel-item-left,
.strath-bootstrap .carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
  @supports (transform-style: preserve-3d) {
    .strath-bootstrap .carousel-item-next.carousel-item-left,
    .strath-bootstrap .carousel-item-prev.carousel-item-right {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

.strath-bootstrap .carousel-item-next,
.strath-bootstrap .active.carousel-item-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
  @supports (transform-style: preserve-3d) {
    .strath-bootstrap .carousel-item-next,
    .strath-bootstrap .active.carousel-item-right {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); } }

.strath-bootstrap .carousel-item-prev,
.strath-bootstrap .active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }
  @supports (transform-style: preserve-3d) {
    .strath-bootstrap .carousel-item-prev,
    .strath-bootstrap .active.carousel-item-left {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0); } }

.strath-bootstrap .carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity; }

.strath-bootstrap .carousel-fade .carousel-item.active,
.strath-bootstrap .carousel-fade .carousel-item-next.carousel-item-left,
.strath-bootstrap .carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1; }

.strath-bootstrap .carousel-fade .active.carousel-item-left,
.strath-bootstrap .carousel-fade .active.carousel-item-right {
  opacity: 0; }

.strath-bootstrap .carousel-fade .carousel-item-next,
.strath-bootstrap .carousel-fade .carousel-item-prev,
.strath-bootstrap .carousel-fade .carousel-item.active,
.strath-bootstrap .carousel-fade .active.carousel-item-left,
.strath-bootstrap .carousel-fade .active.carousel-item-prev {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
  @supports (transform-style: preserve-3d) {
    .strath-bootstrap .carousel-fade .carousel-item-next,
    .strath-bootstrap .carousel-fade .carousel-item-prev,
    .strath-bootstrap .carousel-fade .carousel-item.active,
    .strath-bootstrap .carousel-fade .active.carousel-item-left,
    .strath-bootstrap .carousel-fade .active.carousel-item-prev {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); } }

.strath-bootstrap .carousel-control-prev,
.strath-bootstrap .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5; }
  .strath-bootstrap .carousel-control-prev:hover, .strath-bootstrap .carousel-control-prev:focus,
  .strath-bootstrap .carousel-control-next:hover,
  .strath-bootstrap .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }

.strath-bootstrap .carousel-control-prev {
  left: 0; }

.strath-bootstrap .carousel-control-next {
  right: 0; }

.strath-bootstrap .carousel-control-prev-icon,
.strath-bootstrap .carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%; }

.strath-bootstrap .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.strath-bootstrap .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.strath-bootstrap .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .strath-bootstrap .carousel-indicators li {
    position: relative;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5); }
    .strath-bootstrap .carousel-indicators li::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
    .strath-bootstrap .carousel-indicators li::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: ""; }
  .strath-bootstrap .carousel-indicators .active {
    background-color: #fff; }

.strath-bootstrap .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

.strath-bootstrap .align-baseline {
  vertical-align: baseline !important; }

.strath-bootstrap .align-top {
  vertical-align: top !important; }

.strath-bootstrap .align-middle {
  vertical-align: middle !important; }

.strath-bootstrap .align-bottom {
  vertical-align: bottom !important; }

.strath-bootstrap .align-text-bottom {
  vertical-align: text-bottom !important; }

.strath-bootstrap .align-text-top {
  vertical-align: text-top !important; }

.strath-bootstrap .bg-primary {
  background-color: #018489 !important; }

.strath-bootstrap a.bg-primary:hover, .strath-bootstrap a.bg-primary:focus,
.strath-bootstrap button.bg-primary:hover,
.strath-bootstrap button.bg-primary:focus {
  background-color: #015356 !important; }

.strath-bootstrap .bg-secondary {
  background-color: #6c757d !important; }

.strath-bootstrap a.bg-secondary:hover, .strath-bootstrap a.bg-secondary:focus,
.strath-bootstrap button.bg-secondary:hover,
.strath-bootstrap button.bg-secondary:focus {
  background-color: #545b62 !important; }

.strath-bootstrap .bg-success {
  background-color: #218739 !important; }

.strath-bootstrap a.bg-success:hover, .strath-bootstrap a.bg-success:focus,
.strath-bootstrap button.bg-success:hover,
.strath-bootstrap button.bg-success:focus {
  background-color: #175e28 !important; }

.strath-bootstrap .bg-info {
  background-color: #17a2b8 !important; }

.strath-bootstrap a.bg-info:hover, .strath-bootstrap a.bg-info:focus,
.strath-bootstrap button.bg-info:hover,
.strath-bootstrap button.bg-info:focus {
  background-color: #117a8b !important; }

.strath-bootstrap .bg-warning {
  background-color: #ffc107 !important; }

.strath-bootstrap a.bg-warning:hover, .strath-bootstrap a.bg-warning:focus,
.strath-bootstrap button.bg-warning:hover,
.strath-bootstrap button.bg-warning:focus {
  background-color: #d39e00 !important; }

.strath-bootstrap .bg-danger {
  background-color: #dc3545 !important; }

.strath-bootstrap a.bg-danger:hover, .strath-bootstrap a.bg-danger:focus,
.strath-bootstrap button.bg-danger:hover,
.strath-bootstrap button.bg-danger:focus {
  background-color: #bd2130 !important; }

.strath-bootstrap .bg-light {
  background-color: #f8f9fa !important; }

.strath-bootstrap a.bg-light:hover, .strath-bootstrap a.bg-light:focus,
.strath-bootstrap button.bg-light:hover,
.strath-bootstrap button.bg-light:focus {
  background-color: #dae0e5 !important; }

.strath-bootstrap .bg-dark {
  background-color: #343a40 !important; }

.strath-bootstrap a.bg-dark:hover, .strath-bootstrap a.bg-dark:focus,
.strath-bootstrap button.bg-dark:hover,
.strath-bootstrap button.bg-dark:focus {
  background-color: #1d2124 !important; }

.strath-bootstrap .bg-white {
  background-color: #fff !important; }

.strath-bootstrap .bg-transparent {
  background-color: transparent !important; }

.strath-bootstrap .border {
  border: 2px solid #dee2e6 !important; }

.strath-bootstrap .border-top {
  border-top: 2px solid #dee2e6 !important; }

.strath-bootstrap .border-right {
  border-right: 2px solid #dee2e6 !important; }

.strath-bootstrap .border-bottom {
  border-bottom: 2px solid #dee2e6 !important; }

.strath-bootstrap .border-left {
  border-left: 2px solid #dee2e6 !important; }

.strath-bootstrap .border-0 {
  border: 0 !important; }

.strath-bootstrap .border-top-0 {
  border-top: 0 !important; }

.strath-bootstrap .border-right-0 {
  border-right: 0 !important; }

.strath-bootstrap .border-bottom-0 {
  border-bottom: 0 !important; }

.strath-bootstrap .border-left-0 {
  border-left: 0 !important; }

.strath-bootstrap .border-primary {
  border-color: #018489 !important; }

.strath-bootstrap .border-secondary {
  border-color: #6c757d !important; }

.strath-bootstrap .border-success {
  border-color: #218739 !important; }

.strath-bootstrap .border-info {
  border-color: #17a2b8 !important; }

.strath-bootstrap .border-warning {
  border-color: #ffc107 !important; }

.strath-bootstrap .border-danger {
  border-color: #dc3545 !important; }

.strath-bootstrap .border-light {
  border-color: #f8f9fa !important; }

.strath-bootstrap .border-dark {
  border-color: #343a40 !important; }

.strath-bootstrap .border-white {
  border-color: #fff !important; }

.strath-bootstrap .rounded {
  border-radius: 0 !important; }

.strath-bootstrap .rounded-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.strath-bootstrap .rounded-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.strath-bootstrap .rounded-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.strath-bootstrap .rounded-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.strath-bootstrap .rounded-circle {
  border-radius: 50% !important; }

.strath-bootstrap .rounded-0 {
  border-radius: 0 !important; }

.strath-bootstrap .clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.strath-bootstrap .d-none {
  display: none !important; }

.strath-bootstrap .d-inline {
  display: inline !important; }

.strath-bootstrap .d-inline-block {
  display: inline-block !important; }

.strath-bootstrap .d-block {
  display: block !important; }

.strath-bootstrap .d-table {
  display: table !important; }

.strath-bootstrap .d-table-row {
  display: table-row !important; }

.strath-bootstrap .d-table-cell {
  display: table-cell !important; }

.strath-bootstrap .d-flex {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.strath-bootstrap .d-inline-flex {
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .strath-bootstrap .d-sm-none {
    display: none !important; }
  .strath-bootstrap .d-sm-inline {
    display: inline !important; }
  .strath-bootstrap .d-sm-inline-block {
    display: inline-block !important; }
  .strath-bootstrap .d-sm-block {
    display: block !important; }
  .strath-bootstrap .d-sm-table {
    display: table !important; }
  .strath-bootstrap .d-sm-table-row {
    display: table-row !important; }
  .strath-bootstrap .d-sm-table-cell {
    display: table-cell !important; }
  .strath-bootstrap .d-sm-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .strath-bootstrap .d-sm-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .strath-bootstrap .d-md-none {
    display: none !important; }
  .strath-bootstrap .d-md-inline {
    display: inline !important; }
  .strath-bootstrap .d-md-inline-block {
    display: inline-block !important; }
  .strath-bootstrap .d-md-block {
    display: block !important; }
  .strath-bootstrap .d-md-table {
    display: table !important; }
  .strath-bootstrap .d-md-table-row {
    display: table-row !important; }
  .strath-bootstrap .d-md-table-cell {
    display: table-cell !important; }
  .strath-bootstrap .d-md-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .strath-bootstrap .d-md-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .strath-bootstrap .d-lg-none {
    display: none !important; }
  .strath-bootstrap .d-lg-inline {
    display: inline !important; }
  .strath-bootstrap .d-lg-inline-block {
    display: inline-block !important; }
  .strath-bootstrap .d-lg-block {
    display: block !important; }
  .strath-bootstrap .d-lg-table {
    display: table !important; }
  .strath-bootstrap .d-lg-table-row {
    display: table-row !important; }
  .strath-bootstrap .d-lg-table-cell {
    display: table-cell !important; }
  .strath-bootstrap .d-lg-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .strath-bootstrap .d-lg-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .strath-bootstrap .d-xl-none {
    display: none !important; }
  .strath-bootstrap .d-xl-inline {
    display: inline !important; }
  .strath-bootstrap .d-xl-inline-block {
    display: inline-block !important; }
  .strath-bootstrap .d-xl-block {
    display: block !important; }
  .strath-bootstrap .d-xl-table {
    display: table !important; }
  .strath-bootstrap .d-xl-table-row {
    display: table-row !important; }
  .strath-bootstrap .d-xl-table-cell {
    display: table-cell !important; }
  .strath-bootstrap .d-xl-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .strath-bootstrap .d-xl-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1600px) {
  .strath-bootstrap .d-xxl-none {
    display: none !important; }
  .strath-bootstrap .d-xxl-inline {
    display: inline !important; }
  .strath-bootstrap .d-xxl-inline-block {
    display: inline-block !important; }
  .strath-bootstrap .d-xxl-block {
    display: block !important; }
  .strath-bootstrap .d-xxl-table {
    display: table !important; }
  .strath-bootstrap .d-xxl-table-row {
    display: table-row !important; }
  .strath-bootstrap .d-xxl-table-cell {
    display: table-cell !important; }
  .strath-bootstrap .d-xxl-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .strath-bootstrap .d-xxl-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .strath-bootstrap .d-print-none {
    display: none !important; }
  .strath-bootstrap .d-print-inline {
    display: inline !important; }
  .strath-bootstrap .d-print-inline-block {
    display: inline-block !important; }
  .strath-bootstrap .d-print-block {
    display: block !important; }
  .strath-bootstrap .d-print-table {
    display: table !important; }
  .strath-bootstrap .d-print-table-row {
    display: table-row !important; }
  .strath-bootstrap .d-print-table-cell {
    display: table-cell !important; }
  .strath-bootstrap .d-print-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .strath-bootstrap .d-print-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.strath-bootstrap .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .strath-bootstrap .embed-responsive::before {
    display: block;
    content: ""; }
  .strath-bootstrap .embed-responsive .embed-responsive-item,
  .strath-bootstrap .embed-responsive iframe,
  .strath-bootstrap .embed-responsive embed,
  .strath-bootstrap .embed-responsive object,
  .strath-bootstrap .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.strath-bootstrap .embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.strath-bootstrap .embed-responsive-16by9::before {
  padding-top: 56.25%; }

.strath-bootstrap .embed-responsive-4by3::before {
  padding-top: 75%; }

.strath-bootstrap .embed-responsive-1by1::before {
  padding-top: 100%; }

.strath-bootstrap .flex-row {
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.strath-bootstrap .flex-column {
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.strath-bootstrap .flex-row-reverse {
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.strath-bootstrap .flex-column-reverse {
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.strath-bootstrap .flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.strath-bootstrap .flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.strath-bootstrap .flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.strath-bootstrap .flex-fill {
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.strath-bootstrap .flex-grow-0 {
  -webkit-flex-grow: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.strath-bootstrap .flex-grow-1 {
  -webkit-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.strath-bootstrap .flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.strath-bootstrap .flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.strath-bootstrap .justify-content-start {
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.strath-bootstrap .justify-content-end {
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.strath-bootstrap .justify-content-center {
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.strath-bootstrap .justify-content-between {
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.strath-bootstrap .justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.strath-bootstrap .align-items-start {
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.strath-bootstrap .align-items-end {
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.strath-bootstrap .align-items-center {
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.strath-bootstrap .align-items-baseline {
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.strath-bootstrap .align-items-stretch {
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.strath-bootstrap .align-content-start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.strath-bootstrap .align-content-end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.strath-bootstrap .align-content-center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.strath-bootstrap .align-content-between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.strath-bootstrap .align-content-around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.strath-bootstrap .align-content-stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.strath-bootstrap .align-self-auto {
  -webkit-align-self: auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.strath-bootstrap .align-self-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.strath-bootstrap .align-self-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.strath-bootstrap .align-self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.strath-bootstrap .align-self-baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.strath-bootstrap .align-self-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .strath-bootstrap .flex-sm-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .strath-bootstrap .flex-sm-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .strath-bootstrap .flex-sm-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .strath-bootstrap .flex-sm-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .strath-bootstrap .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .strath-bootstrap .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .strath-bootstrap .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .strath-bootstrap .flex-sm-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .strath-bootstrap .flex-sm-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .strath-bootstrap .flex-sm-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .strath-bootstrap .flex-sm-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .strath-bootstrap .flex-sm-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .strath-bootstrap .justify-content-sm-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .strath-bootstrap .justify-content-sm-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .strath-bootstrap .justify-content-sm-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .strath-bootstrap .justify-content-sm-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .strath-bootstrap .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .strath-bootstrap .align-items-sm-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .strath-bootstrap .align-items-sm-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .strath-bootstrap .align-items-sm-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .strath-bootstrap .align-items-sm-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .strath-bootstrap .align-items-sm-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .strath-bootstrap .align-content-sm-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .strath-bootstrap .align-content-sm-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .strath-bootstrap .align-content-sm-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .strath-bootstrap .align-content-sm-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .strath-bootstrap .align-content-sm-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .strath-bootstrap .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .strath-bootstrap .align-self-sm-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .strath-bootstrap .align-self-sm-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .strath-bootstrap .align-self-sm-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .strath-bootstrap .align-self-sm-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .strath-bootstrap .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .strath-bootstrap .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .strath-bootstrap .flex-md-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .strath-bootstrap .flex-md-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .strath-bootstrap .flex-md-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .strath-bootstrap .flex-md-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .strath-bootstrap .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .strath-bootstrap .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .strath-bootstrap .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .strath-bootstrap .flex-md-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .strath-bootstrap .flex-md-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .strath-bootstrap .flex-md-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .strath-bootstrap .flex-md-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .strath-bootstrap .flex-md-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .strath-bootstrap .justify-content-md-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .strath-bootstrap .justify-content-md-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .strath-bootstrap .justify-content-md-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .strath-bootstrap .justify-content-md-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .strath-bootstrap .justify-content-md-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .strath-bootstrap .align-items-md-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .strath-bootstrap .align-items-md-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .strath-bootstrap .align-items-md-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .strath-bootstrap .align-items-md-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .strath-bootstrap .align-items-md-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .strath-bootstrap .align-content-md-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .strath-bootstrap .align-content-md-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .strath-bootstrap .align-content-md-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .strath-bootstrap .align-content-md-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .strath-bootstrap .align-content-md-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .strath-bootstrap .align-content-md-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .strath-bootstrap .align-self-md-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .strath-bootstrap .align-self-md-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .strath-bootstrap .align-self-md-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .strath-bootstrap .align-self-md-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .strath-bootstrap .align-self-md-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .strath-bootstrap .align-self-md-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .strath-bootstrap .flex-lg-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .strath-bootstrap .flex-lg-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .strath-bootstrap .flex-lg-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .strath-bootstrap .flex-lg-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .strath-bootstrap .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .strath-bootstrap .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .strath-bootstrap .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .strath-bootstrap .flex-lg-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .strath-bootstrap .flex-lg-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .strath-bootstrap .flex-lg-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .strath-bootstrap .flex-lg-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .strath-bootstrap .flex-lg-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .strath-bootstrap .justify-content-lg-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .strath-bootstrap .justify-content-lg-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .strath-bootstrap .justify-content-lg-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .strath-bootstrap .justify-content-lg-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .strath-bootstrap .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .strath-bootstrap .align-items-lg-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .strath-bootstrap .align-items-lg-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .strath-bootstrap .align-items-lg-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .strath-bootstrap .align-items-lg-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .strath-bootstrap .align-items-lg-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .strath-bootstrap .align-content-lg-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .strath-bootstrap .align-content-lg-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .strath-bootstrap .align-content-lg-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .strath-bootstrap .align-content-lg-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .strath-bootstrap .align-content-lg-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .strath-bootstrap .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .strath-bootstrap .align-self-lg-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .strath-bootstrap .align-self-lg-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .strath-bootstrap .align-self-lg-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .strath-bootstrap .align-self-lg-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .strath-bootstrap .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .strath-bootstrap .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .strath-bootstrap .flex-xl-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .strath-bootstrap .flex-xl-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .strath-bootstrap .flex-xl-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .strath-bootstrap .flex-xl-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .strath-bootstrap .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .strath-bootstrap .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .strath-bootstrap .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .strath-bootstrap .flex-xl-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .strath-bootstrap .flex-xl-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .strath-bootstrap .flex-xl-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .strath-bootstrap .flex-xl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .strath-bootstrap .flex-xl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .strath-bootstrap .justify-content-xl-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .strath-bootstrap .justify-content-xl-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .strath-bootstrap .justify-content-xl-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .strath-bootstrap .justify-content-xl-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .strath-bootstrap .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .strath-bootstrap .align-items-xl-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .strath-bootstrap .align-items-xl-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .strath-bootstrap .align-items-xl-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .strath-bootstrap .align-items-xl-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .strath-bootstrap .align-items-xl-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .strath-bootstrap .align-content-xl-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .strath-bootstrap .align-content-xl-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .strath-bootstrap .align-content-xl-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .strath-bootstrap .align-content-xl-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .strath-bootstrap .align-content-xl-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .strath-bootstrap .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .strath-bootstrap .align-self-xl-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .strath-bootstrap .align-self-xl-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .strath-bootstrap .align-self-xl-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .strath-bootstrap .align-self-xl-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .strath-bootstrap .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .strath-bootstrap .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1600px) {
  .strath-bootstrap .flex-xxl-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .strath-bootstrap .flex-xxl-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .strath-bootstrap .flex-xxl-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .strath-bootstrap .flex-xxl-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .strath-bootstrap .flex-xxl-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .strath-bootstrap .flex-xxl-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .strath-bootstrap .flex-xxl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .strath-bootstrap .flex-xxl-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .strath-bootstrap .flex-xxl-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .strath-bootstrap .flex-xxl-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .strath-bootstrap .flex-xxl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .strath-bootstrap .flex-xxl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .strath-bootstrap .justify-content-xxl-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .strath-bootstrap .justify-content-xxl-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .strath-bootstrap .justify-content-xxl-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .strath-bootstrap .justify-content-xxl-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .strath-bootstrap .justify-content-xxl-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .strath-bootstrap .align-items-xxl-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .strath-bootstrap .align-items-xxl-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .strath-bootstrap .align-items-xxl-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .strath-bootstrap .align-items-xxl-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .strath-bootstrap .align-items-xxl-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .strath-bootstrap .align-content-xxl-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .strath-bootstrap .align-content-xxl-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .strath-bootstrap .align-content-xxl-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .strath-bootstrap .align-content-xxl-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .strath-bootstrap .align-content-xxl-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .strath-bootstrap .align-content-xxl-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .strath-bootstrap .align-self-xxl-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .strath-bootstrap .align-self-xxl-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .strath-bootstrap .align-self-xxl-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .strath-bootstrap .align-self-xxl-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .strath-bootstrap .align-self-xxl-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .strath-bootstrap .align-self-xxl-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

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

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

.strath-bootstrap .float-none {
  float: none !important; }

@media (min-width: 576px) {
  .strath-bootstrap .float-sm-left {
    float: left !important; }
  .strath-bootstrap .float-sm-right {
    float: right !important; }
  .strath-bootstrap .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .strath-bootstrap .float-md-left {
    float: left !important; }
  .strath-bootstrap .float-md-right {
    float: right !important; }
  .strath-bootstrap .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .strath-bootstrap .float-lg-left {
    float: left !important; }
  .strath-bootstrap .float-lg-right {
    float: right !important; }
  .strath-bootstrap .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .strath-bootstrap .float-xl-left {
    float: left !important; }
  .strath-bootstrap .float-xl-right {
    float: right !important; }
  .strath-bootstrap .float-xl-none {
    float: none !important; } }

@media (min-width: 1600px) {
  .strath-bootstrap .float-xxl-left {
    float: left !important; }
  .strath-bootstrap .float-xxl-right {
    float: right !important; }
  .strath-bootstrap .float-xxl-none {
    float: none !important; } }

.strath-bootstrap .position-static {
  position: static !important; }

.strath-bootstrap .position-relative {
  position: relative !important; }

.strath-bootstrap .position-absolute {
  position: absolute !important; }

.strath-bootstrap .position-fixed {
  position: fixed !important; }

.strath-bootstrap .position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.strath-bootstrap .fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.strath-bootstrap .fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .strath-bootstrap .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

.strath-bootstrap .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.strath-bootstrap .sr-only-focusable:active, .strath-bootstrap .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.strath-bootstrap .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.strath-bootstrap .shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.strath-bootstrap .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.strath-bootstrap .shadow-none {
  box-shadow: none !important; }

.strath-bootstrap .w-25 {
  width: 25% !important; }

.strath-bootstrap .w-50 {
  width: 50% !important; }

.strath-bootstrap .w-75 {
  width: 75% !important; }

.strath-bootstrap .w-100 {
  width: 100% !important; }

.strath-bootstrap .w-auto {
  width: auto !important; }

.strath-bootstrap .h-25 {
  height: 25% !important; }

.strath-bootstrap .h-50 {
  height: 50% !important; }

.strath-bootstrap .h-75 {
  height: 75% !important; }

.strath-bootstrap .h-100 {
  height: 100% !important; }

.strath-bootstrap .h-auto {
  height: auto !important; }

.strath-bootstrap .mw-100 {
  max-width: 100% !important; }

.strath-bootstrap .mh-100 {
  max-height: 100% !important; }

.strath-bootstrap .m-0 {
  margin: 0 !important; }

.strath-bootstrap .mt-0,
.strath-bootstrap .my-0 {
  margin-top: 0 !important; }

.strath-bootstrap .mr-0,
.strath-bootstrap .mx-0 {
  margin-right: 0 !important; }

.strath-bootstrap .mb-0,
.strath-bootstrap .my-0 {
  margin-bottom: 0 !important; }

.strath-bootstrap .ml-0,
.strath-bootstrap .mx-0 {
  margin-left: 0 !important; }

.strath-bootstrap .m-1 {
  margin: 0.25rem !important; }

.strath-bootstrap .mt-1,
.strath-bootstrap .my-1 {
  margin-top: 0.25rem !important; }

.strath-bootstrap .mr-1,
.strath-bootstrap .mx-1 {
  margin-right: 0.25rem !important; }

.strath-bootstrap .mb-1,
.strath-bootstrap .my-1 {
  margin-bottom: 0.25rem !important; }

.strath-bootstrap .ml-1,
.strath-bootstrap .mx-1 {
  margin-left: 0.25rem !important; }

.strath-bootstrap .m-2 {
  margin: 0.5rem !important; }

.strath-bootstrap .mt-2,
.strath-bootstrap .my-2 {
  margin-top: 0.5rem !important; }

.strath-bootstrap .mr-2,
.strath-bootstrap .mx-2 {
  margin-right: 0.5rem !important; }

.strath-bootstrap .mb-2,
.strath-bootstrap .my-2 {
  margin-bottom: 0.5rem !important; }

.strath-bootstrap .ml-2,
.strath-bootstrap .mx-2 {
  margin-left: 0.5rem !important; }

.strath-bootstrap .m-3 {
  margin: 1rem !important; }

.strath-bootstrap .mt-3,
.strath-bootstrap .my-3 {
  margin-top: 1rem !important; }

.strath-bootstrap .mr-3,
.strath-bootstrap .mx-3 {
  margin-right: 1rem !important; }

.strath-bootstrap .mb-3,
.strath-bootstrap .my-3 {
  margin-bottom: 1rem !important; }

.strath-bootstrap .ml-3,
.strath-bootstrap .mx-3 {
  margin-left: 1rem !important; }

.strath-bootstrap .m-4 {
  margin: 1.5rem !important; }

.strath-bootstrap .mt-4,
.strath-bootstrap .my-4 {
  margin-top: 1.5rem !important; }

.strath-bootstrap .mr-4,
.strath-bootstrap .mx-4 {
  margin-right: 1.5rem !important; }

.strath-bootstrap .mb-4,
.strath-bootstrap .my-4 {
  margin-bottom: 1.5rem !important; }

.strath-bootstrap .ml-4,
.strath-bootstrap .mx-4 {
  margin-left: 1.5rem !important; }

.strath-bootstrap .m-5 {
  margin: 3rem !important; }

.strath-bootstrap .mt-5,
.strath-bootstrap .my-5 {
  margin-top: 3rem !important; }

.strath-bootstrap .mr-5,
.strath-bootstrap .mx-5 {
  margin-right: 3rem !important; }

.strath-bootstrap .mb-5,
.strath-bootstrap .my-5 {
  margin-bottom: 3rem !important; }

.strath-bootstrap .ml-5,
.strath-bootstrap .mx-5 {
  margin-left: 3rem !important; }

.strath-bootstrap .p-0 {
  padding: 0 !important; }

.strath-bootstrap .pt-0,
.strath-bootstrap .py-0 {
  padding-top: 0 !important; }

.strath-bootstrap .pr-0,
.strath-bootstrap .px-0 {
  padding-right: 0 !important; }

.strath-bootstrap .pb-0,
.strath-bootstrap .py-0 {
  padding-bottom: 0 !important; }

.strath-bootstrap .pl-0,
.strath-bootstrap .px-0 {
  padding-left: 0 !important; }

.strath-bootstrap .p-1 {
  padding: 0.25rem !important; }

.strath-bootstrap .pt-1,
.strath-bootstrap .py-1 {
  padding-top: 0.25rem !important; }

.strath-bootstrap .pr-1,
.strath-bootstrap .px-1 {
  padding-right: 0.25rem !important; }

.strath-bootstrap .pb-1,
.strath-bootstrap .py-1 {
  padding-bottom: 0.25rem !important; }

.strath-bootstrap .pl-1,
.strath-bootstrap .px-1 {
  padding-left: 0.25rem !important; }

.strath-bootstrap .p-2 {
  padding: 0.5rem !important; }

.strath-bootstrap .pt-2,
.strath-bootstrap .py-2 {
  padding-top: 0.5rem !important; }

.strath-bootstrap .pr-2,
.strath-bootstrap .px-2 {
  padding-right: 0.5rem !important; }

.strath-bootstrap .pb-2,
.strath-bootstrap .py-2 {
  padding-bottom: 0.5rem !important; }

.strath-bootstrap .pl-2,
.strath-bootstrap .px-2 {
  padding-left: 0.5rem !important; }

.strath-bootstrap .p-3 {
  padding: 1rem !important; }

.strath-bootstrap .pt-3,
.strath-bootstrap .py-3 {
  padding-top: 1rem !important; }

.strath-bootstrap .pr-3,
.strath-bootstrap .px-3 {
  padding-right: 1rem !important; }

.strath-bootstrap .pb-3,
.strath-bootstrap .py-3 {
  padding-bottom: 1rem !important; }

.strath-bootstrap .pl-3,
.strath-bootstrap .px-3 {
  padding-left: 1rem !important; }

.strath-bootstrap .p-4 {
  padding: 1.5rem !important; }

.strath-bootstrap .pt-4,
.strath-bootstrap .py-4 {
  padding-top: 1.5rem !important; }

.strath-bootstrap .pr-4,
.strath-bootstrap .px-4 {
  padding-right: 1.5rem !important; }

.strath-bootstrap .pb-4,
.strath-bootstrap .py-4 {
  padding-bottom: 1.5rem !important; }

.strath-bootstrap .pl-4,
.strath-bootstrap .px-4 {
  padding-left: 1.5rem !important; }

.strath-bootstrap .p-5 {
  padding: 3rem !important; }

.strath-bootstrap .pt-5,
.strath-bootstrap .py-5 {
  padding-top: 3rem !important; }

.strath-bootstrap .pr-5,
.strath-bootstrap .px-5 {
  padding-right: 3rem !important; }

.strath-bootstrap .pb-5,
.strath-bootstrap .py-5 {
  padding-bottom: 3rem !important; }

.strath-bootstrap .pl-5,
.strath-bootstrap .px-5 {
  padding-left: 3rem !important; }

.strath-bootstrap .m-auto {
  margin: auto !important; }

.strath-bootstrap .mt-auto,
.strath-bootstrap .my-auto {
  margin-top: auto !important; }

.strath-bootstrap .mr-auto,
.strath-bootstrap .mx-auto {
  margin-right: auto !important; }

.strath-bootstrap .mb-auto,
.strath-bootstrap .my-auto {
  margin-bottom: auto !important; }

.strath-bootstrap .ml-auto,
.strath-bootstrap .mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .strath-bootstrap .m-sm-0 {
    margin: 0 !important; }
  .strath-bootstrap .mt-sm-0,
  .strath-bootstrap .my-sm-0 {
    margin-top: 0 !important; }
  .strath-bootstrap .mr-sm-0,
  .strath-bootstrap .mx-sm-0 {
    margin-right: 0 !important; }
  .strath-bootstrap .mb-sm-0,
  .strath-bootstrap .my-sm-0 {
    margin-bottom: 0 !important; }
  .strath-bootstrap .ml-sm-0,
  .strath-bootstrap .mx-sm-0 {
    margin-left: 0 !important; }
  .strath-bootstrap .m-sm-1 {
    margin: 0.25rem !important; }
  .strath-bootstrap .mt-sm-1,
  .strath-bootstrap .my-sm-1 {
    margin-top: 0.25rem !important; }
  .strath-bootstrap .mr-sm-1,
  .strath-bootstrap .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .strath-bootstrap .mb-sm-1,
  .strath-bootstrap .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .strath-bootstrap .ml-sm-1,
  .strath-bootstrap .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .strath-bootstrap .m-sm-2 {
    margin: 0.5rem !important; }
  .strath-bootstrap .mt-sm-2,
  .strath-bootstrap .my-sm-2 {
    margin-top: 0.5rem !important; }
  .strath-bootstrap .mr-sm-2,
  .strath-bootstrap .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .strath-bootstrap .mb-sm-2,
  .strath-bootstrap .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .strath-bootstrap .ml-sm-2,
  .strath-bootstrap .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .strath-bootstrap .m-sm-3 {
    margin: 1rem !important; }
  .strath-bootstrap .mt-sm-3,
  .strath-bootstrap .my-sm-3 {
    margin-top: 1rem !important; }
  .strath-bootstrap .mr-sm-3,
  .strath-bootstrap .mx-sm-3 {
    margin-right: 1rem !important; }
  .strath-bootstrap .mb-sm-3,
  .strath-bootstrap .my-sm-3 {
    margin-bottom: 1rem !important; }
  .strath-bootstrap .ml-sm-3,
  .strath-bootstrap .mx-sm-3 {
    margin-left: 1rem !important; }
  .strath-bootstrap .m-sm-4 {
    margin: 1.5rem !important; }
  .strath-bootstrap .mt-sm-4,
  .strath-bootstrap .my-sm-4 {
    margin-top: 1.5rem !important; }
  .strath-bootstrap .mr-sm-4,
  .strath-bootstrap .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .strath-bootstrap .mb-sm-4,
  .strath-bootstrap .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .strath-bootstrap .ml-sm-4,
  .strath-bootstrap .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .strath-bootstrap .m-sm-5 {
    margin: 3rem !important; }
  .strath-bootstrap .mt-sm-5,
  .strath-bootstrap .my-sm-5 {
    margin-top: 3rem !important; }
  .strath-bootstrap .mr-sm-5,
  .strath-bootstrap .mx-sm-5 {
    margin-right: 3rem !important; }
  .strath-bootstrap .mb-sm-5,
  .strath-bootstrap .my-sm-5 {
    margin-bottom: 3rem !important; }
  .strath-bootstrap .ml-sm-5,
  .strath-bootstrap .mx-sm-5 {
    margin-left: 3rem !important; }
  .strath-bootstrap .p-sm-0 {
    padding: 0 !important; }
  .strath-bootstrap .pt-sm-0,
  .strath-bootstrap .py-sm-0 {
    padding-top: 0 !important; }
  .strath-bootstrap .pr-sm-0,
  .strath-bootstrap .px-sm-0 {
    padding-right: 0 !important; }
  .strath-bootstrap .pb-sm-0,
  .strath-bootstrap .py-sm-0 {
    padding-bottom: 0 !important; }
  .strath-bootstrap .pl-sm-0,
  .strath-bootstrap .px-sm-0 {
    padding-left: 0 !important; }
  .strath-bootstrap .p-sm-1 {
    padding: 0.25rem !important; }
  .strath-bootstrap .pt-sm-1,
  .strath-bootstrap .py-sm-1 {
    padding-top: 0.25rem !important; }
  .strath-bootstrap .pr-sm-1,
  .strath-bootstrap .px-sm-1 {
    padding-right: 0.25rem !important; }
  .strath-bootstrap .pb-sm-1,
  .strath-bootstrap .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .strath-bootstrap .pl-sm-1,
  .strath-bootstrap .px-sm-1 {
    padding-left: 0.25rem !important; }
  .strath-bootstrap .p-sm-2 {
    padding: 0.5rem !important; }
  .strath-bootstrap .pt-sm-2,
  .strath-bootstrap .py-sm-2 {
    padding-top: 0.5rem !important; }
  .strath-bootstrap .pr-sm-2,
  .strath-bootstrap .px-sm-2 {
    padding-right: 0.5rem !important; }
  .strath-bootstrap .pb-sm-2,
  .strath-bootstrap .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .strath-bootstrap .pl-sm-2,
  .strath-bootstrap .px-sm-2 {
    padding-left: 0.5rem !important; }
  .strath-bootstrap .p-sm-3 {
    padding: 1rem !important; }
  .strath-bootstrap .pt-sm-3,
  .strath-bootstrap .py-sm-3 {
    padding-top: 1rem !important; }
  .strath-bootstrap .pr-sm-3,
  .strath-bootstrap .px-sm-3 {
    padding-right: 1rem !important; }
  .strath-bootstrap .pb-sm-3,
  .strath-bootstrap .py-sm-3 {
    padding-bottom: 1rem !important; }
  .strath-bootstrap .pl-sm-3,
  .strath-bootstrap .px-sm-3 {
    padding-left: 1rem !important; }
  .strath-bootstrap .p-sm-4 {
    padding: 1.5rem !important; }
  .strath-bootstrap .pt-sm-4,
  .strath-bootstrap .py-sm-4 {
    padding-top: 1.5rem !important; }
  .strath-bootstrap .pr-sm-4,
  .strath-bootstrap .px-sm-4 {
    padding-right: 1.5rem !important; }
  .strath-bootstrap .pb-sm-4,
  .strath-bootstrap .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .strath-bootstrap .pl-sm-4,
  .strath-bootstrap .px-sm-4 {
    padding-left: 1.5rem !important; }
  .strath-bootstrap .p-sm-5 {
    padding: 3rem !important; }
  .strath-bootstrap .pt-sm-5,
  .strath-bootstrap .py-sm-5 {
    padding-top: 3rem !important; }
  .strath-bootstrap .pr-sm-5,
  .strath-bootstrap .px-sm-5 {
    padding-right: 3rem !important; }
  .strath-bootstrap .pb-sm-5,
  .strath-bootstrap .py-sm-5 {
    padding-bottom: 3rem !important; }
  .strath-bootstrap .pl-sm-5,
  .strath-bootstrap .px-sm-5 {
    padding-left: 3rem !important; }
  .strath-bootstrap .m-sm-auto {
    margin: auto !important; }
  .strath-bootstrap .mt-sm-auto,
  .strath-bootstrap .my-sm-auto {
    margin-top: auto !important; }
  .strath-bootstrap .mr-sm-auto,
  .strath-bootstrap .mx-sm-auto {
    margin-right: auto !important; }
  .strath-bootstrap .mb-sm-auto,
  .strath-bootstrap .my-sm-auto {
    margin-bottom: auto !important; }
  .strath-bootstrap .ml-sm-auto,
  .strath-bootstrap .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .strath-bootstrap .m-md-0 {
    margin: 0 !important; }
  .strath-bootstrap .mt-md-0,
  .strath-bootstrap .my-md-0 {
    margin-top: 0 !important; }
  .strath-bootstrap .mr-md-0,
  .strath-bootstrap .mx-md-0 {
    margin-right: 0 !important; }
  .strath-bootstrap .mb-md-0,
  .strath-bootstrap .my-md-0 {
    margin-bottom: 0 !important; }
  .strath-bootstrap .ml-md-0,
  .strath-bootstrap .mx-md-0 {
    margin-left: 0 !important; }
  .strath-bootstrap .m-md-1 {
    margin: 0.25rem !important; }
  .strath-bootstrap .mt-md-1,
  .strath-bootstrap .my-md-1 {
    margin-top: 0.25rem !important; }
  .strath-bootstrap .mr-md-1,
  .strath-bootstrap .mx-md-1 {
    margin-right: 0.25rem !important; }
  .strath-bootstrap .mb-md-1,
  .strath-bootstrap .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .strath-bootstrap .ml-md-1,
  .strath-bootstrap .mx-md-1 {
    margin-left: 0.25rem !important; }
  .strath-bootstrap .m-md-2 {
    margin: 0.5rem !important; }
  .strath-bootstrap .mt-md-2,
  .strath-bootstrap .my-md-2 {
    margin-top: 0.5rem !important; }
  .strath-bootstrap .mr-md-2,
  .strath-bootstrap .mx-md-2 {
    margin-right: 0.5rem !important; }
  .strath-bootstrap .mb-md-2,
  .strath-bootstrap .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .strath-bootstrap .ml-md-2,
  .strath-bootstrap .mx-md-2 {
    margin-left: 0.5rem !important; }
  .strath-bootstrap .m-md-3 {
    margin: 1rem !important; }
  .strath-bootstrap .mt-md-3,
  .strath-bootstrap .my-md-3 {
    margin-top: 1rem !important; }
  .strath-bootstrap .mr-md-3,
  .strath-bootstrap .mx-md-3 {
    margin-right: 1rem !important; }
  .strath-bootstrap .mb-md-3,
  .strath-bootstrap .my-md-3 {
    margin-bottom: 1rem !important; }
  .strath-bootstrap .ml-md-3,
  .strath-bootstrap .mx-md-3 {
    margin-left: 1rem !important; }
  .strath-bootstrap .m-md-4 {
    margin: 1.5rem !important; }
  .strath-bootstrap .mt-md-4,
  .strath-bootstrap .my-md-4 {
    margin-top: 1.5rem !important; }
  .strath-bootstrap .mr-md-4,
  .strath-bootstrap .mx-md-4 {
    margin-right: 1.5rem !important; }
  .strath-bootstrap .mb-md-4,
  .strath-bootstrap .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .strath-bootstrap .ml-md-4,
  .strath-bootstrap .mx-md-4 {
    margin-left: 1.5rem !important; }
  .strath-bootstrap .m-md-5 {
    margin: 3rem !important; }
  .strath-bootstrap .mt-md-5,
  .strath-bootstrap .my-md-5 {
    margin-top: 3rem !important; }
  .strath-bootstrap .mr-md-5,
  .strath-bootstrap .mx-md-5 {
    margin-right: 3rem !important; }
  .strath-bootstrap .mb-md-5,
  .strath-bootstrap .my-md-5 {
    margin-bottom: 3rem !important; }
  .strath-bootstrap .ml-md-5,
  .strath-bootstrap .mx-md-5 {
    margin-left: 3rem !important; }
  .strath-bootstrap .p-md-0 {
    padding: 0 !important; }
  .strath-bootstrap .pt-md-0,
  .strath-bootstrap .py-md-0 {
    padding-top: 0 !important; }
  .strath-bootstrap .pr-md-0,
  .strath-bootstrap .px-md-0 {
    padding-right: 0 !important; }
  .strath-bootstrap .pb-md-0,
  .strath-bootstrap .py-md-0 {
    padding-bottom: 0 !important; }
  .strath-bootstrap .pl-md-0,
  .strath-bootstrap .px-md-0 {
    padding-left: 0 !important; }
  .strath-bootstrap .p-md-1 {
    padding: 0.25rem !important; }
  .strath-bootstrap .pt-md-1,
  .strath-bootstrap .py-md-1 {
    padding-top: 0.25rem !important; }
  .strath-bootstrap .pr-md-1,
  .strath-bootstrap .px-md-1 {
    padding-right: 0.25rem !important; }
  .strath-bootstrap .pb-md-1,
  .strath-bootstrap .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .strath-bootstrap .pl-md-1,
  .strath-bootstrap .px-md-1 {
    padding-left: 0.25rem !important; }
  .strath-bootstrap .p-md-2 {
    padding: 0.5rem !important; }
  .strath-bootstrap .pt-md-2,
  .strath-bootstrap .py-md-2 {
    padding-top: 0.5rem !important; }
  .strath-bootstrap .pr-md-2,
  .strath-bootstrap .px-md-2 {
    padding-right: 0.5rem !important; }
  .strath-bootstrap .pb-md-2,
  .strath-bootstrap .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .strath-bootstrap .pl-md-2,
  .strath-bootstrap .px-md-2 {
    padding-left: 0.5rem !important; }
  .strath-bootstrap .p-md-3 {
    padding: 1rem !important; }
  .strath-bootstrap .pt-md-3,
  .strath-bootstrap .py-md-3 {
    padding-top: 1rem !important; }
  .strath-bootstrap .pr-md-3,
  .strath-bootstrap .px-md-3 {
    padding-right: 1rem !important; }
  .strath-bootstrap .pb-md-3,
  .strath-bootstrap .py-md-3 {
    padding-bottom: 1rem !important; }
  .strath-bootstrap .pl-md-3,
  .strath-bootstrap .px-md-3 {
    padding-left: 1rem !important; }
  .strath-bootstrap .p-md-4 {
    padding: 1.5rem !important; }
  .strath-bootstrap .pt-md-4,
  .strath-bootstrap .py-md-4 {
    padding-top: 1.5rem !important; }
  .strath-bootstrap .pr-md-4,
  .strath-bootstrap .px-md-4 {
    padding-right: 1.5rem !important; }
  .strath-bootstrap .pb-md-4,
  .strath-bootstrap .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .strath-bootstrap .pl-md-4,
  .strath-bootstrap .px-md-4 {
    padding-left: 1.5rem !important; }
  .strath-bootstrap .p-md-5 {
    padding: 3rem !important; }
  .strath-bootstrap .pt-md-5,
  .strath-bootstrap .py-md-5 {
    padding-top: 3rem !important; }
  .strath-bootstrap .pr-md-5,
  .strath-bootstrap .px-md-5 {
    padding-right: 3rem !important; }
  .strath-bootstrap .pb-md-5,
  .strath-bootstrap .py-md-5 {
    padding-bottom: 3rem !important; }
  .strath-bootstrap .pl-md-5,
  .strath-bootstrap .px-md-5 {
    padding-left: 3rem !important; }
  .strath-bootstrap .m-md-auto {
    margin: auto !important; }
  .strath-bootstrap .mt-md-auto,
  .strath-bootstrap .my-md-auto {
    margin-top: auto !important; }
  .strath-bootstrap .mr-md-auto,
  .strath-bootstrap .mx-md-auto {
    margin-right: auto !important; }
  .strath-bootstrap .mb-md-auto,
  .strath-bootstrap .my-md-auto {
    margin-bottom: auto !important; }
  .strath-bootstrap .ml-md-auto,
  .strath-bootstrap .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .strath-bootstrap .m-lg-0 {
    margin: 0 !important; }
  .strath-bootstrap .mt-lg-0,
  .strath-bootstrap .my-lg-0 {
    margin-top: 0 !important; }
  .strath-bootstrap .mr-lg-0,
  .strath-bootstrap .mx-lg-0 {
    margin-right: 0 !important; }
  .strath-bootstrap .mb-lg-0,
  .strath-bootstrap .my-lg-0 {
    margin-bottom: 0 !important; }
  .strath-bootstrap .ml-lg-0,
  .strath-bootstrap .mx-lg-0 {
    margin-left: 0 !important; }
  .strath-bootstrap .m-lg-1 {
    margin: 0.25rem !important; }
  .strath-bootstrap .mt-lg-1,
  .strath-bootstrap .my-lg-1 {
    margin-top: 0.25rem !important; }
  .strath-bootstrap .mr-lg-1,
  .strath-bootstrap .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .strath-bootstrap .mb-lg-1,
  .strath-bootstrap .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .strath-bootstrap .ml-lg-1,
  .strath-bootstrap .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .strath-bootstrap .m-lg-2 {
    margin: 0.5rem !important; }
  .strath-bootstrap .mt-lg-2,
  .strath-bootstrap .my-lg-2 {
    margin-top: 0.5rem !important; }
  .strath-bootstrap .mr-lg-2,
  .strath-bootstrap .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .strath-bootstrap .mb-lg-2,
  .strath-bootstrap .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .strath-bootstrap .ml-lg-2,
  .strath-bootstrap .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .strath-bootstrap .m-lg-3 {
    margin: 1rem !important; }
  .strath-bootstrap .mt-lg-3,
  .strath-bootstrap .my-lg-3 {
    margin-top: 1rem !important; }
  .strath-bootstrap .mr-lg-3,
  .strath-bootstrap .mx-lg-3 {
    margin-right: 1rem !important; }
  .strath-bootstrap .mb-lg-3,
  .strath-bootstrap .my-lg-3 {
    margin-bottom: 1rem !important; }
  .strath-bootstrap .ml-lg-3,
  .strath-bootstrap .mx-lg-3 {
    margin-left: 1rem !important; }
  .strath-bootstrap .m-lg-4 {
    margin: 1.5rem !important; }
  .strath-bootstrap .mt-lg-4,
  .strath-bootstrap .my-lg-4 {
    margin-top: 1.5rem !important; }
  .strath-bootstrap .mr-lg-4,
  .strath-bootstrap .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .strath-bootstrap .mb-lg-4,
  .strath-bootstrap .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .strath-bootstrap .ml-lg-4,
  .strath-bootstrap .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .strath-bootstrap .m-lg-5 {
    margin: 3rem !important; }
  .strath-bootstrap .mt-lg-5,
  .strath-bootstrap .my-lg-5 {
    margin-top: 3rem !important; }
  .strath-bootstrap .mr-lg-5,
  .strath-bootstrap .mx-lg-5 {
    margin-right: 3rem !important; }
  .strath-bootstrap .mb-lg-5,
  .strath-bootstrap .my-lg-5 {
    margin-bottom: 3rem !important; }
  .strath-bootstrap .ml-lg-5,
  .strath-bootstrap .mx-lg-5 {
    margin-left: 3rem !important; }
  .strath-bootstrap .p-lg-0 {
    padding: 0 !important; }
  .strath-bootstrap .pt-lg-0,
  .strath-bootstrap .py-lg-0 {
    padding-top: 0 !important; }
  .strath-bootstrap .pr-lg-0,
  .strath-bootstrap .px-lg-0 {
    padding-right: 0 !important; }
  .strath-bootstrap .pb-lg-0,
  .strath-bootstrap .py-lg-0 {
    padding-bottom: 0 !important; }
  .strath-bootstrap .pl-lg-0,
  .strath-bootstrap .px-lg-0 {
    padding-left: 0 !important; }
  .strath-bootstrap .p-lg-1 {
    padding: 0.25rem !important; }
  .strath-bootstrap .pt-lg-1,
  .strath-bootstrap .py-lg-1 {
    padding-top: 0.25rem !important; }
  .strath-bootstrap .pr-lg-1,
  .strath-bootstrap .px-lg-1 {
    padding-right: 0.25rem !important; }
  .strath-bootstrap .pb-lg-1,
  .strath-bootstrap .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .strath-bootstrap .pl-lg-1,
  .strath-bootstrap .px-lg-1 {
    padding-left: 0.25rem !important; }
  .strath-bootstrap .p-lg-2 {
    padding: 0.5rem !important; }
  .strath-bootstrap .pt-lg-2,
  .strath-bootstrap .py-lg-2 {
    padding-top: 0.5rem !important; }
  .strath-bootstrap .pr-lg-2,
  .strath-bootstrap .px-lg-2 {
    padding-right: 0.5rem !important; }
  .strath-bootstrap .pb-lg-2,
  .strath-bootstrap .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .strath-bootstrap .pl-lg-2,
  .strath-bootstrap .px-lg-2 {
    padding-left: 0.5rem !important; }
  .strath-bootstrap .p-lg-3 {
    padding: 1rem !important; }
  .strath-bootstrap .pt-lg-3,
  .strath-bootstrap .py-lg-3 {
    padding-top: 1rem !important; }
  .strath-bootstrap .pr-lg-3,
  .strath-bootstrap .px-lg-3 {
    padding-right: 1rem !important; }
  .strath-bootstrap .pb-lg-3,
  .strath-bootstrap .py-lg-3 {
    padding-bottom: 1rem !important; }
  .strath-bootstrap .pl-lg-3,
  .strath-bootstrap .px-lg-3 {
    padding-left: 1rem !important; }
  .strath-bootstrap .p-lg-4 {
    padding: 1.5rem !important; }
  .strath-bootstrap .pt-lg-4,
  .strath-bootstrap .py-lg-4 {
    padding-top: 1.5rem !important; }
  .strath-bootstrap .pr-lg-4,
  .strath-bootstrap .px-lg-4 {
    padding-right: 1.5rem !important; }
  .strath-bootstrap .pb-lg-4,
  .strath-bootstrap .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .strath-bootstrap .pl-lg-4,
  .strath-bootstrap .px-lg-4 {
    padding-left: 1.5rem !important; }
  .strath-bootstrap .p-lg-5 {
    padding: 3rem !important; }
  .strath-bootstrap .pt-lg-5,
  .strath-bootstrap .py-lg-5 {
    padding-top: 3rem !important; }
  .strath-bootstrap .pr-lg-5,
  .strath-bootstrap .px-lg-5 {
    padding-right: 3rem !important; }
  .strath-bootstrap .pb-lg-5,
  .strath-bootstrap .py-lg-5 {
    padding-bottom: 3rem !important; }
  .strath-bootstrap .pl-lg-5,
  .strath-bootstrap .px-lg-5 {
    padding-left: 3rem !important; }
  .strath-bootstrap .m-lg-auto {
    margin: auto !important; }
  .strath-bootstrap .mt-lg-auto,
  .strath-bootstrap .my-lg-auto {
    margin-top: auto !important; }
  .strath-bootstrap .mr-lg-auto,
  .strath-bootstrap .mx-lg-auto {
    margin-right: auto !important; }
  .strath-bootstrap .mb-lg-auto,
  .strath-bootstrap .my-lg-auto {
    margin-bottom: auto !important; }
  .strath-bootstrap .ml-lg-auto,
  .strath-bootstrap .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .strath-bootstrap .m-xl-0 {
    margin: 0 !important; }
  .strath-bootstrap .mt-xl-0,
  .strath-bootstrap .my-xl-0 {
    margin-top: 0 !important; }
  .strath-bootstrap .mr-xl-0,
  .strath-bootstrap .mx-xl-0 {
    margin-right: 0 !important; }
  .strath-bootstrap .mb-xl-0,
  .strath-bootstrap .my-xl-0 {
    margin-bottom: 0 !important; }
  .strath-bootstrap .ml-xl-0,
  .strath-bootstrap .mx-xl-0 {
    margin-left: 0 !important; }
  .strath-bootstrap .m-xl-1 {
    margin: 0.25rem !important; }
  .strath-bootstrap .mt-xl-1,
  .strath-bootstrap .my-xl-1 {
    margin-top: 0.25rem !important; }
  .strath-bootstrap .mr-xl-1,
  .strath-bootstrap .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .strath-bootstrap .mb-xl-1,
  .strath-bootstrap .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .strath-bootstrap .ml-xl-1,
  .strath-bootstrap .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .strath-bootstrap .m-xl-2 {
    margin: 0.5rem !important; }
  .strath-bootstrap .mt-xl-2,
  .strath-bootstrap .my-xl-2 {
    margin-top: 0.5rem !important; }
  .strath-bootstrap .mr-xl-2,
  .strath-bootstrap .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .strath-bootstrap .mb-xl-2,
  .strath-bootstrap .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .strath-bootstrap .ml-xl-2,
  .strath-bootstrap .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .strath-bootstrap .m-xl-3 {
    margin: 1rem !important; }
  .strath-bootstrap .mt-xl-3,
  .strath-bootstrap .my-xl-3 {
    margin-top: 1rem !important; }
  .strath-bootstrap .mr-xl-3,
  .strath-bootstrap .mx-xl-3 {
    margin-right: 1rem !important; }
  .strath-bootstrap .mb-xl-3,
  .strath-bootstrap .my-xl-3 {
    margin-bottom: 1rem !important; }
  .strath-bootstrap .ml-xl-3,
  .strath-bootstrap .mx-xl-3 {
    margin-left: 1rem !important; }
  .strath-bootstrap .m-xl-4 {
    margin: 1.5rem !important; }
  .strath-bootstrap .mt-xl-4,
  .strath-bootstrap .my-xl-4 {
    margin-top: 1.5rem !important; }
  .strath-bootstrap .mr-xl-4,
  .strath-bootstrap .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .strath-bootstrap .mb-xl-4,
  .strath-bootstrap .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .strath-bootstrap .ml-xl-4,
  .strath-bootstrap .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .strath-bootstrap .m-xl-5 {
    margin: 3rem !important; }
  .strath-bootstrap .mt-xl-5,
  .strath-bootstrap .my-xl-5 {
    margin-top: 3rem !important; }
  .strath-bootstrap .mr-xl-5,
  .strath-bootstrap .mx-xl-5 {
    margin-right: 3rem !important; }
  .strath-bootstrap .mb-xl-5,
  .strath-bootstrap .my-xl-5 {
    margin-bottom: 3rem !important; }
  .strath-bootstrap .ml-xl-5,
  .strath-bootstrap .mx-xl-5 {
    margin-left: 3rem !important; }
  .strath-bootstrap .p-xl-0 {
    padding: 0 !important; }
  .strath-bootstrap .pt-xl-0,
  .strath-bootstrap .py-xl-0 {
    padding-top: 0 !important; }
  .strath-bootstrap .pr-xl-0,
  .strath-bootstrap .px-xl-0 {
    padding-right: 0 !important; }
  .strath-bootstrap .pb-xl-0,
  .strath-bootstrap .py-xl-0 {
    padding-bottom: 0 !important; }
  .strath-bootstrap .pl-xl-0,
  .strath-bootstrap .px-xl-0 {
    padding-left: 0 !important; }
  .strath-bootstrap .p-xl-1 {
    padding: 0.25rem !important; }
  .strath-bootstrap .pt-xl-1,
  .strath-bootstrap .py-xl-1 {
    padding-top: 0.25rem !important; }
  .strath-bootstrap .pr-xl-1,
  .strath-bootstrap .px-xl-1 {
    padding-right: 0.25rem !important; }
  .strath-bootstrap .pb-xl-1,
  .strath-bootstrap .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .strath-bootstrap .pl-xl-1,
  .strath-bootstrap .px-xl-1 {
    padding-left: 0.25rem !important; }
  .strath-bootstrap .p-xl-2 {
    padding: 0.5rem !important; }
  .strath-bootstrap .pt-xl-2,
  .strath-bootstrap .py-xl-2 {
    padding-top: 0.5rem !important; }
  .strath-bootstrap .pr-xl-2,
  .strath-bootstrap .px-xl-2 {
    padding-right: 0.5rem !important; }
  .strath-bootstrap .pb-xl-2,
  .strath-bootstrap .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .strath-bootstrap .pl-xl-2,
  .strath-bootstrap .px-xl-2 {
    padding-left: 0.5rem !important; }
  .strath-bootstrap .p-xl-3 {
    padding: 1rem !important; }
  .strath-bootstrap .pt-xl-3,
  .strath-bootstrap .py-xl-3 {
    padding-top: 1rem !important; }
  .strath-bootstrap .pr-xl-3,
  .strath-bootstrap .px-xl-3 {
    padding-right: 1rem !important; }
  .strath-bootstrap .pb-xl-3,
  .strath-bootstrap .py-xl-3 {
    padding-bottom: 1rem !important; }
  .strath-bootstrap .pl-xl-3,
  .strath-bootstrap .px-xl-3 {
    padding-left: 1rem !important; }
  .strath-bootstrap .p-xl-4 {
    padding: 1.5rem !important; }
  .strath-bootstrap .pt-xl-4,
  .strath-bootstrap .py-xl-4 {
    padding-top: 1.5rem !important; }
  .strath-bootstrap .pr-xl-4,
  .strath-bootstrap .px-xl-4 {
    padding-right: 1.5rem !important; }
  .strath-bootstrap .pb-xl-4,
  .strath-bootstrap .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .strath-bootstrap .pl-xl-4,
  .strath-bootstrap .px-xl-4 {
    padding-left: 1.5rem !important; }
  .strath-bootstrap .p-xl-5 {
    padding: 3rem !important; }
  .strath-bootstrap .pt-xl-5,
  .strath-bootstrap .py-xl-5 {
    padding-top: 3rem !important; }
  .strath-bootstrap .pr-xl-5,
  .strath-bootstrap .px-xl-5 {
    padding-right: 3rem !important; }
  .strath-bootstrap .pb-xl-5,
  .strath-bootstrap .py-xl-5 {
    padding-bottom: 3rem !important; }
  .strath-bootstrap .pl-xl-5,
  .strath-bootstrap .px-xl-5 {
    padding-left: 3rem !important; }
  .strath-bootstrap .m-xl-auto {
    margin: auto !important; }
  .strath-bootstrap .mt-xl-auto,
  .strath-bootstrap .my-xl-auto {
    margin-top: auto !important; }
  .strath-bootstrap .mr-xl-auto,
  .strath-bootstrap .mx-xl-auto {
    margin-right: auto !important; }
  .strath-bootstrap .mb-xl-auto,
  .strath-bootstrap .my-xl-auto {
    margin-bottom: auto !important; }
  .strath-bootstrap .ml-xl-auto,
  .strath-bootstrap .mx-xl-auto {
    margin-left: auto !important; } }

@media (min-width: 1600px) {
  .strath-bootstrap .m-xxl-0 {
    margin: 0 !important; }
  .strath-bootstrap .mt-xxl-0,
  .strath-bootstrap .my-xxl-0 {
    margin-top: 0 !important; }
  .strath-bootstrap .mr-xxl-0,
  .strath-bootstrap .mx-xxl-0 {
    margin-right: 0 !important; }
  .strath-bootstrap .mb-xxl-0,
  .strath-bootstrap .my-xxl-0 {
    margin-bottom: 0 !important; }
  .strath-bootstrap .ml-xxl-0,
  .strath-bootstrap .mx-xxl-0 {
    margin-left: 0 !important; }
  .strath-bootstrap .m-xxl-1 {
    margin: 0.25rem !important; }
  .strath-bootstrap .mt-xxl-1,
  .strath-bootstrap .my-xxl-1 {
    margin-top: 0.25rem !important; }
  .strath-bootstrap .mr-xxl-1,
  .strath-bootstrap .mx-xxl-1 {
    margin-right: 0.25rem !important; }
  .strath-bootstrap .mb-xxl-1,
  .strath-bootstrap .my-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .strath-bootstrap .ml-xxl-1,
  .strath-bootstrap .mx-xxl-1 {
    margin-left: 0.25rem !important; }
  .strath-bootstrap .m-xxl-2 {
    margin: 0.5rem !important; }
  .strath-bootstrap .mt-xxl-2,
  .strath-bootstrap .my-xxl-2 {
    margin-top: 0.5rem !important; }
  .strath-bootstrap .mr-xxl-2,
  .strath-bootstrap .mx-xxl-2 {
    margin-right: 0.5rem !important; }
  .strath-bootstrap .mb-xxl-2,
  .strath-bootstrap .my-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .strath-bootstrap .ml-xxl-2,
  .strath-bootstrap .mx-xxl-2 {
    margin-left: 0.5rem !important; }
  .strath-bootstrap .m-xxl-3 {
    margin: 1rem !important; }
  .strath-bootstrap .mt-xxl-3,
  .strath-bootstrap .my-xxl-3 {
    margin-top: 1rem !important; }
  .strath-bootstrap .mr-xxl-3,
  .strath-bootstrap .mx-xxl-3 {
    margin-right: 1rem !important; }
  .strath-bootstrap .mb-xxl-3,
  .strath-bootstrap .my-xxl-3 {
    margin-bottom: 1rem !important; }
  .strath-bootstrap .ml-xxl-3,
  .strath-bootstrap .mx-xxl-3 {
    margin-left: 1rem !important; }
  .strath-bootstrap .m-xxl-4 {
    margin: 1.5rem !important; }
  .strath-bootstrap .mt-xxl-4,
  .strath-bootstrap .my-xxl-4 {
    margin-top: 1.5rem !important; }
  .strath-bootstrap .mr-xxl-4,
  .strath-bootstrap .mx-xxl-4 {
    margin-right: 1.5rem !important; }
  .strath-bootstrap .mb-xxl-4,
  .strath-bootstrap .my-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .strath-bootstrap .ml-xxl-4,
  .strath-bootstrap .mx-xxl-4 {
    margin-left: 1.5rem !important; }
  .strath-bootstrap .m-xxl-5 {
    margin: 3rem !important; }
  .strath-bootstrap .mt-xxl-5,
  .strath-bootstrap .my-xxl-5 {
    margin-top: 3rem !important; }
  .strath-bootstrap .mr-xxl-5,
  .strath-bootstrap .mx-xxl-5 {
    margin-right: 3rem !important; }
  .strath-bootstrap .mb-xxl-5,
  .strath-bootstrap .my-xxl-5 {
    margin-bottom: 3rem !important; }
  .strath-bootstrap .ml-xxl-5,
  .strath-bootstrap .mx-xxl-5 {
    margin-left: 3rem !important; }
  .strath-bootstrap .p-xxl-0 {
    padding: 0 !important; }
  .strath-bootstrap .pt-xxl-0,
  .strath-bootstrap .py-xxl-0 {
    padding-top: 0 !important; }
  .strath-bootstrap .pr-xxl-0,
  .strath-bootstrap .px-xxl-0 {
    padding-right: 0 !important; }
  .strath-bootstrap .pb-xxl-0,
  .strath-bootstrap .py-xxl-0 {
    padding-bottom: 0 !important; }
  .strath-bootstrap .pl-xxl-0,
  .strath-bootstrap .px-xxl-0 {
    padding-left: 0 !important; }
  .strath-bootstrap .p-xxl-1 {
    padding: 0.25rem !important; }
  .strath-bootstrap .pt-xxl-1,
  .strath-bootstrap .py-xxl-1 {
    padding-top: 0.25rem !important; }
  .strath-bootstrap .pr-xxl-1,
  .strath-bootstrap .px-xxl-1 {
    padding-right: 0.25rem !important; }
  .strath-bootstrap .pb-xxl-1,
  .strath-bootstrap .py-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .strath-bootstrap .pl-xxl-1,
  .strath-bootstrap .px-xxl-1 {
    padding-left: 0.25rem !important; }
  .strath-bootstrap .p-xxl-2 {
    padding: 0.5rem !important; }
  .strath-bootstrap .pt-xxl-2,
  .strath-bootstrap .py-xxl-2 {
    padding-top: 0.5rem !important; }
  .strath-bootstrap .pr-xxl-2,
  .strath-bootstrap .px-xxl-2 {
    padding-right: 0.5rem !important; }
  .strath-bootstrap .pb-xxl-2,
  .strath-bootstrap .py-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .strath-bootstrap .pl-xxl-2,
  .strath-bootstrap .px-xxl-2 {
    padding-left: 0.5rem !important; }
  .strath-bootstrap .p-xxl-3 {
    padding: 1rem !important; }
  .strath-bootstrap .pt-xxl-3,
  .strath-bootstrap .py-xxl-3 {
    padding-top: 1rem !important; }
  .strath-bootstrap .pr-xxl-3,
  .strath-bootstrap .px-xxl-3 {
    padding-right: 1rem !important; }
  .strath-bootstrap .pb-xxl-3,
  .strath-bootstrap .py-xxl-3 {
    padding-bottom: 1rem !important; }
  .strath-bootstrap .pl-xxl-3,
  .strath-bootstrap .px-xxl-3 {
    padding-left: 1rem !important; }
  .strath-bootstrap .p-xxl-4 {
    padding: 1.5rem !important; }
  .strath-bootstrap .pt-xxl-4,
  .strath-bootstrap .py-xxl-4 {
    padding-top: 1.5rem !important; }
  .strath-bootstrap .pr-xxl-4,
  .strath-bootstrap .px-xxl-4 {
    padding-right: 1.5rem !important; }
  .strath-bootstrap .pb-xxl-4,
  .strath-bootstrap .py-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .strath-bootstrap .pl-xxl-4,
  .strath-bootstrap .px-xxl-4 {
    padding-left: 1.5rem !important; }
  .strath-bootstrap .p-xxl-5 {
    padding: 3rem !important; }
  .strath-bootstrap .pt-xxl-5,
  .strath-bootstrap .py-xxl-5 {
    padding-top: 3rem !important; }
  .strath-bootstrap .pr-xxl-5,
  .strath-bootstrap .px-xxl-5 {
    padding-right: 3rem !important; }
  .strath-bootstrap .pb-xxl-5,
  .strath-bootstrap .py-xxl-5 {
    padding-bottom: 3rem !important; }
  .strath-bootstrap .pl-xxl-5,
  .strath-bootstrap .px-xxl-5 {
    padding-left: 3rem !important; }
  .strath-bootstrap .m-xxl-auto {
    margin: auto !important; }
  .strath-bootstrap .mt-xxl-auto,
  .strath-bootstrap .my-xxl-auto {
    margin-top: auto !important; }
  .strath-bootstrap .mr-xxl-auto,
  .strath-bootstrap .mx-xxl-auto {
    margin-right: auto !important; }
  .strath-bootstrap .mb-xxl-auto,
  .strath-bootstrap .my-xxl-auto {
    margin-bottom: auto !important; }
  .strath-bootstrap .ml-xxl-auto,
  .strath-bootstrap .mx-xxl-auto {
    margin-left: auto !important; } }

.strath-bootstrap .text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.strath-bootstrap .text-justify {
  text-align: justify !important; }

.strath-bootstrap .text-nowrap {
  white-space: nowrap !important; }

.strath-bootstrap .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

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

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

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

@media (min-width: 576px) {
  .strath-bootstrap .text-sm-left {
    text-align: left !important; }
  .strath-bootstrap .text-sm-right {
    text-align: right !important; }
  .strath-bootstrap .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .strath-bootstrap .text-md-left {
    text-align: left !important; }
  .strath-bootstrap .text-md-right {
    text-align: right !important; }
  .strath-bootstrap .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .strath-bootstrap .text-lg-left {
    text-align: left !important; }
  .strath-bootstrap .text-lg-right {
    text-align: right !important; }
  .strath-bootstrap .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .strath-bootstrap .text-xl-left {
    text-align: left !important; }
  .strath-bootstrap .text-xl-right {
    text-align: right !important; }
  .strath-bootstrap .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1600px) {
  .strath-bootstrap .text-xxl-left {
    text-align: left !important; }
  .strath-bootstrap .text-xxl-right {
    text-align: right !important; }
  .strath-bootstrap .text-xxl-center {
    text-align: center !important; } }

.strath-bootstrap .text-lowercase {
  text-transform: lowercase !important; }

.strath-bootstrap .text-uppercase {
  text-transform: uppercase !important; }

.strath-bootstrap .text-capitalize {
  text-transform: capitalize !important; }

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

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

.strath-bootstrap .font-weight-bold {
  font-weight: 700 !important; }

.strath-bootstrap .font-italic {
  font-style: italic !important; }

.strath-bootstrap .text-white {
  color: #fff !important; }

.strath-bootstrap .text-primary {
  color: #018489 !important; }

.strath-bootstrap a.text-primary:hover, .strath-bootstrap a.text-primary:focus {
  color: #015356 !important; }

.strath-bootstrap .text-secondary {
  color: #6c757d !important; }

.strath-bootstrap a.text-secondary:hover, .strath-bootstrap a.text-secondary:focus {
  color: #545b62 !important; }

.strath-bootstrap .text-success {
  color: #218739 !important; }

.strath-bootstrap a.text-success:hover, .strath-bootstrap a.text-success:focus {
  color: #175e28 !important; }

.strath-bootstrap .text-info {
  color: #17a2b8 !important; }

.strath-bootstrap a.text-info:hover, .strath-bootstrap a.text-info:focus {
  color: #117a8b !important; }

.strath-bootstrap .text-warning {
  color: #ffc107 !important; }

.strath-bootstrap a.text-warning:hover, .strath-bootstrap a.text-warning:focus {
  color: #d39e00 !important; }

.strath-bootstrap .text-danger {
  color: #dc3545 !important; }

.strath-bootstrap a.text-danger:hover, .strath-bootstrap a.text-danger:focus {
  color: #bd2130 !important; }

.strath-bootstrap .text-light {
  color: #f8f9fa !important; }

.strath-bootstrap a.text-light:hover, .strath-bootstrap a.text-light:focus {
  color: #dae0e5 !important; }

.strath-bootstrap .text-dark {
  color: #343a40 !important; }

.strath-bootstrap a.text-dark:hover, .strath-bootstrap a.text-dark:focus {
  color: #1d2124 !important; }

.strath-bootstrap .text-body {
  color: #212529 !important; }

.strath-bootstrap .text-muted {
  color: #6c757d !important; }

.strath-bootstrap .text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.strath-bootstrap .text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.strath-bootstrap .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.strath-bootstrap .visible {
  visibility: visible !important; }

.strath-bootstrap .invisible {
  visibility: hidden !important; }

@media print {
  .strath-bootstrap *,
  .strath-bootstrap *::before,
  .strath-bootstrap *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  .strath-bootstrap a:not(.btn) {
    text-decoration: underline; }
  .strath-bootstrap abbr[title]::after {
    content: " (" attr(title) ")"; }
  .strath-bootstrap pre {
    white-space: pre-wrap !important; }
  .strath-bootstrap pre,
  .strath-bootstrap blockquote {
    border: 2px solid #adb5bd;
    page-break-inside: avoid; }
  .strath-bootstrap thead {
    display: table-header-group; }
  .strath-bootstrap tr,
  .strath-bootstrap img {
    page-break-inside: avoid; }
  .strath-bootstrap p,
  .strath-bootstrap h2,
  .strath-bootstrap h3 {
    orphans: 3;
    widows: 3; }
  .strath-bootstrap h2,
  .strath-bootstrap h3 {
    page-break-after: avoid; }
  @page {
    .strath-bootstrap {
      size: a3; } }
  .strath-bootstrap body {
    min-width: 992px !important; }
  .strath-bootstrap .container {
    min-width: 992px !important; }
  .strath-bootstrap .navbar {
    display: none; }
  .strath-bootstrap .badge {
    border: 2px solid #000; }
  .strath-bootstrap .table {
    border-collapse: collapse !important; }
    .strath-bootstrap .table td,
    .strath-bootstrap .table th {
      background-color: #fff !important; }
  .strath-bootstrap .table-bordered th,
  .strath-bootstrap .table-bordered td {
    border: 1px solid #dee2e6 !important; }
  .strath-bootstrap .table-dark {
    color: inherit; }
    .strath-bootstrap .table-dark th,
    .strath-bootstrap .table-dark td,
    .strath-bootstrap .table-dark thead th,
    .strath-bootstrap .table-dark tbody + tbody {
      border-color: #dee2e6; }
  .strath-bootstrap .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6; } }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%); }
    @media screen and (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-dialog-centered {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2)); }

.modal-content {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 2px solid #e9ecef;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 2px solid #e9ecef; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }
  .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px; } }
@charset "UTF-8";
.strath-bootstrap .course-search-2019 .searchstriped > section > article:hover, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover, .strath-bootstrap .general-content-main .fact a.hover h2, .strath-bootstrap .general-content-main-fixed .fact a.hover h2, .strath-bootstrap .general-side-fixed .fact a.hover h2 {
  background-color: #6c757d;
  color: #fff;
  text-decoration: none; }

.strath-bootstrap .block-grid-item .block-grid-item-text p a, .strath-bootstrap .block-grid-item .block-grid-item-text-text p a, .strath-bootstrap.course-page .course-overview p a, .strath-bootstrap .rhs-contact > p a, .strath-bootstrap .profile-carousel p a, .strath-bootstrap .uoscarousel .carousel-caption .quotee a, .strath-bootstrap .uoscarousel .carousel-caption blockquote a, .strath-bootstrap .uoscarousel .carousel-caption blockquote p a, .strath-bootstrap .rhs-general p a, .strath-bootstrap .rhs-general ul > li a, .strath-bootstrap .rhs-general a, .strath-bootstrap .general-content-main a, .strath-bootstrap .general-content-main-fixed a, .strath-bootstrap .general-side-fixed a, .strath-bootstrap .web-news-container .web-news-story p a, .strath-bootstrap .web-news-container .web-news-story li a, .strath-bootstrap .web-news-themes .block-grid-item-text p, .strath-bootstrap .lhsfeaturesection .block-grid-item-content ul li a, .strath-bootstrap .lhshalfwidthfeaturelnk .block-grid-item-content ul li a {
  color: #212529;
  text-decoration: underline;
  text-underline-position: under;
  -webkit-text-decoration-color: #6c757d;
  text-decoration-color: #6c757d; }

.strath-bootstrap .general-content-main .standout-text a:hover, .strath-bootstrap .general-content-main-fixed .standout-text a:hover, .strath-bootstrap .general-side-fixed .standout-text a:hover, .strath-bootstrap .block-grid-item .block-grid-item-text p a:hover, .strath-bootstrap .block-grid-item .block-grid-item-text-text p a:hover, .strath-bootstrap.course-page .course-overview p a:hover, .strath-bootstrap .rhs-contact > p a:hover, .strath-bootstrap .profile-carousel p a:hover, .strath-bootstrap .uoscarousel .carousel-caption .quotee a:hover, .strath-bootstrap .uoscarousel .carousel-caption blockquote a:hover, .strath-bootstrap .uoscarousel .carousel-caption blockquote p a:hover, .strath-bootstrap .rhs-general p a:hover, .strath-bootstrap .rhs-general ul > li a:hover, .strath-bootstrap .rhs-general a:hover, .strath-bootstrap .general-content-main h1 a:hover, .strath-bootstrap .general-content-main h2 a:hover, .strath-bootstrap .general-content-main h3 a:hover, .strath-bootstrap .general-content-main h4 a:hover, .strath-bootstrap .general-content-main .course-search-2019 .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-content-main h3 a:hover, .strath-bootstrap .general-content-main h5 a:hover, .strath-bootstrap .news-events h3 .general-content-main a a:hover, .strath-bootstrap .general-content-main li a:hover, .strath-bootstrap .general-content-main p a:hover, .strath-bootstrap .general-content-main-fixed h1 a:hover, .strath-bootstrap .general-content-main-fixed h2 a:hover, .strath-bootstrap .general-content-main-fixed h3 a:hover, .strath-bootstrap .general-content-main-fixed h4 a:hover, .strath-bootstrap .general-content-main-fixed .course-search-2019 .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-content-main-fixed h3 a:hover, .strath-bootstrap .general-content-main-fixed h5 a:hover, .strath-bootstrap .news-events h3 .general-content-main-fixed a a:hover, .strath-bootstrap .general-content-main-fixed li a:hover, .strath-bootstrap .general-content-main-fixed p a:hover, .strath-bootstrap .general-side-fixed h1 a:hover, .strath-bootstrap .general-side-fixed h2 a:hover, .strath-bootstrap .general-side-fixed h3 a:hover, .strath-bootstrap .general-side-fixed h4 a:hover, .strath-bootstrap .general-side-fixed .course-search-2019 .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-side-fixed h3 a:hover, .strath-bootstrap .general-side-fixed h5 a:hover, .strath-bootstrap .news-events h3 .general-side-fixed a a:hover, .strath-bootstrap .general-side-fixed li a:hover, .strath-bootstrap .general-side-fixed p a:hover, .strath-bootstrap .general-content-main .breakout-box a:hover, .strath-bootstrap .general-content-main-fixed .breakout-box a:hover, .strath-bootstrap .general-side-fixed .breakout-box a:hover, .strath-bootstrap .general-content-main .button a:hover, .strath-bootstrap .general-content-main-fixed .button a:hover, .strath-bootstrap .general-side-fixed .button a:hover, .strath-bootstrap .general-content-main .table-responsive table tbody td a:hover, .strath-bootstrap .general-content-main-fixed .table-responsive table tbody td a:hover, .strath-bootstrap .general-side-fixed .table-responsive table tbody td a:hover, .strath-bootstrap .profile blockquote:hover, .strath-bootstrap .web-news-container .web-news-story p a:hover, .strath-bootstrap .web-news-container .web-news-story li a:hover, .strath-bootstrap .web-news-themes .block-grid-item-text p:hover, .strath-bootstrap .lhsfeaturesection .block-grid-item-content ul li a:hover, .strath-bootstrap .lhshalfwidthfeaturelnk .block-grid-item-content ul li a:hover {
  color: #018489;
  text-decoration: underline;
  -webkit-text-decoration-color: #018489;
  text-decoration-color: #018489;
  background: transparent; }

.strath-bootstrap .news-events ul li:before, .strath-bootstrap .two-columns .column-inner ul li:before, .strath-bootstrap .two-columns .leading-text ul li:before,
.strath-bootstrap .two-columns .trailing-text ul li:before, .strath-bootstrap .two-columns .course-module.accordion .course-module-content-inner ul li:before, .strath-bootstrap .two-columns .course-module-subheader ul li:before, .strath-bootstrap .two-columns .tab-content .tab-pane ul li:before, .strath-bootstrap.course-page .course-overview ul li:before, .strath-bootstrap .rhs-general ul li:before, .strath-bootstrap .general-content-main ul li:before, .strath-bootstrap .general-content-main-fixed ul li:before, .strath-bootstrap .general-side-fixed ul li:before, .strath-bootstrap .photobox .block-grid-item-text ul li:before, .strath-bootstrap .web-news-container .web-news-story ul li:before {
  display: inline-block;
  text-indent: -1.2em;
  content: '\25A0';
  color: #018489;
  vertical-align: middle;
  padding: 0 2px 2px 0;
  font-size: .6rem; }

.strath-bootstrap .wysiwyg blockquote, .strath-bootstrap blockquote, .strath-bootstrap .general-content-main blockquote, .strath-bootstrap .general-content-main-fixed blockquote, .strath-bootstrap .general-side-fixed blockquote, .strath-bootstrap .web-news-container .web-news-story blockquote {
  max-width: 90%;
  background: #e9ecef;
  border-left: 6px solid #002b5c;
  margin: 30px 10px;
  overflow: auto;
  padding: 20px; }
  .strath-bootstrap .wysiwyg blockquote p, .strath-bootstrap blockquote p, .strath-bootstrap .general-content-main blockquote p, .strath-bootstrap .general-content-main-fixed blockquote p, .strath-bootstrap .general-side-fixed blockquote p, .strath-bootstrap .web-news-container .web-news-story blockquote p {
    display: inline !important; }
    .strath-bootstrap .wysiwyg blockquote p img, .strath-bootstrap blockquote p img, .strath-bootstrap .general-content-main blockquote p img, .strath-bootstrap .general-content-main-fixed blockquote p img, .strath-bootstrap .general-side-fixed blockquote p img, .strath-bootstrap .web-news-container .web-news-story blockquote p img {
      float: left;
      padding: 0;
      padding-right: 20px;
      border-radius: 50%; }

.strath-bootstrap .wysiwyg blockquote::before, .strath-bootstrap blockquote::before, .strath-bootstrap .general-content-main blockquote::before, .strath-bootstrap .general-content-main-fixed blockquote::before, .strath-bootstrap .general-side-fixed blockquote::before, .strath-bootstrap .web-news-container .web-news-story blockquote::before {
  vertical-align: 0; }

.strath-bootstrap blockquote::before, .strath-bootstrap .general-content-main blockquote::before, .strath-bootstrap .general-content-main-fixed blockquote::before, .strath-bootstrap .general-side-fixed blockquote::before {
  font-family: "FontAwesome";
  content: '\f10d';
  /*quote left icon*/
  color: #495057;
  padding: 0 5px;
  font-size: .7rem; }

.strath-bootstrap blockquote::after, .strath-bootstrap .general-content-main blockquote::after, .strath-bootstrap .general-content-main-fixed blockquote::after, .strath-bootstrap .general-side-fixed blockquote::after {
  font-family: "FontAwesome";
  content: '\f10e';
  /*quote right icon*/
  color: #495057;
  padding: 0 5px;
  font-size: .7rem; }

.strath-bootstrap .general-content-main .standout-text, .strath-bootstrap .general-content-main-fixed .standout-text, .strath-bootstrap .general-side-fixed .standout-text {
  background: #e9ecef;
  font-size: 1.2em;
  padding-left: 20px;
  margin: 40px auto;
  border-left: 4px solid #002b5c;
  outline: 20px solid #e9ecef;
  max-width: 80%; }

.strath-bootstrap .general-content-main .call-to-action-link a, .strath-bootstrap .general-content-main-fixed .call-to-action-link a, .strath-bootstrap .general-side-fixed .call-to-action-link a, .strath-bootstrap .general-content-main .button a, .strath-bootstrap .general-content-main-fixed .button a, .strath-bootstrap .general-side-fixed .button a {
  display: inline;
  text-decoration: none;
  background: #018489;
  font-size: 1.6em;
  font-weight: bold;
  border: 0;
  border-radius: 50px;
  color: #fff;
  line-height: 2em;
  padding: 10px 20px;
  cursor: pointer; }
  .strath-bootstrap .general-content-main .call-to-action-link a:focus, .strath-bootstrap .general-content-main-fixed .call-to-action-link a:focus, .strath-bootstrap .general-side-fixed .call-to-action-link a:focus, .strath-bootstrap .general-content-main .button a:focus, .strath-bootstrap .general-content-main-fixed .button a:focus, .strath-bootstrap .general-side-fixed .button a:focus {
    border: 2px solid yellow; }
  .strath-bootstrap .general-content-main .call-to-action-link a:hover, .strath-bootstrap .general-content-main-fixed .call-to-action-link a:hover, .strath-bootstrap .general-side-fixed .call-to-action-link a:hover, .strath-bootstrap .general-content-main .button a:hover, .strath-bootstrap .general-content-main-fixed .button a:hover, .strath-bootstrap .general-side-fixed .button a:hover {
    background: #6c757d;
    color: #fff;
    text-decoration: none; }

.strath-bootstrap .general-content-main .breakout-box, .strath-bootstrap .general-content-main-fixed .breakout-box, .strath-bootstrap .general-side-fixed .breakout-box, .strath-bootstrap .web-news-container .web-news-story .breakout-box {
  width: 50%;
  margin: 10px 10px 10px 0;
  text-decoration: none;
  background: #018489;
  border: 0;
  color: #fff !important;
  line-height: 1.5em;
  padding: 10px 20px;
  float: left; }

.strath-bootstrap .general-content-main .breakout-box a, .strath-bootstrap .general-content-main-fixed .breakout-box a, .strath-bootstrap .general-side-fixed .breakout-box a, .strath-bootstrap .web-news-container .web-news-story .breakout-box a {
  color: #fff !important;
  cursor: pointer;
  text-decoration: underline; }
  .strath-bootstrap .general-content-main .breakout-box a:hover, .strath-bootstrap .general-content-main-fixed .breakout-box a:hover, .strath-bootstrap .general-side-fixed .breakout-box a:hover, .strath-bootstrap .web-news-container .web-news-story .breakout-box a:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #212529;
    text-decoration-color: #212529;
    color: #212529 !important; }

.strath-bootstrap .single-video.single-image .caption-wrap .caption h2, .strath-bootstrap .news-events h2, .strath-bootstrap .block-outer-white > section h1, .strath-bootstrap .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section h3, .strath-bootstrap .block-outer-white > section h4, .strath-bootstrap .block-outer-white > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section .results .result h3, .strath-bootstrap .results .result .block-outer-white > section h3, .strath-bootstrap .block-outer-white > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-white > section h3, .strath-bootstrap .block-outer-grey > section h1, .strath-bootstrap .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section h3, .strath-bootstrap .block-outer-grey > section h4, .strath-bootstrap .block-outer-grey > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section h3, .strath-bootstrap .block-outer-grey > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-grey > section h3, .strath-bootstrap .block-outer > section h1, .strath-bootstrap .block-outer > section h2, .strath-bootstrap .block-outer > section h3, .strath-bootstrap .block-outer > section h4, .strath-bootstrap .block-outer > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section h2, .strath-bootstrap .block-outer > section .results .result h3, .strath-bootstrap .results .result .block-outer > section h3, .strath-bootstrap .block-outer > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h1, .strath-bootstrap .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h1, .strath-bootstrap .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h1, .strath-bootstrap .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h4, .strath-bootstrap .profilescontainer-white-full-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section h1, .strath-bootstrap .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section h4, .strath-bootstrap .block-outer-grey-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h1, .strath-bootstrap .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h4, .strath-bootstrap .block-outer-white-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white .card-title, .strath-bootstrap .block-outer-background .card-title, .strath-bootstrap .outerhref-one .col-inner-grey > h3, .strath-bootstrap .outerhref-one .col-inner-white > h3, .strath-bootstrap .outerhref-two .col-inner-grey > h3, .strath-bootstrap .outerhref-two .col-inner-white > h3, .strath-bootstrap .outerhref-three .col-inner-grey > h3, .strath-bootstrap .outerhref-three .col-inner-white > h3, .strath-bootstrap .rhs-contact > h3, .strath-bootstrap .profile-carousel h3, .strath-bootstrap .rhs-general h3, .strath-bootstrap .general-content-main h1, .strath-bootstrap .general-content-main h2, .strath-bootstrap .general-content-main h3, .strath-bootstrap .general-content-main h4, .strath-bootstrap .general-content-main .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .general-content-main h2, .strath-bootstrap .general-content-main .results .result h3, .strath-bootstrap .results .result .general-content-main h3, .strath-bootstrap .general-content-main .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-content-main h3, .strath-bootstrap .general-content-main h5, .strath-bootstrap .general-content-main .news-events h3, .strath-bootstrap .news-events .general-content-main h3,
.strath-bootstrap .general-content-main .news-events h3 a, .strath-bootstrap .news-events h3 .general-content-main a, .strath-bootstrap .general-content-main .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .general-content-main h3, .strath-bootstrap .general-content-main .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .general-content-main h3, .strath-bootstrap .general-content-main h1 a, .strath-bootstrap .general-content-main h2 a, .strath-bootstrap .general-content-main h3 a, .strath-bootstrap .general-content-main h4 a, .strath-bootstrap .general-content-main .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .general-content-main h2 a, .strath-bootstrap .general-content-main .results .result h3 a, .strath-bootstrap .results .result .general-content-main h3 a, .strath-bootstrap .general-content-main .course-search-2019 .searchstriped > section > article > .staff h3 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-content-main h3 a, .strath-bootstrap .general-content-main h5 a, .strath-bootstrap .news-events .general-content-main h3 a, .strath-bootstrap .news-events h3 .general-content-main a a, .strath-bootstrap .general-content-main .news-events li.news-events-item .block-grid-item-text h3 a, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .general-content-main h3 a, .strath-bootstrap .general-content-main .news-events li.news-events-item2 .block-grid-item-text h3 a, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .general-content-main h3 a, .strath-bootstrap .general-content-main-fixed h1, .strath-bootstrap .general-content-main-fixed h2, .strath-bootstrap .general-content-main-fixed h3, .strath-bootstrap .general-content-main-fixed h4, .strath-bootstrap .general-content-main-fixed .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .general-content-main-fixed h2, .strath-bootstrap .general-content-main-fixed .results .result h3, .strath-bootstrap .results .result .general-content-main-fixed h3, .strath-bootstrap .general-content-main-fixed .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-content-main-fixed h3, .strath-bootstrap .general-content-main-fixed h5, .strath-bootstrap .general-content-main-fixed .news-events h3, .strath-bootstrap .news-events .general-content-main-fixed h3,
.strath-bootstrap .general-content-main-fixed .news-events h3 a, .strath-bootstrap .news-events h3 .general-content-main-fixed a, .strath-bootstrap .general-content-main-fixed .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .general-content-main-fixed h3, .strath-bootstrap .general-content-main-fixed .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .general-content-main-fixed h3, .strath-bootstrap .general-content-main-fixed h1 a, .strath-bootstrap .general-content-main-fixed h2 a, .strath-bootstrap .general-content-main-fixed h3 a, .strath-bootstrap .general-content-main-fixed h4 a, .strath-bootstrap .general-content-main-fixed .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .general-content-main-fixed h2 a, .strath-bootstrap .general-content-main-fixed .results .result h3 a, .strath-bootstrap .results .result .general-content-main-fixed h3 a, .strath-bootstrap .general-content-main-fixed .course-search-2019 .searchstriped > section > article > .staff h3 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-content-main-fixed h3 a, .strath-bootstrap .general-content-main-fixed h5 a, .strath-bootstrap .news-events .general-content-main-fixed h3 a, .strath-bootstrap .news-events h3 .general-content-main-fixed a a, .strath-bootstrap .general-content-main-fixed .news-events li.news-events-item .block-grid-item-text h3 a, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .general-content-main-fixed h3 a, .strath-bootstrap .general-content-main-fixed .news-events li.news-events-item2 .block-grid-item-text h3 a, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .general-content-main-fixed h3 a, .strath-bootstrap .general-side-fixed h1, .strath-bootstrap .general-side-fixed h2, .strath-bootstrap .general-side-fixed h3, .strath-bootstrap .general-side-fixed h4, .strath-bootstrap .general-side-fixed .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .general-side-fixed h2, .strath-bootstrap .general-side-fixed .results .result h3, .strath-bootstrap .results .result .general-side-fixed h3, .strath-bootstrap .general-side-fixed .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-side-fixed h3, .strath-bootstrap .general-side-fixed h5, .strath-bootstrap .general-side-fixed .news-events h3, .strath-bootstrap .news-events .general-side-fixed h3,
.strath-bootstrap .general-side-fixed .news-events h3 a, .strath-bootstrap .news-events h3 .general-side-fixed a, .strath-bootstrap .general-side-fixed .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .general-side-fixed h3, .strath-bootstrap .general-side-fixed .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .general-side-fixed h3, .strath-bootstrap .general-side-fixed h1 a, .strath-bootstrap .general-side-fixed h2 a, .strath-bootstrap .general-side-fixed h3 a, .strath-bootstrap .general-side-fixed h4 a, .strath-bootstrap .general-side-fixed .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .general-side-fixed h2 a, .strath-bootstrap .general-side-fixed .results .result h3 a, .strath-bootstrap .results .result .general-side-fixed h3 a, .strath-bootstrap .general-side-fixed .course-search-2019 .searchstriped > section > article > .staff h3 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .general-side-fixed h3 a, .strath-bootstrap .general-side-fixed h5 a, .strath-bootstrap .news-events .general-side-fixed h3 a, .strath-bootstrap .news-events h3 .general-side-fixed a a, .strath-bootstrap .general-side-fixed .news-events li.news-events-item .block-grid-item-text h3 a, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .general-side-fixed h3 a, .strath-bootstrap .general-side-fixed .news-events li.news-events-item2 .block-grid-item-text h3 a, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .general-side-fixed h3 a, .strath-bootstrap .course-search-2019 .course-list-results ul > h3, .strath-bootstrap .general-content-main .breakout-box, .strath-bootstrap .general-content-main-fixed .breakout-box, .strath-bootstrap .general-side-fixed .breakout-box, .strath-bootstrap .web-news-container .web-news-story .breakout-box, .strath-bootstrap .course-search-2019 .searchitemsub > h2, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content h2, .strath-bootstrap .course-search-2019 #search-info, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3, .strath-bootstrap .half-width-feature h2, .strath-bootstrap .general-content-main .question, .strath-bootstrap .general-content-main-fixed .question, .strath-bootstrap .general-side-fixed .question, .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content h3, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content h3, .strath-bootstrap .events-full-width .block-grid-item-content .block-grid-item-text a.faux-block-link h3, .strath-bootstrap .rhs-contact > fa-lg {
  color: #002b5c;
  font-weight: bold; }

.strath-bootstrap .course-search-2019 .course-list-results ul > h3 {
  font-size: 2.25rem; }

.strath-bootstrap .general-content-main .breakout-box, .strath-bootstrap .general-content-main-fixed .breakout-box, .strath-bootstrap .general-side-fixed .breakout-box, .strath-bootstrap .web-news-container .web-news-story .breakout-box, .strath-bootstrap .course-search-2019 .searchitemsub > h2, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content h2 {
  font-size: 1.75rem; }

.strath-bootstrap .course-search-2019 #search-info, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3, .strath-bootstrap .half-width-feature h2, .strath-bootstrap .general-content-main .question, .strath-bootstrap .general-content-main-fixed .question, .strath-bootstrap .general-side-fixed .question, .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content h3, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content h3, .strath-bootstrap .events-full-width .block-grid-item-content .block-grid-item-text a.faux-block-link h3 {
  font-size: 1.25rem; }

.strath-bootstrap .rhs-contact > fa-lg {
  font-size: 1rem; }

.strath-bootstrap {
  /* ==========================================================================
     Base
     ========================================================================== */
  /* ==========================================================================
   Mobile header menu
   ========================================================================== */
  /* ==========================================================================
   Breadcrumbs 
   ========================================================================== */
  /* ==========================================================================
   Homepage Banner
   ========================================================================== */
  /* ==========================================================================
   Buttons
   ========================================================================== */
  /* ==========================================================================
   Search
   ========================================================================== */
  /* ==========================================================================
   Campaign Banner
   ========================================================================== */
  /* ==========================================================================
   Course search
   ========================================================================== */
  /*xl = Extra large ≥1200px. Max container width 1140px. */
  /*sm = Small ≥576px. Max container width 540px.*/
  /* xs = Extra small <576px. Max container width None (auto) */
  /* ==========================================================================
   Page Save
   ========================================================================== */
  /* ==========================================================================
   Fact Banner
   ========================================================================== */
  /* ==========================================================================
   Timeline
   ========================================================================== */
  /* ==========================================================================
   Testimonial
   ========================================================================== */
  /* ==========================================================================
   Block Grid
   ========================================================================== */
  /* ==========================================================================
   Pagination
   ========================================================================== */
  /* ==========================================================================
   Bullets
   ========================================================================== */
  /* ==========================================================================
   Single Image/Video (uos boot fullSingleImageVideo)
   ========================================================================== */
  /* ==========================================================================
   News and Events
   ========================================================================== */
  /* ==========================================================================
   WYSIWYG - Formatting for content created with WYSIWYG editor
   ========================================================================== */
  /* ==========================================================================
  Outer Block
   ========================================================================== */
  /*@include media($phablet) {*/
  /*.block-outer-grey-stand-alone {
           > section /*{margin-top: -3.5rem;*/
  /* ==========================================================================
   uos LHSHalfWidthFeatureLnk & half-width-feature.scss
   ========================================================================== */
  /* ==========================================================================
    Course Search Landing
   ========================================================================== */
  /* ==========================================================================
   Course Page
   ========================================================================== */
  /* ==========================================================================
   Course Page
   ========================================================================== */
  /* ==========================================================================
   Course search
   ========================================================================== */
  /*xl = Extra large ≥1200px. Max container width 1140px. */
  /*sm = Small ≥576px. Max container width 540px.*/
  /* xs = Extra small <576px. Max container width None (auto) */
  /* ==========================================================================
   Block Button
   ========================================================================== */
  /* ==========================================================================
   Feature
   ========================================================================== */
  /* ==========================================================================
   uos Contact-RHS &  rhs-contact.scss
   ========================================================================== */
  /* ==========================================================================
   RHS - Quotes / rhs-quote.scss   
   ==========================================================================  */
  /* ==========================================================================
   RHS - General / rhs-general.scss   
   ==========================================================================  */
  /* ==========================================================================
   Asides / aside.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos Page Title / page-banner.scss 
   ========================================================================== */
  /* ==========================================================================
   General / general.scss   
   ==========================================================================  */
  /* ==========================================================================
   General / general.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos_feature-with-image & _feature-with-image.scss
   ========================================================================== */
  /* ==========================================================================
   uos profile  & _profile.scss
   ========================================================================== */
  /* ==========================================================================
Strategic Plan
========================================================================== */
  /* ==========================================================================
   Alerts / alert.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos 6blocks / sixblocks.scss 
   ========================================================================== */
  /* ==========================================================================
   Testimonial
   ========================================================================== */
  /* ==========================================================================
   uos Photobox / photobox.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos 1block / one-block.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos 2or4blocks / 2or4blocks.scss   
   ==========================================================================  */
  /* ==========================================================================
   Master LHS RHS / master-rhs-lhs.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos WebNews / news.scss 
   ==========================================================================  */
  /* ==========================================================================
   uos/html mime type
   ==========================================================================  */
  /* ==========================================================================
    uosRHSList mime type 
   ==========================================================================  */
  /* ==========================================================================
    uos WebNews & uos News Header / uos/topstory mime type / uos/subtopstory mime type
   ==========================================================================  */
  /* ==========================================================================
    uos NewsSummary 
   ==========================================================================  */
  /* ==========================================================================
    uos WebNews themes mimetype 
   ==========================================================================  */
  /* ==========================================================================
   uos LHSfeaturesection / lhs-feature-section .scss 
   ==========================================================================  */
  /* ==========================================================================
   Tagline
   ========================================================================== */
  /* ==========================================================================
   Forms - Additional styling for forms
   ========================================================================== */
  /* ==========================================================================
   uos LHSHalfwidthfeaturelnk / lhshalfwidthfeaturelnk.scss   
   ==========================================================================  */
  /* ==========================================================================
   Alerts / alert.scss   
   ==========================================================================  */
  /* ==========================================================================
   Text Drop-down / Accordion
   ========================================================================== */
  /* ==========================================================================
   uos RHSImage / rhs-image.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos Events
   ========================================================================== */
  /* ==========================================================================
   Fact 
   ========================================================================== */ }
  .strath-bootstrap body * {
    font-family: "Alegreya Sans", sans-serif; }
  .strath-bootstrap #skipLink {
    position: absolute;
    top: 1rem;
    left: 1rem;
    -webkit-transform: translateY(-1000px);
    -ms-transform: translateY(-1000px);
    transform: translateY(-1000px);
    background: #ffc107;
    color: #000;
    padding: 1rem; }
    .strath-bootstrap #skipLink:focus {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  .strath-bootstrap a:hover {
    text-decoration: none; }
  .strath-bootstrap p {
    line-height: 1.4; }
  .strath-bootstrap ul {
    list-style-type: none; }
  .strath-bootstrap .wrap {
    background: #fff;
    padding-bottom: 2rem; }
    @media (min-width: 992px) {
      .strath-bootstrap .wrap {
        padding: 0 2rem 2rem 2rem; } }
  .strath-bootstrap main {
    overflow: hidden; }
  .strath-bootstrap .main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .strath-bootstrap .main .has-aside {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 576px) {
        .strath-bootstrap .main .has-aside {
          -webkit-flex: 0 0 58.33333%;
          -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
          max-width: 58.33333%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .main .has-aside {
          -webkit-flex: 0 0 66.66667%;
          -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%; } }
      @media (min-width: 992px) {
        .strath-bootstrap .main .has-aside {
          -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%; } }
    .strath-bootstrap .main aside {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 576px) {
        .strath-bootstrap .main aside {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .main aside {
          -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
          max-width: 33.33333%; } }
      @media (min-width: 992px) {
        .strath-bootstrap .main aside {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
  .strath-bootstrap hr {
    width: 100%;
    height: 1px;
    border-top: 1px solid #ced4da; }
    .strath-bootstrap hr.blue-hr {
      border-top: 3px solid #0078ae;
      max-width: 100px;
      width: 100%;
      margin: 0;
      margin-bottom: 40px;
      text-align: left; }
  .strath-bootstrap a:focus img {
    outline: 3px solid yellow !important; }
  .strath-bootstrap a.faux-block-link:before {
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1; }
  .strath-bootstrap a.faux-block-link:focus:before {
    border: 3px solid yellow !important; }
  .strath-bootstrap aside.off-canvas {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
    @media (min-width: 768px) {
      .strath-bootstrap aside.off-canvas {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1; } }
    .strath-bootstrap aside.off-canvas button.off-canvas-reveal {
      width: 100%;
      position: relative;
      margin-bottom: 1rem;
      color: #002b5c;
      background: #ced4da;
      font-weight: bold;
      display: block; }
      @media (min-width: 576px) {
        .strath-bootstrap aside.off-canvas button.off-canvas-reveal {
          display: none; } }
      .strath-bootstrap aside.off-canvas button.off-canvas-reveal:after {
        position: absolute;
        top: 0;
        right: 0;
        content: '\f054';
        font-family: "FontAwesome";
        padding: 0.75rem 1rem;
        color: #002b5c; }
      .strath-bootstrap aside.off-canvas button.off-canvas-reveal.back:after {
        right: auto;
        left: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .strath-bootstrap aside.off-canvas .off-canvas-body {
      position: fixed;
      left: 100%;
      width: 100%;
      height: 100%;
      top: 0;
      padding: 1rem;
      padding-top: 120px;
      background: #fff;
      transition: all 0.2s ease-in-out;
      overflow-y: scroll;
      z-index: 5; }
      @media (min-width: 576px) {
        .strath-bootstrap aside.off-canvas .off-canvas-body {
          position: static;
          min-height: 0;
          padding: 0;
          overflow-y: hidden; } }
      .strath-bootstrap aside.off-canvas .off-canvas-body h2 {
        padding-bottom: 0;
        border-bottom: 0;
        min-height: 0; }
  .strath-bootstrap .off-canvas-open aside.off-canvas .off-canvas-body {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  .strath-bootstrap .gray-100-bg {
    background-color: #f8f9fa !important; }
  .strath-bootstrap .gray-200-bg, .strath-bootstrap .grey-bg {
    background-color: #e9ecef !important; }
  .strath-bootstrap .white-bg {
    background-color: #fff !important; }
  .strath-bootstrap .darkblue-bg, .strath-bootstrap .primaryblue-bg {
    background-color: #002b5c !important;
    color: #fff !important; }
  .strath-bootstrap .blue-bg {
    background-color: #0078ae !important;
    color: #fff !important; }
  .strath-bootstrap .green-bg {
    background-color: #5d9732 !important;
    color: #fff !important; }
  .strath-bootstrap .orange-bg {
    background-color: #F47B20 !important;
    color: #fff !important; }
  .strath-bootstrap .red-bg {
    background-color: #ee3224 !important;
    color: #fff !important; }
  .strath-bootstrap .small-gutters .row, .strath-bootstrap .block-grid .row {
    margin-right: -7.5px;
    margin-left: -7.5px; }
    .strath-bootstrap .small-gutters .row > *, .strath-bootstrap .block-grid .row > * {
      padding-right: 7.5px;
      padding-left: 7.5px; }
  .strath-bootstrap .embed-responsive {
    margin-bottom: 1rem; }
    .strath-bootstrap .embed-responsive:last-child {
      margin-bottom: 0; }
  @media (min-width: 576px) {
    .strath-bootstrap .right {
      float: right;
      margin: 0 0 1rem 1rem;
      max-width: 50%; } }
  @media (min-width: 768px) {
    .strath-bootstrap .right {
      float: right;
      margin: 0 0 2rem 2rem;
      max-width: 50%; } }
  @media (min-width: 576px) {
    .strath-bootstrap .left {
      float: left;
      margin: 0 1rem 1rem 0;
      max-width: 50%; } }
  @media (min-width: 768px) {
    .strath-bootstrap .left {
      float: left;
      margin: 0 2rem 2rem 0;
      max-width: 50%; } }
  .strath-bootstrap header.site-header {
    background: #fff;
    position: relative;
    border-bottom: 0;
    width: 100%;
    z-index: 1035; }
    .strath-bootstrap header.site-header * {
      font-family: "Alegreya Sans", sans-serif; }
    .strath-bootstrap header.site-header .fa {
      font-family: "FontAwesome"; }
    .strath-bootstrap header.site-header .container {
      padding-bottom: 0;
      position: relative;
      z-index: 1;
      max-width: 1060px;
      width: 100%;
      box-sizing: content-box;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .container {
          padding-left: 2%;
          padding-right: 2%;
          width: 96%;
          margin: auto; } }
    .strath-bootstrap header.site-header .navbar-brand {
      position: relative;
      margin-right: 0;
      z-index: 100;
      height: auto; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .navbar-brand {
          padding: 0; } }
    .strath-bootstrap header.site-header img.tab-logo {
      max-height: 150px;
      width: auto; }
    .strath-bootstrap header.site-header img.horizontal-logo {
      max-height: 40px;
      width: auto;
      margin: auto; }
    .strath-bootstrap header.site-header .nav-area {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .nav-area {
          white-space: nowrap;
          max-width: calc(100% - 150px); } }
      .strath-bootstrap header.site-header .nav-area.no-search .navbar-brand {
        padding-right: 50px;
        min-height: 53px; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .nav-area.no-search .navbar-brand {
            padding-right: 0; } }
      .strath-bootstrap header.site-header .nav-area .navbar-brand {
        background: #002b5c;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center; }
      .strath-bootstrap header.site-header .nav-area .navbar-menu {
        position: relative;
        z-index: 90;
        padding-left: 0;
        padding-right: 0;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .nav-area .navbar-menu {
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            z-index: 1;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
            display: block; } }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .nav-area .search-toggler {
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2; } }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .nav-area .breadcrumb {
          -webkit-order: 3;
          -ms-flex-order: 3;
          order: 3; } }
    .strath-bootstrap header.site-header .navbar {
      background: #002b5c;
      padding: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      margin-bottom: 0;
      border: 0;
      border-radius: 0; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .navbar {
          background: transparent; } }
      .strath-bootstrap header.site-header .navbar#navbar {
        float: none; }
      .strath-bootstrap header.site-header .navbar ul.nav {
        background: #fff;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 1px solid #fff;
        margin-left: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .navbar ul.nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            border-top: 0;
            height: 100%;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end; } }
        .strath-bootstrap header.site-header .navbar ul.nav li a {
          display: block;
          position: relative;
          padding: 0.75rem 1rem;
          color: #002b5c;
          font-weight: bold;
          font-size: 1.2rem;
          border-bottom: 1px solid #f8f9fa;
          transition: 0.2s; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li a {
              padding: 0.75rem 0.25rem;
              border-bottom: 0; } }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li a div {
              border-left: 3px solid #267AAB;
              padding: 0.25rem 0 0.25rem 0.75rem; } }
          .strath-bootstrap header.site-header .navbar ul.nav li a[aria-expanded=true] ~ ul {
            left: 0; }
            @media (min-width: 992px) {
              .strath-bootstrap header.site-header .navbar ul.nav li a[aria-expanded=true] ~ ul {
                left: auto; } }
        .strath-bootstrap header.site-header .navbar ul.nav ul {
          position: fixed;
          list-style-type: none;
          left: 100%;
          padding: 0;
          z-index: 100;
          transition: left 0.4s ease;
          top: 53px;
          width: 100%;
          height: calc(100vh - 50px) !important;
          background: #fff;
          overflow-y: auto;
          display: block;
          visibility: hidden;
          margin-left: 0; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav ul {
              position: absolute;
              top: auto;
              left: auto;
              width: auto;
              height: auto !important;
              overflow-y: hidden;
              display: none;
              visibility: visible;
              background: #f8f9fa;
              padding: 1rem;
              box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } }
          .strath-bootstrap header.site-header .navbar ul.nav ul:hover {
            display: block; }
          .strath-bootstrap header.site-header .navbar ul.nav ul.collapsing, .strath-bootstrap header.site-header .navbar ul.nav ul.show {
            visibility: visible; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav ul li {
              border-left: 3px solid #267AAB;
              margin-bottom: 0.25rem; } }
          .strath-bootstrap header.site-header .navbar ul.nav ul li a {
            font-weight: bold;
            font-size: 1rem;
            padding: 0.75rem 2rem 0.75rem 1rem;
            background: #fff;
            color: #002b5c; }
            @media (min-width: 992px) {
              .strath-bootstrap header.site-header .navbar ul.nav ul li a {
                background: #f8f9fa;
                padding: 0.5rem 3rem 0.5rem 1rem;
                white-space: nowrap; }
                .strath-bootstrap header.site-header .navbar ul.nav ul li a:hover {
                  background: #e9ecef; } }
          .strath-bootstrap header.site-header .navbar ul.nav ul .back div {
            display: inline-block;
            border-left: 0;
            padding-left: 0.5rem; }
          .strath-bootstrap header.site-header .navbar ul.nav ul .back a {
            background: #e9ecef; }
          .strath-bootstrap header.site-header .navbar ul.nav ul .back a:before {
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 0.8rem;
            content: '\f078';
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
          .strath-bootstrap header.site-header .navbar ul.nav ul.show, .strath-bootstrap header.site-header .navbar ul.nav ul.collapsing {
            display: block; }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a:after {
          display: inline-block;
          font-family: "FontAwesome";
          font-size: 0.8rem;
          content: '\f078';
          margin-left: 0.5rem;
          float: right;
          margin-top: 0.25rem;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
          transition: 0.2s; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a:after {
              display: none;
              float: none;
              margin-top: 0;
              -webkit-transform: rotate(0);
              -ms-transform: rotate(0);
              transform: rotate(0); } }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a.collapsed {
          background: #fff;
          color: #002b5c; }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a.collapsed:after {
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a.collapsed:after {
              -webkit-transform: rotate(0);
              -ms-transform: rotate(0);
              transform: rotate(0); } }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .navbar ul.nav li.has-children:hover .top-level-menu-item {
            background: #f8f9fa; } }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children .top-level-menu-item {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 0 1rem; }
          .strath-bootstrap header.site-header .navbar ul.nav li.has-children .top-level-menu-item:hover {
            background: #e9ecef; }
          .strath-bootstrap header.site-header .navbar ul.nav li.has-children .top-level-menu-item button {
            padding: 0.25rem;
            background: transparent;
            pointer-events: none;
            border: 0;
            color: #002b5c;
            font-size: 0.8rem; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .navbar .top-level-menu-item:hover ~ ul {
          display: block; } }
    .strath-bootstrap header.site-header button.toggler {
      background: #002b5c;
      border: 0;
      padding: 0.5rem 1rem;
      position: relative;
      cursor: pointer;
      z-index: 100;
      width: 50px;
      line-height: normal;
      color: #fff; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header button.toggler {
          width: 60px;
          background: #f8f9fa; } }
      .strath-bootstrap header.site-header button.toggler.search-toggler {
        padding: 1rem; }
      .strath-bootstrap header.site-header button.toggler.search-toggler:after {
        display: inline-block;
        content: '\f00d'; }
      .strath-bootstrap header.site-header button.toggler.search-toggler.collapsed:after {
        content: '\f002'; }
      .strath-bootstrap header.site-header button.toggler.navbar-toggler:after {
        display: inline-block;
        content: '\f00d'; }
      .strath-bootstrap header.site-header button.toggler.navbar-toggler.collapsed:after {
        content: '\f0c9'; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header button.toggler.collapsed {
          background: transparent; } }
      .strath-bootstrap header.site-header button.toggler svg {
        max-width: 100%;
        height: auto; }
    .strath-bootstrap header.site-header button.toggler:after {
      display: inline-block;
      font-family: "FontAwesome";
      font-size: 1.2rem; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header button.toggler:after {
          color: #002b5c;
          font-size: 1.8rem; } }
    .strath-bootstrap header.site-header .search {
      left: 0;
      width: 100%;
      background: #f8f9fa;
      position: relative;
      z-index: 90;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .search {
          position: absolute;
          top: calc(100% - 44px);
          overflow: hidden;
          white-space: normal; } }
      .strath-bootstrap header.site-header .search.show {
        height: auto; }
      .strath-bootstrap header.site-header .search .search-top-area {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .search-top-area {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; } }
        .strath-bootstrap header.site-header .search .search-top-area.course-menu-open .search-area {
          min-width: calc(100% - 300px); }
        .strath-bootstrap header.site-header .search .search-top-area.course-menu-open .course-header-links {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          visibility: visible; }
        .strath-bootstrap header.site-header .search .search-top-area.course-menu-open .course-header-links div {
          opacity: 1; }
      .strath-bootstrap header.site-header .search .search-area {
        padding: 1rem; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .search-area {
            padding-top: 5rem;
            min-width: 100%;
            transition: min-width 0.3s ease;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; } }
        .strath-bootstrap header.site-header .search .search-area ul.nav {
          background: transparent; }
        .strath-bootstrap header.site-header .search .search-area h2 {
          font-weight: bold;
          min-height: 0;
          padding-bottom: 0;
          margin-bottom: 1rem;
          border-bottom: 0;
          color: #002b5c;
          font-size: 1.4rem; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .search-area h2 {
              margin: 0 5rem;
              font-size: 1.6rem; } }
      .strath-bootstrap header.site-header .search ul.nav-tabs {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        border-bottom: 0;
        height: auto;
        margin: auto; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search ul.nav-tabs {
            margin: 0 5rem; } }
        .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item {
          border: 1px solid #002b5c;
          margin-right: 0.5rem;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item:last-of-type {
            margin-right: 0; }
          @media (min-width: 768px) {
            .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item {
              -webkit-flex: 0 1 auto;
              -ms-flex: 0 1 auto;
              flex: 0 1 auto; } }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item a.nav-link {
            text-align: center;
            transition: 0.2s;
            padding: 0.75rem 1rem;
            margin-right: 0; }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item .active {
            color: #fff; }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item .active:hover {
            background: #001329; }
      .strath-bootstrap header.site-header .search form {
        position: relative;
        max-width: 100%;
        margin: 2rem auto 1rem auto;
        padding: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search form {
            margin: 2rem 5rem; } }
        .strath-bootstrap header.site-header .search form input.searchinput {
          border: 0;
          height: auto;
          border-bottom: 3px solid #002b5c;
          background: transparent;
          box-shadow: none;
          border-radius: 0;
          font-size: 1.3375rem;
          line-height: 1.5;
          padding: .5rem 1rem;
          width: 100%; }
          .strath-bootstrap header.site-header .search form input.searchinput::-ms-clear {
            margin-right: 30px; }
        .strath-bootstrap header.site-header .search form button {
          position: absolute;
          background: transparent;
          top: 0;
          right: 0;
          color: #002b5c;
          padding: 0.75rem 1rem;
          box-shadow: none;
          border: 0; }
          .strath-bootstrap header.site-header .search form button:after {
            display: inline-block;
            font-family: "FontAwesome";
            color: #002b5c;
            font-size: 1.6rem;
            content: '\f002';
            line-height: 1; }
      .strath-bootstrap header.site-header .search .course-header-links {
        display: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 1rem;
        visibility: hidden; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .course-header-links {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-width: 300px;
            background: #e9ecef;
            padding-bottom: 0; } }
        .strath-bootstrap header.site-header .search .course-header-links div {
          position: relative; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .course-header-links div {
              opacity: 0;
              transition: opacity 0.8s ease; } }
        .strath-bootstrap header.site-header .search .course-header-links a,
        .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed {
          display: inline-block;
          font-weight: bold;
          font-size: 1.2rem;
          background: transparent;
          color: #002b5c;
          width: 100%;
          padding: 1rem;
          transition: 0.2s; }
          @media (min-width: 576px) {
            .strath-bootstrap header.site-header .search .course-header-links a,
            .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed {
              width: auto; } }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .course-header-links a,
            .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed {
              width: 100%;
              padding: 1rem 1.5rem; } }
          .strath-bootstrap header.site-header .search .course-header-links a:after,
          .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:after {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 0;
            margin: 1rem;
            font-family: "FontAwesome";
            content: '\f078';
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            transition: 0.2s;
            width: 20px; }
            @media (min-width: 576px) {
              .strath-bootstrap header.site-header .search .course-header-links a:after,
              .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:after {
                position: relative;
                padding: 0;
                margin: 0;
                margin-left: 1rem; } }
            @media (min-width: 992px) {
              .strath-bootstrap header.site-header .search .course-header-links a:after,
              .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:after {
                position: absolute;
                margin: 1rem; } }
          .strath-bootstrap header.site-header .search .course-header-links a:hover,
          .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:hover {
            background: #dae0e5; }
        .strath-bootstrap header.site-header .search .course-header-links a.toggler {
          background: #002b5c;
          color: #fff; }
          .strath-bootstrap header.site-header .search .course-header-links a.toggler:after {
            content: '\f00d'; }
      .strath-bootstrap header.site-header .search .subjects {
        position: fixed;
        left: 100%;
        padding: 0;
        z-index: 100;
        transition: 0.2s;
        top: 53px;
        width: 100%;
        height: calc(100vh - 50px);
        background: #fff;
        overflow-y: auto; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .subjects {
            position: relative;
            background: transparent;
            top: auto;
            left: auto;
            width: auto;
            height: auto;
            overflow-y: hidden; } }
        .strath-bootstrap header.site-header .search .subjects.show {
          left: 0; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .subjects.show {
              left: auto; } }
        .strath-bootstrap header.site-header .search .subjects h2 {
          font-weight: bold;
          margin: 1rem 2rem 1rem 2rem;
          padding: 0;
          border-bottom: 0;
          color: #002b5c; }
        .strath-bootstrap header.site-header .search .subjects ul {
          list-style-type: none;
          padding: 0;
          margin: 0; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .subjects ul {
              -webkit-column-count: 3;
              column-count: 3;
              padding: 0 2rem 1rem 2rem; } }
        .strath-bootstrap header.site-header .search .subjects li {
          display: inline-block;
          width: 100%; }
        .strath-bootstrap header.site-header .search .subjects li a {
          display: block;
          font-weight: bold;
          color: #002b5c;
          padding: 0.75rem 1rem;
          border-bottom: 1px solid #f8f9fa; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .subjects li a {
              padding: 0.5rem 1rem;
              font-weight: normal;
              border-bottom: 0; } }
          .strath-bootstrap header.site-header .search .subjects li a:hover {
            background: #dae0e5; }
        .strath-bootstrap header.site-header .search .subjects .back div {
          display: inline-block;
          border-left: 0;
          padding-left: 0.5rem; }
        .strath-bootstrap header.site-header .search .subjects .back a {
          background: #e9ecef; }
        .strath-bootstrap header.site-header .search .subjects .back a:before {
          display: inline-block;
          font-family: "FontAwesome";
          font-size: 0.8rem;
          content: '\f078';
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
    .strath-bootstrap header.site-header .breadcrumb {
      width: 100%;
      margin-bottom: 0;
      padding: 0;
      background: #e9ecef;
      line-height: normal;
      border-radius: 0; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .breadcrumb {
          background: transparent;
          height: 43px; } }
      .strath-bootstrap header.site-header .breadcrumb a .fa-home {
        color: #002b5c;
        font-size: 1rem;
        font-weight: normal; }
      .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader {
        padding: 0.75rem 1rem;
        width: 100%; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader {
            padding-left: 1.5rem;
            overflow: hidden; } }
      .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader ul {
        display: inline-block; }
      .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li {
        padding: 0 0.75rem 0 0;
        color: #495057; }
        .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li:first-child:before {
          content: ''; }
        .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li:before {
          font-family: "FontAwesome";
          font-size: 0.6rem;
          content: '\f054';
          color: #495057; }
        .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li a {
          color: #495057; }
          .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li a:hover {
            color: #343a40; }
    .strath-bootstrap header.site-header .fw-breadcrumb-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 43px;
      width: 100%;
      background: #e9ecef; }
    .strath-bootstrap header.site-header .dark-overlay {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.3);
      visibility: hidden;
      opacity: 0;
      transition: 0.2s;
      z-index: 2; }
    .strath-bootstrap header.site-header .navbar-toggler[aria-expanded=true] ~ .dark-overlay, .strath-bootstrap header.site-header .search-toggler[aria-expanded=true] ~ .dark-overlay {
      visibility: visible;
      opacity: 1; }
    .strath-bootstrap header.site-header.menu-open {
      position: fixed; }
    .strath-bootstrap header.site-header .d-block {
      display: block !important; }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .d-lg-none {
        display: none !important; } }
    .strath-bootstrap header.site-header .d-none {
      display: none !important; }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .d-lg-block {
        display: block !important; } }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .d-lg-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important; } }
    .strath-bootstrap header.site-header .collapse:not(.show) {
      display: none; }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .navbar-menu.collapse:not(.show) {
        display: block; } }
  .strath-bootstrap .breadcrumbs {
    clear: both; }
  .strath-bootstrap .breadcrumbsheader, .strath-bootstrap .breadcrumbs {
    position: relative; }
  .strath-bootstrap .breadcrumbsheader ul, .strath-bootstrap .breadcrumbs ul {
    margin: 0;
    padding: 0;
    background: #e9ecef; }
  .strath-bootstrap .breadcrumbsheader ul li, .strath-bootstrap .breadcrumbs ul li {
    display: inline-block;
    padding: 10px 10px 10px 0;
    color: #222222;
    font-size: 16px;
    background: #e9ecef; }
  .strath-bootstrap .breadcrumbsheader ul li:before, .strath-bootstrap .breadcrumbs ul li:before {
    margin-right: 13.33333px;
    color: #222222;
    content: '>'; }
  .strath-bootstrap .breadcrumbsheader ul li:first-child, .strath-bootstrap .breadcrumbs ul li:first-child {
    padding-left: 0; }
  .strath-bootstrap .breadcrumbsheader ul li:first-child:before, .strath-bootstrap .breadcrumbs ul li:first-child:before {
    margin-right: 0;
    content: ''; }
  .strath-bootstrap .breadcrumbsheader ul li a, .strath-bootstrap .breadcrumbs ul li a {
    color: #222222;
    text-decoration: none;
    background: #e9ecef; }
  .strath-bootstrap .breadcrumbsheader ul li a.hover, .strath-bootstrap .breadcrumbs ul li a.hover {
    color: #6c757d;
    text-decoration: underline; }
  @media screen and (max-width: 699px) {
    .strath-bootstrap .breadcrumbsheader ul li, .strath-bootstrap .breadcrumbsul li {
      padding: 10px 10px 0 0; } }
  .strath-bootstrap h1 {
    font-size: 1.9688rem;
    margin-top: 0.5rem; }
  .strath-bootstrap h2 {
    font-size: 1.712rem; }
  .strath-bootstrap h3 {
    font-size: 1.498rem; }
  .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
    font-size: 1.284rem; }
  .strath-bootstrap h5, .strath-bootstrap .news-events h3,
  .strath-bootstrap .news-events h3 a, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text h3 {
    font-size: 1.07rem; }
  @media (min-width: 576px) {
    .strath-bootstrap h1 {
      font-size: 1.9688rem; }
    .strath-bootstrap h2 {
      font-size: 1.712rem; }
    .strath-bootstrap h3 {
      font-size: 1.498rem; }
    .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
      font-size: 1.284rem; }
    .strath-bootstrap h5, .strath-bootstrap .news-events h3,
    .strath-bootstrap .news-events h3 a, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text h3 {
      font-size: 1.07rem; } }
  @media (min-width: 768px) {
    .strath-bootstrap h1 {
      font-size: 2.2149rem; }
    .strath-bootstrap h2 {
      font-size: 1.926rem; }
    .strath-bootstrap h3 {
      font-size: 1.68525rem; }
    .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
      font-size: 1.4445rem; }
    .strath-bootstrap h5, .strath-bootstrap .news-events h3,
    .strath-bootstrap .news-events h3 a, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text h3 {
      font-size: 1.20375rem; } }
  @media (min-width: 992px) {
    .strath-bootstrap h1 {
      font-size: 2.461rem; }
    .strath-bootstrap h2 {
      font-size: 2.14rem; }
    .strath-bootstrap h3 {
      font-size: 1.8725rem; }
    .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
      font-size: 1.605rem; }
    .strath-bootstrap h5, .strath-bootstrap .news-events h3,
    .strath-bootstrap .news-events h3 a, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text h3 {
      font-size: 1.3375rem; } }
  .strath-bootstrap #feature-home-bootstrap.feature-home {
    border-bottom: 4px solid #ced4da !important;
    margin-bottom: 0px;
    overflow: visible;
    position: relative; }
    .strath-bootstrap #feature-home-bootstrap.feature-home > div {
      position: relative; }
    .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
      height: 150px; }
      @media (min-width: 576px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 200px; } }
      @media (min-width: 768px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 250px; } }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 300px; } }
      @media (min-width: 1200px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 350px; } }
      @media (min-width: 1400px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 350px; } }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home.page-title #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.middle {
        margin-bottom: 3rem; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home .background {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 200px; }
      @media (min-width: 576px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 300px; } }
      @media (min-width: 768px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 500px; } }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 600px; } }
      @media (min-width: 1200px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 70vh; } }
      @media (min-width: 1200px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 600px; } }
      @media (min-width: 1400px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 650px; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home .background video,
      .strath-bootstrap #feature-home-bootstrap.feature-home .background #bannerImage img {
        width: 100%; }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home .background video,
          .strath-bootstrap #feature-home-bootstrap.feature-home .background #bannerImage img {
            position: absolute;
            top: -999px;
            bottom: -999px;
            left: 0;
            right: 0;
            margin: auto; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home .background .pause-button {
        display: none;
        position: absolute;
        opacity: 0;
        top: -100px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100px;
        height: 100px;
        transition: opacity 0.2s ease-in-out; }
        @media screen and (prefers-reduced-motion: reduce) {
          .strath-bootstrap #feature-home-bootstrap.feature-home .background .pause-button {
            transition: none; } }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home .background .pause-button {
            display: block; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home .background:hover .pause-button {
        opacity: 0.5; }
        .strath-bootstrap #feature-home-bootstrap.feature-home .background:hover .pause-button:hover {
          opacity: 0.8;
          cursor: pointer; }
    .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper {
      background: #002b5c;
      z-index: 2;
      pointer-events: none; }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper {
          position: absolute;
          background: transparent;
          left: 0;
          bottom: 0;
          width: 100%; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
        display: block;
        margin-left: auto;
        margin-right: auto;
        line-height: 1;
        border-bottom: 5px solid #dee2e6;
        padding: 0.5rem 0; }
        @media (min-width: 576px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
            padding: 1rem 0; } }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
            margin-bottom: 4rem;
            padding: 0 2rem;
            border-bottom: 0;
            max-width: 1140px; } }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.middle {
            margin-bottom: 15rem; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.right {
          text-align: right; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
          pointer-events: auto;
          display: inline-block;
          color: white;
          padding: 1rem 1.5rem;
          font-size: 1.4em; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
              font-size: 2.2em;
              padding: 1rem 1.5rem; } }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
              font-size: 2.6em; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
              background: rgba(0, 43, 92, 0.85);
              padding: 1.5rem 2rem;
              font-size: 3em;
              font-weight: bold; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
          padding-bottom: 0; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
              font-size: 1.8em; } }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
              font-size: 2em; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
              font-size: 2em; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
          font-weight: bold; }
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 h1 {
            color: #fff;
            margin-bottom: 0; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
          font-weight: bold;
          display: none; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption hr {
          display: none; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .page-title-banner-buttons {
          padding: 0 1.5rem; }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .page-title-banner-buttons {
              padding: 0; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn {
          pointer-events: all;
          font-size: 1.4rem;
          display: block;
          margin: 0 1rem 0.5rem; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn {
              display: inline-block;
              margin: 0 1rem 1rem 1.5rem; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn {
              margin: 1rem 1rem 0 0; }
              .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn:first-of-type {
                margin-left: 0; } }
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn:after {
            display: none;
            margin-left: 1rem;
            content: '\f054';
            font-family: "FontAwesome";
            font-size: 1rem; }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home .top video,
      .strath-bootstrap #feature-home-bootstrap.feature-home .top #bannerImage img {
        top: 0;
        bottom: auto; } }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home .bottom video,
      .strath-bootstrap #feature-home-bootstrap.feature-home .bottom #bannerImage img {
        top: auto;
        bottom: 0; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home .video-background video {
      display: none; }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .video-background video {
          display: block; } }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home .video-background #bannerImage {
        display: none; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home #bannerImage {
      display: block;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home #bannerImage.scale-up {
          display: block; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home .feature-mobile-buttons {
      display: none;
      position: relative; }
  .strath-bootstrap .banner-buttons {
    padding-bottom: 1rem;
    margin-bottom: 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .banner-buttons {
        padding: 2rem 0 1rem 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons {
        padding: 2rem 0 2rem 0; } }
    .strath-bootstrap .banner-buttons .banner-button-container {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
    .strath-bootstrap .banner-buttons .banner-button {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 1rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner-buttons .banner-button {
          margin-bottom: 2rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner-buttons .banner-button {
          margin-bottom: 1rem; } }
      .strath-bootstrap .banner-buttons .banner-button a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        background: #e11a75;
        padding: 1rem;
        color: #000; }
        .strath-bootstrap .banner-buttons .banner-button a h2 {
          padding: 0; }
        .strath-bootstrap .banner-buttons .banner-button a:hover {
          background: #6c757d;
          border-color: #fd7e14;
          transition: 0.1s; }
          .strath-bootstrap .banner-buttons .banner-button a:hover polyline {
            stroke: #fd7e14; }
      .strath-bootstrap .banner-buttons .banner-button h2 {
        font-weight: bold;
        border-bottom: 0;
        padding-bottom: 0;
        min-height: 0; }
        @media (min-width: 576px) {
          .strath-bootstrap .banner-buttons .banner-button h2 {
            padding: 1rem; } }
      .strath-bootstrap .banner-buttons .banner-button svg {
        overflow: visible; }
    .strath-bootstrap .banner-buttons .banner-button-header h2 {
      margin-bottom: 1rem;
      color: white; }
    .strath-bootstrap .banner-buttons .banner-button-body {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: auto; }
    .strath-bootstrap .banner-buttons .banner-button-caption {
      margin-right: 1rem; }
    .strath-bootstrap .banner-buttons .banner-button-chevron {
      margin-left: auto; }
  .strath-bootstrap .banner-buttons.overlap {
    position: relative;
    z-index: 2; }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.overlap {
        margin-top: -5rem; } }
  .strath-bootstrap .banner-buttons.has-description .description-container {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        margin-bottom: 0rem; } }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        padding: 0 1rem; } }
  .strath-bootstrap .banner-buttons.has-description .description {
    padding: 2rem;
    background: #e9ecef;
    font-size: 1.2rem;
    height: 100%; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .description {
        margin-bottom: 0; } }
    .strath-bootstrap .banner-buttons.has-description .description p:last-child {
      margin-bottom: 0; }
  .strath-bootstrap .banner-buttons.has-description .description-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%; } }
  .strath-bootstrap .banner-buttons.has-description .banner-button-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .banner-button-container {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.has-description .banner-button-container {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%; } }
  @media (min-width: 576px) {
    .strath-bootstrap .banner-buttons.has-description .banner-button {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem; } }
  @media (min-width: 992px) {
    .strath-bootstrap .banner-buttons.has-description .banner-button {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem; } }
  .strath-bootstrap .banner-buttons.has-description .banner-button:last-child {
    margin-bottom: 0; }
  .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: transparent; }
    .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper {
      width: 100%;
      height: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper * {
        font-family: 'gilroy-extrabold', Arial, Helvetica, sans-serif;
        text-transform: uppercase; }
      .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
        margin-bottom: 0;
        padding: 0 1rem;
        width: 100%;
        text-align: center;
        border-bottom: 0; }
        @media (min-width: 768px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
            text-align: left;
            padding: 0 2rem; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
          background: transparent !important;
          color: #fff;
          font-size: 2.4rem;
          font-weight: 700;
          line-height: 1;
          padding: 0;
          -webkit-text-stroke: 2px #fff;
          letter-spacing: 1px; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 3.6rem; } }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 4.4rem; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 4.8rem;
              text-align: left;
              -webkit-flex-grow: 2;
              -ms-flex-positive: 2;
              flex-grow: 2; } }
          @media (min-width: 1200px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 5rem; } }
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 .yellow,
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 .yellow,
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 .yellow {
            color: #e11a75;
            -webkit-text-stroke: 2px #e11a75; }
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 .yellow a,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 .yellow a,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 .yellow a {
              color: #e11a75;
              transition: all 0.2s ease-in-out;
              pointer-events: all; }
              .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 .yellow a:hover,
              .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 .yellow a:hover,
              .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 .yellow a:hover {
                color: #b3155d; }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
          margin-bottom: 2rem;
          display: none; }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              display: inline-block;
              font-size: 2.4rem;
              background: transparent;
              color: #fff;
              -webkit-text-stroke: 2px #fff;
              letter-spacing: 1px;
              padding: 0; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 2.8rem;
              text-align: left;
              -webkit-flex-grow: 2;
              -ms-flex-positive: 2;
              flex-grow: 2; } }
          @media (min-width: 1200px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 3rem; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption hr {
          display: none;
          border-top: 4px solid #e11a75;
          width: 150px;
          margin-left: 0;
          text-align: left; }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption hr {
              display: block; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption a.btn {
          display: none;
          background: #e11a75;
          color: #000;
          width: 100%;
          transition: all 0.2s ease-in-out;
          margin: 0; }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption a.btn {
              display: inline-block;
              width: auto; } }
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption a.btn:hover {
            background: #b3155d; }
  .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons {
    padding: 0 1rem 1rem 1rem;
    margin-top: -2.5rem;
    display: block; }
    .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons * {
      font-family: 'gilroy-extrabold', Arial, Helvetica, sans-serif;
      text-transform: uppercase; }
    @media (min-width: 768px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons {
        display: none; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons a.btn {
      background: #e11a75;
      width: 100%;
      margin-top: 1rem;
      color: #000; }
  .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #courseSearchBar {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .strath-bootstrap .mybutton ul {
    list-style-type: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-left: 0; }
  .strath-bootstrap .mybutton li {
    display: inline-block;
    width: 50%;
    padding-left: 0;
    margin: 20px; }
  .strath-bootstrap .mybutton ul li:before {
    display: none; }
  @media (max-width: 991.98px) {
    .strath-bootstrap .mybutton li {
      width: 100%; } }
  .strath-bootstrap .btn {
    white-space: normal; }
    .strath-bootstrap .btn.btn-orange {
      background: #018489;
      color: white;
      font-weight: bold; }
      .strath-bootstrap .btn.btn-orange:hover {
        background: #6c757d; }
      .strath-bootstrap .btn.btn-orange a {
        color: white; }
    .strath-bootstrap .btn.btn-trans {
      background: transparent;
      color: #fff;
      font-weight: bold; }
      .strath-bootstrap .btn.btn-trans:hover {
        background: #6c757d; }
      .strath-bootstrap .btn.btn-trans a {
        color: white; }
  .strath-bootstrap .modal-header .close {
    padding: 1rem; }
  .strath-bootstrap .button-link {
    display: inline-block;
    position: relative;
    padding: 0.6rem 1.2rem;
    background: #018489;
    color: white !important;
    font-weight: bold;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 1.4rem;
    border-radius: 50px; }
    .strath-bootstrap .button-link:hover, .strath-bootstrap .button-link:active, .strath-bootstrap .button-link:focus {
      background-color: #6c757d;
      color: white; }
      .strath-bootstrap .button-link:hover a, .strath-bootstrap .button-link:active a, .strath-bootstrap .button-link:focus a {
        color: white !important;
        text-decoration: none !important;
        margin: -0.6rem -1.2rem; }
    .strath-bootstrap .button-link > a {
      color: white;
      color: white !important;
      text-decoration: none !important;
      margin: -0.6rem -1.2rem;
      padding: 0.6rem 1.2rem;
      display: inline-block;
      box-sizing: content-box; }
  .strath-bootstrap .search-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 1rem;
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .strath-bootstrap .search-bar {
        margin-bottom: 2rem; } }
    .strath-bootstrap .search-bar .search-bar-inner {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 992px) {
        .strath-bootstrap .search-bar .search-bar-inner {
          -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%; } }
    .strath-bootstrap .search-bar form {
      max-width: 100%; }
    .strath-bootstrap .search-bar input {
      background: #e9ecef;
      width: 100%;
      font-size: 1.6rem;
      color: #000;
      padding: 10px 60px 10px 20px;
      border: 2px solid #0078ae; }
    .strath-bootstrap .search-bar button {
      font-size: 2rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 1rem;
      padding: 0 1rem;
      background: transparent;
      color: inherit; }
  .strath-bootstrap .results .results-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 0.5rem; }
    .strath-bootstrap .results .results-header h2,
    .strath-bootstrap .results .results-header .results-count {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      margin: 0; }
      @media (min-width: 768px) {
        .strath-bootstrap .results .results-header h2,
        .strath-bootstrap .results .results-header .results-count {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
    .strath-bootstrap .results .results-header .results-count {
      margin-bottom: 0.5rem; }
  .strath-bootstrap .results .result {
    position: relative;
    overflow: auto;
    padding: 1rem;
    transition: 0.15s;
    border-bottom: 1px solid #e9ecef; }
    .strath-bootstrap .results .result:hover {
      background: #e9ecef; }
    .strath-bootstrap .results .result.best-bet {
      border: 0px;
      padding-left: 1rem;
      background: #e9ecef;
      border-left: 4px solid #0078ae;
      margin-bottom: 1rem; }
      .strath-bootstrap .results .result.best-bet:hover {
        background: #cbd3da;
        border-left: 4px solid #fd7e14; }
      @media (min-width: 768px) {
        .strath-bootstrap .results .result.best-bet {
          padding-left: 2rem; } }
    .strath-bootstrap .results .result:last-of-type {
      border-bottom: 0; }
    .strath-bootstrap .results .result h3 {
      margin-bottom: 0.5rem; }
    .strath-bootstrap .results .result h3 a {
      color: #002b5c;
      font-weight: normal; }
    .strath-bootstrap .results .result .fa-envelope {
      font-size: 1.2rem;
      margin-left: 0.5rem; }
    .strath-bootstrap .results .result cite {
      color: #0078ae;
      font-style: normal;
      word-wrap: break-word; }
    .strath-bootstrap .results .result .search-summary {
      display: block;
      margin-top: 1rem;
      max-width: 700px; }
    .strath-bootstrap .results .result .staffImage {
      float: right;
      margin: 0 0 1rem 1rem; }
  .strath-bootstrap .filters .radio-bar,
  .strath-bootstrap .filters .check-bar {
    margin-bottom: 0.5rem;
    position: relative; }
    .strath-bootstrap .filters .radio-bar input.filter-input:checked ~ label,
    .strath-bootstrap .filters .radio-bar.active a,
    .strath-bootstrap .filters .check-bar input.filter-input:checked ~ label,
    .strath-bootstrap .filters .check-bar.active a {
      background: #002b5c;
      color: #fff; }
      .strath-bootstrap .filters .radio-bar input.filter-input:checked ~ label:before,
      .strath-bootstrap .filters .radio-bar.active a:before,
      .strath-bootstrap .filters .check-bar input.filter-input:checked ~ label:before,
      .strath-bootstrap .filters .check-bar.active a:before {
        color: #002b5c; }
      .strath-bootstrap .filters .radio-bar input.filter-input:checked ~ label:hover,
      .strath-bootstrap .filters .radio-bar.active a:hover,
      .strath-bootstrap .filters .check-bar input.filter-input:checked ~ label:hover,
      .strath-bootstrap .filters .check-bar.active a:hover {
        background: #002b5c; }
    .strath-bootstrap .filters .radio-bar label.filter-label,
    .strath-bootstrap .filters .radio-bar a,
    .strath-bootstrap .filters .check-bar label.filter-label,
    .strath-bootstrap .filters .check-bar a {
      display: block;
      width: 100%;
      font-weight: bold;
      background: #ced4da;
      color: #002b5c;
      padding: 1rem;
      cursor: pointer;
      margin-bottom: 0;
      transition: 0.15s;
      text-transform: capitalize; }
      .strath-bootstrap .filters .radio-bar label.filter-label:hover,
      .strath-bootstrap .filters .radio-bar a:hover,
      .strath-bootstrap .filters .check-bar label.filter-label:hover,
      .strath-bootstrap .filters .check-bar a:hover {
        background: #b1bbc4; }
    .strath-bootstrap .filters .radio-bar label.filter-label:before,
    .strath-bootstrap .filters .radio-bar a:before,
    .strath-bootstrap .filters .check-bar label.filter-label:before,
    .strath-bootstrap .filters .check-bar a:before {
      position: absolute;
      top: 0;
      right: 0;
      content: "\f00c";
      font-family: "FontAwesome";
      padding: 0.5rem;
      margin: 0.5rem;
      background: #fff;
      color: #e9ecef; }
  .strath-bootstrap .filters .sub-filters {
    border-bottom: 1px solid #e9ecef; }
  .strath-bootstrap .filters .sub-filters-inner {
    padding: 0.5rem; }
  .strath-bootstrap .filters .sub-filter input[type='checkbox'] ~ label:before {
    display: inline-block;
    content: "\f00c";
    font-family: "FontAwesome";
    padding: 0.5rem;
    background: #e9ecef;
    color: #fff;
    margin-right: 0.5rem; }
  .strath-bootstrap .filters .sub-filter label {
    cursor: pointer;
    margin-bottom: 0.25rem; }
  .strath-bootstrap .filters input.subfilter-input:checked ~ label:before {
    color: #002b5c; }
  .strath-bootstrap .ui-helper-hidden-accessible,
  .strath-bootstrap .ui-help-hidden {
    display: none; }
  .strath-bootstrap .ui-menu {
    margin: 0;
    padding: 0.5rem;
    width: 300px;
    list-style-type: none;
    transition: 0.2s;
    background: transparent;
    border: 0; }
    .strath-bootstrap .ui-menu li.ui-menu-item {
      margin: 0;
      padding: 0;
      font-size: 1.2rem; }
      .strath-bootstrap .ui-menu li.ui-menu-item a {
        display: block;
        color: #000;
        cursor: pointer;
        padding: 0.75rem 0.5rem;
        border-bottom: 1px solid #e9ecef; }
        .strath-bootstrap .ui-menu li.ui-menu-item a:hover {
          background-color: #e9ecef; }
  .strath-bootstrap .ui-state-active {
    background-color: #e9ecef; }
  .strath-bootstrap .inline-search {
    padding: 1rem 0;
    border-bottom: 1px solid #e9ecef; }
    @media (min-width: 576px) {
      .strath-bootstrap .inline-search {
        padding: 4rem 0; } }
    .strath-bootstrap .inline-search form {
      position: relative;
      max-width: 600px;
      margin-left: 0; }
    .strath-bootstrap .inline-search input.search-input {
      border: 0;
      height: auto;
      border-bottom: 3px solid #002b5c;
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      font-size: 1.3375rem;
      line-height: 1.5;
      padding: .5rem 1rem;
      width: 100%; }
      .strath-bootstrap .inline-search input.search-input::-ms-clear {
        margin-right: 30px; }
    .strath-bootstrap .inline-search button {
      position: absolute;
      background: transparent;
      top: 0;
      right: 0;
      color: #002b5c;
      padding: 0.75rem 1rem;
      box-shadow: none;
      border: 0; }
      .strath-bootstrap .inline-search button:after {
        display: inline-block;
        font-family: "FontAwesome";
        color: #002b5c;
        font-size: 1.6rem;
        content: '\f002';
        line-height: 1; }
    .strath-bootstrap .inline-search .fback {
      height: 0;
      transition: 0.5s; }
    .strath-bootstrap .inline-search .results {
      padding-top: 2rem;
      opacity: 0;
      transition: opacity 1s ease .2s; }
    .strath-bootstrap .inline-search .results-header {
      display: none; }
    .strath-bootstrap .inline-search .result {
      max-width: 800px; }
  .strath-bootstrap .banner {
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: 0; }
    @media screen and (orientation: landscape) and (min-width: 992px) {
      .strath-bootstrap .banner {
        height: calc(100vh - 150px);
        overflow: hidden; } }
    .strath-bootstrap .banner * {
      font-family: 'gilroy-extrabold', Arial, Helvetica, sans-serif; }
    .strath-bootstrap .banner img {
      display: block;
      max-width: 100%;
      width: 100%;
      position: relative; }
      @media screen and (orientation: landscape) and (min-width: 992px) {
        .strath-bootstrap .banner img {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
    .strath-bootstrap .banner h1,
    .strath-bootstrap .banner .banner-buttons {
      text-align: center;
      width: 100%; }
      @media (min-width: 992px) {
        .strath-bootstrap .banner h1,
        .strath-bootstrap .banner .banner-buttons {
          width: auto; } }
    .strath-bootstrap .banner h1 {
      text-transform: uppercase; }
    .strath-bootstrap .banner .banner-text {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      position: absolute;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      left: 0;
      right: 0;
      top: 0;
      text-align: center;
      width: 100%;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 1rem;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 768px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 1600px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 576px) {
        .strath-bootstrap .banner .banner-text {
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          height: 100%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .banner .banner-text {
          padding-top: 3rem;
          height: auto; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner .banner-text {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          padding-top: 10vh; } }
      .strath-bootstrap .banner .banner-text .banner-buttons {
        display: none;
        position: relative; }
        @media (min-width: 576px) {
          .strath-bootstrap .banner .banner-text .banner-buttons {
            display: block;
            margin: 0;
            margin-top: auto;
            padding: 0; } }
        @media (min-width: 768px) {
          .strath-bootstrap .banner .banner-text .banner-buttons {
            margin-top: 0; } }
    .strath-bootstrap .banner h1 {
      color: #fff;
      font-size: 2.4rem;
      line-height: 1;
      -webkit-text-stroke: 2px #fff;
      letter-spacing: 1px;
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      text-align: left; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner h1 {
          font-size: 3.2rem; } }
      @media (min-width: 768px) {
        .strath-bootstrap .banner h1 {
          font-size: 3.6rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner h1 {
          font-size: 4.2rem;
          text-align: left;
          -webkit-flex-grow: 2;
          -ms-flex-positive: 2;
          flex-grow: 2;
          margin-bottom: 2rem; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .banner h1 {
          font-size: 5rem; } }
      .strath-bootstrap .banner h1 .yellow {
        color: #e11a75;
        -webkit-text-stroke: 2px #e11a75; }
    .strath-bootstrap .banner .banner-buttons {
      position: relative;
      top: -25px;
      text-align: left;
      padding: 0 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner .banner-buttons {
          position: absolute;
          top: auto;
          max-width: 350px;
          margin: auto;
          left: 0;
          right: 0; } }
      .strath-bootstrap .banner .banner-buttons a {
        background-color: #e11a75;
        color: white;
        border: 2px solid white;
        display: block;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        font-size: 1.2rem;
        text-align: center;
        transition: background 0.2s, padding 0.2s;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); }
        @media (min-width: 768px) {
          .strath-bootstrap .banner .banner-buttons a {
            font-size: 1.4rem;
            padding: 0.75rem 1.5rem; } }
        @media (min-width: 992px) {
          .strath-bootstrap .banner .banner-buttons a {
            display: inline-block; } }
        .strath-bootstrap .banner .banner-buttons a:last-of-type {
          margin-bottom: 0; }
        .strath-bootstrap .banner .banner-buttons a:hover {
          background-color: #b3155d; }
  .strath-bootstrap .course-search .course-search-bar {
    pointer-events: auto;
    display: block;
    color: white;
    padding: 1rem;
    background: rgba(0, 43, 92, 0.85); }
    .strath-bootstrap .course-search .course-search-bar.level-page {
      padding: 1rem 0;
      background: #002b5c; }
      @media (min-width: 992px) {
        .strath-bootstrap .course-search .course-search-bar.level-page {
          padding: 2rem 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap .course-search .course-search-bar {
        padding: 1.5rem; } }
    .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs,
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput,
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
        text-align: center;
        margin-bottom: 1rem; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs,
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput,
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
            margin-bottom: 0; } }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        font-weight: bold;
        font-size: 1.4rem;
        padding-top: 6px;
        padding-bottom: 6px;
        margin-right: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs {
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; } }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 0; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput {
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%; } }
        .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput label {
          display: inline; }
        .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form {
          position: relative;
          max-width: 500px;
          margin: auto; }
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form input#HPCourseSearch {
            width: 100%;
            border: 0px; }
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form button#submit {
            background: #fd7e14;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            padding: 0 1rem;
            border: 0;
            margin: auto;
            line-height: 1.6; }
            .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form button#submit i {
              font-size: 1.5rem;
              border-left: 0; }
            .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form button#submit:hover {
              background: #6c757d; }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; } }
        .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton .orange-button {
          display: block; }
          @media (min-width: 576px) {
            .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton .orange-button {
              display: inline-block; } }
  .strath-bootstrap .course-search #results,
  .strath-bootstrap .course-search #search_totals {
    display: none;
    position: absolute;
    width: 100%;
    margin: 4px 0 0 0;
    text-align: left;
    padding: 0.5rem;
    background: #fff;
    z-index: 3;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    color: #6c757d;
    box-shadow: 5px 5px 10px 0px rgba(108, 117, 125, 0.2); }
    @media (min-width: 992px) {
      .strath-bootstrap .course-search #results,
      .strath-bootstrap .course-search #search_totals {
        max-height: none;
        overflow: auto; } }
    .strath-bootstrap .course-search #results li,
    .strath-bootstrap .course-search #search_totals li {
      list-style: none;
      margin-bottom: 4px;
      background: #fff;
      box-shadow: 2px 2px 5px rgba(108, 117, 125, 0);
      border-left: 4px solid #dc3545;
      overflow: hidden; }
      .strath-bootstrap .course-search #results li.award-key,
      .strath-bootstrap .course-search #search_totals li.award-key {
        border-left: 0;
        margin-bottom: 0.5rem; }
        .strath-bootstrap .course-search #results li.award-key:hover,
        .strath-bootstrap .course-search #search_totals li.award-key:hover {
          background: white; }
        .strath-bootstrap .course-search #results li.award-key input,
        .strath-bootstrap .course-search #search_totals li.award-key input {
          display: none; }
        .strath-bootstrap .course-search #results li.award-key .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-checkbox {
          cursor: pointer;
          background: transparent;
          color: #fff;
          border: 2px solid;
          text-align: center;
          font-size: 0.9em;
          padding: 0.5rem; }
          @media (min-width: 768px) {
            .strath-bootstrap .course-search #results li.award-key .award-checkbox,
            .strath-bootstrap .course-search #search_totals li.award-key .award-checkbox {
              display: inline-block;
              width: 100%;
              margin-bottom: 0; } }
        .strath-bootstrap .course-search #results li.award-key .award-key-ug,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr {
          width: 100%; }
          @media (min-width: 768px) {
            .strath-bootstrap .course-search #results li.award-key .award-key-ug,
            .strath-bootstrap .course-search #results li.award-key .award-key-pgt,
            .strath-bootstrap .course-search #results li.award-key .award-key-pgr,
            .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug,
            .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt,
            .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr {
              width: calc(33.33% - 0.33333rem);
              margin-right: 0.5rem; } }
        .strath-bootstrap .course-search #results li.award-key .award-key-ug .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug .award-checkbox {
          background: #fff;
          color: #dc3545; }
        .strath-bootstrap .course-search #results li.award-key .award-key-ug input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #results li.award-key .award-key-ug .award-checkbox.default,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug .award-checkbox.default {
          background: #dc3545;
          border-color: #dc3545;
          color: #fff; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt .award-checkbox {
          background: #fff;
          color: #267AAB; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt .award-checkbox.default,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt .award-checkbox.default {
          background: #267AAB;
          border-color: #267AAB;
          color: #fff; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr .award-checkbox {
          background: #fff;
          color: #28a745; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr .award-checkbox.default,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr .award-checkbox.default {
          background: #28a745;
          border-color: #28a745;
          color: #fff; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search #results li.award-key .award-key-pgr,
          .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr {
            margin-right: 0; } }
      .strath-bootstrap .course-search #results li.hide,
      .strath-bootstrap .course-search #search_totals li.hide {
        display: none; }
      .strath-bootstrap .course-search #results li .course-result,
      .strath-bootstrap .course-search #search_totals li .course-result {
        overflow: auto; }
        .strath-bootstrap .course-search #results li .course-result .course-result-name,
        .strath-bootstrap .course-search #search_totals li .course-result .course-result-name {
          display: block;
          padding: 0.5rem 1rem;
          color: #343a40;
          font-weight: bold; }
          @media (min-width: 768px) {
            .strath-bootstrap .course-search #results li .course-result .course-result-name,
            .strath-bootstrap .course-search #search_totals li .course-result .course-result-name {
              padding: 0.5rem 1rem; } }
        .strath-bootstrap .course-search #results li .course-result .course-result-award,
        .strath-bootstrap .course-search #search_totals li .course-result .course-result-award {
          float: right;
          padding: 0.5rem 1rem;
          margin-left: 0.5rem;
          color: #dc3545;
          font-size: 0.9em; }
      .strath-bootstrap .course-search #results li.viewmore,
      .strath-bootstrap .course-search #search_totals li.viewmore {
        border-left: 0;
        margin-top: 1rem; }
        .strath-bootstrap .course-search #results li.viewmore .orange-button,
        .strath-bootstrap .course-search #search_totals li.viewmore .orange-button {
          width: 100%;
          margin-bottom: 0;
          line-height: inherit; }
      .strath-bootstrap .course-search #results li.pgt,
      .strath-bootstrap .course-search #search_totals li.pgt {
        border-left: 4px solid #267AAB; }
        .strath-bootstrap .course-search #results li.pgt .course-result-award,
        .strath-bootstrap .course-search #search_totals li.pgt .course-result-award {
          color: #267AAB; }
      .strath-bootstrap .course-search #results li.pgr,
      .strath-bootstrap .course-search #search_totals li.pgr {
        border-left: 4px solid #28a745; }
        .strath-bootstrap .course-search #results li.pgr .course-result-award,
        .strath-bootstrap .course-search #search_totals li.pgr .course-result-award {
          color: #28a745; }
      .strath-bootstrap .course-search #results li.selected, .strath-bootstrap .course-search #results li:hover,
      .strath-bootstrap .course-search #search_totals li.selected,
      .strath-bootstrap .course-search #search_totals li:hover {
        background: #6c757d; }
        .strath-bootstrap .course-search #results li.selected .course-result-name,
        .strath-bootstrap .course-search #results li.selected .course-result-award, .strath-bootstrap .course-search #results li:hover .course-result-name,
        .strath-bootstrap .course-search #results li:hover .course-result-award,
        .strath-bootstrap .course-search #search_totals li.selected .course-result-name,
        .strath-bootstrap .course-search #search_totals li.selected .course-result-award,
        .strath-bootstrap .course-search #search_totals li:hover .course-result-name,
        .strath-bootstrap .course-search #search_totals li:hover .course-result-award {
          color: #fff; }
  .strath-bootstrap .course-search.header-course-search #results {
    position: relative;
    background: transparent;
    box-shadow: none;
    padding: 0.5rem  0 0 0; }
    .strath-bootstrap .course-search.header-course-search #results li {
      background: transparent;
      transition: 0.2s; }
      .strath-bootstrap .course-search.header-course-search #results li:hover {
        background: #e9ecef; }
        .strath-bootstrap .course-search.header-course-search #results li:hover .course-result-name {
          color: #343a40; }
      .strath-bootstrap .course-search.header-course-search #results li.ug:hover .course-result-award {
        color: #dc3545; }
      .strath-bootstrap .course-search.header-course-search #results li.pgt:hover .course-result-award {
        color: #267AAB; }
      .strath-bootstrap .course-search.header-course-search #results li.pgr:hover .course-result-award {
        color: #28a745; }
      .strath-bootstrap .course-search.header-course-search #results li.award-key:hover {
        background: transparent; }
  .strath-bootstrap #courseSearchBar label {
    display: inline; }
  .strath-bootstrap .course-search-2019 {
    /*position: relative; */
    top: 0;
    z-index: 50;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    /*.course-search-noscroll {background-color:$white; }
.course-search-scroll {/*background-color: $gray-600!important;*/
    /*color:$white!important;}*/
    /*.suggestions{background-color: $white; color:$corpblue; margin-left:$padding;}*/
    /*Right*/ }
    .strath-bootstrap .course-search-2019 .course-page-nav {
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding-top: 0; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 480px;
      background-color: #fff; }
    .strath-bootstrap .course-search-2019 .course-search-img {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 #mundane {
      height: 100%;
      width: 100%;
      background: url("https://www.strath.ac.uk/media/1newwebsite/courses/backgrounds/pgt/supermundane-grey.svg") no-repeat fixed;
      position: absolute;
      margin-top: -3rem; }
    .strath-bootstrap .course-search-2019 .search-button-wrapper {
      margin: 1rem 0 0 7px; }
    .strath-bootstrap .course-search-2019 .btn-course-search {
      width: 400px;
      margin-bottom: 1rem;
      color: #002b5c;
      background-color: #dee2e6;
      border: 1px solid #ced4da !important;
      padding: 1rem 1.33333rem;
      border: 0;
      border-top: 1px solid #ced4da;
      border-bottom: 1px solid #ced4da;
      border-right: 1px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .btn-course-search > span {
        padding: 0 1rem; }
      .strath-bootstrap .course-search-2019 .btn-course-search:hover {
        background-color: #6c757d;
        color: #fff; }
        .strath-bootstrap .course-search-2019 .btn-course-search:hover > .fa-search {
          color: #fff; }
      .strath-bootstrap .course-search-2019 .btn-course-search > .fa-search {
        margin-left: -8px;
        color: #002b5c; }
    .strath-bootstrap .course-search-2019 .btn-course-search-scroll {
      width: 82px;
      padding: 2rem; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      margin-right: 3rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 1rem 1rem 0;
      border-color: transparent #002b5c transparent transparent;
      margin-left: -3rem; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      background-color: #267AAB;
      width: 475px;
      margin: 1rem;
      margin-top: -3rem;
      margin-bottom: 0;
      margin-top: -3rem;
      margin-right: 4rem;
      margin-left: -48px; }
      .strath-bootstrap .course-search-2019 .course-feature-header h1 {
        color: #fff;
        margin: 0;
        padding: 1rem 3rem;
        font-size: 1.8rem; }
        .strath-bootstrap .course-search-2019 .course-feature-header h1 > form {
          padding: 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 2rem 2rem 0 2rem;
      display: block; }
      .strath-bootstrap .course-search-2019 .course-search-input-group input {
        margin: 1rem 0 1rem 0.5rem;
        padding: 1rem;
        /*width:450px; height: 60px;*/ }
    .strath-bootstrap .course-search-2019 #search-form input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-search-form-group {
      margin: 1rem 0 0.5rem 0.5rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        color: #495057; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        margin-left: -20px;
        border: 1px solid #495057;
        border-radius: 3px;
        background-color: #fff;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #002b5c; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
        border-color: #002b5c;
        margin-bottom: 0; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input:disabled + label::before {
        border: 2px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-search-form-group input:disabled + label {
        color: #ced4da !important; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:focus + label::before, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:checked + label::after, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:checked + label::after {
        font-family: "FontAwesome";
        content: "\f00c"; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
      color: #fff;
      /*.searchitemsub	> h2 { color:$white; @extend %strath-h2;}	 */ }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      background: #fff !important;
      font-size: 1rem;
      padding: 0;
      margin: 0; }
    .strath-bootstrap .course-search-2019 .fa-info-circle {
      color: #002b5c !important;
      padding-right: 0; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 480px;
      font-weight: bold;
      color: #002b5c;
      font-size: 1.3rem;
      margin-top: 1.33333rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa > .fa {
      color: #fff;
      margin: 0 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      color: #495057;
      padding: 0 2rem; }
      .strath-bootstrap .course-search-2019 .course-search-results-fa:hover {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .searchstriped {
      width: 100%; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > div {
        width: 538px;
        margin: 2% 0; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article {
        width: 480px;
        background-color: #EAEBED;
        margin: 2% 0; }
        .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
          color: #fff; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchitemsub > h2 {
            color: #fff;
            font-size: 1.2rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchstaffsub > h2 {
            color: #002b5c;
            font-size: 1.75rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa > .fa {
            color: #fff; }
    .strath-bootstrap .course-search-2019 .searchitemsub > h2 {
      padding: 1rem 1rem 0 1rem;
      border-bottom: 0 !important;
      text-decoration: none; }
    .strath-bootstrap .course-search-2019 .searchitemsub > p {
      padding: 1rem;
      color: #343a40; }
    .strath-bootstrap .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h4, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h5, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3,
    .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a, .strath-bootstrap .course-search-2019 .searchitemsub .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .course-search-2019 .searchitemsub h3 {
      color: #002b5c;
      padding-left: 2rem; }
    .strath-bootstrap .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h4 a, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub .searchstriped > section > article > .staff h3 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h5 a, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a {
      color: #002b5c;
      text-decoration: underline;
      cursor: pointer;
      padding-left: 2rem; }
      .strath-bootstrap .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a:hover {
        text-decoration: none; }
    .strath-bootstrap .course-search-2019 #search-info {
      text-align: center;
      margin-left: -255px; }
    .strath-bootstrap .course-search-2019 .searchstaffsub {
      padding: 2rem; }
      .strath-bootstrap .course-search-2019 .searchstaffsub:hover {
        background-color: #e9ecef; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h4, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h5, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3,
      .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .course-search-2019 .searchstaffsub h3 {
        padding-left: 0 !important;
        padding: 0; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub .searchstriped > section > article > .staff h3 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a {
        color: #002b5c;
        text-decoration: underline;
        cursor: pointer;
        padding-left: 0;
        text-underline-position: under !important; }
        .strath-bootstrap .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a:hover {
          text-decoration: none; }
    .strath-bootstrap .course-search-2019 .suggestions {
      /* position: absolute;
    top: 100%;*/
      background: #fff;
      padding: 0;
      /*  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);*/
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      z-index: 1000000;
      display: none;
      margin-top: 2rem;
      width: 93%;
      margin-top: -1rem;
      margin-left: 0.65rem; }
      .strath-bootstrap .course-search-2019 .suggestions > ul {
        padding: 0px;
        margin: 0px;
        list-style: none; }
        .strath-bootstrap .course-search-2019 .suggestions > ul > li a {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0;
          display: block;
          color: #002b5c; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs .nav-item {
        margin-bottom: 0;
        line-height: 1; }
    .strath-bootstrap .course-search-2019 .course-list-results ul:after {
      width: 50%; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      list-style-type: none !important; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link {
        height: auto;
        color: #002b5c;
        background-color: #fff;
        font-weight: bold;
        padding: 1rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link:hover {
          padding-bottom: 1.4rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item > .active:hover {
        padding-bottom: 1rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: -26px;
        font-family: FontAwesome;
        content: "\f0d8";
        font-size: 2rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > h3 {
        padding: 2rem 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result {
        width: 654px;
        background-color: #e9ecef;
        margin: 0;
        margin: 4% 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a {
          text-align: start;
          padding: 0; }
          .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover {
            color: #fff; }
            .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover h3, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-list-result__summary, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-search-results-fa {
              color: #fff; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-list-result:last-of-type {
          padding-bottom: 2rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3 {
          padding: 1rem 1rem 0 1rem;
          border-bottom: 0 !important;
          text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-search-results-fa {
          font-weight: normal; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result .course-list-result__summary {
          padding: 1rem;
          color: #343a40;
          font-weight: normal; }
    .strath-bootstrap .course-search-2019 .input-suggestions-container {
      /* padding-left: $padding;*/
      position: relative;
      width: 94%; }
    .strath-bootstrap .course-search-2019 #suggestions__list > li {
      padding: 0.5rem; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item--selected {
      background: #e9ecef;
      padding: 1rem 0; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-dialog {
      top: 0;
      z-index: 205000;
      position: fixed;
      margin: auto;
      width: 320px;
      height: 100%;
      background-color: #fff;
      /* color:#*/
      -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0); }
    .strath-bootstrap .course-search-2019 .modal-content {
      height: 100%;
      overflow-y: auto; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-body {
      padding: 1.33333rem;
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body-wrap {
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body {
      background-color: #e9ecef;
      padding: 1rem;
      margin-bottom: 1rem; }
    .strath-bootstrap .course-search-2019 .modal.right.fade .modal-dialog {
      right: 0;
      transition: opacity 0.3s linear, right 0.3s ease-out; }
    .strath-bootstrap .course-search-2019 .modal.right.fade.in .modal-dialog {
      right: 0; }
    .strath-bootstrap .course-search-2019 .modal-header {
      border-bottom: 0;
      padding-top: 0;
      height: 100%; }
    .strath-bootstrap .course-search-2019 .modal-title {
      margin-top: 0;
      height: 0; }
    .strath-bootstrap .course-search-2019 button.close {
      width: 10%;
      padding-top: .5rem;
      color: #6c757d;
      background-color: #fff;
      line-height: 1em;
      font-size: 3rem; }
    .strath-bootstrap .course-search-2019 .close::hover {
      color: #002b5c; }
    .strath-bootstrap .course-search-2019 h3 {
      font-size: 1.75rem; }
    .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
      font-size: 1.25rem; }
    .strath-bootstrap .course-search-2019 h3, .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
      color: #002b5c;
      font-weight: bold; }
  .strath-bootstrap .hp-course-search__wrapper {
    position: relative; }
  .strath-bootstrap #hp-course-search__suggestions {
    display: none;
    position: absolute;
    z-index: 1000001;
    background: white;
    padding-bottom: 0px;
    width: 100%;
    text-align: left; }
  .strath-bootstrap #hp-course-search__suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .strath-bootstrap #hp-course-search__suggestions li a {
    padding: 10px;
    display: block; }
  .strath-bootstrap .suggestions__list-item--selected {
    background: #eee; }
  @media (max-width: 1599.98px) {
    .strath-bootstrap .course-search-2019 {
      /*  .suggestions > ul > li a {color:green;}*/ }
      .strath-bootstrap .course-search-2019 .searchstriped > section {
        padding: 0; } }
  @media (max-width: 991.98px) {
    .strath-bootstrap .course-search-2019 .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 395px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 400px; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      display: inline-block;
      width: 100%;
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      padding-left: 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: 0;
        float: right; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item {
        width: 100%; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link.show {
          background-color: #adb5bd;
          margin-bottom: 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a {
          text-align: left; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:after {
            font-family: "FontAwesome";
            content: '\f054';
            margin-left: auto;
            transition: .2s;
            float: right; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:hover {
            background-color: #6c757d;
            color: #fff;
            text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link {
          padding: 2rem 0.5rem 1rem 0.5rem;
          margin: 5px;
          background-color: #e9ecef;
          min-height: 75px;
          display: block; }
    .strath-bootstrap .course-search-2019 .nav-link.active:after {
      font-family: "FontAwesome";
      content: "" !important;
      margin-left: auto;
      transition: .2s;
      font-size: 1rem !important;
      margin-bottom: 0; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .fa-flag:before {
      margin-left: 1rem; }
    .strath-bootstrap .course-search-2019 .course-list-results ul > li.course-list-result {
      width: 100%; }
    .strath-bootstrap .course-search-2019 .suggestions {
      margin-left: 0.1rem !important; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
    .strath-bootstrap #search-info {
      text-align: left;
      margin-left: 20px; } }
  @media (max-width: 575.98px) {
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      display: inline-block !important; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 320px;
      margin-left: -15px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 1rem 1rem 0 1rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-feature-header h1 {
      font-size: 1.4rem;
      padding: 1rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      border-color: transparent; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa .ml-auto {
      margin-left: 0 !important; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 320px; } }
  .strath-bootstrap .course-search-2019 .searchstriped .staff-group .dept-group {
    width: 470px;
    margin: 0 auto; }
    .strath-bootstrap .course-search-2019 .searchstriped .staff-group .dept-group h1 {
      margin: 40px 0 0 0; }
  .strath-bootstrap .course-search-2019 .searchstriped > section > article {
    margin: 13.33333px 0; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff {
      padding: 1rem; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff a h2 {
        font-size: 1.5rem; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff a h2, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a a {
        text-decoration: underline;
        text-underline-position: under; }
        .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff a h2:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a a:hover {
          text-decoration: underline;
          color: #018489; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h2, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h4, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstriped > section > article > .staff h2, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
        padding: 0; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3,
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a a {
        padding-left: 0 !important; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff:hover {
        background: #e9ecef; }
  .strath-bootstrap .staff-search .form-group .suggestions > ul {
    padding: 1rem;
    margin: 0px;
    list-style: none; }
  .strath-bootstrap .staff-search .form-group .suggestions__list-item--selected {
    padding: 0; }
  .strath-bootstrap .header-search-page-save {
    width: 100%; }
    @media (min-width: 992px) {
      .strath-bootstrap .header-search-page-save {
        position: absolute;
        top: 42px;
        right: 0; } }
    .strath-bootstrap .header-search-page-save .page-save-message {
      display: inline-block; }
  .strath-bootstrap #list-container.page-save-list-container {
    position: relative;
    clear: both; }
    .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 3;
      background: #f8f9fa;
      opacity: 0;
      visibility: hidden;
      overflow-y: hidden;
      padding: 0;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); }
      @media (min-width: 576px) {
        .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 768px) {
        .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%; } }
      @media (min-width: 992px) {
        .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
          -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
          max-width: 33.33333%; } }
      .strath-bootstrap #list-container.page-save-list-container .page-save-list.active-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list.active-list {
        opacity: 1;
        visibility: visible; }
      .strath-bootstrap #list-container.page-save-list-container .page-save-list h2, .strath-bootstrap #list-container.page-save-list-container .page-history-list h2 {
        background: #002b5c;
        color: white;
        margin-top: 0px;
        font-size: 1.2rem;
        padding: 40px 10px 10px;
        margin-bottom: 1rem; }
      .strath-bootstrap #list-container.page-save-list-container .page-save-list .reset, .strath-bootstrap #list-container.page-save-list-container .page-history-list .reset {
        padding: 0.75rem;
        border-top: 1px solid #ced4da; }
        .strath-bootstrap #list-container.page-save-list-container .page-save-list .reset button, .strath-bootstrap #list-container.page-save-list-container .page-history-list .reset button {
          background: #dc3545;
          color: #fff; }
        .strath-bootstrap #list-container.page-save-list-container .page-save-list .reset .fa, .strath-bootstrap #list-container.page-save-list-container .page-history-list .reset .fa {
          margin-right: 0.25rem; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
      padding-left: 1rem; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
        background: transparent; }
        .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li a, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li a {
          color: #0078ae; }
          .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li a:hover, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li a:hover {
            color: #004362; }
        .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li span.saved-entry, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li span.saved-entry {
          width: calc(100% - 25px);
          display: inline-block;
          vertical-align: top;
          padding-right: 1rem;
          padding-top: 0.3em; }
        .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li i, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li i {
          cursor: pointer;
          padding: 0.3em; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList .no-saved-pages, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList .no-saved-pages {
      padding: 1rem 2rem;
      padding-bottom: 2rem;
      display: block; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList hr, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList hr {
      margin: 0px; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset {
      margin: 1rem;
      padding: 1rem;
      position: relative;
      display: block;
      text-align: center;
      background-color: #dc3545;
      color: #fff; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset:hover, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset:hover {
        background-color: #6c757d;
        cursor: pointer; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset i, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset i {
        padding-right: 0.5rem; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
      padding-right: 2rem; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
        padding-top: 0.3em; }
  .strath-bootstrap .bookmark-active .page-save-list {
    opacity: 1;
    visibility: visible; }
  .strath-bootstrap .bookmark-active .page-history-list {
    opacity: 1;
    visibility: visible; }
  .strath-bootstrap .page-save-icons {
    cursor: pointer; }
    .strath-bootstrap .page-save-icons .bookmark.active-icon, .strath-bootstrap .page-save-icons .pagehistory.active-icon {
      background: #002b5c;
      color: #fff; }
    .strath-bootstrap .page-save-icons .star:before {
      content: '\f006'; }
    .strath-bootstrap .page-save-icons .star.active-icon:before {
      color: #fd7e14; }
    .strath-bootstrap .page-save-icons .bookmark:before {
      content: '\f097'; }
    .strath-bootstrap .page-save-icons .page-history:before {
      content: '\f1da'; }
    @media (hover: hover) {
      .strath-bootstrap .page-save-icons .star:hover:before, .strath-bootstrap .page-save-icons .bookmark:hover:before, .strath-bootstrap .page-save-icons .page-history:hover:before {
        color: #6c757d; } }
  .strath-bootstrap .page-save-bar {
    position: relative;
    background: #f8f9fa;
    color: #6c757d;
    margin: 0;
    margin-right: 0;
    padding: 0 0 0 1rem;
    overflow: auto;
    width: 100%;
    border-top: 4px solid #ced4da; }
    @media (min-width: 992px) {
      .strath-bootstrap .page-save-bar {
        position: absolute;
        top: 0;
        right: 0;
        color: #adb5bd;
        width: auto;
        background: #fff;
        box-shadow: none;
        border-top: 0; } }
    .strath-bootstrap .page-save-bar .page-save-message {
      float: left;
      font-size: 0.9rem;
      font-weight: bold;
      height: 100%;
      line-height: 41px;
      margin-right: 0;
      width: auto; }
      @media (min-width: 992px) {
        .strath-bootstrap .page-save-bar .page-save-message {
          font-weight: normal;
          margin-right: 1rem; } }
    .strath-bootstrap .page-save-bar .page-save-icons {
      float: right;
      text-align: right;
      font-size: 1.2rem;
      padding-right: 0;
      width: auto; }
      .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon {
        padding: 0.7rem; }
        @media (min-width: 992px) {
          .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon {
            background: #f8f9fa;
            transition: background 0.2s;
            margin-right: 2px;
            height: 40px;
            width: 40px;
            text-align: center; }
            .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon:last-of-type {
              margin-right: 0; } }
        @media (min-width: 992px) {
          .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon:hover {
            background: #e9ecef; } }
  .strath-bootstrap .header-page-save {
    display: none;
    text-align: left; }
    @media (min-width: 992px) {
      .strath-bootstrap .header-page-save {
        display: inline-block; } }
    .strath-bootstrap .header-page-save .page-save-message {
      position: relative;
      display: none;
      font-size: 0.9rem;
      padding: 3px 0.5rem;
      color: #fff;
      background: #002b5c;
      text-align: left; }
      .strath-bootstrap .header-page-save .page-save-message:before {
        position: absolute;
        top: -20px;
        display: block;
        content: ' ';
        border: 10px solid transparent;
        border-bottom: 10px solid #002b5c;
        pointer-events: none; }
    .strath-bootstrap .header-page-save .page-save-icons {
      color: #adb5bd;
      font-size: 1.4rem;
      margin-bottom: 2px; }
      .strath-bootstrap .header-page-save .page-save-icons .page-save-icon {
        background: #f8f9fa;
        margin-right: 2px;
        padding: 10px;
        width: 42px;
        text-align: center;
        transition: 0.1s; }
        .strath-bootstrap .header-page-save .page-save-icons .page-save-icon:last-of-type {
          margin-right: 0px; }
        .strath-bootstrap .header-page-save .page-save-icons .page-save-icon:hover {
          background: #e9ecef; }
  .strath-bootstrap .header-page-save.star-hover, .strath-bootstrap .page-save-bar.star-hover {
    text-align: left; }
    .strath-bootstrap .header-page-save.star-hover .page-save-message, .strath-bootstrap .page-save-bar.star-hover .page-save-message {
      display: inline-block; }
  .strath-bootstrap .header-page-save.star-saved, .strath-bootstrap .page-save-bar.star-saved {
    text-align: left; }
    .strath-bootstrap .header-page-save.star-saved .page-save-icon.star, .strath-bootstrap .page-save-bar.star-saved .page-save-icon.star {
      color: #fd7e14; }
      .strath-bootstrap .header-page-save.star-saved .page-save-icon.star:before, .strath-bootstrap .page-save-bar.star-saved .page-save-icon.star:before {
        content: '\f005'; }
  .strath-bootstrap .header-page-save.bookmark-hover, .strath-bootstrap .page-save-bar.bookmark-hover {
    text-align: center; }
    .strath-bootstrap .header-page-save.bookmark-hover .page-save-message, .strath-bootstrap .page-save-bar.bookmark-hover .page-save-message {
      display: inline-block; }
      .strath-bootstrap .header-page-save.bookmark-hover .page-save-message:before, .strath-bootstrap .page-save-bar.bookmark-hover .page-save-message:before {
        left: calc(50% - 10px); }
  .strath-bootstrap .header-page-save.bookmark-active .page-save-icon.bookmark, .strath-bootstrap .page-save-bar.bookmark-active .page-save-icon.bookmark {
    background: #002b5c;
    border-bottom: 2px solid #002b5c;
    color: #fd7e14;
    height: 42px; }
    .strath-bootstrap .header-page-save.bookmark-active .page-save-icon.bookmark:before, .strath-bootstrap .page-save-bar.bookmark-active .page-save-icon.bookmark:before {
      content: '\f02e'; }
  .strath-bootstrap .header-page-save.history-hover, .strath-bootstrap .page-save-bar.history-hover {
    text-align: right; }
    .strath-bootstrap .header-page-save.history-hover .page-save-message, .strath-bootstrap .page-save-bar.history-hover .page-save-message {
      display: inline-block; }
      .strath-bootstrap .header-page-save.history-hover .page-save-message:before, .strath-bootstrap .page-save-bar.history-hover .page-save-message:before {
        right: 1rem; }
  .strath-bootstrap .header-page-save.history-active .page-save-icon.page-history, .strath-bootstrap .page-save-bar.history-active .page-save-icon.page-history {
    background: #002b5c;
    border-bottom: 2px solid #002b5c;
    color: #fd7e14;
    height: 42px; }
  .strath-bootstrap .header-page-save.bookmark-active .page-save-icons, .strath-bootstrap .header-page-save.history-active .page-save-icons, .strath-bootstrap .page-save-bar.bookmark-active .page-save-icons, .strath-bootstrap .page-save-bar.history-active .page-save-icons {
    margin-bottom: 0; }
  @media (min-width: 992px) {
    .strath-bootstrap .header-page-save.bookmark-active .page-save-message, .strath-bootstrap .header-page-save.history-active .page-save-message, .strath-bootstrap .page-save-bar.bookmark-active .page-save-message, .strath-bootstrap .page-save-bar.history-active .page-save-message {
      display: none; } }
  .strath-bootstrap .fact-banner {
    padding: 2rem 0;
    margin-bottom: 0; }
    .strath-bootstrap .fact-banner ul {
      list-style-type: none;
      padding: 0;
      margin-bottom: 0;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .strath-bootstrap .fact-banner ul li {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .fact-banner ul li {
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            text-align: center;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; } }
        @media (min-width: 768px) {
          .strath-bootstrap .fact-banner ul li {
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; } }
    .strath-bootstrap .fact-banner .fact-headline {
      font-weight: bold;
      font-size: 1.6rem;
      color: #002b5c; }
    .strath-bootstrap .fact-banner img {
      max-width: 80px;
      width: auto; }
      @media (min-width: 1200px) {
        .strath-bootstrap .fact-banner img {
          max-width: 100px; } }
    .strath-bootstrap .fact-banner .fact-image, .strath-bootstrap .fact-banner .fact-big-text {
      margin-right: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .fact-banner .fact-image, .strath-bootstrap .fact-banner .fact-big-text {
          margin-bottom: 1rem;
          margin-right: 0; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .fact-banner .fact-image, .strath-bootstrap .fact-banner .fact-big-text {
          margin: 0 auto 1rem auto; } }
    .strath-bootstrap .fact-banner .fact-big-text {
      font-size: 3rem;
      font-weight: bold;
      color: #002b5c;
      min-width: 130px;
      line-height: 1; }
      @media (min-width: 576px) {
        .strath-bootstrap .fact-banner .fact-big-text {
          font-size: 5rem;
          line-height: 1.2;
          min-height: 100px; } }
  .strath-bootstrap .timeline {
    overflow: hidden; }
  .strath-bootstrap .timeline .container {
    background: #fff;
    padding-top: 2rem;
    padding-bottom: 4rem; }
    @media (min-width: 992px) {
      .strath-bootstrap .timeline .container {
        padding: 2rem 2rem 4rem 2rem; } }
  .strath-bootstrap .timeline h2 {
    border-bottom: 0;
    min-height: 0;
    padding-bottom: 0; }
  .strath-bootstrap .timeline ul.timeline-ul {
    margin-bottom: 0;
    padding: 0; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li {
    background: #e9ecef;
    list-style-type: none;
    margin: 0 auto 0 0;
    padding-top: 1rem;
    position: relative;
    width: 6px; }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li {
      margin: 0 auto; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:after {
    -webkit-transform: translateX(-50%);
    background: inherit;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 20px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(odd) .timeline-box {
    left: 45px; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(odd) .timeline-box:before {
    border-color: transparent #e9ecef transparent transparent;
    border-width: 15px 15px 15px 0;
    left: -15px; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box {
    left: 45px; }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box {
      left: -45vw; } }
  @media (min-width: 992px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box {
      left: -438px; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box:before {
    border-color: transparent #e9ecef transparent transparent;
    border-width: 15px 15px 15px 0;
    left: -15px; }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box:before {
      border-color: transparent transparent transparent #e9ecef;
      border-width: 15px 0 15px 15px;
      left: auto;
      right: -15px; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box:before {
    transition: all .2s ease-in-out; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box {
    background: #e9ecef;
    bottom: 0;
    max-width: 300px;
    padding: 1rem 1rem 1.5rem;
    position: relative;
    transition: all .2s ease-in-out;
    width: calc(100vw - 75px); }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box {
      max-width: none;
      width: 40vw; } }
  @media (min-width: 992px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box {
      width: 400px; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box:before {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a .timeline-box,
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a .timeline-box h3 {
    color: #212529; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover .timeline-box {
    background: #cbd3da; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover .timeline-box .timeline-text {
    border-color: #fd7e14; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover:nth-child(odd) .timeline-box:before {
    border-color: transparent #cbd3da transparent transparent; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover:nth-child(2n) .timeline-box:before {
    border-color: transparent transparent transparent #cbd3da; }
  .strath-bootstrap .timeline .timeline-text {
    border-left: 4px solid #0078ae;
    padding-left: 1rem;
    transition: all .2s ease-in-out; }
  .strath-bootstrap .timeline .timeline-text ul {
    list-style: none;
    margin: 0 0 0 .7rem;
    padding: 0; }
  .strath-bootstrap .timeline .timeline-text li {
    padding-left: 1em;
    text-indent: -.7em; }
  .strath-bootstrap .timeline .timeline-text li:before {
    color: #fd7e14;
    content: "■";
    padding-right: .7rem; }
  .strath-bootstrap .timeline img {
    margin-bottom: 1rem;
    max-width: 100%; }
  .strath-bootstrap .timeline h2,
  .strath-bootstrap .timeline h3 {
    font-weight: 700; }
  .strath-bootstrap .timeline .btn {
    margin-bottom: -.5rem;
    margin-top: 1rem;
    width: 100%; }
  .strath-bootstrap .fw-bootstrap .timeline .wrap {
    padding: 2rem 0; }
  .strath-bootstrap .testimonial {
    padding: 4rem 0; }
    .strath-bootstrap .testimonial .container {
      padding-left: 15px;
      padding-right: 15px; }
    .strath-bootstrap .testimonial .row {
      position: relative; }
    .strath-bootstrap .testimonial .testimonial-image {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 500px;
      margin: auto; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-image {
          margin: 0;
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 992px) {
        .strath-bootstrap .testimonial .testimonial-image {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
          margin-left: 16.66667%; } }
      .strath-bootstrap .testimonial .testimonial-image img {
        margin: auto;
        border-radius: 50%;
        max-width: 80%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial .testimonial-image img {
            max-width: 100%; } }
    .strath-bootstrap .testimonial .testimonial-quote {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 1rem 0 0 0; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-quote {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
          margin-left: 8.33333%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .testimonial .testimonial-quote {
          -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
          margin-left: 8.33333%;
          padding: 1.5rem 1rem 0 1rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .testimonial .testimonial-quote {
          margin-left: 16.66667%; } }
      .strath-bootstrap .testimonial .testimonial-quote blockquote {
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 1rem;
        background: transparent;
        border-left: 0;
        max-width: 100%;
        line-height: initial;
        padding: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial .testimonial-quote blockquote {
            font-size: 1.6rem; } }
        .strath-bootstrap .testimonial .testimonial-quote blockquote:before, .strath-bootstrap .testimonial .testimonial-quote blockquote:after {
          display: none; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-quote .testimonial-credit {
          margin-bottom: 1rem; } }
    .strath-bootstrap .testimonial .testimonial-quote-text {
      border-left: 4px solid #0078ae;
      padding-left: 1rem;
      margin-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-quote-text {
          border-left: 0;
          padding-left: 0;
          margin-bottom: 0; } }
    .strath-bootstrap .testimonial .testimonial-divider {
      display: none;
      border-left: 4px solid #0078ae;
      position: absolute;
      left: 50%;
      height: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-divider {
          display: block; } }
    .strath-bootstrap .testimonial .button-container {
      margin-top: auto;
      padding: 0; }
      .strath-bootstrap .testimonial .button-container a {
        width: 100%;
        white-space: normal; }
        @media (min-width: 576px) {
          .strath-bootstrap .testimonial .button-container a {
            width: auto; } }
    .strath-bootstrap .testimonial.lhs-testimonial {
      padding: 2rem 0; }
      .strath-bootstrap .testimonial.lhs-testimonial .container {
        padding-bottom: 0; }
      .strath-bootstrap .testimonial.lhs-testimonial .row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .row {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; } }
      .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
        @media (min-width: 576px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            max-width: 350px;
            margin: auto; } }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
            margin: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%; } }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
            margin-left: 8.33333%; } }
      .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
        @media (min-width: 576px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-left: 0; } }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
            -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%;
            margin-left: 8.33333%;
            padding-left: 0; } }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
            margin-left: 16.66667%;
            padding-left: 1rem; } }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote-text {
          border-left: 4px solid #0078ae;
          padding-left: 1rem;
          margin-bottom: 1rem; } }
      @media (min-width: 768px) {
        .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote-text {
          border-left: 0;
          padding-left: 0;
          margin-bottom: 0; } }
      .strath-bootstrap .testimonial.lhs-testimonial .testimonial-divider {
        display: none; }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-divider {
            display: block; } }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial.lhs-testimonial .button-container a {
          width: 100%; } }
  .strath-bootstrap .block-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .block-grid {
        padding: 4rem 0; } }
    .strath-bootstrap .block-grid .container {
      padding-bottom: 0; }
    .strath-bootstrap .block-grid h2 {
      margin-bottom: 2rem; }
    .strath-bootstrap .block-grid.block-grid-title {
      padding: 2rem 0 0 0;
      border-bottom: 0; }
      @media (min-width: 576px) {
        .strath-bootstrap .block-grid.block-grid-title {
          padding: 4rem 0 0 0; } }
      .strath-bootstrap .block-grid.block-grid-title h2 {
        color: #002b5c;
        font-weight: bold;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        padding: 0;
        max-width: 800px; }
    .strath-bootstrap .block-grid.block-grid-intro {
      padding: 1rem 0 0;
      border-bottom: 0; }
      .strath-bootstrap .block-grid.block-grid-intro .block-grid-intro {
        padding: 0;
        border-bottom: 0;
        margin-bottom: 0;
        max-width: 800px; }
        .strath-bootstrap .block-grid.block-grid-intro .block-grid-intro *:last-child {
          margin-bottom: 0; }
    .strath-bootstrap .block-grid.block-grid-zero {
      padding: 0;
      height: 0; }
  .strath-bootstrap .block-grid-item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 1.25rem;
    margin-right: 0 !important;
    margin-left: -1px;
    width: 100%; }
    .strath-bootstrap .block-grid-item .block-grid-item-content {
      background: #fff;
      height: 100%;
      position: relative;
      transition: 0.2s; }
    .strath-bootstrap .block-grid-item .block-grid-item-image {
      position: relative; }
      .strath-bootstrap .block-grid-item .block-grid-item-image img {
        max-width: 100%; }
    .strath-bootstrap .block-grid-item .block-grid-item-text-text {
      min-height: 0; }
    .strath-bootstrap .block-grid-item .block-grid-item-text {
      min-height: 100px;
      padding: 1rem; }
    .strath-bootstrap .block-grid-item .block-grid-item-text, .strath-bootstrap .block-grid-item .block-grid-item-text-text {
      border-top: 5px solid #002b5c; }
      .strath-bootstrap .block-grid-item .block-grid-item-text a, .strath-bootstrap .block-grid-item .block-grid-item-text-text a {
        color: #002b5c; }
      .strath-bootstrap .block-grid-item .block-grid-item-text h3, .strath-bootstrap .block-grid-item .block-grid-item-text .block-header, .strath-bootstrap .block-grid-item .block-grid-item-text-text h3, .strath-bootstrap .block-grid-item .block-grid-item-text-text .block-header {
        font-weight: bold;
        font-size: 1.4rem;
        margin-bottom: 0.5rem;
        padding: 0; }
      .strath-bootstrap .block-grid-item .block-grid-item-text p, .strath-bootstrap .block-grid-item .block-grid-item-text-text p {
        margin-bottom: 1rem; }
        .strath-bootstrap .block-grid-item .block-grid-item-text p:last-child, .strath-bootstrap .block-grid-item .block-grid-item-text-text p:last-child {
          margin-bottom: 0; }
      .strath-bootstrap .block-grid-item .block-grid-item-text > *:last-child, .strath-bootstrap .block-grid-item .block-grid-item-text-text > *:last-child {
        margin-bottom: 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .block-grid-item.fifth, .strath-bootstrap .block-grid-item.quarter, .strath-bootstrap .block-grid-item.third, .strath-bootstrap .block-grid-item.half, .strath-bootstrap .block-grid-item.two-thirds {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .block-grid-item.fifth {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .block-grid-item.quarter {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%; } }
    @media (min-width: 768px) {
      .strath-bootstrap .block-grid-item.third {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    @media (min-width: 768px) {
      .strath-bootstrap .block-grid-item.half {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 768px) {
      .strath-bootstrap .block-grid-item.two-thirds {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    .strath-bootstrap .block-grid-item.grey-block .block-grid-item-content {
      background: #e9ecef; }
    .strath-bootstrap .block-grid-item.light-grey-block .block-grid-item-content {
      background: #f8f9fa; }
    .strath-bootstrap .block-grid-item.white-block .block-grid-item-content {
      background: #fff; }
    .strath-bootstrap .block-grid-item.white-block {
      background: #fff; }
    .strath-bootstrap .block-grid-item.has-shadow .block-grid-item-content {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .block-grid-item.has-shadow.grey-bg .block-grid-item-content, .strath-bootstrap .block-grid-item.has-shadow.grey-block .block-grid-item-content {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }
    .strath-bootstrap .block-grid-item.has-shadow.has-link a:before {
      transition: 0.2s; }
    .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content {
      background: #6c757d !important;
      color: #fff; }
      .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content h3, .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content p, .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content li, .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content .block-header {
        color: #fff; }
    .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-image:after {
      bottom: 1rem;
      color: #fff; }
    .strath-bootstrap .block-grid-item.has-shadow.has-link:hover a.faux-block-link:before {
      box-shadow: inset 0px 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .strath-bootstrap .pagination {
    margin-top: 1rem;
    background: #fff; }
    .strath-bootstrap .pagination .page-item {
      margin-right: 0.25rem; }
    .strath-bootstrap .pagination .page-link {
      background: #e9ecef;
      color: #002b5c;
      font-weight: bold;
      transition: 0.15s; }
      .strath-bootstrap .pagination .page-link:hover {
        background: #002b5c;
        color: #fff; }
    .strath-bootstrap .pagination .inactive {
      display: none; }
    .strath-bootstrap .pagination .current {
      background: #002b5c;
      color: #fff; }
  .strath-bootstrap ul.bullets {
    padding-left: 1.2em; }
    .strath-bootstrap ul.bullets li {
      list-style: none;
      padding-left: 1.2em; }
      .strath-bootstrap ul.bullets li:before {
        display: inline-block;
        text-indent: -1.2em;
        content: '\25A0';
        color: #fd7e14; }
  .strath-bootstrap .single-video.single-image {
    padding: 2rem 0 2rem 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .single-video.single-image {
        padding: 4rem 0;
        height: auto; } }
    .strath-bootstrap .single-video.single-image .single-media {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .single-video.single-image .single-media {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          margin-bottom: 0; } }
      @media (min-width: 992px) {
        .strath-bootstrap .single-video.single-image .single-media {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%; } }
      .strath-bootstrap .single-video.single-image .single-media img {
        max-width: 100%; }
    .strath-bootstrap .single-video.single-image .caption-wrap {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap .single-video.single-image .caption-wrap {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          border-left: 4px solid #0078ae; } }
      @media (min-width: 768px) {
        .strath-bootstrap .single-video.single-image .caption-wrap {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
          padding-left: 2rem;
          margin-left: 2rem; } }
      .strath-bootstrap .single-video.single-image .caption-wrap .caption {
        border-left: 4px solid #0078ae;
        padding-left: 1rem;
        margin-bottom: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .single-video.single-image .caption-wrap .caption {
            border-left: 0;
            padding-left: 0; } }
        .strath-bootstrap .single-video.single-image .caption-wrap .caption h2 {
          border-bottom: 0; }
        .strath-bootstrap .single-video.single-image .caption-wrap .caption p:last-of-type {
          margin-bottom: 0; }
    .strath-bootstrap .single-video.single-image .button-container {
      margin-top: auto;
      margin-bottom: 0;
      padding: 0; }
      .strath-bootstrap .single-video.single-image .button-container a {
        width: 100%;
        white-space: normal; }
        @media (min-width: 576px) {
          .strath-bootstrap .single-video.single-image .button-container a {
            width: auto; } }
  .strath-bootstrap .news-events .news-events-row {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 1rem;
    margin: 0 0 20px 20px; }
    .strath-bootstrap .news-events .news-events-row a.btn {
      margin-top: 20px; }
    .strath-bootstrap .news-events .news-events-row ul li.has-link:hover {
      background-color: #6c757d !important;
      color: #fff; }
      .strath-bootstrap .news-events .news-events-row ul li.has-link:hover h3, .strath-bootstrap .news-events .news-events-row ul li.has-link:hover h3 p,
      .strath-bootstrap .news-events .news-events-row ul li.has-link:hover p a {
        color: #fff; }
  @media (max-width: 767.98px) {
    .strath-bootstrap .news-events .news-events-row {
      -webkit-flex: 0 0 91.66667%;
      -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
      max-width: 91.66667%; } }
  .strath-bootstrap .news-events .news-events-column {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 2rem 0; }
    .strath-bootstrap .news-events .news-events-column ul li:before {
      display: none; }
    .strath-bootstrap .news-events .news-events-column ul li.has-link:hover {
      background-color: #6c757d !important;
      color: #fff; }
      .strath-bootstrap .news-events .news-events-column ul li.has-link:hover h3, .strath-bootstrap .news-events .news-events-column ul li.has-link:hover h3 p,
      .strath-bootstrap .news-events .news-events-column ul li.has-link:hover p a {
        color: #fff; }
    @media (min-width: 768px) {
      .strath-bootstrap .news-events .news-events-column {
        -webkit-flex: 0 0 49%;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
        margin-bottom: 0;
        margin-top: 2rem; } }
    .strath-bootstrap .news-events .news-events-column a.btn {
      margin: 20px; }
  .strath-bootstrap .news-events .button-container a {
    background-color: #018489;
    color: #fff;
    margin-top: 2rem; }
    .strath-bootstrap .news-events .button-container a:hover {
      background-color: #6c757d; }
  .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.gray-200-bg:hover,
  .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.gray-100-bg:hover,
  .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.white-bg:hover {
    background-color: #6c757d !important;
    color: #fff; }
    .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.gray-200-bg:hover a h3 p,
    .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.gray-200-bg:hover p a,
    .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.gray-100-bg:hover a h3 p,
    .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.gray-100-bg:hover p a,
    .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.white-bg:hover a h3 p,
    .strath-bootstrap .news-events .has-link .block-grid-item-content .news-events-item.white-bg:hover p a {
      color: #fff; }
  .strath-bootstrap .news-events h2 {
    border-bottom: 0; }
  .strath-bootstrap .news-events h3,
  .strath-bootstrap .news-events h3 a {
    font-weight: bold;
    margin-bottom: 1rem;
    color: #002b5c; }
  .strath-bootstrap .news-events ul {
    list-style-type: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 0; }
  .strath-bootstrap .news-events li.news-events-item {
    margin-bottom: 13.33333px;
    margin-right: 13.33333px; }
  .strath-bootstrap .news-events li.news-events-item2 {
    margin-bottom: 0; }
  .strath-bootstrap .news-events li.news-events-item, .strath-bootstrap .news-events li.news-events-item2 {
    position: relative;
    border-left: 4px solid #002b5c;
    transition: 0.2s;
    padding: 0.5rem 1rem;
    color: #212529; }
    .strath-bootstrap .news-events li.news-events-item.has-shadow, .strath-bootstrap .news-events li.news-events-item2.has-shadow {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .news-events li.news-events-item .block-grid-item-text, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text {
      border-top: 0;
      padding: 0; }
  .strath-bootstrap .news-events ul li:before {
    display: none; }
  .strath-bootstrap .news-events p:last-of-type {
    margin-bottom: 0; }
  .strath-bootstrap .news-events li.event-item {
    border-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0; }
    .strath-bootstrap .news-events li.event-item .calendar {
      background: #002b5c;
      color: #fff;
      min-width: 90px;
      padding: 1rem 0.5rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center;
      transition: 0.2s; }
      .strath-bootstrap .news-events li.event-item .calendar div:nth-of-type(1) {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1; }
      .strath-bootstrap .news-events li.event-item .calendar div:nth-of-type(2) {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        font-size: 1.6rem;
        font-weight: bold; }
      .strath-bootstrap .news-events li.event-item .calendar div:nth-of-type(3) {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3; }
    .strath-bootstrap .news-events li.event-item .event-body {
      padding: 0.5rem 1rem; }
  .strath-bootstrap .news-events.grey-bg li {
    background: #e9ecef; }
  .strath-bootstrap .wysiwyg p {
    color: #002b5c; }
    .strath-bootstrap .wysiwyg p a {
      text-decoration: underline; }
      .strath-bootstrap .wysiwyg p a.hover {
        color: #6c757d; }
  .strath-bootstrap .wysiwyg ul, .strath-bootstrap .wysiwyg ol {
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
    margin-bottom: 1rem; }
    @media (min-width: 576px) {
      .strath-bootstrap .wysiwyg ul, .strath-bootstrap .wysiwyg ol {
        margin-left: 1rem; } }
  .strath-bootstrap .wysiwyg ul li {
    list-style: none;
    padding-left: 1.2em; }
    .strath-bootstrap .wysiwyg ul li:before {
      display: inline-block;
      text-indent: -1.2em;
      content: '\25A0';
      color: #fd7e14; }
  .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section, .strath-bootstrap .block-outer > section, .strath-bootstrap .profilescontainer-white-fixed-width > section, .strath-bootstrap .profilescontainer-grey-fixed-width > section, .strath-bootstrap .profilescontainer-white-full-width > section, .strath-bootstrap .profilescontainer-white-full-width > section {
    max-width: 1140px;
    padding: 40px 15px; }
    .strath-bootstrap .block-outer-white > section p, .strath-bootstrap .block-outer-white > section li, .strath-bootstrap .block-outer-grey > section p, .strath-bootstrap .block-outer-grey > section li, .strath-bootstrap .block-outer > section p, .strath-bootstrap .block-outer > section li, .strath-bootstrap .profilescontainer-white-fixed-width > section p, .strath-bootstrap .profilescontainer-white-fixed-width > section li, .strath-bootstrap .profilescontainer-grey-fixed-width > section p, .strath-bootstrap .profilescontainer-grey-fixed-width > section li, .strath-bootstrap .profilescontainer-white-full-width > section p, .strath-bootstrap .profilescontainer-white-full-width > section li, .strath-bootstrap .profilescontainer-white-full-width > section p, .strath-bootstrap .profilescontainer-white-full-width > section li {
      color: #495057; }
    .strath-bootstrap .block-outer-white > section h1, .strath-bootstrap .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section h3, .strath-bootstrap .block-outer-white > section h4, .strath-bootstrap .block-outer-white > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section .results .result h3, .strath-bootstrap .results .result .block-outer-white > section h3, .strath-bootstrap .block-outer-white > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-white > section h3, .strath-bootstrap .block-outer-grey > section h1, .strath-bootstrap .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section h3, .strath-bootstrap .block-outer-grey > section h4, .strath-bootstrap .block-outer-grey > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section h3, .strath-bootstrap .block-outer-grey > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-grey > section h3, .strath-bootstrap .block-outer > section h1, .strath-bootstrap .block-outer > section h2, .strath-bootstrap .block-outer > section h3, .strath-bootstrap .block-outer > section h4, .strath-bootstrap .block-outer > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section h2, .strath-bootstrap .block-outer > section .results .result h3, .strath-bootstrap .results .result .block-outer > section h3, .strath-bootstrap .block-outer > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h1, .strath-bootstrap .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h1, .strath-bootstrap .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h1, .strath-bootstrap .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h4, .strath-bootstrap .profilescontainer-white-full-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h1, .strath-bootstrap .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h4, .strath-bootstrap .profilescontainer-white-full-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width > section h3 {
      border-bottom: 0; }
    .strath-bootstrap .block-outer-white > section .col-sm-6-strath, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath, .strath-bootstrap .block-outer > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath {
      padding-top: 2rem; }
      .strath-bootstrap .block-outer-white > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .block-outer-white > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .block-outer > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .block-outer > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-suitcase {
        color: #6c757d; }
    .strath-bootstrap .block-outer-white > section .col-inner-grey:hover, .strath-bootstrap .block-outer-white > section .col-inner-white:hover, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover, .strath-bootstrap .block-outer > section .col-inner-grey:hover, .strath-bootstrap .block-outer > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover {
      background-color: #6c757d; }
      .strath-bootstrap .block-outer-white > section .col-inner-grey:hover p, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover h4, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .block-outer-white > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-white > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .block-outer-white > section .col-inner-white:hover p, .strath-bootstrap .block-outer-white > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-white:hover h4, .strath-bootstrap .block-outer-white > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .block-outer-white > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-white:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-white > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover p, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover h4, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-grey > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover p, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover h4, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-grey > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .block-outer > section .col-inner-grey:hover p, .strath-bootstrap .block-outer > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer > section .col-inner-grey:hover h4, .strath-bootstrap .block-outer > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .block-outer > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer > section .col-inner-grey:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .block-outer > section .col-inner-white:hover p, .strath-bootstrap .block-outer > section .col-inner-white:hover h2, .strath-bootstrap .block-outer > section .col-inner-white:hover h3, .strath-bootstrap .block-outer > section .col-inner-white:hover h4, .strath-bootstrap .block-outer > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section .col-inner-white:hover h2, .strath-bootstrap .block-outer > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .block-outer > section .col-inner-white:hover h3, .strath-bootstrap .block-outer > section .col-inner-white:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer > section .col-inner-white:hover h3, .strath-bootstrap .block-outer > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-grey-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .fa-chevron-right {
        color: #fff; }
  .strath-bootstrap .block-outer-white .profile, .strath-bootstrap .block-outer-grey .profile, .strath-bootstrap .block-outer .profile, .strath-bootstrap .profilescontainer-white-fixed-width .profile, .strath-bootstrap .profilescontainer-grey-fixed-width .profile, .strath-bootstrap .profilescontainer-white-full-width .profile, .strath-bootstrap .profilescontainer-white-full-width .profile {
    margin-bottom: 0; }
    .strath-bootstrap .block-outer-white .profile:hover .mono, .strath-bootstrap .block-outer-grey .profile:hover .mono, .strath-bootstrap .block-outer .profile:hover .mono, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover .mono, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover .mono, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .mono, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .mono {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
    .strath-bootstrap .block-outer-white .profile:hover p, .strath-bootstrap .block-outer-white .profile:hover h2, .strath-bootstrap .block-outer-white .profile:hover h3, .strath-bootstrap .block-outer-white .profile:hover h4, .strath-bootstrap .block-outer-white .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white .profile:hover h2, .strath-bootstrap .block-outer-white .profile:hover .results .result h3, .strath-bootstrap .results .result .block-outer-white .profile:hover h3, .strath-bootstrap .block-outer-white .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-white .profile:hover h3, .strath-bootstrap .block-outer-white .profile:hover blockquote, .strath-bootstrap .block-outer-white .profile:hover blockquote::before, .strath-bootstrap .block-outer-white .profile:hover blockquote::after, .strath-bootstrap .block-outer-grey .profile:hover p, .strath-bootstrap .block-outer-grey .profile:hover h2, .strath-bootstrap .block-outer-grey .profile:hover h3, .strath-bootstrap .block-outer-grey .profile:hover h4, .strath-bootstrap .block-outer-grey .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey .profile:hover h2, .strath-bootstrap .block-outer-grey .profile:hover .results .result h3, .strath-bootstrap .results .result .block-outer-grey .profile:hover h3, .strath-bootstrap .block-outer-grey .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-grey .profile:hover h3, .strath-bootstrap .block-outer-grey .profile:hover blockquote, .strath-bootstrap .block-outer-grey .profile:hover blockquote::before, .strath-bootstrap .block-outer-grey .profile:hover blockquote::after, .strath-bootstrap .block-outer .profile:hover p, .strath-bootstrap .block-outer .profile:hover h2, .strath-bootstrap .block-outer .profile:hover h3, .strath-bootstrap .block-outer .profile:hover h4, .strath-bootstrap .block-outer .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer .profile:hover h2, .strath-bootstrap .block-outer .profile:hover .results .result h3, .strath-bootstrap .results .result .block-outer .profile:hover h3, .strath-bootstrap .block-outer .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer .profile:hover h3, .strath-bootstrap .block-outer .profile:hover blockquote, .strath-bootstrap .block-outer .profile:hover blockquote::before, .strath-bootstrap .block-outer .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover p, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover h4, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover p, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover h4, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-grey-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-white-full-width .profile:hover p, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h4, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-white-full-width .profile:hover p, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h4, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::after {
      color: #6c757d; }
  .strath-bootstrap .block-outer-white .fa-home, .strath-bootstrap .block-outer-white .fa-suitcase, .strath-bootstrap .block-outer-grey .fa-home, .strath-bootstrap .block-outer-grey .fa-suitcase, .strath-bootstrap .block-outer .fa-home, .strath-bootstrap .block-outer .fa-suitcase, .strath-bootstrap .profilescontainer-white-fixed-width .fa-home, .strath-bootstrap .profilescontainer-white-fixed-width .fa-suitcase, .strath-bootstrap .profilescontainer-grey-fixed-width .fa-home, .strath-bootstrap .profilescontainer-grey-fixed-width .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width .fa-home, .strath-bootstrap .profilescontainer-white-full-width .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width .fa-home, .strath-bootstrap .profilescontainer-white-full-width .fa-suitcase {
    color: #002b5c; }
  .strath-bootstrap .block-outer-white .randomise:nth-child(n+4), .strath-bootstrap .block-outer-grey .randomise:nth-child(n+4), .strath-bootstrap .block-outer .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-white-fixed-width .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-grey-fixed-width .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-white-full-width .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-white-full-width .randomise:nth-child(n+4) {
    display: none; }
  .strath-bootstrap .block-outer-white .mono, .strath-bootstrap .block-outer-grey .mono, .strath-bootstrap .block-outer .mono, .strath-bootstrap .profilescontainer-white-fixed-width .mono, .strath-bootstrap .profilescontainer-grey-fixed-width .mono, .strath-bootstrap .profilescontainer-white-full-width .mono, .strath-bootstrap .profilescontainer-white-full-width .mono {
    -webkit-filter: grayscale(0);
    filter: grayscale(100%); }
  .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
    max-width: 1140px;
    margin-bottom: -1.33333rem;
    padding-top: 2rem;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0; }
    .strath-bootstrap .block-outer-grey-stand-alone > section p, .strath-bootstrap .block-outer-grey-stand-alone > section li, .strath-bootstrap .block-outer-white-stand-alone > section p, .strath-bootstrap .block-outer-white-stand-alone > section li {
      color: #495057;
      margin-bottom: 0;
      padding-bottom: 2rem; }
    .strath-bootstrap .block-outer-grey-stand-alone > section h1, .strath-bootstrap .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section h4, .strath-bootstrap .block-outer-grey-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h1, .strath-bootstrap .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h4, .strath-bootstrap .block-outer-white-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .block-outer-white-stand-alone > section h3 {
      border-bottom: 0; }
  .strath-bootstrap .col-sm-6-strath {
    padding-top: 2rem; }
  .strath-bootstrap .block-outer-grey, .strath-bootstrap .block-outer-grey-stand-alone, .strath-bootstrap .card {
    background-color: #e9ecef; }
  .strath-bootstrap .block-outer-white-stand-alone {
    background-color: #fff; }
  .strath-bootstrap .block-outer-white {
    background-color: #fff; }
    .strath-bootstrap .block-outer-white .card {
      border: 0; }
    .strath-bootstrap .block-outer-white .card-title {
      padding: 1rem 0; }
  .strath-bootstrap .block-outer-background {
    background-image: url("");
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .strath-bootstrap .block-outer-background .card-title, .strath-bootstrap .block-outer-background .card-body {
      max-width: 900px;
      background-color: #fff;
      color: #495057;
      margin: 2rem 0 0 0;
      border-bottom: 0;
      padding: 20px; }
    .strath-bootstrap .block-outer-background .card-title {
      margin-bottom: 0; }
    .strath-bootstrap .block-outer-background .card-body {
      font-weight: normal;
      -webkit-column-count: 2;
      column-count: 2;
      margin: 0 0 2rem 0; }
    .strath-bootstrap .block-outer-background > h2 {
      margin-bottom: 0;
      color: strath-font-normal;
      border-bottom: 0; }
    .strath-bootstrap .block-outer-background > p {
      color: strath-font-normal;
      border-bottom: 0;
      margin: 1em 0; }
  .strath-bootstrap .outerhref-one .fa-chevron-right, .strath-bootstrap .outerhref-two .fa-chevron-right, .strath-bootstrap .outerhref-three .fa-chevron-right {
    color: #495057;
    padding: 1rem; }
    .strath-bootstrap .outerhref-one .fa-chevron-right:hover > h3, .strath-bootstrap .outerhref-two .fa-chevron-right:hover > h3, .strath-bootstrap .outerhref-three .fa-chevron-right:hover > h3 {
      color: #fff; }
  .strath-bootstrap .outerhref-one .col-inner-grey, .strath-bootstrap .outerhref-one .col-inner-white, .strath-bootstrap .outerhref-two .col-inner-grey, .strath-bootstrap .outerhref-two .col-inner-white, .strath-bootstrap .outerhref-three .col-inner-grey, .strath-bootstrap .outerhref-three .col-inner-white {
    border-bottom: 5px solid #495057; }
    .strath-bootstrap .outerhref-one .col-inner-grey > h3, .strath-bootstrap .outerhref-one .col-inner-white > h3, .strath-bootstrap .outerhref-two .col-inner-grey > h3, .strath-bootstrap .outerhref-two .col-inner-white > h3, .strath-bootstrap .outerhref-three .col-inner-grey > h3, .strath-bootstrap .outerhref-three .col-inner-white > h3 {
      padding: 0 1rem; }
    .strath-bootstrap .outerhref-one .col-inner-grey > p, .strath-bootstrap .outerhref-one .col-inner-white > p, .strath-bootstrap .outerhref-two .col-inner-grey > p, .strath-bootstrap .outerhref-two .col-inner-white > p, .strath-bootstrap .outerhref-three .col-inner-grey > p, .strath-bootstrap .outerhref-three .col-inner-white > p {
      padding: 0 1rem; }
  .strath-bootstrap .outerhref-one .col-inner-grey, .strath-bootstrap .outerhref-two .col-inner-grey, .strath-bootstrap .outerhref-three .col-inner-grey {
    background: #e9ecef; }
  .strath-bootstrap .outerhref-one .col-inner-white, .strath-bootstrap .outerhref-two .col-inner-white, .strath-bootstrap .outerhref-three .col-inner-white {
    background: #fff;
    border-bottom: 5px solid #495057;
    border-right: 1px solid #e9ecef;
    border-left: 1px solid #e9ecef; }
    .strath-bootstrap .outerhref-one .col-inner-white:hover, .strath-bootstrap .outerhref-one .col-inner-white:hover > h3, .strath-bootstrap .outerhref-two .col-inner-white:hover, .strath-bootstrap .outerhref-two .col-inner-white:hover > h3, .strath-bootstrap .outerhref-three .col-inner-white:hover, .strath-bootstrap .outerhref-three .col-inner-white:hover > h3 {
      background-color: #6c757d;
      color: #fff; }
  .strath-bootstrap .image-round img {
    height: auto;
    width: 100%;
    max-width: 350px;
    border-radius: 50%;
    max-width: 350px; }
  .strath-bootstrap blockquote > p {
    display: inline-block; }
  @media screen and (max-width: 1140px) {
    .strath-bootstrap .block-outer-white, .strath-bootstrap .block-outer-grey {
      padding: 2rem; }
      .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section {
        padding: 0; }
        .strath-bootstrap .block-outer-white > section .col-sm-6-strath, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath {
          padding-top: 0; }
    .strath-bootstrap .block-outer-background > section {
      padding: 0; }
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      margin-top: 0;
      margin-bottom: -2rem;
      padding-left: 0; } }
  @media screen and (min-width: 990px) and (max-width: 1040px) {
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      margin-top: 0rem; }
      .strath-bootstrap .block-outer-grey-stand-alone > section > h2, .strath-bootstrap .block-outer-white-stand-alone > section > h2 {
        padding-left: 2rem; } }
  @media screen and (max-width: 992px) {
    .strath-bootstrap .block-outer-background > section {
      padding: 0; }
      .strath-bootstrap .block-outer-background > section .background {
        padding: 0 1rem 0; }
      .strath-bootstrap .block-outer-background > section .card-body {
        -webkit-column-count: 1;
        column-count: 1; }
    .strath-bootstrap .block-outer-white, .strath-bootstrap .block-outer-grey {
      padding: 2rem; }
      .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section {
        padding: 0; }
        .strath-bootstrap .block-outer-white > section .randomise:nth-child(n+3), .strath-bootstrap .block-outer-grey > section .randomise:nth-child(n+3) {
          display: none; }
        .strath-bootstrap .block-outer-white > section .profile, .strath-bootstrap .block-outer-grey > section .profile {
          max-width: 300px; }
        .strath-bootstrap .block-outer-white > section .background, .strath-bootstrap .block-outer-grey > section .background {
          padding: 0 1rem 0; }
    .strath-bootstrap .block-outer-white .card {
      margin-bottom: 1rem; }
    .strath-bootstrap .block-outer {
      padding: 0; }
      .strath-bootstrap .block-outer .outerhref-one, .strath-bootstrap .block-outer .outerhref-two, .strath-bootstrap .block-outer .outerhref-three, .strath-bootstrap .block-outer .col-sm-6 {
        margin: 1rem; }
      .strath-bootstrap .block-outer > section {
        padding: 1rem;
        margin-bottom: 0; }
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      margin-top: 0;
      margin-bottom: 0; }
      .strath-bootstrap .block-outer-grey-stand-alone > section > h2, .strath-bootstrap .block-outer-white-stand-alone > section > h2 {
        padding-left: 2rem;
        margin-bottom: -2rem; } }
  @media screen and (max-width: 800px) {
    .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section {
      margin-bottom: 0; }
      .strath-bootstrap .block-outer-white > section .col-sm-6, .strath-bootstrap .block-outer-grey > section .col-sm-6 {
        margin-bottom: 1rem; }
      .strath-bootstrap .block-outer-white > section .profile, .strath-bootstrap .block-outer-grey > section .profile {
        margin-bottom: 2rem; }
      .strath-bootstrap .block-outer-white > section .col-sm, .strath-bootstrap .block-outer-grey > section .col-sm {
        margin-bottom: 10px; }
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      /*margin-top: -6.5rem; */ }
      .strath-bootstrap .block-outer-grey-stand-alone > section > h2, .strath-bootstrap .block-outer-white-stand-alone > section > h2 {
        padding-left: 2rem;
        margin-bottom: -15px;
        margin-top: 1rem; } }
  @media screen and (max-width: 500px) {
    .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section, .strath-bootstrap .block-outer-background > section {
      padding: 0;
      margin-bottom: 0; }
      .strath-bootstrap .block-outer-white > section .col-sm-6, .strath-bootstrap .block-outer-grey > section .col-sm-6, .strath-bootstrap .block-outer-background > section .col-sm-6 {
        margin-bottom: 1rem; } }
  .strath-bootstrap .row > h2, .strath-bootstrap .row h3 {
    width: 100%;
    border-bottom: 0; }
  .strath-bootstrap .half-width-feature {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    background-color: #e9ecef; }
    .strath-bootstrap .half-width-feature h2 {
      margin: 1rem 0 0 1rem;
      color: #002b5c;
      padding-bottom: 1rem; }
    .strath-bootstrap .half-width-feature p {
      color: #002b5c;
      padding: 0 2rem 1rem 1rem; }
      .strath-bootstrap .half-width-feature p > a {
        text-decoration: underline; }
        .strath-bootstrap .half-width-feature p > a:hover {
          background-color: #e9ecef;
          color: #6c757d; }
    .strath-bootstrap .half-width-feature figure {
      margin: 0; }
    .strath-bootstrap .half-width-feature img {
      max-width: 200px;
      float: right;
      margin-left: 0.5rem; }
    .strath-bootstrap .half-width-feature li a {
      display: inline; }
      .strath-bootstrap .half-width-feature li a:hover {
        background-color: #e9ecef;
        text-decoration: underline; }
    .strath-bootstrap .half-width-feature a {
      color: #002b5c;
      display: inline-block;
      width: 100%;
      height: 100%; }
      .strath-bootstrap .half-width-feature a:hover {
        background-color: #6c757d; }
        .strath-bootstrap .half-width-feature a:hover h2, .strath-bootstrap .half-width-feature a:hover p {
          color: #fff; }
  .strath-bootstrap .half-width-feature:nth-of-type(2n) {
    margin: 1rem 1rem 0.5rem 0.5rem; }
  .strath-bootstrap .half-width-feature:nth-of-type(2n+1) {
    margin: 1rem 0.5rem 0.5rem 1rem; }
  @media (max-width: 991.98px) {
    .strath-bootstrap .half-width-feature:nth-of-type(2n) {
      margin: 1rem 0.5rem 0.5rem 1rem; }
    .strath-bootstrap .half-width-feature:nth-of-type(2n+1) {
      margin: 1rem 0.5rem 0.5rem 1rem; }
    .strath-bootstrap .half-width-feature {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 90%; }
      .strath-bootstrap .half-width-feature > img {
        width: 70%; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .half-width-feature img {
      width: 200px;
      margin: 0;
      padding: 0 0 0 1rem; } }
  .strath-bootstrap .search-feature-container-wrapper {
    width: 35% !important;
    max-width: 44em !important;
    margin-top: 40px !important;
    z-index: auto !important; }
  .strath-bootstrap .search-feature-container {
    width: 95% !important; }
  .strath-bootstrap .search-form-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .strath-bootstrap .search-feature-background {
    height: 300px !important; }
  .strath-bootstrap .btn-search-info {
    background-color: #fff;
    font-size: .9rem;
    color: #002b5c;
    padding: 0 0 5% 1%; }
  .strath-bootstrap .searchitemsub p {
    color: #495057;
    font-size: 1rem; }
  .strath-bootstrap .feature-header {
    font-size: 1.6rem; }
  .strath-bootstrap .search-form > h3 {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0;
    color: #002b5c; }
  .strath-bootstrap .search-form label {
    font-size: .9rem;
    font-weight: normal;
    color: #002b5c; }
  .strath-bootstrap .input-group-append {
    color: #002b5c; }
  .strath-bootstrap .input-group-append2 {
    margin-top: 30px; }
  .strath-bootstrap .search-input-group-sticky > input {
    width: 580px;
    margin-top: 30px; }
  .strath-bootstrap .search-input-group-sticky2 {
    background-color: #dee2e6;
    padding: 0 0 20px 20px;
    position: relative;
    width: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .strath-bootstrap .search-input-group-sticky2 > input {
      margin-top: 30px; }
  .strath-bootstrap .input-group-append2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .strath-bootstrap .search-modal-body-section {
    background-color: #e9ecef;
    padding: 5%;
    margin: 3% 0; }
    .strath-bootstrap .search-modal-body-section > h3 {
      font-size: 1.5rem;
      font-weight: bold;
      padding: 0;
      color: #002b5c; }
  .strath-bootstrap .searchstriped:hover > article > section .searchitemsub h2 {
    hover: #fff; }
  .strath-bootstrap .searchstriped {
    width: 100%; }
    .strath-bootstrap .searchstriped > p {
      margin: 2rem 1.33333rem 2rem 0;
      width: 33%;
      color: #343a40; }
  .strath-bootstrap .searchstriped {
    border-top-color: #d1d3dc; }
    .strath-bootstrap .searchstriped > section:nth-of-type(even) {
      background-color: #fff; }
    .strath-bootstrap .searchstriped > section > article {
      width: 35%; }
      .strath-bootstrap .searchstriped > section > article a:hover .searchitemsub > h2 {
        color: #fff; }
    .strath-bootstrap .searchstriped .searchitem > a > .searchitemsub > h2 {
      font-size: 1.2rem;
      font-weight: bold;
      border-bottom: 0 !important;
      color: #002b5c;
      min-height: 0;
      text-decoration: none; }
  .strath-bootstrap .search-feature-body-text-inner > .search-form > h3 {
    padding: 5% 0 0 0; }
  .strath-bootstrap .search-background-image {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); }
  .strath-bootstrap .bs-popover-left {
    background-color: #fff !important;
    width: 30% !important;
    padding: 2% !important; }
  .strath-bootstrap .strath-search-results-fa .col {
    font-size: 0.8rem;
    color: #343a40;
    padding: 0.5rem 2rem; }
  .strath-bootstrap button {
    font-size: .8rem;
    background-color: #d1d3dc;
    padding: 3% 1%;
    float: none;
    color: #222; }
  .strath-bootstrap .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    color: #495057; }
  .strath-bootstrap .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .strath-bootstrap .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #002b5c; }
  .strath-bootstrap .checkbox input[type="checkbox"], .strath-bootstrap .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    border-color: #002b5c; }
  .strath-bootstrap .checkbox input[type="checkbox"]:focus + label::before, .strath-bootstrap .checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .strath-bootstrap .checkbox input[type="checkbox"]:checked + label::after, .strath-bootstrap .checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c"; }
  .strath-bootstrap .checkbox-primary input[type="checkbox"]:checked + label::before, .strath-bootstrap .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #002b5c;
    border-color: #002b5c; }
  .strath-bootstrap .checkbox-primary input[type="checkbox"]:checked + label::after, .strath-bootstrap .checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff; }
  .strath-bootstrap .input-group {
    width: 90% !important; }
  .strath-bootstrap .search-input-group-sticky2 {
    width: 60% !important; }
  .strath-bootstrap .strath-form-control {
    width: 80% !important; }
  @media only screen and (max-width: 1100px) {
    .strath-bootstrap .search-feature-container-wrapper {
      width: 90%;
      margin: 0;
      margin-top: 35px !important; }
    .strath-bootstrap .search-feature-container {
      width: 95% !important;
      margin-left: 0;
      float: left !important;
      padding-left: 2%; }
    .strath-bootstrap .searchstripedfull {
      width: 100%; }
      .strath-bootstrap .searchstripedfull > p {
        margin: 0;
        padding: 2%;
        width: 100%;
        color: #343a40; }
    .strath-bootstrap .searchstriped > section {
      margin-bottom: 0; }
      .strath-bootstrap .searchstriped > section > article {
        width: 100%;
        margin-bottom: 0; }
    .strath-bootstrap .searchstriped > section:nth-of-type(even) {
      padding: 15px 5px; }
    .strath-bootstrap .searchstriped > section:nth-of-type(odd) {
      padding: 15px 5px; } }
  @media only screen and (max-width: 678px) {
    .strath-bootstrap .search-feature-body-text-inner {
      padding: 0px 20px !important; }
    .strath-bootstrap .search-feature-background > .media-container > .search-background-image {
      position: absolute !important;
      padding-top: 100% !important; }
    .strath-bootstrap .search-feature-container {
      width: 100% !important;
      margin-left: 0;
      float: left !important;
      padding-left: 2%;
      position: relative; }
    .strath-bootstrap .searchstripedfull {
      width: 100%; }
      .strath-bootstrap .searchstripedfull > p {
        margin: 0;
        padding: 2%;
        width: 100%;
        color: #343a40; }
    .strath-bootstrap .searchstriped > section {
      margin-bottom: 0; }
      .strath-bootstrap .searchstriped > section > article {
        width: 100%;
        margin-bottom: 0; }
    .strath-bootstrap .searchstriped > section:nth-of-type(even) {
      padding: 15px 5px; }
    .strath-bootstrap .searchstriped > section:nth-of-type(odd) {
      padding: 15px 5px; } }
  @media only screen and (max-width: 400px) {
    .strath-bootstrap .search-feature-container-wrapper {
      margin-top: 15px !important; } }
  .strath-bootstrap .two-columns {
    background: #fff;
    font-size: 1rem;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important; }
    .strath-bootstrap .two-columns .column {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      float: none;
      margin: 0; }
      .strath-bootstrap .two-columns .column.vertical-align-top,
      .strath-bootstrap .two-columns .column.vertical-align-top .column-inner {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .strath-bootstrap .two-columns .column.vertical-align-middle,
      .strath-bootstrap .two-columns .column.vertical-align-middle .column-inner {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .strath-bootstrap .two-columns .column.vertical-align-bottom,
      .strath-bootstrap .two-columns .column.vertical-align-bottom .column-inner {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
    .strath-bootstrap .two-columns .column {
      margin-left: -1px !important; }
    .strath-bootstrap .two-columns .column-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-flex: 1;
      flex: 1;
      -ms-flex: auto; }
      .strath-bootstrap .two-columns .column-inner ul.grey-block-button-list li:before {
        display: none !important; }
      .strath-bootstrap .two-columns .column-inner h2,
      .strath-bootstrap .two-columns .column-inner h3,
      .strath-bootstrap .two-columns .column-inner h4,
      .strath-bootstrap .two-columns .column-inner .banner-buttons .banner-button-header h2,
      .strath-bootstrap .banner-buttons .banner-button-header .two-columns .column-inner h2,
      .strath-bootstrap .two-columns .column-inner .results .result h3,
      .strath-bootstrap .results .result .two-columns .column-inner h3,
      .strath-bootstrap .two-columns .column-inner .course-search-2019 .searchstriped > section > article > .staff h3,
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .two-columns .column-inner h3,
      .strath-bootstrap .two-columns .column-inner p,
      .strath-bootstrap .two-columns .column-inner ul,
      .strath-bootstrap .two-columns .column-inner li,
      .strath-bootstrap .two-columns .column-inner blockquote,
      .strath-bootstrap .two-columns .column-inner a {
        max-width: 100%; }
      .strath-bootstrap .two-columns .column-inner > * {
        -ms-flex-negative: 0; }
    .strath-bootstrap .two-columns .full p,
    .strath-bootstrap .two-columns .full blockquote {
      max-width: 800px; }
    .strath-bootstrap .two-columns .half,
    .strath-bootstrap .two-columns .third,
    .strath-bootstrap .two-columns .two-thirds {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .half.has-sibling,
        .strath-bootstrap .two-columns .third.has-sibling,
        .strath-bootstrap .two-columns .two-thirds.has-sibling {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .half,
        .strath-bootstrap .two-columns .third,
        .strath-bootstrap .two-columns .two-thirds {
          padding-top: 0rem;
          padding-bottom: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .half {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .half {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .third {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .third {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .third.has-sibling {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .third.has-sibling {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .third.has-sibling {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .two-thirds {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .two-thirds {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .two-thirds.has-sibling {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .two-thirds.has-sibling {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .two-thirds.has-sibling {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    .strath-bootstrap .two-columns .full {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .full {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
      .strath-bootstrap .two-columns .full ~ .column {
        display: none; }
    .strath-bootstrap .two-columns .image-fill .column-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%; }
      .strath-bootstrap .two-columns .image-fill .column-inner p {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 0;
        height: 100%; }
        .strath-bootstrap .two-columns .image-fill .column-inner p:nth-child(2) {
          display: none; }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .image-fill img {
        min-width: 100%;
        max-width: none;
        min-height: 100%;
        width: auto; } }
    .strath-bootstrap .two-columns img {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      max-width: 100%;
      width: 100%;
      height: auto;
      margin-bottom: 0.5rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns img {
          width: auto;
          margin-bottom: 0; } }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns img ~ img {
          margin-left: 1rem; } }
    .strath-bootstrap .two-columns .embed-responsive {
      margin-bottom: 1rem; }
    .strath-bootstrap .two-columns p,
    .strath-bootstrap .two-columns li {
      color: #495057;
      line-height: 1.4; }
    .strath-bootstrap .two-columns p:last-child {
      margin-bottom: 0; }
    .strath-bootstrap .two-columns blockquote {
      font-weight: bold;
      line-height: 1.4;
      font-size: 1.4rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns blockquote {
          max-width: 400px; } }
      .strath-bootstrap .two-columns blockquote:before, .strath-bootstrap .two-columns blockquote:after {
        color: #ced4da; }
      .strath-bootstrap .two-columns blockquote p {
        display: inline;
        color: #212529;
        font-size: 1.3rem; }
        .strath-bootstrap .two-columns blockquote p a {
          color: #212529;
          text-decoration: underline; }
          .strath-bootstrap .two-columns blockquote p a:hover {
            color: #6c757d; }
    .strath-bootstrap .two-columns .leading-text,
    .strath-bootstrap .two-columns .trailing-text {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 992px) {
        .strath-bootstrap .two-columns .leading-text,
        .strath-bootstrap .two-columns .trailing-text {
          -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .two-columns .leading-text,
        .strath-bootstrap .two-columns .trailing-text {
          padding-left: 0;
          padding-right: 0; } }
    .strath-bootstrap .two-columns .leading-text {
      padding: 1rem 1rem 0 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .leading-text {
          padding: 4rem 1rem 1rem 1rem; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .two-columns .leading-text {
          padding: 4rem 15px 2rem 15px; } }
    .strath-bootstrap .two-columns .trailing-text {
      padding: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .trailing-text {
          padding: 2rem 1rem 4rem 1rem; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .two-columns .trailing-text {
          padding: 2rem 15px 4rem 15px; } }
    .strath-bootstrap .two-columns .column-left,
    .strath-bootstrap .two-columns .column:first-child {
      float: none;
      margin-right: 0;
      margin-left: 0; }
      .strath-bootstrap .two-columns .column-left.padded,
      .strath-bootstrap .two-columns .column:first-child.padded {
        padding: 1.25rem 1rem;
        margin: 0; }
        .strath-bootstrap .two-columns .column-left.padded .column-inner > *:last-child,
        .strath-bootstrap .two-columns .column:first-child.padded .column-inner > *:last-child {
          margin-bottom: 0; }
    .strath-bootstrap .two-columns .block-grid-item p a:hover, .strath-bootstrap .two-columns .block-grid-item li a:hover {
      background: transparent; }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-left,
      .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 2rem 1rem;
        margin: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .padded.column-left,
      .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 2rem 2rem 2rem 15px; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-left,
      .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 4rem 2rem 4rem 15px; } }
    @media (min-width: 1200px) {
      .strath-bootstrap .two-columns .padded.column-left,
      .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 4rem 2rem 4rem 15px; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-left:not(.has-sibling),
      .strath-bootstrap .two-columns .padded.column:first-child:not(.has-sibling) {
        padding-right: 0; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-left.has-leading,
      .strath-bootstrap .two-columns .padded.column:first-child.has-leading {
        padding-top: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-left.has-trailing,
      .strath-bootstrap .two-columns .padded.column:first-child.has-trailing {
        padding-bottom: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-right,
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 2rem 1rem;
        margin: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .padded.column-right,
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 2rem 15px 2rem 2rem; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-right,
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 4rem 15px 4rem 2rem; } }
    @media (min-width: 1200px) {
      .strath-bootstrap .two-columns .padded.column-right,
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 4rem 15px 4rem 2rem; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .padded.column-right:not(.has-sibling),
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2):not(.has-sibling) {
        padding-right: 1rem; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-right:not(.has-sibling),
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2):not(.has-sibling) {
        padding-right: 0; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-right.has-leading,
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2).has-leading {
        padding-top: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-right.has-trailing,
      .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2).has-trailing {
        padding-bottom: 0rem; } }
    .strath-bootstrap .two-columns h1,
    .strath-bootstrap .two-columns h2,
    .strath-bootstrap .two-columns h3,
    .strath-bootstrap .two-columns h4,
    .strath-bootstrap .two-columns .banner-buttons .banner-button-header h2,
    .strath-bootstrap .banner-buttons .banner-button-header .two-columns h2,
    .strath-bootstrap .two-columns .results .result h3,
    .strath-bootstrap .results .result .two-columns h3,
    .strath-bootstrap .two-columns .course-search-2019 .searchstriped > section > article > .staff h3,
    .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .two-columns h3,
    .strath-bootstrap .two-columns h5,
    .strath-bootstrap .two-columns .news-events h3,
    .strath-bootstrap .news-events .two-columns h3,
    .strath-bootstrap .two-columns .news-events h3 a,
    .strath-bootstrap .news-events h3 .two-columns a,
    .strath-bootstrap .two-columns .news-events li.news-events-item .block-grid-item-text h3,
    .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .two-columns h3,
    .strath-bootstrap .two-columns .news-events li.news-events-item2 .block-grid-item-text h3,
    .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .two-columns h3 {
      font-weight: bold;
      border-bottom: 0;
      padding-bottom: 0;
      color: #002b5c;
      min-height: 0; }
    .strath-bootstrap .two-columns.white-bg .grey-bg.column-inner,
    .strath-bootstrap .two-columns.grey-bg .white-bg.column-inner {
      padding: 1rem;
      height: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns.white-bg .grey-bg.column-inner,
        .strath-bootstrap .two-columns.grey-bg .white-bg.column-inner {
          padding: 1.5rem; } }
      @media (min-width: 768px) {
        .strath-bootstrap .two-columns.white-bg .grey-bg.column-inner,
        .strath-bootstrap .two-columns.grey-bg .white-bg.column-inner {
          padding: 2rem; } }
    .strath-bootstrap .two-columns .btn.btn-primary, .strath-bootstrap .two-columns .call-to-action-link a.btn, .strath-bootstrap .call-to-action-link .two-columns a.btn, .strath-bootstrap .two-columns a.btn.call-to-action-link, .strath-bootstrap .two-columns .button-container a.btn, .strath-bootstrap .button-container .two-columns a.btn, .strath-bootstrap .two-columns .orange-button a.btn, .strath-bootstrap .orange-button .two-columns a.btn {
      font-weight: bold;
      margin-top: 1rem;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .btn.btn-primary, .strath-bootstrap .two-columns .call-to-action-link a.btn, .strath-bootstrap .call-to-action-link .two-columns a.btn, .strath-bootstrap .two-columns a.btn.call-to-action-link, .strath-bootstrap .two-columns .button-container a.btn, .strath-bootstrap .button-container .two-columns a.btn, .strath-bootstrap .two-columns .orange-button a.btn, .strath-bootstrap .orange-button .two-columns a.btn {
          width: auto; } }
    .strath-bootstrap .two-columns table {
      margin-bottom: 2rem; }
      .strath-bootstrap .two-columns table tr,
      .strath-bootstrap .two-columns table thead {
        border-bottom: 2px solid #e9ecef; }
      .strath-bootstrap .two-columns table tr:last-child {
        border-bottom: 0; }
      .strath-bootstrap .two-columns table th,
      .strath-bootstrap .two-columns table td {
        padding: 1rem 0;
        vertical-align: top; }
      .strath-bootstrap .two-columns table th,
      .strath-bootstrap .two-columns table td {
        padding-left: 1rem;
        padding-right: 1rem; }
      .strath-bootstrap .two-columns table tr > *:first-child {
        padding-left: 0;
        padding-right: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns table tr > *:first-child {
            padding-right: 2rem; } }
      .strath-bootstrap .two-columns table tr > *:last-child {
        padding-left: 1rem;
        padding-right: 0; }
      .strath-bootstrap .two-columns table h2,
      .strath-bootstrap .two-columns table h3,
      .strath-bootstrap .two-columns table h4,
      .strath-bootstrap .two-columns table .banner-buttons .banner-button-header h2,
      .strath-bootstrap .banner-buttons .banner-button-header .two-columns table h2,
      .strath-bootstrap .two-columns table .results .result h3,
      .strath-bootstrap .results .result .two-columns table h3,
      .strath-bootstrap .two-columns table .course-search-2019 .searchstriped > section > article > .staff h3,
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .two-columns table h3,
      .strath-bootstrap .two-columns table h5,
      .strath-bootstrap .two-columns table .news-events h3,
      .strath-bootstrap .news-events .two-columns table h3,
      .strath-bootstrap .two-columns table .news-events h3 a,
      .strath-bootstrap .news-events h3 .two-columns table a,
      .strath-bootstrap .two-columns table .news-events li.news-events-item .block-grid-item-text h3,
      .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .two-columns table h3,
      .strath-bootstrap .two-columns table .news-events li.news-events-item2 .block-grid-item-text h3,
      .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .two-columns table h3 {
        font-size: 1rem; }
    .strath-bootstrap .two-columns .column-inner.grey-bg tr,
    .strath-bootstrap .two-columns .column-inner.grey-bg thead {
      border-bottom: 2px solid #ced4da; }
    .strath-bootstrap .two-columns .column-inner.grey-bg tr:last-child {
      border-bottom: 0; }
    .strath-bootstrap .two-columns .nav-tabs {
      border-bottom: 4px solid #adb5bd;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .strath-bootstrap .two-columns .nav-tabs .nav-link {
        font-size: 1.4rem;
        font-weight: bold;
        color: #002b5c;
        position: relative;
        padding-bottom: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .nav-tabs .nav-link {
            text-align: center;
            padding-top: 0;
            height: 100%;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end; } }
        .strath-bootstrap .two-columns .nav-tabs .nav-link.active {
          background: transparent; }
          .strath-bootstrap .two-columns .nav-tabs .nav-link.active:before {
            display: block;
            content: ' ';
            position: absolute;
            bottom: 0;
            left: calc(50% - 12px);
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 12px solid #002b5c; }
      .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs {
        display: block;
        border-bottom: 0; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs {
            border-bottom: 4px solid #ced4da;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; } }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-item {
            margin-bottom: 0; } }
        .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link {
          width: 100%;
          border: 1px solid #fff; }
          .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link.active:before {
            display: none; }
            @media (min-width: 576px) {
              .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link.active:before {
                display: block; } }
          @media (min-width: 576px) {
            .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link.grey-block-button {
              background: transparent; } }
          @media (min-width: 576px) {
            .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link:after {
              display: none; } }
          @media (min-width: 576px) {
            .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link {
              width: auto;
              border: 0;
              margin-bottom: 0; } }
    .strath-bootstrap .two-columns .course-module {
      margin-bottom: 2rem; }
      .strath-bootstrap .two-columns .course-module:last-child {
        margin-bottom: 0; }
      .strath-bootstrap .two-columns .course-module.accordion {
        margin-bottom: 0.5rem; }
        .strath-bootstrap .two-columns .course-module.accordion.last-module-in-group {
          margin-bottom: 2rem; }
        .strath-bootstrap .two-columns .course-module.accordion:last-child {
          margin-bottom: 0; }
        .strath-bootstrap .two-columns .course-module.accordion .course-module-content-inner {
          padding: 1rem 0; }
        .strath-bootstrap .two-columns .course-module.accordion .grey-block-button {
          margin-bottom: 0;
          cursor: pointer; }
    .strath-bootstrap .two-columns .course-module-subheader {
      margin-bottom: 1rem; }
    .strath-bootstrap .two-columns.white-bg.has-content {
      border-bottom: 1px solid #e9ecef; }
    .strath-bootstrap .two-columns.gray-200-bg.has-content, .strath-bootstrap .two-columns.grey-bg.has-content {
      border-bottom: 1px solid #fff; }
    .strath-bootstrap .two-columns.white-bg .tab-content,
    .strath-bootstrap .two-columns.white-bg .tab-pane,
    .strath-bootstrap .two-columns.white-bg .grey-block-button,
    .strath-bootstrap .two-columns.white-bg .grey-block-button.active,
    .strath-bootstrap .two-columns .column-inner.white-bg .tab-content,
    .strath-bootstrap .two-columns .column-inner.white-bg .tab-pane,
    .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button,
    .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button.active {
      background: #e9ecef; }
    .strath-bootstrap .two-columns.white-bg .tab-pane table tr,
    .strath-bootstrap .two-columns .column-inner.white-bg .tab-pane table tr {
      border-bottom: 2px solid #ced4da; }
    .strath-bootstrap .two-columns.white-bg .grey-block-button:hover,
    .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button:hover {
      background: #dee2e6; }
    .strath-bootstrap .two-columns.white-bg .grey-block-button-back,
    .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button-back {
      background: #e9ecef; }
    .strath-bootstrap .two-columns.gray-200-bg .tab-content,
    .strath-bootstrap .two-columns.gray-200-bg .tab-pane,
    .strath-bootstrap .two-columns.gray-200-bg .grey-block-button,
    .strath-bootstrap .two-columns.gray-200-bg .grey-block-button.active, .strath-bootstrap .two-columns.grey-bg .tab-content,
    .strath-bootstrap .two-columns.grey-bg .tab-pane,
    .strath-bootstrap .two-columns.grey-bg .grey-block-button,
    .strath-bootstrap .two-columns.grey-bg .grey-block-button.active,
    .strath-bootstrap .two-columns .column-inner.gray-200-bg .tab-content,
    .strath-bootstrap .two-columns .column-inner.gray-200-bg .tab-pane,
    .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button,
    .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button.active,
    .strath-bootstrap .two-columns .column-inner.grey-bg .tab-content,
    .strath-bootstrap .two-columns .column-inner.grey-bg .tab-pane,
    .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button,
    .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button.active {
      background: #fff; }
    .strath-bootstrap .two-columns.gray-200-bg .grey-block-button:hover, .strath-bootstrap .two-columns.grey-bg .grey-block-button:hover,
    .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button:hover,
    .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button:hover {
      background: #f8f9fa; }
    .strath-bootstrap .two-columns.gray-200-bg .grey-block-button-back, .strath-bootstrap .two-columns.grey-bg .grey-block-button-back,
    .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button-back,
    .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button-back {
      background: #e9ecef; }
    .strath-bootstrap .two-columns.white-bg .tab-pane .course-module-title.grey-block-button {
      background: #fff; }
    .strath-bootstrap .two-columns.grey-bg .tab-pane .course-module-title.grey-block-button {
      background: #e9ecef; }
    .strath-bootstrap .two-columns .tab-content {
      width: 100%; }
      .strath-bootstrap .two-columns .tab-content .tab-pane {
        padding: 1rem;
        max-width: 800px;
        display: block;
        z-index: 100; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .tab-content .tab-pane {
            padding: 1.5rem;
            display: none; } }
        @media (min-width: 768px) {
          .strath-bootstrap .two-columns .tab-content .tab-pane {
            padding: 2rem; } }
        .strath-bootstrap .two-columns .tab-content .tab-pane.active {
          display: block !important; }
      .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-pane {
        padding: 0; }
      .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-inner {
        padding: 1rem 1rem 1rem 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-inner {
            padding: 1.5rem; } }
        @media (min-width: 768px) {
          .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-inner {
            padding: 2rem; } }
  .strath-bootstrap.course-page header.course-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 2px solid #e9ecef;
    /*.apply-pt {margin-top:$padding;}*/ }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page header.course-header {
        min-height: 150px; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page header.course-header {
        min-height: 200px; } }
    .strath-bootstrap.course-page header.course-header h1 {
      font-weight: bold;
      color: #002b5c;
      margin-top: 1rem;
      margin-bottom: 1rem;
      max-width: 800px;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page header.course-header h1 {
          width: auto;
          padding-right: 1rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap.course-page header.course-header h1 {
          margin-top: 2rem;
          margin-bottom: 2rem;
          font-size: 3rem; } }
    .strath-bootstrap.course-page header.course-header .superscript {
      font-size: 1.6rem;
      display: block; }
    .strath-bootstrap.course-page header.course-header .container {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .strath-bootstrap.course-page header.course-header .apply-button {
      margin-bottom: 1rem;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page header.course-header .apply-button {
          width: auto; } }
      @media (min-width: 992px) {
        .strath-bootstrap.course-page header.course-header .apply-button {
          margin-bottom: 2rem;
          padding: 1rem 1.5rem; } }
  .strath-bootstrap.course-page .course-information {
    background: #e9ecef; }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page .course-information {
        padding: 2rem 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page .course-information {
        padding: 3rem 0; } }
    .strath-bootstrap.course-page .course-information .container {
      padding: 1rem; }
    .strath-bootstrap.course-page .course-information blockquote {
      font-weight: bold;
      line-height: 1.4; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-information blockquote {
          max-width: 500px; } }
      .strath-bootstrap.course-page .course-information blockquote:before, .strath-bootstrap.course-page .course-information blockquote:after {
        color: #adb5bd; }
      .strath-bootstrap.course-page .course-information blockquote p {
        display: inline;
        color: #212529;
        font-size: 1.3rem; }
        .strath-bootstrap.course-page .course-information blockquote p:last-child {
          margin-bottom: 0; }
  .strath-bootstrap.course-page .key-facts,
  .strath-bootstrap.course-page .course-overview {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .strath-bootstrap.course-page .key-facts {
    background: #fff;
    padding: 0; }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page .key-facts {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page .key-facts {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    .strath-bootstrap.course-page .key-facts ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    .strath-bootstrap.course-page .key-facts li {
      padding: 0.75rem 0;
      border-bottom: 1px solid #e9ecef;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      line-height: 1.4; }
      .strath-bootstrap.course-page .key-facts li:first-child {
        padding-top: 0; }
      .strath-bootstrap.course-page .key-facts li:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
    .strath-bootstrap.course-page .key-facts .fa {
      margin-right: 0.75rem;
      min-width: 20px; }
    .strath-bootstrap.course-page .key-facts p {
      margin-bottom: 0; }
  .strath-bootstrap.course-page .course-overview {
    padding: 2rem 1rem;
    border-bottom: 1px solid #e9ecef;
    margin-left: -1px; }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page .course-overview {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding: 1rem 2rem;
        border-bottom: 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page .course-overview {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding: 1rem 2rem; } }
    .strath-bootstrap.course-page .course-overview h2 {
      border-bottom: 0;
      padding-bottom: 0;
      font-weight: bold;
      color: #002b5c; }
  .strath-bootstrap.course-page nav.course-page-nav {
    background: #fff;
    border-bottom: 4px solid #ced4da;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1070; }
    .strath-bootstrap.course-page nav.course-page-nav .container {
      position: relative;
      padding: 0;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .strath-bootstrap.course-page nav.course-page-nav .menu-pointer {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 0;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #002b5c;
      transition: 0.1s; }
    .strath-bootstrap.course-page nav.course-page-nav a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-weight: bold;
      color: #002b5c;
      padding: 1.5rem 1rem;
      height: 100%;
      text-align: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      transition: 0.2s; }
      @media (min-width: 992px) {
        .strath-bootstrap.course-page nav.course-page-nav a:hover {
          background: #dee2e6; } }
      .strath-bootstrap.course-page nav.course-page-nav a.apply.apply-active {
        background: #018489;
        color: #fff; }
  .strath-bootstrap.course-page .btn-off-canvas-reveal {
    background: #e9ecef; }
    .strath-bootstrap.course-page .btn-off-canvas-reveal:after {
      content: '/f054';
      font-family: "FontAwesome";
      float: right; }
  .strath-bootstrap.course-page .off-canvas {
    position: fixed;
    background: white;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: 0.2s;
    z-index: 1040; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .off-canvas {
        padding-top: 0;
        position: relative;
        left: 0;
        height: auto;
        overflow: hidden;
        z-index: 10; } }
    .strath-bootstrap.course-page .off-canvas.open {
      left: 0;
      -webkit-overflow-scrolling: touch; }
  .strath-bootstrap.course-page .off-canvas-button-wrapper {
    padding: 0 1rem;
    margin: 0.5rem 0; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .off-canvas-button-wrapper {
        padding: 0;
        margin: 0; } }
    .strath-bootstrap.course-page .off-canvas-button-wrapper.first-button {
      margin-top: 1.25rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .off-canvas-button-wrapper.first-button {
          margin-top: 0; } }
    .strath-bootstrap.course-page .off-canvas-button-wrapper.last-button {
      margin-bottom: 1.25rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .off-canvas-button-wrapper.last-button {
          margin-bottom: 0; } }
  .strath-bootstrap.course-page .off-canvas-button-close {
    top: 0;
    z-index: 100; }
  .strath-bootstrap.course-page .accordion {
    width: 100%; }
    .strath-bootstrap.course-page .accordion:last-of-type .accordion-title {
      margin-bottom: 0; }
    .strath-bootstrap.course-page .accordion:last-of-type .accordion-content {
      padding-top: 1rem; }
    .strath-bootstrap.course-page .accordion .accordion-title {
      margin-bottom: 1rem; }
  .strath-bootstrap.course-page .pgr-opportunity {
    background: #fff;
    transition: 0.2s; }
    .strath-bootstrap.course-page .pgr-opportunity:hover {
      background: #6c757d; }
      .strath-bootstrap.course-page .pgr-opportunity:hover a *,
      .strath-bootstrap.course-page .pgr-opportunity:hover a .pgr-opportunity-details *,
      .strath-bootstrap.course-page .pgr-opportunity:hover .pgr-opportunity-details div .fa {
        color: #fff; }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 1rem; }
    .strath-bootstrap.course-page .pgr-opportunity h3 {
      font-size: 1.4rem; }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-info {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-info {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; } }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-description {
      margin-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-description {
          margin-right: 1rem;
          margin-bottom: 0; } }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      min-width: 180px;
      margin-bottom: 0.25rem;
      color: #000; }
      .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div .fa {
        margin-right: 0.5rem;
        color: #002b5c; }
      .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div h4, .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div .banner-buttons .banner-button-header h2, .strath-bootstrap.course-page .banner-buttons .banner-button-header .pgr-opportunity .pgr-opportunity-details div h2, .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div .results .result h3, .strath-bootstrap.course-page .results .result .pgr-opportunity .pgr-opportunity-details div h3, .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap.course-page .course-search-2019 .searchstriped > section > article > .staff .pgr-opportunity .pgr-opportunity-details div h3 {
        font-size: 1rem;
        margin-right: 0.25rem;
        margin-bottom: 0;
        line-height: 1.4; }
  @media (min-width: 576px) {
    .strath-bootstrap.course-page .two-columns.course-contact .column.padded {
      margin-bottom: 1rem; } }
  @media (min-width: 768px) {
    .strath-bootstrap.course-page .two-columns.course-contact .column.padded {
      margin-bottom: 2rem; } }
  .strath-bootstrap.course-page .two-columns.course-contact .column.padded:last-child {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .two-columns.course-contact h4.has-title, .strath-bootstrap.course-page .two-columns.course-contact .banner-buttons .banner-button-header h2.has-title, .strath-bootstrap.course-page .banner-buttons .banner-button-header .two-columns.course-contact h2.has-title, .strath-bootstrap.course-page .two-columns.course-contact .results .result h3.has-title, .strath-bootstrap.course-page .results .result .two-columns.course-contact h3.has-title, .strath-bootstrap.course-page .two-columns.course-contact .course-search-2019 .searchstriped > section > article > .staff h3.has-title, .strath-bootstrap.course-page .course-search-2019 .searchstriped > section > article > .staff .two-columns.course-contact h3.has-title {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .two-columns.course-contact .d-flex {
    width: 100%; }
  .strath-bootstrap.course-page .two-columns.course-contact .d-flex h4, .strath-bootstrap.course-page .two-columns.course-contact .d-flex .banner-buttons .banner-button-header h2, .strath-bootstrap.course-page .banner-buttons .banner-button-header .two-columns.course-contact .d-flex h2, .strath-bootstrap.course-page .two-columns.course-contact .d-flex .results .result h3, .strath-bootstrap.course-page .results .result .two-columns.course-contact .d-flex h3, .strath-bootstrap.course-page .two-columns.course-contact .d-flex .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap.course-page .course-search-2019 .searchstriped > section > article > .staff .two-columns.course-contact .d-flex h3 {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .two-columns.course-contact .contact-modal-button {
    margin-top: 0;
    margin-left: auto; }
  .strath-bootstrap.course-page .two-columns.supervisors table th,
  .strath-bootstrap.course-page .two-columns.supervisors table th p {
    font-size: 1.4rem;
    color: #002b5c; }
  .strath-bootstrap.course-page .two-columns.supervisors table td:first-child {
    font-size: 1.2rem;
    font-weight: bold; }
  .strath-bootstrap.course-page .two-columns.supervisors table td *:last-child {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .apply-master {
    padding-bottom: 2rem; }
    .strath-bootstrap.course-page .apply-master.grey-bg .course-apply .column-inner {
      background: #fff; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .apply-master.grey-bg .has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(odd) {
        border-right: 1px solid #e9ecef; } }
    .strath-bootstrap.course-page .apply-master.white-bg .course-apply .column-inner {
      background: #e9ecef; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .apply-master.white-bg .has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(odd) {
        border-right: 1px solid #ced4da; } }
  .strath-bootstrap.course-page .apply-master-has-trailing .course-apply .column:last-of-type {
    padding-bottom: 0; }
  .strath-bootstrap.course-page .course-apply {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 0 !important; }
    .strath-bootstrap.course-page .course-apply:last-of-type {
      padding-bottom: 0; }
    .strath-bootstrap.course-page .course-apply .leading-text {
      padding-top: 0; }
    .strath-bootstrap.course-page .course-apply .column-left.padded {
      padding-bottom: 2rem; }
    .strath-bootstrap.course-page .course-apply .column-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply .column-inner {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          padding: 2rem; } }
    .strath-bootstrap.course-page .course-apply .course-apply-information {
      padding-right: 1rem;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin-bottom: 1rem;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply .course-apply-information {
          margin-bottom: 0; } }
      .strath-bootstrap.course-page .course-apply .course-apply-information .fa {
        width: 20px;
        margin-right: 0.5rem;
        text-align: center; }
      .strath-bootstrap.course-page .course-apply .course-apply-information p {
        line-height: 1.6rem; }
    .strath-bootstrap.course-page .course-apply .course-apply-button a {
      display: inline-block;
      text-align: center;
      margin-top: 0;
      white-space: nowrap; }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .column-inner {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-information {
      margin-bottom: 1.5rem; }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-buttons {
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-buttons {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; } }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button {
      margin-bottom: 1.5rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button {
          width: 50%;
          margin-bottom: 0; } }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(odd) {
          padding-right: 2rem; } }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(even) {
          padding-left: 2rem; } }
      .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button .btn {
        margin-top: auto; }
  .strath-bootstrap.course-page .apply-master.white-bg .course-apply .column-inner {
    background: #e9ecef; }
  .strath-bootstrap.course-page .apply-master.white-bg .tab-inner .course-apply .column-inner {
    background: #fff; }
  .strath-bootstrap.course-page .apply-master.grey-bg .course-apply .column-inner {
    background: #fff; }
  .strath-bootstrap.course-page .apply-master.grey-bg .tab-inner .course-apply .column-inner {
    background: #e9ecef; }
  .strath-bootstrap .course-search-2019 {
    /*position: relative; */
    top: 0;
    z-index: 50;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    /*.course-search-noscroll {background-color:$white; }
.course-search-scroll {/*background-color: $gray-600!important;*/
    /*color:$white!important;}*/
    /*.suggestions{background-color: $white; color:$corpblue; margin-left:$padding;}*/
    /*Right*/ }
    .strath-bootstrap .course-search-2019 .course-page-nav {
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding-top: 0; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 480px;
      background-color: #fff; }
    .strath-bootstrap .course-search-2019 .course-search-img {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 #mundane {
      height: 100%;
      width: 100%;
      background: url("https://www.strath.ac.uk/media/1newwebsite/courses/backgrounds/pgt/supermundane-grey.svg") no-repeat fixed;
      position: absolute;
      margin-top: -3rem; }
    .strath-bootstrap .course-search-2019 .search-button-wrapper {
      margin: 1rem 0 0 7px; }
    .strath-bootstrap .course-search-2019 .btn-course-search {
      width: 400px;
      margin-bottom: 1rem;
      color: #002b5c;
      background-color: #dee2e6;
      border: 1px solid #ced4da !important;
      padding: 1rem 1.33333rem;
      border: 0;
      border-top: 1px solid #ced4da;
      border-bottom: 1px solid #ced4da;
      border-right: 1px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .btn-course-search > span {
        padding: 0 1rem; }
      .strath-bootstrap .course-search-2019 .btn-course-search:hover {
        background-color: #6c757d;
        color: #fff; }
        .strath-bootstrap .course-search-2019 .btn-course-search:hover > .fa-search {
          color: #fff; }
      .strath-bootstrap .course-search-2019 .btn-course-search > .fa-search {
        margin-left: -8px;
        color: #002b5c; }
    .strath-bootstrap .course-search-2019 .btn-course-search-scroll {
      width: 82px;
      padding: 2rem; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      margin-right: 3rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 1rem 1rem 0;
      border-color: transparent #002b5c transparent transparent;
      margin-left: -3rem; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      background-color: #267AAB;
      width: 475px;
      margin: 1rem;
      margin-top: -3rem;
      margin-bottom: 0;
      margin-top: -3rem;
      margin-right: 4rem;
      margin-left: -48px; }
      .strath-bootstrap .course-search-2019 .course-feature-header h1 {
        color: #fff;
        margin: 0;
        padding: 1rem 3rem;
        font-size: 1.8rem; }
        .strath-bootstrap .course-search-2019 .course-feature-header h1 > form {
          padding: 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 2rem 2rem 0 2rem;
      display: block; }
      .strath-bootstrap .course-search-2019 .course-search-input-group input {
        margin: 1rem 0 1rem 0.5rem;
        padding: 1rem;
        /*width:450px; height: 60px;*/ }
    .strath-bootstrap .course-search-2019 #search-form input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-search-form-group {
      margin: 1rem 0 0.5rem 0.5rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        color: #495057; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        margin-left: -20px;
        border: 1px solid #495057;
        border-radius: 3px;
        background-color: #fff;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #002b5c; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
        border-color: #002b5c;
        margin-bottom: 0; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input:disabled + label::before {
        border: 2px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-search-form-group input:disabled + label {
        color: #ced4da !important; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:focus + label::before, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:checked + label::after, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:checked + label::after {
        font-family: "FontAwesome";
        content: "\f00c"; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
      color: #fff;
      /*.searchitemsub	> h2 { color:$white; @extend %strath-h2;}	 */ }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      background: #fff !important;
      font-size: 1rem;
      padding: 0;
      margin: 0; }
    .strath-bootstrap .course-search-2019 .fa-info-circle {
      color: #002b5c !important;
      padding-right: 0; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 480px;
      font-weight: bold;
      color: #002b5c;
      font-size: 1.3rem;
      margin-top: 1.33333rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa > .fa {
      color: #fff;
      margin: 0 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      color: #495057;
      padding: 0 2rem; }
      .strath-bootstrap .course-search-2019 .course-search-results-fa:hover {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .searchstriped {
      width: 100%; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > div {
        width: 538px;
        margin: 2% 0; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article {
        width: 480px;
        background-color: #EAEBED;
        margin: 2% 0; }
        .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
          color: #fff; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchitemsub > h2 {
            color: #fff;
            font-size: 1.2rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchstaffsub > h2 {
            color: #002b5c;
            font-size: 1.75rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa > .fa {
            color: #fff; }
    .strath-bootstrap .course-search-2019 .searchitemsub > h2 {
      padding: 1rem 1rem 0 1rem;
      border-bottom: 0 !important;
      text-decoration: none; }
    .strath-bootstrap .course-search-2019 .searchitemsub > p {
      padding: 1rem;
      color: #343a40; }
    .strath-bootstrap .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h4, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h5, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3,
    .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a, .strath-bootstrap .course-search-2019 .searchitemsub .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .course-search-2019 .searchitemsub h3 {
      color: #002b5c;
      padding-left: 2rem; }
    .strath-bootstrap .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h4 a, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub .searchstriped > section > article > .staff h3 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h5 a, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a {
      color: #002b5c;
      text-decoration: underline;
      cursor: pointer;
      padding-left: 2rem; }
      .strath-bootstrap .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a:hover {
        text-decoration: none; }
    .strath-bootstrap .course-search-2019 #search-info {
      text-align: center;
      margin-left: -255px; }
    .strath-bootstrap .course-search-2019 .searchstaffsub {
      padding: 2rem; }
      .strath-bootstrap .course-search-2019 .searchstaffsub:hover {
        background-color: #e9ecef; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h4, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h5, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3,
      .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .course-search-2019 .searchstaffsub h3 {
        padding-left: 0 !important;
        padding: 0; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub .searchstriped > section > article > .staff h3 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a {
        color: #002b5c;
        text-decoration: underline;
        cursor: pointer;
        padding-left: 0;
        text-underline-position: under !important; }
        .strath-bootstrap .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a:hover {
          text-decoration: none; }
    .strath-bootstrap .course-search-2019 .suggestions {
      /* position: absolute;
    top: 100%;*/
      background: #fff;
      padding: 0;
      /*  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);*/
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      z-index: 1000000;
      display: none;
      margin-top: 2rem;
      width: 93%;
      margin-top: -1rem;
      margin-left: 0.65rem; }
      .strath-bootstrap .course-search-2019 .suggestions > ul {
        padding: 0px;
        margin: 0px;
        list-style: none; }
        .strath-bootstrap .course-search-2019 .suggestions > ul > li a {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0;
          display: block;
          color: #002b5c; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs .nav-item {
        margin-bottom: 0;
        line-height: 1; }
    .strath-bootstrap .course-search-2019 .course-list-results ul:after {
      width: 50%; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      list-style-type: none !important; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link {
        height: auto;
        color: #002b5c;
        background-color: #fff;
        font-weight: bold;
        padding: 1rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link:hover {
          padding-bottom: 1.4rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item > .active:hover {
        padding-bottom: 1rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: -26px;
        font-family: FontAwesome;
        content: "\f0d8";
        font-size: 2rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > h3 {
        padding: 2rem 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result {
        width: 654px;
        background-color: #e9ecef;
        margin: 0;
        margin: 4% 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a {
          text-align: start;
          padding: 0; }
          .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover {
            color: #fff; }
            .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover h3, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-list-result__summary, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-search-results-fa {
              color: #fff; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-list-result:last-of-type {
          padding-bottom: 2rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3 {
          padding: 1rem 1rem 0 1rem;
          border-bottom: 0 !important;
          text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-search-results-fa {
          font-weight: normal; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result .course-list-result__summary {
          padding: 1rem;
          color: #343a40;
          font-weight: normal; }
    .strath-bootstrap .course-search-2019 .input-suggestions-container {
      /* padding-left: $padding;*/
      position: relative;
      width: 94%; }
    .strath-bootstrap .course-search-2019 #suggestions__list > li {
      padding: 0.5rem; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item--selected {
      background: #e9ecef;
      padding: 1rem 0; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-dialog {
      top: 0;
      z-index: 205000;
      position: fixed;
      margin: auto;
      width: 320px;
      height: 100%;
      background-color: #fff;
      /* color:#*/
      -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0); }
    .strath-bootstrap .course-search-2019 .modal-content {
      height: 100%;
      overflow-y: auto; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-body {
      padding: 1.33333rem;
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body-wrap {
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body {
      background-color: #e9ecef;
      padding: 1rem;
      margin-bottom: 1rem; }
    .strath-bootstrap .course-search-2019 .modal.right.fade .modal-dialog {
      right: 0;
      transition: opacity 0.3s linear, right 0.3s ease-out; }
    .strath-bootstrap .course-search-2019 .modal.right.fade.in .modal-dialog {
      right: 0; }
    .strath-bootstrap .course-search-2019 .modal-header {
      border-bottom: 0;
      padding-top: 0;
      height: 100%; }
    .strath-bootstrap .course-search-2019 .modal-title {
      margin-top: 0;
      height: 0; }
    .strath-bootstrap .course-search-2019 button.close {
      width: 10%;
      padding-top: .5rem;
      color: #6c757d;
      background-color: #fff;
      line-height: 1em;
      font-size: 3rem; }
    .strath-bootstrap .course-search-2019 .close::hover {
      color: #002b5c; }
    .strath-bootstrap .course-search-2019 h3 {
      font-size: 1.75rem; }
    .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
      font-size: 1.25rem; }
    .strath-bootstrap .course-search-2019 h3, .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
      color: #002b5c;
      font-weight: bold; }
  .strath-bootstrap .hp-course-search__wrapper {
    position: relative; }
  .strath-bootstrap #hp-course-search__suggestions {
    display: none;
    position: absolute;
    z-index: 1000001;
    background: white;
    padding-bottom: 0px;
    width: 100%;
    text-align: left; }
  .strath-bootstrap #hp-course-search__suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .strath-bootstrap #hp-course-search__suggestions li a {
    padding: 10px;
    display: block; }
  .strath-bootstrap .suggestions__list-item--selected {
    background: #eee; }
  @media (max-width: 1599.98px) {
    .strath-bootstrap .course-search-2019 {
      /*  .suggestions > ul > li a {color:green;}*/ }
      .strath-bootstrap .course-search-2019 .searchstriped > section {
        padding: 0; } }
  @media (max-width: 991.98px) {
    .strath-bootstrap .course-search-2019 .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 395px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 400px; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      display: inline-block;
      width: 100%;
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      padding-left: 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: 0;
        float: right; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item {
        width: 100%; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link.show {
          background-color: #adb5bd;
          margin-bottom: 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a {
          text-align: left; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:after {
            font-family: "FontAwesome";
            content: '\f054';
            margin-left: auto;
            transition: .2s;
            float: right; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:hover {
            background-color: #6c757d;
            color: #fff;
            text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link {
          padding: 2rem 0.5rem 1rem 0.5rem;
          margin: 5px;
          background-color: #e9ecef;
          min-height: 75px;
          display: block; }
    .strath-bootstrap .course-search-2019 .nav-link.active:after {
      font-family: "FontAwesome";
      content: "" !important;
      margin-left: auto;
      transition: .2s;
      font-size: 1rem !important;
      margin-bottom: 0; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .fa-flag:before {
      margin-left: 1rem; }
    .strath-bootstrap .course-search-2019 .course-list-results ul > li.course-list-result {
      width: 100%; }
    .strath-bootstrap .course-search-2019 .suggestions {
      margin-left: 0.1rem !important; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
    .strath-bootstrap #search-info {
      text-align: left;
      margin-left: 20px; } }
  @media (max-width: 575.98px) {
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      display: inline-block !important; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 320px;
      margin-left: -15px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 1rem 1rem 0 1rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-feature-header h1 {
      font-size: 1.4rem;
      padding: 1rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      border-color: transparent; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa .ml-auto {
      margin-left: 0 !important; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 320px; } }
  .strath-bootstrap .course-search-2019 .searchstriped .staff-group .dept-group {
    width: 470px;
    margin: 0 auto; }
    .strath-bootstrap .course-search-2019 .searchstriped .staff-group .dept-group h1 {
      margin: 40px 0 0 0; }
  .strath-bootstrap .course-search-2019 .searchstriped > section > article {
    margin: 13.33333px 0; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff {
      padding: 1rem; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff a h2 {
        font-size: 1.5rem; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff a h2, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a a {
        text-decoration: underline;
        text-underline-position: under; }
        .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff a h2:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5 a:hover, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a a:hover {
          text-decoration: underline;
          color: #018489; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h2, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h4, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstriped > section > article > .staff h2, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h3 {
        padding: 0; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3,
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff h5 a, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstriped > section > article > .staff h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstriped > section > article > .staff a a {
        padding-left: 0 !important; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff:hover {
        background: #e9ecef; }
  .strath-bootstrap .staff-search .form-group .suggestions > ul {
    padding: 1rem;
    margin: 0px;
    list-style: none; }
  .strath-bootstrap .staff-search .form-group .suggestions__list-item--selected {
    padding: 0; }
  .strath-bootstrap .grey-block-button-list a, .strath-bootstrap .grey-block-button, .strath-bootstrap .orange-block-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 1.2rem;
    color: #002b5c;
    font-weight: bold;
    padding: 1.25rem 1rem;
    margin-bottom: 0.5rem;
    background: #e9ecef;
    transition: 0.2s;
    cursor: pointer; }
    .strath-bootstrap .grey-block-button-list a:after, .strath-bootstrap .grey-block-button:after, .strath-bootstrap .orange-block-button:after {
      font-family: "FontAwesome";
      content: '\f054';
      margin-left: auto;
      margin-right: 0.5rem;
      transition: 0.2s;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .strath-bootstrap .grey-block-button-list a:hover, .strath-bootstrap .grey-block-button:hover, .strath-bootstrap .orange-block-button:hover {
      background: #6c757d; }
    .strath-bootstrap .grey-block-button-list a.grey-block-button-back, .strath-bootstrap .grey-block-button.grey-block-button-back, .strath-bootstrap .orange-block-button.grey-block-button-back {
      margin-bottom: 0;
      border-bottom: 1px solid #fff;
      background: #e9ecef; }
      .strath-bootstrap .grey-block-button-list a.grey-block-button-back:before, .strath-bootstrap .grey-block-button.grey-block-button-back:before, .strath-bootstrap .orange-block-button.grey-block-button-back:before {
        font-family: "FontAwesome";
        content: '\f053';
        margin-right: 1rem; }
      .strath-bootstrap .grey-block-button-list a.grey-block-button-back:after, .strath-bootstrap .grey-block-button.grey-block-button-back:after, .strath-bootstrap .orange-block-button.grey-block-button-back:after {
        display: none; }
    .strath-bootstrap .grey-block-button-list a[aria-expanded="true"]:after, .strath-bootstrap .grey-block-button[aria-expanded="true"]:after, .strath-bootstrap .orange-block-button[aria-expanded="true"]:after {
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
    .strath-bootstrap .grey-block-button-list a h4, .strath-bootstrap .grey-block-button-list a .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .grey-block-button-list a h2, .strath-bootstrap .grey-block-button-list a .results .result h3, .strath-bootstrap .results .result .grey-block-button-list a h3, .strath-bootstrap .grey-block-button-list a .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .grey-block-button-list a h3, .strath-bootstrap .grey-block-button-list a h5, .strath-bootstrap .grey-block-button-list a .news-events h3, .strath-bootstrap .news-events .grey-block-button-list a h3,
    .strath-bootstrap .grey-block-button-list a .news-events h3 a, .strath-bootstrap .news-events h3 .grey-block-button-list a a, .strath-bootstrap .grey-block-button-list a .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .grey-block-button-list a h3, .strath-bootstrap .grey-block-button-list a .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .grey-block-button-list a h3, .strath-bootstrap .grey-block-button h4, .strath-bootstrap .grey-block-button .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .grey-block-button h2, .strath-bootstrap .grey-block-button .results .result h3, .strath-bootstrap .results .result .grey-block-button h3, .strath-bootstrap .grey-block-button .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .grey-block-button h3, .strath-bootstrap .grey-block-button h5, .strath-bootstrap .grey-block-button .news-events h3, .strath-bootstrap .news-events .grey-block-button h3,
    .strath-bootstrap .grey-block-button .news-events h3 a, .strath-bootstrap .news-events h3 .grey-block-button a, .strath-bootstrap .grey-block-button .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .grey-block-button h3, .strath-bootstrap .grey-block-button .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .grey-block-button h3, .strath-bootstrap .orange-block-button h4, .strath-bootstrap .orange-block-button .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .orange-block-button h2, .strath-bootstrap .orange-block-button .results .result h3, .strath-bootstrap .results .result .orange-block-button h3, .strath-bootstrap .orange-block-button .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .orange-block-button h3, .strath-bootstrap .orange-block-button h5, .strath-bootstrap .orange-block-button .news-events h3, .strath-bootstrap .news-events .orange-block-button h3,
    .strath-bootstrap .orange-block-button .news-events h3 a, .strath-bootstrap .news-events h3 .orange-block-button a, .strath-bootstrap .orange-block-button .news-events li.news-events-item .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item .block-grid-item-text .orange-block-button h3, .strath-bootstrap .orange-block-button .news-events li.news-events-item2 .block-grid-item-text h3, .strath-bootstrap .news-events li.news-events-item2 .block-grid-item-text .orange-block-button h3 {
      font-size: 1.2rem;
      margin-bottom: 0; }
    .strath-bootstrap .grey-block-button-list a.off-canvas-button-open:after, .strath-bootstrap .grey-block-button.off-canvas-button-open:after, .strath-bootstrap .orange-block-button.off-canvas-button-open:after {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg); }
  .strath-bootstrap a.grey-block-button:hover {
    color: #fff; }
  .strath-bootstrap .column-inner.grey-bg .grey-block-button-list a {
    background: #fff; }
    .strath-bootstrap .column-inner.grey-bg .grey-block-button-list a:hover {
      background: #6c757d;
      color: #fff; }
  .strath-bootstrap .orange-block-button {
    background: #018489;
    color: #fff;
    width: 100%; }
    .strath-bootstrap .orange-block-button h2, .strath-bootstrap .orange-block-button h3, .strath-bootstrap .orange-block-button h4, .strath-bootstrap .orange-block-button .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .orange-block-button h2, .strath-bootstrap .orange-block-button .results .result h3, .strath-bootstrap .results .result .orange-block-button h3, .strath-bootstrap .orange-block-button .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .orange-block-button h3 {
      color: #fff;
      margin-bottom: 0;
      font-size: 1.4rem; }
  .strath-bootstrap .grey-block-button-list {
    padding: 0;
    list-style-type: none;
    width: 100%; }
    .strath-bootstrap .grey-block-button-list li {
      position: relative; }
      .strath-bootstrap .grey-block-button-list li:last-child a {
        margin-bottom: 0; }
    .strath-bootstrap .grey-block-button-list a {
      padding: 1rem; }
      .strath-bootstrap .grey-block-button-list a:after {
        display: none; }
  .strath-bootstrap .feature {
    overflow: visible;
    margin-bottom: 0; }
    .strath-bootstrap .feature .feature-header,
    .strath-bootstrap .feature .feature-body {
      padding: 1rem; }
    .strath-bootstrap .feature .feature-header,
    .strath-bootstrap .feature .feature-header-shadow {
      position: relative; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-header,
        .strath-bootstrap .feature .feature-header-shadow {
          left: -1rem;
          top: -1rem; } }
    .strath-bootstrap .feature .feature-header {
      background: #267AAB;
      padding: 1rem;
      padding-left: 1rem;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-header {
          padding-left: 2rem;
          margin-bottom: 0; } }
      .strath-bootstrap .feature .feature-header h2 {
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        min-height: auto;
        margin: 0;
        padding-bottom: 0;
        border-bottom: 0; }
        @media (min-width: 768px) {
          .strath-bootstrap .feature .feature-header h2 {
            font-size: 1.8rem; } }
    .strath-bootstrap .feature .feature-header-shadow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 16px 16px 0;
      border-color: transparent #002b5c transparent transparent;
      display: none; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-header-shadow {
          display: block; } }
    .strath-bootstrap .feature .feature-body {
      padding: 1.5rem 1rem;
      padding-top: 0; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-body {
          padding: 2rem;
          padding-top: 0; } }
  .strath-bootstrap .footer-breadcrumb {
    background: #e9ecef; }
    .strath-bootstrap .footer-breadcrumb .breadcrumbs ul {
      max-width: calc(1060px + 4%);
      margin: auto;
      padding: 0;
      padding-left: 37px; }
      @media (min-width: 576px) {
        .strath-bootstrap .footer-breadcrumb .breadcrumbs ul {
          padding-left: 2rem; } }
  .strath-bootstrap footer {
    font-size: 0.93625rem; }
    .strath-bootstrap footer .faculties, .strath-bootstrap footer .services {
      padding: 2rem 0; }
    .strath-bootstrap footer .faculties {
      background: #fff; }
      .strath-bootstrap footer .faculties h3, .strath-bootstrap footer .faculties h3 a {
        color: #002b5c; }
      .strath-bootstrap footer .faculties a {
        color: #212529; }
    .strath-bootstrap footer .services {
      background: #212529;
      padding-bottom: 0; }
      .strath-bootstrap footer .services a, .strath-bootstrap footer .services p {
        color: #ced4da; }
      .strath-bootstrap footer .services h3, .strath-bootstrap footer .services h3 a {
        color: #fff; }
    .strath-bootstrap footer .faculties-grid, .strath-bootstrap footer .services-grid {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin: auto;
      padding-bottom: 0; }
    .strath-bootstrap footer h2 {
      width: 100%;
      margin-bottom: 2rem;
      font-weight: bold;
      border-bottom: 0;
      padding-bottom: 0;
      color: #002b5c; }
    .strath-bootstrap footer h3 {
      font-size: 1.605rem;
      font-weight: bold; }
      .strath-bootstrap footer h3 a:hover {
        color: #6c757d; }
    .strath-bootstrap footer .footer-column {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      border-left: 4px solid #0078ae;
      margin-bottom: 2rem; }
      @media (min-width: 576px) {
        .strath-bootstrap footer .footer-column {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 992px) {
        .strath-bootstrap footer .footer-column {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
    .strath-bootstrap footer ul {
      padding-left: 0;
      list-style: none; }
      .strath-bootstrap footer ul:last-of-type {
        margin-bottom: 0; }
      .strath-bootstrap footer ul li {
        padding: 0.25rem 0; }
        .strath-bootstrap footer ul li a:hover {
          color: #6c757d; }
    .strath-bootstrap footer hr {
      width: 100%; }
  .strath-bootstrap .rhs-contact {
    background: #e9ecef;
    padding: 1rem;
    margin-bottom: 0;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .rhs-contact .social-media-icons .social-media-icons-each:first-of-type {
      padding-left: 0; }
    .strath-bootstrap .rhs-contact .social-media-icons .social-media-icons-each {
      padding: 0 0.5rem 0.5rem 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      margin-top: 1rem; }
      .strath-bootstrap .rhs-contact .social-media-icons .social-media-icons-each:last-of-type {
        padding-right: 0; }
    .strath-bootstrap .rhs-contact .social-media-icons a {
      color: #002b5c; }
      .strath-bootstrap .rhs-contact .social-media-icons a:hover {
        color: #018489; }
    .strath-bootstrap .rhs-contact > h3 {
      font-size: 1.605rem;
      border-bottom: 0; }
    .strath-bootstrap .rhs-contact hr {
      border-top: solid;
      border-width: 4px;
      width: 30%;
      margin-left: 0; }
      .strath-bootstrap .rhs-contact hr.corpblue {
        border-color: #002b5c; }
    .strath-bootstrap .rhs-contact p {
      color: #212529;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      overflow-wrap: break-word; }
    .strath-bootstrap .rhs-contact > p a {
      color: #212529;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      overflow-wrap: break-word; }
  .strath-bootstrap .carousel-control-next, .strath-bootstrap .carousel-control-prev {
    color: #002b5c;
    opacity: 1;
    position: relative; }
  .strath-bootstrap .carousel-control-prev:hover, .strath-bootstrap .carousel-control-next:hover {
    color: #6c757d; }
  .strath-bootstrap .carousel-control-prev:focus, .strath-bootstrap .carousel-control-next:focus {
    color: #002b5c; }
  .strath-bootstrap .controls-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .strath-bootstrap .profile-carousel {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
    background: #e9ecef; }
    .strath-bootstrap .profile-carousel h3 {
      font-size: 1.605rem;
      padding: 1rem; }
  .strath-bootstrap .uoscarousel {
    padding: 1rem; }
    .strath-bootstrap .uoscarousel .controls-flex {
      padding: 2rem 0; }
    .strath-bootstrap .uoscarousel .carousel-caption {
      padding-bottom: 0;
      text-align: left;
      position: relative;
      left: 0;
      top: 0; }
      .strath-bootstrap .uoscarousel .carousel-caption p, .strath-bootstrap .uoscarousel .carousel-caption blockquote {
        color: #212529; }
      .strath-bootstrap .uoscarousel .carousel-caption blockquote {
        display: block !important;
        border-left: 0;
        padding: 0;
        margin: 10px 0 30px 0; }
        .strath-bootstrap .uoscarousel .carousel-caption blockquote p {
          display: inline;
          color: #212529; }
  .strath-bootstrap .rhs-general {
    background-color: #e9ecef;
    padding: 1rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .rhs-general h3 {
      font-size: 1.605rem;
      border-bottom: 0; }
    .strath-bootstrap .rhs-general hr {
      border-top: solid;
      border-width: 4px;
      width: 30%;
      margin-left: 0;
      margin-right: auto; }
      .strath-bootstrap .rhs-general hr.red {
        border-color: #dc3545; }
      .strath-bootstrap .rhs-general hr.green {
        border-color: #28a745; }
      .strath-bootstrap .rhs-general hr.blue {
        border-color: #267AAB; }
      .strath-bootstrap .rhs-general hr.corpblue {
        border-color: #002b5c; }
      .strath-bootstrap .rhs-general hr.orange {
        border-color: #fd7e14; }
      .strath-bootstrap .rhs-general hr.gray-500 {
        border-color: #adb5bd; }
    .strath-bootstrap .rhs-general ul {
      padding: 0 0 0 1rem; }
    .strath-bootstrap .rhs-general p a, .strath-bootstrap .rhs-general ul > li a, .strath-bootstrap .rhs-general a {
      overflow-wrap: break-word; }
    @media (max-width: 991.98px) {
      .strath-bootstrap .rhs-general hr {
        width: 10%; } }
  .strath-bootstrap .strath-bootstrap-aside {
    margin-bottom: 20px;
    width: 100%; }
  @media (max-width: 767.98px) {
    .strath-bootstrap .strath-bootstrap-aside {
      width: 100%;
      float: none; } }
  .strath-bootstrap .intro-text p {
    max-width: 790px; }
  .strath-bootstrap .page-banner {
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative; }
    .strath-bootstrap .page-banner img {
      min-width: 100%;
      max-height: 410px;
      width: 100%;
      height: 100%; }
    .strath-bootstrap .page-banner .randomise:nth-child(n+2) {
      display: none; }
    .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap {
      padding: 0;
      bottom: 16px;
      position: absolute; }
      .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap h1 {
        width: 100% !important;
        background: #002b5c;
        width: auto;
        display: inline-block;
        margin: 0;
        color: #fff;
        padding: 1rem; }
        .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap h1 span.superscript {
          display: block;
          width: 100%;
          font-size: 0.5em;
          line-height: 1em;
          color: #fff; }
    .strath-bootstrap .page-banner .wrap {
      padding: 0; }
      .strath-bootstrap .page-banner .wrap h1 {
        background: #002b5c;
        display: inline-block;
        margin: 0;
        color: #fff;
        padding: 1rem;
        width: 100%; }
        .strath-bootstrap .page-banner .wrap h1 span.superscript {
          display: block;
          width: 100%;
          font-size: 0.5em;
          line-height: 1em;
          color: #fff; }
    @media (max-width: 991.98px) {
      .strath-bootstrap .page-banner .wrap {
        position: relative;
        padding: 0;
        margin-bottom: 0; }
        .strath-bootstrap .page-banner .wrap h1 {
          width: 100%; } }
    @media (max-width: 767.98px) {
      .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap {
        position: relative; }
        .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap h1 {
          width: 100%; } }
  .strath-bootstrap .general-content-main-fixed {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 1.33333rem; }
  .strath-bootstrap .general-side-fixed {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 1.33333rem; }
    .strath-bootstrap .general-side-fixed img {
      padding: 0; }
  .strath-bootstrap .web-news-aside-aside .block-grid-item-content:hover a {
    color: #fff; }
  .strath-bootstrap .web-news-aside-aside .block-grid-item-content .block-grid-item-text {
    border-top: 5px solid #002b5c; }
    .strath-bootstrap .web-news-aside-aside .block-grid-item-content .block-grid-item-text a {
      text-decoration: none;
      display: block; }
      .strath-bootstrap .web-news-aside-aside .block-grid-item-content .block-grid-item-text a:hover {
        background-color: transparent;
        color: #fff; }
  .strath-bootstrap .general-content-main {
    padding-left: 0; }
    .strath-bootstrap .general-content-main img {
      float: left;
      padding: 1rem; }
  .strath-bootstrap .general-container {
    /* width: 800px;*/
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  .strath-bootstrap .general-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .strath-bootstrap .general-content-main {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .strath-bootstrap .general-content-main p.question, .strath-bootstrap .general-content-main-fixed p.question, .strath-bootstrap .general-side-fixed p.question {
    margin-bottom: 0 !important; }
  .strath-bootstrap .general-content-main .table-responsive, .strath-bootstrap .general-content-main-fixed .table-responsive, .strath-bootstrap .general-side-fixed .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto; }
  .strath-bootstrap .general-content-main .table-responsive::-webkit-scrollbar, .strath-bootstrap .general-content-main-fixed .table-responsive::-webkit-scrollbar, .strath-bootstrap .general-side-fixed .table-responsive::-webkit-scrollbar {
    -webkit-appearance: none; }
  .strath-bootstrap .general-content-main .table-responsive::-webkit-scrollbar:vertical, .strath-bootstrap .general-content-main-fixed .table-responsive::-webkit-scrollbar:vertical, .strath-bootstrap .general-side-fixed .table-responsive::-webkit-scrollbar:vertical {
    width: 12px; }
  .strath-bootstrap .general-content-main .table-responsive::-webkit-scrollbar:horizontal, .strath-bootstrap .general-content-main-fixed .table-responsive::-webkit-scrollbar:horizontal, .strath-bootstrap .general-side-fixed .table-responsive::-webkit-scrollbar:horizontal {
    height: 15px; }
  .strath-bootstrap .general-content-main .table-responsive::-webkit-scrollbar-thumb, .strath-bootstrap .general-content-main-fixed .table-responsive::-webkit-scrollbar-thumb, .strath-bootstrap .general-side-fixed .table-responsive::-webkit-scrollbar-thumb {
    background-color: #e9ecef;
    border: 2px solid #ffffff; }
  .strath-bootstrap .general-content-main .table-responsive::-webkit-scrollbar-track, .strath-bootstrap .general-content-main-fixed .table-responsive::-webkit-scrollbar-track, .strath-bootstrap .general-side-fixed .table-responsive::-webkit-scrollbar-track {
    background-color: #ffffff; }
  .strath-bootstrap .general-content-main .table-responsive table, .strath-bootstrap .general-content-main-fixed .table-responsive table, .strath-bootstrap .general-side-fixed .table-responsive table {
    border: 2px solid #e9ecef;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent; }
    .strath-bootstrap .general-content-main .table-responsive table thead th, .strath-bootstrap .general-content-main .table-responsive table tbody th, .strath-bootstrap .general-content-main-fixed .table-responsive table thead th, .strath-bootstrap .general-content-main-fixed .table-responsive table tbody th, .strath-bootstrap .general-side-fixed .table-responsive table thead th, .strath-bootstrap .general-side-fixed .table-responsive table tbody th {
      font-weight: bold; }
    .strath-bootstrap .general-content-main .table-responsive table th, .strath-bootstrap .general-content-main .table-responsive table tr, .strath-bootstrap .general-content-main-fixed .table-responsive table th, .strath-bootstrap .general-content-main-fixed .table-responsive table tr, .strath-bootstrap .general-side-fixed .table-responsive table th, .strath-bootstrap .general-side-fixed .table-responsive table tr {
      font-size: 1em;
      padding: 0.5rem;
      background-color: #ced4da;
      color: #212529;
      text-align: left;
      border-collapse: collapse;
      border: 1px #fff solid;
      font-weight: normal; }
    .strath-bootstrap .general-content-main .table-responsive table tbody tr:nth-of-type(even), .strath-bootstrap .general-content-main-fixed .table-responsive table tbody tr:nth-of-type(even), .strath-bootstrap .general-side-fixed .table-responsive table tbody tr:nth-of-type(even) {
      background-color: #e9ecef; }
    .strath-bootstrap .general-content-main .table-responsive table tbody tr:nth-of-type(odd), .strath-bootstrap .general-content-main-fixed .table-responsive table tbody tr:nth-of-type(odd), .strath-bootstrap .general-side-fixed .table-responsive table tbody tr:nth-of-type(odd) {
      background-color: #fff; }
  @media (min-width: 992px) {
    .strath-bootstrap .general-content-main {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 0; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .general-content-main blockquote p img {
      padding-bottom: 2rem !important;
      float: none; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .general-content-main-fixed {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .strath-bootstrap .general-side-fixed {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; } }
  .strath-bootstrap .general-side-fixed p a:hover {
    text-decoration: none !important; }
  .strath-bootstrap .feature-with-image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    max-width: 750px;
    margin-left: 0; }
    .strath-bootstrap .feature-with-image .container:hover > .row > .col-md-6 {
      background-color: #6c757d; }
      .strath-bootstrap .feature-with-image .container:hover > .row > .col-md-6 > p, .strath-bootstrap .feature-with-image .container:hover > .row > .col-md-6 h3 {
        color: #fff; }
    .strath-bootstrap .feature-with-image .container .col-md-6 {
      background-color: #dee2e6;
      padding-left: 0;
      padding-right: 0; }
      .strath-bootstrap .feature-with-image .container .col-md-6 > figure {
        margin: 0;
        width: 100%;
        height: auto;
        padding: 1rem; }
        .strath-bootstrap .feature-with-image .container .col-md-6 > figure > img {
          max-width: 360px;
          width: auto;
          height: auto; }
      .strath-bootstrap .feature-with-image .container .col-md-6 h3 {
        padding: 1rem 1rem 0 1rem; }
      .strath-bootstrap .feature-with-image .container .col-md-6 p {
        padding: 0 1rem 1rem 1rem;
        margin-bottom: 0;
        color: #212529; }
    @media (max-width: 991.98px) {
      .strath-bootstrap .feature-with-image {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        /* figure, p {max-width:360px;}	
	     figure {padding:0 $padding/2;}  */ } }
    @media (max-width: 767.98px) {
      .strath-bootstrap .feature-with-image {
        margin-left: 2rem; } }
  .strath-bootstrap .profilescontainer-white-fixed-width {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
    .strath-bootstrap .profilescontainer-white-fixed-width .randomise:nth-child(n+2) {
      display: none; }
  .strath-bootstrap .profilescontainer-white-full-width {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .strath-bootstrap .profilescontainer-white-full-width .randomise:nth-child(n+3) {
      display: none; }
  .strath-bootstrap .profilescontainer-grey-fixed-width {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
    .strath-bootstrap .profilescontainer-grey-fixed-width > .randomise:nth-child(n+2) {
      display: none; }
  .strath-bootstrap .profilescontainer-grey-full-width {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .strath-bootstrap .profilescontainer-grey-full-width .randomise:nth-child(n+3) {
      display: none; }
  .strath-bootstrap .profile {
    margin-bottom: 0; }
    .strath-bootstrap .profile blockquote {
      border-left: 0;
      padding: 0;
      margin: 30px 0;
      color: #212529; }
    .strath-bootstrap .profile:hover .mono {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
    .strath-bootstrap .profile:hover p, .strath-bootstrap .profile:hover h2, .strath-bootstrap .profile:hover h3, .strath-bootstrap .profile:hover h4, .strath-bootstrap .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profile:hover h2, .strath-bootstrap .profile:hover .results .result h3, .strath-bootstrap .results .result .profile:hover h3, .strath-bootstrap .profile:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .profile:hover h3, .strath-bootstrap .profile:hover blockquote, .strath-bootstrap .profile:hover blockquote::before, .strath-bootstrap .profile:hover blockquote::after {
      color: #6c757d; }
    .strath-bootstrap .profile:hover .fa-home, .strath-bootstrap .profile:hover .fa-suitcase {
      color: #002b5c; }
    .strath-bootstrap .profile:hover .randomise:nth-child(n+4) {
      display: none; }
    .strath-bootstrap .profile:hover .mono {
      -webkit-filter: grayscale(0);
      filter: grayscale(100%); }
  @media (max-width: 991.98px) {
    .strath-bootstrap .profilescontainer {
      padding: 0 2rem; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .profile {
      max-width: 300px; } }
  .strath-bootstrap .strategic-plan .strategic-values {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem 0;
    border-bottom: 2px solid #e9ecef;
    background: #e9ecef; }
    .strath-bootstrap .strategic-plan .strategic-values h2, .strath-bootstrap .strategic-plan .strategic-values h3, .strath-bootstrap .strategic-plan .strategic-values h4, .strath-bootstrap .strategic-plan .strategic-values .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .strategic-plan .strategic-values h2, .strath-bootstrap .strategic-plan .strategic-values .results .result h3, .strath-bootstrap .results .result .strategic-plan .strategic-values h3, .strath-bootstrap .strategic-plan .strategic-values .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .strategic-plan .strategic-values h3 {
      width: 100%;
      text-align: center;
      margin-bottom: 2rem; }
    .strath-bootstrap .strategic-plan .strategic-values:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #ffffff;
      border-width: 0px;
      margin-left: -0px; }
    .strath-bootstrap .strategic-plan .strategic-values:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(204, 204, 204, 0);
      border-top-color: #e9ecef;
      border-width: 25px;
      margin-left: -25px; }
    .strath-bootstrap .strategic-plan .strategic-values.no-arrow:before, .strath-bootstrap .strategic-plan .strategic-values.no-arrow:after {
      display: none; }
  .strath-bootstrap .strategic-plan .strategic-goals {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem 0;
    border-bottom: 2px solid #fff; }
    .strath-bootstrap .strategic-plan .strategic-goals h2, .strath-bootstrap .strategic-plan .strategic-goals h3, .strath-bootstrap .strategic-plan .strategic-goals h4, .strath-bootstrap .strategic-plan .strategic-goals .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .strategic-plan .strategic-goals h2, .strath-bootstrap .strategic-plan .strategic-goals .results .result h3, .strath-bootstrap .results .result .strategic-plan .strategic-goals h3, .strath-bootstrap .strategic-plan .strategic-goals .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .strategic-plan .strategic-goals h3 {
      width: 100%;
      text-align: center;
      margin-bottom: 2rem;
      padding: 0 1rem; }
    .strath-bootstrap .strategic-plan .strategic-goals:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #ffffff;
      border-width: 0px;
      margin-left: -0px; }
    .strath-bootstrap .strategic-plan .strategic-goals:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(204, 204, 204, 0);
      border-top-color: #fff;
      border-width: 25px;
      margin-left: -25px; }
  .strath-bootstrap .strategic-plan .strategic-value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 7px 15px;
    text-transform: uppercase; }
    .strath-bootstrap .strategic-plan .strategic-value:before {
      display: block;
      content: ' ';
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 5px solid; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(1) {
      color: #712661; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(2) {
      color: #cc4638; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(3) {
      color: #de7d2a; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(4) {
      color: #008278; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(5) {
      color: #025c73; }
  .strath-bootstrap .strategic-plan .strategic-goal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 7px 15px;
    text-transform: uppercase;
    color: #adb5bd;
    padding: 7px; }
    .strath-bootstrap .strategic-plan .strategic-goal:before {
      display: block;
      content: ' ';
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 5px solid;
      width: 200px;
      height: 200px;
      border: 8px solid; }
    .strath-bootstrap .strategic-plan .strategic-goal .fa {
      color: #002b5c;
      margin-top: 1rem; }
  .strath-bootstrap .strategic-plan .strategic-value-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 900;
    background: #e9ecef;
    width: 100%;
    text-align: center;
    font-size: 1.3rem; }
  .strath-bootstrap .strategic-plan .strategic-goal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 900;
    background: #e9ecef;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    border-radius: 50%;
    max-width: calc(100% - 40px);
    background: transparent; }
  .strath-bootstrap .strategic-plan .strategic-goal-title {
    color: #002b5c;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1; }
  .strath-bootstrap .strategic-plan .strategic-goal-text {
    font-size: 1rem;
    font-weight: normal;
    color: #495057;
    max-width: 90%;
    margin: auto;
    text-transform: none; }
  .strath-bootstrap .our-strategy .leading-text {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center; }
  .strath-bootstrap .alert-container {
    width: 100%; }
    .strath-bootstrap .alert-container a {
      display: block; }
    .strath-bootstrap .alert-container .alert-box {
      background: #fff;
      padding: 1rem 0; }
    .strath-bootstrap .alert-container .alert-main-area {
      padding: 1rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      transition: 0.2s;
      background: white; }
      @media (min-width: 576px) {
        .strath-bootstrap .alert-container .alert-main-area {
          padding: 1rem 1.5rem; } }
    .strath-bootstrap .alert-container h2 {
      font-size: 1.4rem;
      margin-bottom: 0.25rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .alert-container h2 {
          font-size: 1.8rem; } }
    .strath-bootstrap .alert-container p {
      margin-bottom: 0;
      color: #212529; }
    .strath-bootstrap .alert-container .alert-chevron, .strath-bootstrap .alert-container .alert-close {
      margin-left: auto;
      padding-left: 1rem;
      font-size: 1.6rem;
      color: inherit;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: #002b5c; }
    .strath-bootstrap .alert-container .alert-close {
      display: block; }
      .strath-bootstrap .alert-container .alert-close button {
        font-size: 2rem;
        background: transparent;
        padding: 0 1rem;
        color: #002b5c;
        line-height: 1; }
    .strath-bootstrap .alert-container .red {
      border-left: 4px solid #ee3224; }
    .strath-bootstrap .alert-container .alert-links {
      width: 100%;
      padding: 0.5rem 1rem 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .alert-container .alert-links {
          padding: 0.5rem 1.5rem 1rem; } }
      .strath-bootstrap .alert-container .alert-links a {
        display: inline-block;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem; }
  .strath-bootstrap .main-wrapper {
    float: left !important;
    margin-right: 10px;
    width: 74.61667%; }
    @media (max-width: 767.98px) {
      .strath-bootstrap .main-wrapper {
        width: 100%; } }
  .strath-bootstrap .aside-wrapper {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-right: 0; }
    @media (max-width: 767.98px) {
      .strath-bootstrap .aside-wrapper {
        width: 100%; } }
  .strath-bootstrap .sixblocks .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .sixblocks .block-grid-item-content:hover {
      background: #6c757d; }
      .strath-bootstrap .sixblocks .block-grid-item-content:hover .block-grid-item-text h3, .strath-bootstrap .sixblocks .block-grid-item-content:hover .block-grid-item-text p a, .strath-bootstrap .sixblocks .block-grid-item-content:hover .block-grid-item-text p:last-child {
        color: #fff; }
  .strath-bootstrap .trans-block-links {
    position: relative;
    padding: 4rem 0;
    background: #002b5c; }
    .strath-bootstrap .trans-block-links .trans-block-links-background {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.1; }
    .strath-bootstrap .trans-block-links .trans-block-link {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .trans-block-links .trans-block-link {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          padding-top: 1rem;
          padding-bottom: 1rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .trans-block-links .trans-block-link {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
          padding-top: 0;
          padding-bottom: 0; } }
      .strath-bootstrap .trans-block-links .trans-block-link * {
        color: white; }
      .strath-bootstrap .trans-block-links .trans-block-link .trans-block-link-inner {
        position: relative;
        padding: 1rem;
        border: 3px solid white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        transition: background 0.2s; }
        .strath-bootstrap .trans-block-links .trans-block-link .trans-block-link-inner:hover {
          background: #6c757d; }
      .strath-bootstrap .trans-block-links .trans-block-link h2 {
        font-size: 1.6em;
        font-weight: bold;
        border-bottom: 0px;
        margin: 0;
        min-height: auto;
        padding: 0; }
      .strath-bootstrap .trans-block-links .trans-block-link hr {
        border-top: 3px solid #fff;
        max-width: 100px;
        width: 100%;
        margin: 1rem 0;
        text-align: left; }
      .strath-bootstrap .trans-block-links .trans-block-link .fa {
        font-size: 1.6rem;
        margin-top: auto;
        text-align: right; }
  .strath-bootstrap .photobox img {
    float: left;
    background-color: white;
    width: 30%;
    height: auto;
    margin: 5px 10px 10px 0; }
  .strath-bootstrap .photobox .block-grid-item-text ul {
    float: left;
    max-width: 485px;
    padding-left: 0; }
  .strath-bootstrap .photobox .block-grid-item-text h3 {
    color: #002b5c; }
  .strath-bootstrap .photobox .block-grid-item-text p, .strath-bootstrap .photobox .block-grid-item-text ul {
    color: #212529; }
  .strath-bootstrap .photobox .block-grid-item-text:hover {
    background-color: transparent; }
    .strath-bootstrap .photobox .block-grid-item-text:hover h3 {
      color: #002b5c; }
    .strath-bootstrap .photobox .block-grid-item-text:hover p, .strath-bootstrap .photobox .block-grid-item-text:hover ul {
      color: #212529; }
  @media (max-width: 991.98px) {
    .strath-bootstrap .photobox .block-grid-item-text ul {
      float: left;
      max-width: 300px;
      padding-left: 0; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .photobox img {
      width: 100%;
      padding-bottom: 2rem; }
    .strath-bootstrap .photobox ul {
      padding-left: 0; } }
  .strath-bootstrap .one-block .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .one-block .block-grid-item-content h3, .strath-bootstrap .one-block .block-grid-item-content p a, .strath-bootstrap .one-block .block-grid-item-content p:last-child {
      color: #002b5c; }
    .strath-bootstrap .one-block .block-grid-item-content:hover {
      background: #6c757d; }
      .strath-bootstrap .one-block .block-grid-item-content:hover .block-grid-item-text h3, .strath-bootstrap .one-block .block-grid-item-content:hover .block-grid-item-text p a, .strath-bootstrap .one-block .block-grid-item-content:hover .block-grid-item-text p:last-child {
        color: #fff; }
  .strath-bootstrap .twoorfourblocks .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .twoorfourblocks .block-grid-item-content h3, .strath-bootstrap .twoorfourblocks .block-grid-item-content p a, .strath-bootstrap .twoorfourblocks .block-grid-item-content p:last-child {
      color: #002b5c; }
    .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover {
      background: #6c757d; }
      .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover .block-grid-item-text h3, .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover .block-grid-item-text p a, .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover .block-grid-item-text p:last-child {
        color: #fff; }
  .strath-bootstrap .strath-bootstrap-aside .master-rhs-lhs {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%; }
  .strath-bootstrap .news-row {
    margin: 0; }
  .strath-bootstrap .web-news-container {
    float: left;
    display: block;
    margin: 0 1.53331%;
    width: 73%; }
    .strath-bootstrap .web-news-container .web-news-story .breakout-box {
      color: #fff; }
    .strath-bootstrap .web-news-container .web-news-story .breakout-box a {
      text-decoration: none;
      color: #fff; }
      .strath-bootstrap .web-news-container .web-news-story .breakout-box a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0c1";
        float: right;
        font-size: 1.3rem; }
      .strath-bootstrap .web-news-container .web-news-story .breakout-box a:hover {
        text-decoration: underline;
        color: #fff; }
    .strath-bootstrap .web-news-container .web-news-story .time-date {
      font-weight: bold;
      padding: 1rem 0;
      color: #002b5c; }
  .strath-bootstrap .web-news-aside-container {
    width: 23%;
    display: block;
    float: right; }
    .strath-bootstrap .web-news-aside-container .fact h2 {
      background: #002b5c; }
      .strath-bootstrap .web-news-aside-container .fact h2:hover {
        background: #6c757d; }
    .strath-bootstrap .web-news-aside-container .block-grid-item-content {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
      .strath-bootstrap .web-news-aside-container .block-grid-item-content p a, .strath-bootstrap .web-news-aside-container .block-grid-item-content p:last-child {
        color: #212529; }
      .strath-bootstrap .web-news-aside-container .block-grid-item-content:hover .block-grid-item-text {
        background: #6c757d; }
      .strath-bootstrap .web-news-aside-container .block-grid-item-content:hover p a, .strath-bootstrap .web-news-aside-container .block-grid-item-content:hover p:last-child {
        color: #fff; }
  @media (max-width: 767.98px) {
    .strath-bootstrap .web-news-container, .strath-bootstrap .web-news-aside-container {
      width: 99%;
      padding: 0 1rem;
      margin: 0; }
      .strath-bootstrap .web-news-container .web-news-story .breakout-box, .strath-bootstrap .web-news-aside-container .web-news-story .breakout-box {
        width: 99%;
        padding: 1rem; } }
  .strath-bootstrap .rhs-news {
    background-color: white; }
    .strath-bootstrap .rhs-news .block-grid-item-content {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .rhs-news .block-grid-item-text:hover {
      background: white; }
    .strath-bootstrap .rhs-news .block-grid-item-text p:last-child, .strath-bootstrap .rhs-news .block-grid-item-text p {
      color: #212529; }
  .strath-bootstrap .block-grid-item-news .block-grid-item .block-grid-item-text p {
    color: #212529;
    overflow-wrap: break-word; }
  .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content .block-grid-item-text, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content .block-grid-item-text {
    border-top: 5px solid #002b5c;
    padding: 1rem;
    min-height: 100px; }
  .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content:hover, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content:hover {
    color: #fff; }
    .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content:hover .block-grid-item-text, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content:hover .block-grid-item-text {
      color: #fff; }
    .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content:hover h2, .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content:hover h3, .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content:hover p a, .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content:hover p:last-child, .strath-bootstrap .block-grid-item-news .news-subtop-story .block-grid-item-content:hover p, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content:hover h2, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content:hover h3, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content:hover p a, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content:hover p:last-child, .strath-bootstrap .block-grid-item-news .news-top-story .block-grid-item-content:hover p {
      color: #fff; }
  @media (max-width: 991.98px) {
    .strath-bootstrap .block-grid-item-news {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
      .strath-bootstrap .block-grid-item-news .block-grid-item.half {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; }
      .strath-bootstrap .block-grid-item-news .block-grid-item.quarter {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .block-grid-item-news {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important; }
      .strath-bootstrap .block-grid-item-news .block-grid-item.half {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .strath-bootstrap .block-grid-item-news .block-grid-item.quarter {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; } }
  .strath-bootstrap .news-summary .block-grid-item-content, .strath-bootstrap .news-summary .block-grid-item-content-nolink {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .news-summary .block-grid-item-content h3, .strath-bootstrap .news-summary .block-grid-item-content-nolink h3 {
      color: #002b5c; }
  .strath-bootstrap .news-summary .block-grid-item-content:hover {
    background: #6c757d; }
    .strath-bootstrap .news-summary .block-grid-item-content:hover .block-grid-item-text h3, .strath-bootstrap .news-summary .block-grid-item-content:hover .block-grid-item-text p {
      color: #fff; }
  .strath-bootstrap .news-summary .block-grid-item-content .block-grid-item-content-nolink:hover {
    background: white; }
    .strath-bootstrap .news-summary .block-grid-item-content .block-grid-item-content-nolink:hover .block-grid-item-text h3 {
      color: #002b5c; }
    .strath-bootstrap .news-summary .block-grid-item-content .block-grid-item-content-nolink:hover .block-grid-item-text p {
      color: #212529; }
  .strath-bootstrap .web-news-themes .block-grid-item-text a.faux-block-link:hover {
    background: #6c757d !important; }
  .strath-bootstrap .web-news-themes .block-grid-item-text p {
    overflow-wrap: break-word;
    text-decoration: none; }
    .strath-bootstrap .web-news-themes .block-grid-item-text p:hover {
      text-decoration: none; }
  .strath-bootstrap .lhsfeaturesection .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .lhsfeaturesection .block-grid-item-content .left {
      float: left;
      margin-bottom: 0; }
    .strath-bootstrap .lhsfeaturesection .block-grid-item-content .right {
      float: right;
      margin-bottom: 0; }
    .strath-bootstrap .lhsfeaturesection .block-grid-item-content h3 {
      color: #002b5c; }
    .strath-bootstrap .lhsfeaturesection .block-grid-item-content ul {
      padding-left: 0; }
    .strath-bootstrap .lhsfeaturesection .block-grid-item-content .block-grid-item-image img {
      margin-top: 5px; }
  .strath-bootstrap .lhsfeaturesection .has-link:hover {
    background: #6c757d; }
    .strath-bootstrap .lhsfeaturesection .has-link:hover .block-grid-item-text {
      color: #fff; }
      .strath-bootstrap .lhsfeaturesection .has-link:hover .block-grid-item-text h3, .strath-bootstrap .lhsfeaturesection .has-link:hover .block-grid-item-text p a, .strath-bootstrap .lhsfeaturesection .has-link:hover .block-grid-item-text p, .strath-bootstrap .lhsfeaturesection .has-link:hover .block-grid-item-text span, .strath-bootstrap .lhsfeaturesection .has-link:hover .block-grid-item-text li, .strath-bootstrap .lhsfeaturesection .has-link:hover .block-grid-item-text li a {
        color: #fff; }
  .strath-bootstrap .tagline {
    position: relative;
    padding: 3rem 0;
    background-color: #eee; }
    .strath-bootstrap .tagline .tagline-background {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      opacity: 0.1; }
    .strath-bootstrap .tagline .tagline-text h2 {
      font-size: 1.6em;
      font-weight: bold;
      text-align: center;
      padding: 0 2rem;
      margin: auto;
      border-left: 4px solid #0078ae;
      border-right: 4px solid #0078ae;
      border-bottom: 0;
      min-height: auto; }
      @media (min-width: 768px) {
        .strath-bootstrap .tagline .tagline-text h2 {
          max-width: 600px;
          padding: 0 4rem; } }
  .strath-bootstrap form, .strath-bootstrap .strath-form {
    max-width: 600px;
    margin: auto; }
    .strath-bootstrap form input:hover, .strath-bootstrap form textarea:hover, .strath-bootstrap form select:hover, .strath-bootstrap .strath-form input:hover, .strath-bootstrap .strath-form textarea:hover, .strath-bootstrap .strath-form select:hover {
      border-color: transparent;
      box-shadow: inset 0 0 0 transparent, 0 0 0 3px rgba(0, 43, 92, 0.75); }
    .strath-bootstrap form label, .strath-bootstrap form legend, .strath-bootstrap .strath-form label, .strath-bootstrap .strath-form legend {
      font-weight: bold;
      color: #002b5c; }
    .strath-bootstrap form input[type="checkbox"] + label, .strath-bootstrap form input[type="radio"] + label, .strath-bootstrap .strath-form input[type="checkbox"] + label, .strath-bootstrap .strath-form input[type="radio"] + label {
      font-weight: normal;
      color: #212529; }
  .strath-bootstrap .lhshalfwidthfeaturelnk .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .lhshalfwidthfeaturelnk .block-grid-item-content h3 {
      color: #002b5c; }
    .strath-bootstrap .lhshalfwidthfeaturelnk .block-grid-item-content ul {
      padding-left: 0; }
    .strath-bootstrap .lhshalfwidthfeaturelnk .block-grid-item-content .block-grid-item-image img {
      max-width: 200px;
      float: right;
      margin: 5px 0 0 10px; }
  .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover {
    background: #6c757d; }
    .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover .block-grid-item-text {
      color: #fff; }
      .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover .block-grid-item-text h3, .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover .block-grid-item-text p a, .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover .block-grid-item-text p, .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover .block-grid-item-text span, .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover .block-grid-item-text li, .strath-bootstrap .lhshalfwidthfeaturelnk .has-link:hover .block-grid-item-text li a {
        color: #fff; }
  @media (max-width: 991.98px) {
    .strath-bootstrap .lhshalfwidthfeaturelnk {
      -webkit-flex: 0 0 100% !important;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important; } }
  @media (min-width: 768px) {
    .strath-bootstrap .course-alert {
      margin-top: -2rem;
      margin-bottom: 1rem; } }
  .strath-bootstrap .course-alert .course-alert-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 1.5rem;
    background: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 768px) {
      .strath-bootstrap .course-alert .course-alert-inner {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; } }
    .strath-bootstrap .course-alert .course-alert-inner .course-alert-text {
      font-size: 1.2rem;
      font-weight: bold;
      color: #002b5c;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .strath-bootstrap .course-alert .course-alert-inner .course-alert-text {
          margin-bottom: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .course-alert .course-alert-inner .course-alert-link {
        margin-left: auto;
        padding-left: 1rem; } }
    .strath-bootstrap .course-alert .course-alert-inner .course-alert-link .btn {
      white-space: nowrap; }
  .strath-bootstrap .accordion {
    margin-bottom: 0.5rem; }
    .strath-bootstrap .accordion .accordion-header {
      background: #e9ecef; }
      .strath-bootstrap .accordion .accordion-header button {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #002b5c;
        padding: 1.25rem;
        font-size: 1.2rem;
        font-weight: bold;
        border: 0;
        background: transparent;
        width: 100%;
        cursor: pointer; }
        .strath-bootstrap .accordion .accordion-header button[aria-expanded=true] .fa {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
      .strath-bootstrap .accordion .accordion-header .accordion-header-text {
        padding-right: 1rem;
        text-align: left; }
      .strath-bootstrap .accordion .accordion-header .fa {
        margin-left: auto;
        transition: 0.2s; }
    .strath-bootstrap .accordion .accordion-body .accordion-body-inner {
      padding: 1.25rem 1rem; }
  .strath-bootstrap .accordion-group-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    @media (min-width: 576px) {
      .strath-bootstrap .accordion-group-title {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row; } }
    .strath-bootstrap .accordion-group-title .accordion-group-title-content {
      width: 100%; }
    .strath-bootstrap .accordion-group-title .expand-all {
      margin-left: auto;
      margin-bottom: 1rem;
      white-space: nowrap; }
  .strath-bootstrap .accordion-group-title h3 {
    margin-top: 1rem; }
  .strath-bootstrap .accordion-group-title p:last-child {
    margin: 0; }
  .strath-bootstrap .rhs-image-title {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0; }
  .strath-bootstrap .rhs-image {
    margin-bottom: 0; }
    .strath-bootstrap .rhs-image h4, .strath-bootstrap .rhs-image .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .rhs-image h2, .strath-bootstrap .rhs-image .results .result h3, .strath-bootstrap .results .result .rhs-image h3, .strath-bootstrap .rhs-image .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .rhs-image h3 {
      font-size: 1.3375rem; }
    .strath-bootstrap .rhs-image p {
      color: #212529; }
    .strath-bootstrap .rhs-image .block-grid-item-content h4, .strath-bootstrap .rhs-image .block-grid-item-content .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .rhs-image .block-grid-item-content h2, .strath-bootstrap .rhs-image .block-grid-item-content .results .result h3, .strath-bootstrap .results .result .rhs-image .block-grid-item-content h3, .strath-bootstrap .rhs-image .block-grid-item-content .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .rhs-image .block-grid-item-content h3, .strath-bootstrap .rhs-image .block-grid-item-content p, .strath-bootstrap .rhs-image .block-grid-item-content a h4, .strath-bootstrap .rhs-image .block-grid-item-content a .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .rhs-image .block-grid-item-content a h2, .strath-bootstrap .rhs-image .block-grid-item-content a .results .result h3, .strath-bootstrap .results .result .rhs-image .block-grid-item-content a h3, .strath-bootstrap .rhs-image .block-grid-item-content a .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .rhs-image .block-grid-item-content a h3, .strath-bootstrap .rhs-image .block-grid-item-content a p {
      margin-bottom: 0; }
    .strath-bootstrap .rhs-image .block-grid-item-content img {
      padding-top: 0;
      margin-top: 0; }
    .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text p, .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text h4, .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .rhs-image .block-grid-item-content .block-grid-item-text-text h2, .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text .results .result h3, .strath-bootstrap .results .result .rhs-image .block-grid-item-content .block-grid-item-text-text h3, .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .rhs-image .block-grid-item-content .block-grid-item-text-text h3 {
      padding: 0.5rem; }
    .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text a:hover h4, .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text a:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .rhs-image .block-grid-item-content .block-grid-item-text-text a:hover h2, .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text a:hover .results .result h3, .strath-bootstrap .results .result .rhs-image .block-grid-item-content .block-grid-item-text-text a:hover h3, .strath-bootstrap .rhs-image .block-grid-item-content .block-grid-item-text-text a:hover .course-search-2019 .searchstriped > section > article > .staff h3, .strath-bootstrap .course-search-2019 .searchstriped > section > article > .staff .rhs-image .block-grid-item-content .block-grid-item-text-text a:hover h3 {
      color: #fff; }
  .strath-bootstrap .events-full-width .block-grid-item-content .calendar {
    background: #002b5c;
    color: #fff;
    min-width: 90px;
    padding: 1rem 0.5rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    transition: 0.2s; }
    .strath-bootstrap .events-full-width .block-grid-item-content .calendar div:nth-of-type(2) {
      font-weight: bold;
      font-size: 1.2rem; }
  .strath-bootstrap .general-content-main .fact, .strath-bootstrap .general-content-main-fixed .fact, .strath-bootstrap .general-side-fixed .fact {
    margin-bottom: 1rem; }
    > .strath-bootstrap .general-content-main .fact:hover h2 a, .strath-bootstrap .general-content-main .fact:hover h2 a strong, > .strath-bootstrap .general-content-main-fixed .fact:hover h2 a, .strath-bootstrap .general-content-main-fixed .fact:hover h2 a strong, > .strath-bootstrap .general-side-fixed .fact:hover h2 a, .strath-bootstrap .general-side-fixed .fact:hover h2 a strong {
      background-color: #6c757d;
      color: #fff; }
    .strath-bootstrap .general-content-main .fact a h2, .strath-bootstrap .general-content-main .fact a h2 p, .strath-bootstrap .general-content-main-fixed .fact a h2, .strath-bootstrap .general-content-main-fixed .fact a h2 p, .strath-bootstrap .general-side-fixed .fact a h2, .strath-bootstrap .general-side-fixed .fact a h2 p {
      color: #fff; }
    .strath-bootstrap .general-content-main .fact h2, .strath-bootstrap .general-content-main-fixed .fact h2, .strath-bootstrap .general-side-fixed .fact h2 {
      margin: 0;
      padding: 1rem;
      text-align: center;
      font-size: 1.2rem; }
      .strath-bootstrap .general-content-main .fact h2 strong, .strath-bootstrap .general-content-main-fixed .fact h2 strong, .strath-bootstrap .general-side-fixed .fact h2 strong {
        display: block;
        width: 100%;
        margin: 0;
        color: #fff;
        line-height: 1;
        font-size: 1.8rem; }
      .strath-bootstrap .general-content-main .fact h2 a, .strath-bootstrap .general-content-main .fact h2 a.hover strong, .strath-bootstrap .general-content-main-fixed .fact h2 a, .strath-bootstrap .general-content-main-fixed .fact h2 a.hover strong, .strath-bootstrap .general-side-fixed .fact h2 a, .strath-bootstrap .general-side-fixed .fact h2 a.hover strong {
        color: #fff; }
        .strath-bootstrap .general-content-main .fact h2 a.hover, .strath-bootstrap .general-content-main .fact h2 a .hover, .strath-bootstrap .general-content-main .fact h2 a.hover strong.hover, .strath-bootstrap .general-content-main .fact h2 a.hover strong .hover, .strath-bootstrap .general-content-main-fixed .fact h2 a.hover, .strath-bootstrap .general-content-main-fixed .fact h2 a .hover, .strath-bootstrap .general-content-main-fixed .fact h2 a.hover strong.hover, .strath-bootstrap .general-content-main-fixed .fact h2 a.hover strong .hover, .strath-bootstrap .general-side-fixed .fact h2 a.hover, .strath-bootstrap .general-side-fixed .fact h2 a .hover, .strath-bootstrap .general-side-fixed .fact h2 a.hover strong.hover, .strath-bootstrap .general-side-fixed .fact h2 a.hover strong .hover {
          color: #6c757d; }
    .strath-bootstrap .general-content-main .fact a, .strath-bootstrap .general-content-main-fixed .fact a, .strath-bootstrap .general-side-fixed .fact a {
      text-decoration: none; }
    .strath-bootstrap .general-content-main .fact p, .strath-bootstrap .general-content-main-fixed .fact p, .strath-bootstrap .general-side-fixed .fact p {
      color: #fff;
      margin: 0; }
    .strath-bootstrap .general-content-main .fact.primaryblue h2, .strath-bootstrap .general-content-main-fixed .fact.primaryblue h2, .strath-bootstrap .general-side-fixed .fact.primaryblue h2 {
      background-color: #002b5c;
      color: #fff; }
    .strath-bootstrap .general-content-main .fact.blue h2, .strath-bootstrap .general-content-main-fixed .fact.blue h2, .strath-bootstrap .general-side-fixed .fact.blue h2 {
      background-color: #267AAB;
      color: #fff; }
    .strath-bootstrap .general-content-main .fact.orange h2, .strath-bootstrap .general-content-main-fixed .fact.orange h2, .strath-bootstrap .general-side-fixed .fact.orange h2 {
      background-color: #002b5c;
      color: #fff; }
    .strath-bootstrap .general-content-main .fact.green h2, .strath-bootstrap .general-content-main-fixed .fact.green h2, .strath-bootstrap .general-side-fixed .fact.green h2 {
      background-color: #6c757d;
      color: #fff; }
    .strath-bootstrap .general-content-main .fact.red h2, .strath-bootstrap .general-content-main-fixed .fact.red h2, .strath-bootstrap .general-side-fixed .fact.red h2 {
      background-color: #6c757d;
      color: #fff; }
    .strath-bootstrap .general-content-main .fact.lightgrey h2 strong, .strath-bootstrap .general-content-main-fixed .fact.lightgrey h2 strong, .strath-bootstrap .general-side-fixed .fact.lightgrey h2 strong {
      background-color: #ced4da;
      color: #212529; }
    .strath-bootstrap .general-content-main .fact.darkgrey h2, .strath-bootstrap .general-content-main-fixed .fact.darkgrey h2, .strath-bootstrap .general-side-fixed .fact.darkgrey h2 {
      background-color: #212529; }
  .strath-bootstrap #key-aside .fact h2 {
    font-size: 1.125rem; }
    .strath-bootstrap #key-aside .fact h2 strong {
      font-size: 1.8rem; }

html {
  height: 100%; }

body {
  height: auto;
  margin: 0;
  background: #f8f9fa; }

.no-scroll {
  overflow: hidden;
  position: relative;
  height: 100%; }

* {
  font-family: "Alegreya Sans", sans-serif; }

hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #495057; }

body.full-width .wrap {
  max-width: 100%;
  padding: 0; }

body.full-width .main {
  margin-left: 0;
  margin-right: 0; }

body.full-width main {
  padding-bottom: 0;
  background: #fff; }

body.full-width .lhs-rhs-master {
  max-width: 1100px;
  margin: auto;
  padding: 2rem 1rem; }

body.full-width .block-grid {
  border-bottom: 1px solid #e9ecef; }
  body.full-width .block-grid .container {
    padding: 0 15px; }

body.full-width .container {
  padding: 0 15px; }

body.full-width .wysiwyg .block-grid {
  border-bottom: 0;
  padding: 0; }

.strath-bootstrap {
  width: 100%; }
  .strath-bootstrap .row h2 {
    border-bottom: 0; }

body.fixed-width > .wrap {
  max-width: 1060px;
  margin: auto;
  padding: 1rem 2% 2rem 2%;
  box-sizing: content-box;
  overflow: auto; }
  body.fixed-width > .wrap .block-grid {
    padding: 0;
    margin-bottom: 1rem; }
  body.fixed-width > .wrap .inline-search {
    padding: 0 0 2rem;
    border-bottom: 0; }

.fixed-width main .container {
  padding-left: 0;
  padding-right: 0; }

ul.blue-dash-list {
  list-style-type: none;
  margin: 0 0 1rem 0; }
  ul.blue-dash-list li {
    border-left: 3px solid #267AAB;
    padding: 0.25rem 0.75rem;
    margin-bottom: 0.5rem; }

.modal-backdrop {
  z-index: 1060 !important;
  transition: 0.2s; }
@font-face{font-family:icomoon;src:url(fonts/strathclydematerial/icomoon.eot?s1oei0);src:url(/media/1newwebsite/departmentsubject/history/Embassies_in_Crisis_Poster.pdf?s1oei0#iefix) format('embedded-opentype'),url(fonts/strathclydematerial/icomoon.ttf?s1oei0) format('truetype'),url(fonts/strathclydematerial/icomoon.woff?s1oei0) format('woff'),url(fonts/strathclydematerial/icomoon.svg?s1oei0#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-StrathIcon-"],[class^=icon-StrathIcon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-StrathIcon-StrathIcon-SocialSpaces:before{content:"\e92b"}.icon-StrathIcon-Parking:before{content:"\e929"}.icon-StrathIcon-Bin:before{content:"\e916"}.icon-StrathIcon-PlugSockets:before{content:"\e925"}.icon-StrathIcon-ToastedSandwich:before{content:"\e926"}.icon-StrathIcon-BrushShovel:before{content:"\e927"}.icon-StrathIcon-NoticeBoard:before{content:"\e928"}.icon-StrathIcon-BedsideCabinet:before{content:"\e900"}.icon-StrathIcon-Desk:before{content:"\e901"}.icon-StrathIcon-NetworkAccessLocation:before{content:"\e902"}.icon-StrathIcon-NewPillow:before{content:"\e903"}.icon-StrathIcon-SingleBed:before{content:"\e904"}.icon-StrathIcon-StorageUnderBed:before{content:"\e905"}.icon-StrathIcon-WallShelves:before{content:"\e906"}.icon-StrathIcon-Wardrobe:before{content:"\e907"}.icon-StrathIcon-Cleaning:before{content:"\e908"}.icon-StrathIcon-Cooker:before{content:"\e909"}.icon-StrathIcon-Fridge:before{content:"\e90a"}.icon-StrathIcon-Kettle:before{content:"\e90b"}.icon-StrathIcon-Kitchen:before{content:"\e90c"}.icon-StrathIcon-Microwave:before{content:"\e90d"}.icon-StrathIcon-OnCampus:before{content:"\e90e"}.icon-StrathIcon-Sink:before{content:"\e90f"}.icon-StrathIcon-Toaster:before{content:"\e910"}.icon-StrathIcon-TV:before{content:"\e911"}.icon-StrathIcon-FreeWifi:before{content:"\e912"}.icon-StrathIcon-SmokeFree:before{content:"\e913"}.icon-StrathIcon-Undergraduate:before{content:"\e914"}.icon-StrathIcon-Weeks:before{content:"\e915"}.icon-StrathIcon-24_7_Security:before{content:"\e917"}.icon-StrathIcon-CCTV:before{content:"\e918"}.icon-StrathIcon-EmergencyTeam:before{content:"\e919"}.icon-StrathIcon-FireAlarms:before{content:"\e91a"}.icon-StrathIcon-SecureEntry:before{content:"\e91b"}.icon-StrathIcon-SmokeAlarms:before{content:"\e91c"}.icon-StrathIcon-24HourReception:before{content:"\e91d"}.icon-StrathIcon-BuzzerIntercom:before{content:"\e91e"}.icon-StrathIcon-Elevator:before{content:"\e91f"}.icon-StrathIcon-Laundrette:before{content:"\e920"}.icon-StrathIcon-ParcelReceipt:before{content:"\e921"}.icon-StrathIcon-PossessionsInsurance-ALT:before{content:"\e922"}.icon-StrathIcon-PossessionsInsurance:before{content:"\e923"}.icon-StrathIcon-RecyclingOnCampus-V1_2:before{content:"\e924"}.icon-StrathIcon-QuietStudy:before{content:"\e92a"}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */.fa.fa-pull-left,.fa.pull-left{margin-right:.3em}.fa,.fa-stack{display:inline-block}.fa-fw,.fa-li{text-align:center}@font-face{font-family:FontAwesome;src:url('fonts/fontawesome-webfont\(1\).eot?v=4.7.0');src:url('fonts/fontawesome-webfont\(1\).eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont\(1\).woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont\(1\).woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont\(1\).ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont\(1\).svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:400;font-style:normal}.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa.fa-pull-right,.fa.pull-right{margin-left:.3em}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right,.pull-right{float:right}.pull-left{float:left}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}