:root {
  --red: #ef4a3b;
  --burgundy: #8a0045;
  --digital-blue: #304dfc;
  --dark-blue: #170d38;
  --grey: #c2bfd2;
  --teal: #006b82;
  --pale-blue: #bdf7e3;
  --neon: #c4ff36;
  --yellow: #ffff58;
  --peach: #febea5;
  --lavender: #d18fff;
}

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

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
  font-size: 17px;
  overflow-x: hidden;
}

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

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

li { margin-bottom: 0.5rem; }

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

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

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

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

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

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

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

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  color: #006b82;
}

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

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

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

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

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

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

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

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.dotmailer-form {
   background-color: #394851;
   color: #FFF;
   padding: 1rem 1.5rem;
   margin: 3rem 0;
}
.dotmailer-form.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item label, .dotmailer-form .sys_legend {
   font-weight: 300;
}
.dotmailer-form a {
  color: #FFF;
}
.crm-form .sys_cms-form-error, .dotmailer-form .sys_cms-form-error {
  background-color: #FCC;
}
.dotmailer-form .sys_sectionbreak-header {
  border-color: #FFF;
}
.crm-form {
  position: relative;
  padding: 2rem 3.5rem 5rem 3rem;
}
@media only screen and (max-width: 40.0525em) {
  .crm-form {
    padding: 1rem 1.5rem 5rem 1.5rem;
  }
  .sys_radio .sys_fieldcontent span {
    display: block;
  }
  .crm-form__hint {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
}
.crm-form--dark {
  background-color: #394851;
  color: #FFF;
  margin: 3rem 0;
}
.crm-form--light {
  background-color: #f4f4f4;
  padding: 2rem 3.5rem 5rem 3rem;
  margin: 3rem 0;
}
.crm-form--ohd-booking {
  padding: 1rem 2rem 3rem 3rem;
  margin: 0;
}
.crm-form__intro {
  margin-bottom: 2rem;
  line-height: 1.5rem;
}
#ohd-form__dates {
  margin-bottom: 1rem;
}
.crm-form.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item label, .crm-form .sys_legend {
   font-weight: 300;
}
.crm-form--dark p a {
  color: #FFF;
  text-decoration: underline;
}
.crm-form__progress-indicator {
  list-style: none;
  margin: 0 0 0.94444rem -0.5rem;
  padding: 0;
  font-size: 1.25rem;
}
.crm-form__progress-indicator > li {
  list-style: none;
  margin-left: 0.5rem;
  padding-bottom: 1rem;
}
.crm-form__progress-indicator--small {
  font-size: 1.125rem;
}
.crm-form__step-no {
  border: 3px solid #FFF;
  background-color: #FFF;
  color: #D5035E;
  padding: 3px 8px;
  border-radius: 0.4rem;
  margin-right: 0.5rem;
  font-weight: bold;
}
.crm-form__step.completed > .crm-form__step-no {
  background-color: #D5035E;
  border-color: #D5035E;
  color: #FFF;
}
.crm-form__step.current > .crm-form__step-no {
  border-color: #D5035E;
}
.crm-form__error-msg {
  margin: 0;
  color: #FFF;
  background-color: var(--teal);
  display: inline-block;
  padding: 0 0.75rem;
  font-size: 0.9rem;
}
#consent-to-all-btn {
  margin-bottom: 1rem;
}
.crm-form__hint {
  margin-bottom: 1rem;
  font-size: 0.8rem;
  line-height: 1.1rem;
}
.crm-form select {
  padding-right: 32px;
}
/* CG: Loading spinner for forms */
@keyframes ldio-vck1watuie {0% { opacity: 1 }100% { opacity: 0 }}.ldio-vck1watuie div {left: 94px;top: 48px;position: absolute;animation: ldio-vck1watuie linear 1s infinite;background: #cccccc;width: 12px;height: 24px;border-radius: 4.8px / 4.8px;transform-origin: 6px 52px;}.ldio-vck1watuie div:nth-child(1) {transform: rotate(0deg);animation-delay: -0.9166666666666666s;background: #cccccc;}.ldio-vck1watuie div:nth-child(2) {transform: rotate(30deg);animation-delay: -0.8333333333333334s;background: #cccccc;}.ldio-vck1watuie div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.75s;background: #cccccc;}.ldio-vck1watuie div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.6666666666666666s;background: #cccccc;}.ldio-vck1watuie div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.5833333333333334s;background: #cccccc;}.ldio-vck1watuie div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.5s;background: #cccccc;}.ldio-vck1watuie div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.4166666666666667s;background: #cccccc;}.ldio-vck1watuie div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.3333333333333333s;background: #cccccc;}.ldio-vck1watuie div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.25s;background: #cccccc;}.ldio-vck1watuie div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.16666666666666666s;background: #cccccc;}.ldio-vck1watuie div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.08333333333333333s;background: #cccccc;}.ldio-vck1watuie div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;background: #cccccc;}.loadingio-spinner-spinner-rf63k31rut {width: 200px;height: 200px;display: inline-block;overflow: hidden;background: none;}.ldio-vck1watuie {width: 100%;height: 100%;position: relative;transform: translateZ(0) scale(1);backface-visibility: hidden;transform-origin: 0 0; /* see note above */}.ldio-vck1watuie div { box-sizing: content-box; }/* generated by https://loading.io/ */
.loading-spinner {
  position: absolute;
  display: table;
  text-align: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 999;
  transition: all .25s;
}
.loading-spinner__image {
  display: table-cell;
  vertical-align: middle;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.manual-address-fields input[disabled] {
  background-color: inherit;
  color: #FFF;
  padding: 0.25rem;
  border: none;
  font-size: 1.2rem;
}

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

html {
  background: #fff;
  color: #1D1D1B;
  font-family: "Plus Jakarta Sans", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * 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 audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

iframe {
  border: 0;
}

/**
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/**
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/**
 * Responsive images
 */
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

body > img {
  display: none;
}

a {
  color: #170d38;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.no-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inline-list {
  list-style: none;
  margin: 0 0 0.94444rem -0.5rem;
  overflow: hidden;
  padding: 0;
}

.inline-list > li {
	display: block;
	float: left;
	list-style: none;
	margin-left: 0.5rem;
}

.inline-list--award {
  font-weight: bold;
  margin-bottom: 0;
}

.inline-list--award > li:after {
  content: ", ";
}

.inline-list--award > li:last-child:after {
  content: "";
}

.anchor {
  visibility: hidden;
  height: 60px;
  display: block;
  margin-top: -60px;
}

@font-face {
  font-family: 'Fs-Me';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FSMeWeb-Regular-eot.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/FSMeWeb-Regular-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMeWeb-Regular-woff.woff") format("woff");
}

@font-face {
  font-family: 'Fs-Me';
  font-style: normal;
  font-weight: 300;
  src: url("/site-elements/fonts/FSMeWeb-Light-eot.eot");
  /* IE9 Compat Modes */
  src: url("/site-elements/fonts/FSMeWeb-Light-eot.eot?#iefix") format("embedded-opentype"), url("/site-elements/fonts/FSMeWeb-Light-woff.woff") format("woff");
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  src: url("PlusJakartaSans-VariableFont_wght.ttf");
}

@font-face {
  font-family: 'Plus Jakarta Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: url("PlusJakartaSans-Bold.ttf");
}

@font-face {
  font-family: 'Fs-Me';
  font-style: normal;
  font-weight: 600;
  src: url("/site-elements/fonts/FSMeWeb-Bold-eot.eot");
  /* IE9 Compat Modes */
  src: url("/site-elements/fonts/FSMeWeb-Bold-eot.eot?#iefix") format("embedded-opentype"), url("/site-elements/fonts/FSMeWeb-Bold-woff.woff") format("woff");
}

/**
 * Heading sizes
 */
@media only screen and (min-width: 20.0625em) {
  h1 {
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.25rem;
  }
  h3 {
    font-size: 1.1875rem;
  }
  h4 {
    font-size: 1.125rem;
  }
  h5 {
    font-size: 1.0625rem;
  }
  h6 {
    font-size: 1rem;
  }
}

span.h-line {
  height: 4px;
  width: 40px;
  background: var(--teal);
  display: block;
  margin-bottom: 0.875rem;
}

@media only screen and (min-width: 40.0625em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}

span.h-line {
  height: 4px;
  width: 40px;
  background: var(--teal);
  display: block;
  margin-bottom: 0.875rem;
}

h1 {
  font-size: 2rem;
  line-height: 2.625rem;
  font-weight: 600;
}

h2 {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: bold;
  color: var(--teal);
}

h3 {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 400;
}

h4 {
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.accordian-section__title p {
  margin: 1.25rem 0!important;
}

h5 {
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 600;
}

p {
  font-weight: 300;
  line-height: 1.875rem;
}

ul, ol {
  font-weight: 300;
  line-height: 1.5rem;
}

blockquote {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  font-style: italic;
  margin-left: 0px;
  margin-right: 0px;
}

.address {
  line-height: 1.25rem;
}

a.dark-link {
  color: #1D1D1B;
}

/* SM: CMS anchors used for headings */
h2 a, h3 a, h4 a, h5 a {
  color: #1D1D1D;
  text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
  text-decoration: none;
}

/**
 * Components
 * singular modular items, no parent-child relationship
 */
/**
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}

/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

/**
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/**
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/**
 * Clearfix
 */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

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

/**
 * Small
 */
@media only screen {
  .show-for-small-only,
  .show-for-small-up,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-tablet-only,
  .hide-for-tablet-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .hide-for-small-only,
  .hide-for-small-up,
  .show-for-medium-only,
  .show-for-medium-up,
  .show-for-tablet-only,
  .show-for-tablet-up,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up {
    display: none !important;
  }
  .visible-for-small-only,
  .visible-for-small-up,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-tablet-only,
  .hidden-for-tablet-up,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .hidden-for-small-only,
  .hidden-for-small-up,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .visible-for-tablet-only,
  .visible-for-tablet-up,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
}

/**
 * Medium
 */
@media only screen and (min-width: 40.0625em) {
  .hide-for-small-only,
  .show-for-small-up,
  .show-for-medium-only,
  .show-for-medium-up,
  .hide-for-tablet-only,
  .hide-for-tablet-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .show-for-tablet-only,
  .show-for-tablet-up,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .visible-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-tablet-only,
  .hidden-for-tablet-up,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .hidden-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-tablet-only,
  .visible-for-tablet-up,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
}

/**
 * Tablet
 */
@media only screen and (min-width: 46.25em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-medium-only,
  .show-for-medium-up,
  .show-for-tablet-only,
  .show-for-tablet-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .hide-for-medium-only,
  .hide-for-medium-up,
  .hide-for-tablet-only,
  .hide-for-tablet-up,
  .show-for-large-only,
  .show-for-large-up,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .visible-for-tablet-only,
  .visible-for-tablet-up,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .hidden-for-tablet-only,
  .hidden-for-tablet-up,
  .visible-for-large-only,
  .visible-for-large-up,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
}

/**
 * Large
 */
@media only screen and (min-width: 63.9375em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-tablet-only,
  .show-for-tablet-up,
  .show-for-large-only,
  .show-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-tablet-only,
  .hide-for-tablet-up,
  .hide-for-large-only,
  .hide-for-large-up,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-tablet-only,
  .visible-for-tablet-up,
  .visible-for-large-only,
  .visible-for-large-up,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-tablet-only,
  .hidden-for-tablet-up,
  .hidden-for-large-only,
  .hidden-for-large-up,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
}

/**
 * X-large
 */
@media only screen and (min-width: 80em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-tablet-only,
  .show-for-tablet-up,
  .hide-for-large-only,
  .show-for-large-up,
  .show-for-xlarge-only,
  .show-for-xlarge-up,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-tablet-only,
  .hide-for-tablet-up,
  .show-for-large-only,
  .hide-for-large-up,
  .hide-for-xlarge-only,
  .hide-for-xlarge-up,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-tablet-only,
  .visible-for-tablet-up,
  .hidden-for-large-only,
  .visible-for-large-up,
  .visible-for-xlarge-only,
  .visible-for-xlarge-up,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-tablet-only,
  .hidden-for-tablet-up,
  .visible-for-large-only,
  .hidden-for-large-up,
  .hidden-for-xlarge-only,
  .hidden-for-xlarge-up,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
}

/**
 * XX-large
 */
@media only screen and (min-width: 90.0625em) {
  .hide-for-small-only,
  .show-for-small-up,
  .hide-for-medium-only,
  .show-for-medium-up,
  .hide-for-tablet-only,
  .show-for-tablet-up,
  .hide-for-large-only,
  .show-for-large-up,
  .hide-for-xlarge-only,
  .show-for-xlarge-up,
  .show-for-xxlarge-only,
  .show-for-xxlarge-up {
    display: inherit !important;
  }
  .show-for-small-only,
  .hide-for-small-up,
  .show-for-medium-only,
  .hide-for-medium-up,
  .show-for-tablet-only,
  .hide-for-tablet-up,
  .show-for-large-only,
  .hide-for-large-up,
  .show-for-xlarge-only,
  .hide-for-xlarge-up,
  .hide-for-xxlarge-only,
  .hide-for-xxlarge-up {
    display: none !important;
  }
  .hidden-for-small-only,
  .visible-for-small-up,
  .hidden-for-medium-only,
  .visible-for-medium-up,
  .hidden-for-tablet-only,
  .visible-for-tablet-up,
  .hidden-for-large-only,
  .visible-for-large-up,
  .hidden-for-xlarge-only,
  .visible-for-xlarge-up,
  .visible-for-xxlarge-only,
  .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only,
  .hidden-for-small-up,
  .visible-for-medium-only,
  .hidden-for-medium-up,
  .visible-for-tablet-only,
  .hidden-for-tablet-up,
  .visible-for-large-only,
  .hidden-for-large-up,
  .visible-for-xlarge-only,
  .hidden-for-xlarge-up,
  .hidden-for-xxlarge-only,
  .hidden-for-xxlarge-up {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
}

/**
 * Orientation targeting
 */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
}

/**
 * Touch-enabled device targeting
 */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touchevents .show-for-touch {
  display: inherit !important;
}

.touchevents .hide-for-touch {
  display: none !important;
}

/**
 * Screen reader-specific classes
 */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

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

.show-on-focus:focus,
.show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/**
 * Print visibility
 */
.print-only,
.show-for-print {
  display: none !important;
}

@media print {
  .print-only,
  .show-for-print {
    display: block !important;
  }
  .hide-on-print,
  .hide-for-print {
    display: none !important;
  }
}

/**
 * Alignment classes
 */
.text-left {
  text-align: left !important;
}

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

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

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

.text-white {
  color: #fff;
}

@media only screen and (max-width: 40.0525em) {
  .small-only-text-left {
    text-align: left !important;
  }
  .small-only-text-right {
    text-align: right !important;
  }
  .small-only-text-center {
    text-align: center !important;
  }
  .small-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen {
  .small-text-left {
    text-align: left !important;
  }
  .small-text-right {
    text-align: right !important;
  }
  .small-text-center {
    text-align: center !important;
  }
  .small-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 63.9275em) {
  .medium-only-text-left {
    text-align: left !important;
  }
  .medium-only-text-right {
    text-align: right !important;
  }
  .medium-only-text-center {
    text-align: center !important;
  }
  .medium-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 40.0625em) {
  .medium-text-left {
    text-align: left !important;
  }
  .medium-text-right {
    text-align: right !important;
  }
  .medium-text-center {
    text-align: center !important;
  }
  .medium-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 63.9375em) and (max-width: 79.99em) {
  .large-only-text-left {
    text-align: left !important;
  }
  .large-only-text-right {
    text-align: right !important;
  }
  .large-only-text-center {
    text-align: center !important;
  }
  .large-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 63.9375em) {
  .large-text-left {
    text-align: left !important;
  }
  .large-text-right {
    text-align: right !important;
  }
  .large-text-center {
    text-align: center !important;
  }
  .large-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 80em) and (max-width: 90.0525em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }
  .xlarge-only-text-right {
    text-align: right !important;
  }
  .xlarge-only-text-center {
    text-align: center !important;
  }
  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 80em) {
  .xlarge-text-left {
    text-align: left !important;
  }
  .xlarge-text-right {
    text-align: right !important;
  }
  .xlarge-text-center {
    text-align: center !important;
  }
  .xlarge-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 90.0625em) {
  .xxlarge-text-left {
    text-align: left !important;
  }
  .xxlarge-text-right {
    text-align: right !important;
  }
  .xxlarge-text-center {
    text-align: center !important;
  }
  .xxlarge-text-justify {
    text-align: justify !important;
  }
}

/**
 * Uses the $icons map defined in utilities/_variables.scss
 * Add your icon into the map and the mixin will do the rest
 *
 * If for some reason you don't want to use the icons map you can manually add in an icon, example below
 * .icon-name {
 *    font-size: rem-calc(32); // works because "width" & "height" were set on .icon using em units
 *    color: #ff0000; // works for single-colored icons, because "fill" was set to "currentColor" on .icon
 * }
 */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}

/**
 * Icons
 */
/**
 * Icons fallback to PNGs
 * Uses Modernizr to detect svg support .no-svg
 * Remove if your not supporting older browsers
 */
.no-svg .icon {
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.skip-to-content {
  position: absolute;
  top: -1000px;
  left: 0;
  display: inline-block;
  background: #394851;
  color: #fff;
  padding: 1.25rem;
  z-index: 999;
}

.skip-to-content:focus {
  left: 2rem;
  top: 0;
}

/* CG: Generic flexbox layouts */

.flex-grid {
  display: flex;
}

.flex-col {
  flex: 1;
}

@media only screen and (min-width: 40.0525em) {
  .flex-grid-thirds .flex-col {
    width: 32%;
    padding-right: 1rem;
  }
}


@media only screen and (max-width: 40.0525em) {
  .flex-grid {
    display: block;
  }
}

.main-header {
  width: 100%;
  margin: 0 auto;
}

.main-header .secondary-nav {
  width: 100%;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.main-header .banner_video_player {
  position: absolute;
  top: 0px;
  height: 624px;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}

.main-header .logo-col {
  width: 121px;
  height: 128px;
  z-index: 10;
  padding: 0;
}

@media only screen and (max-width: 63.9275em) {
  .main-header .logo-col {
    margin-left: 18px;
  }
}

@media only screen and (max-width: 40.0525em) {
  .main-header .logo-col {
    height: 97px;
    width: 92px;
    margin-left: 10px;
  }
}

.main-header .site-links {
  background: transparent;
  height: 48px;
  width: 100%;
  position: relative;
  /* CG: Temporarily changed from "absolute" in conjunction with the Sitewide banner, March 2020 */
  top: 0px;
  z-index: 1;
  text-align: right;
}

@media only screen and (min-width: 63.9375em) {
  .main-header .site-links {
    display: none;
  }
}

.main-header .site-links a {
  text-decoration: none;
  display: inline-block;
  padding: 13px;
  margin: 0 10px;
}

.footer-awards {
  background: #3E3E3E;
  color: #fff;
  padding: 2.25rem 0;
  font-size: 0.875rem;
}

.footer-awards a {
  text-decoration: underline;
  color: #fff;
}

.footer-awards .employability-award {
  height: 120px;
  width: 250px;
  border: 2px solid #fff;
  border-radius: 2px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 1.0625rem;
  line-height: 1.875rem;
  font-weight: 600;
  letter-spacing: 0.3125rem;
  padding: 0.8125rem;
}

.footer-awards .employability-award span {
  font-size: 1.875rem;
}

@media only screen and (max-width: 40.0525em) {
  .footer-awards .employability-award {
    width: 100%;
  }
}

.footer-awards .award-logo {
  margin-bottom: 1rem;
  height: 96px;
  position: relative;
}

.footer-awards .award-logo img {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 63.9275em) {
  .footer-awards .award-description {
    margin-bottom: 3.125rem;
  }
}

footer {
  width: 100%;
  margin: 0 auto;
  background: #333;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

footer .telephone {
  margin: 2rem 0;
}

footer .copyright {
  margin-top: 2rem;
}

@media only screen and (max-width: 63.9275em) {
  footer {
    padding-bottom: 40px;
  }
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer .icon-phone-icon {
  margin-right: 0.5rem;
}

@media only screen and (min-width: 40.0625em) and (max-width: 63.9275em) {
  .footer-link-section {
    text-align: left;
  }
}

h4.footer-heading {
  font-size: 1rem;
  margin: 1rem 0;
}

@media only screen and (max-width: 40.0525em) {
  h4.footer-heading {
    margin: 2rem 0 1rem;
  }
}

div.social-links {
  margin-bottom: 2rem;
}

.social-links a {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 2rem;
}

.social-links h4 {
  text-transform: uppercase;
}

a .icon-linkedin-icon {
    color: #0072B1;
}
.global-footer a .icon-linkedin-icon, #social-sticky__linkedin .icon-linkedin-icon {
    color: #FFF;
}

@media only screen and (max-width: 63.9275em) {
  .footer-links {
    line-height: 34px;
  }
}

.footer-links li {
  line-height: 1.25rem;
  margin-bottom: 1rem;
}

.footer-links a {
  color: #fff;
  text-decoration: none;
}

.footer__logo {
  margin: 0 0 30px 0;
}

.social li {
  display: inline-block;
  margin-right: 30px;
}

@media only screen and (max-width: 63.9275em) {
  .social li {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 40.0525em) {
  .social li {
    width: 24%;
    margin: 0;
    padding: 1.5rem 0;
    font-size: 1rem;
  }
}

.secondary-nav {
  width: auto;
  padding: 0px !important;
  font-size: 0.875rem;
  height: 48px;
}

@media only screen and (max-width: 63.9275em) {
  .secondary-nav {
    display: none;
  }
}

@media only screen and (max-width: 90.0525em) {
  .secondary-nav {
    padding-right: 24px !important;
  }
}

.secondary-nav .secondary-nav--list {
  text-align: right;
  margin: 0;
  padding: 0.875rem 0;
  line-height: 1.1875rem;
  border-bottom: 1px solid #BBB;
  font-weight: 400;
}

.secondary-nav .secondary-nav--list:after {
  content: '';
  height: 1px;
  width: 50%;
  background: #BBB;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.secondary-nav .secondary-nav--list .secondary-nav--item {
  display: inline-block;
  margin-left: 30px;
}

.secondary-nav .secondary-nav--list .secondary-nav--item a {
  color: #1D1D1B;
  text-decoration: none;
}

.main-nav {
  background: #fff;
}

body.move-left {
  overflow: hidden;
}

.main-menu {
  background: #fff;
  position: relative;
  top: 48px;
  width: calc(100% - 121px) !important;
  float: left;
  z-index: 500;
}

.main-menu__card .card__text {
  text-transform: none;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu {
    background: #394851;
    width: 270px !important;
    position: fixed;
    right: -100%;
    top: 0px;
    z-index: 900;
    transition: all .4s ease;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.main-menu .nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 15;
  float: left;
  margin-left: 106px;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav {
    float: none;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 63.9375em) and (max-width: 79.99em) {
  .main-menu .nav {
    margin-left: 0px;
  }
}

.main-menu .nav .nav__item {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.nav__subjects {
  z-index: 99;
}

.main-menu .nav .nav__subjects .nav__item {
  display: block;
}

.main-menu .nav .nav__subjects .nav__item a {
  text-transform: none;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav .nav__item {
    width: 100%;
  }
}

.main-menu .nav .nav__item a {
  color: #1D1D1B;
  text-decoration: none;
  padding: 1.25rem 1.25rem 1.125rem;
  position: relative;
  display: inline-block;
  font-weight: 400;
  line-height: 1.0625rem;
  font-size: 0.9375rem;
}
.main-menu .nav .nav__item > a
{
  text-transform: uppercase;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav .nav__item a {
    display: block;
    color: #fff;
    background: #3f4e56;
    margin: 1px 0;
  }
}

@media only screen and (min-width: 63.9375em) and (max-width: 79.99em) {
  .main-menu .nav .nav__item a {
    padding: 1.0625rem 0.625rem 1.125rem;
  }
}

.main-menu .nav .nav__item a span {
  float: right;
}

.main-menu .nav .nav__item a span .icon-chevron-up {
  display: none;
}

@media only screen and (min-width: 63.9375em) {
  .main-menu .nav .nav__item a > span {
    display: none;
  }
}

.main-menu .nav .nav__item a.hover, .main-menu .nav .nav__item a:focus, .main-menu .nav .nav__item a.open {
  background: var(--teal);
  color: #fff;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav .nav__item a.hover, .main-menu .nav .nav__item a:focus, .main-menu .nav .nav__item a.open {
    background: #3f4e56;
  }
}

@media only screen and (min-width: 63.9375em) {
  .main-menu .nav .nav__item a.hover ~ .nav__sub, .main-menu .nav .nav__item a:focus ~ .nav__sub, .main-menu .nav .nav__item a.open ~ .nav__sub {
    display: block;
  }
}

.main-menu .nav .nav__item a.mobile-open {
  background: var(--teal);
  color: #fff;
  background: #3f4e56;
}

.main-menu .nav .nav__item a.mobile-open span .icon-chevron-down {
  display: none;
}

.main-menu .nav .nav__item a.mobile-open span .icon-chevron-up {
  display: block;
}

.main-menu .nav .nav__item .nav__sub {
  display: none;
  position: absolute;
  top: 56px;
  right: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 999;
  font-weight: 300;
  padding: 1.875rem 4.375rem;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav .nav__item .nav__sub {
    background-color: #3f4e56;
    top: -1px;
    position: relative;
    padding: 0;
  }
}

.main-menu .nav .nav__item .nav__sub.mobile-open {
  display: block;
}

.main-menu .nav .nav__item .nav__sub li {
  margin: 0.5rem 0;
}

.main-menu .nav .nav__item .nav__sub a {
  padding: 0;
  width: 100%;
  font-weight: 400;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav .nav__item .nav__sub a {
    padding: 0.5rem 2rem;
  }
}

.main-menu .nav .nav__item .nav__sub a:hover {
  background: none;
  color: #1D1D1B;
  text-decoration: underline;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav .nav__item .nav__sub a:hover {
    color: #fff;
  }
}

.main-menu .nav .nav__item .nav__sub .card {
  height: auto;
}

.main-menu .nav .nav__item .nav__sub .card a:hover {
  text-decoration: none;
}

.main-menu .nav .nav__item .nav__sub .card .card__text {
  width: calc(100% - 16px);
  margin: 0 auto;
  background: #fff;
  position: relative;
  top: -30px;
  padding: 1rem;
}

.main-menu .nav .nav__item .nav__sub .card .card__text span {
  float: right;
}

.main-menu .nav .nav__item .nav__sub .card .card__text span .icon {
  fill: var(--teal);
  height: 20px;
}

.main-menu .nav .nav__item .nav__sub .card .card__text h2.card__text-title {
  font-size: 1.0625rem;
  margin: 0;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav .nav__item .nav__sub .card {
    display: none;
  }
}

.main-menu .nav-cta {
  float: right;
}

.main-menu .nav-cta ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 15;
}

.main-menu .nav-cta .nav__cta {
  float: left;
  height: 56px;
  margin-left: 2px;
}

.main-menu .nav-cta .nav__cta a {
  text-decoration: none;
  display: inline-block;
  color: #1D1D1B;
  width: 100px;
  text-align: center;
  padding: 0.8125rem 0.5rem;
  font-weight: 400;
  font-size: 0.9375rem;
  text-transform: uppercase;
}

@media only screen and (min-width: 63.9375em) and (max-width: 79.99em) {
  .main-menu .nav-cta .nav__cta a {
    width: 90px;
  }
}

.main-menu .nav-cta .nav__cta.site-search {
  background: var(--teal);
  width: 56px;
  float: right;
}
.main-menu .nav-cta .nav__cta.site-search:focus-within {
  background: #000;
}
main a:not(.accordian-section__title):focus, .secondary-nav--link:focus {
  border: 2px solid var(--teal);
}
.breadcrumb a:focus, footer a:focus {
  border: 2px solid #FFF;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .nav-cta {
    display: none;
  }
}

.main-menu .secondary-nav--list,
.main-menu .social-nav--list {
  display: none;
  font-size: 0.875rem;
  position: relative;
  margin: 48px 0px;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .secondary-nav--list,
  .main-menu .social-nav--list {
    display: block;
  }
}

.main-menu .secondary-nav--list .secondary-nav--item,
.main-menu .secondary-nav--list .social-nav--item,
.main-menu .social-nav--list .secondary-nav--item,
.main-menu .social-nav--list .social-nav--item {
  list-style: none;
  margin: 14px 0px;
  padding: 0;
}

.main-menu .secondary-nav--list .secondary-nav--item a,
.main-menu .secondary-nav--list .social-nav--item a,
.main-menu .social-nav--list .secondary-nav--item a,
.main-menu .social-nav--list .social-nav--item a {
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  display: block;
}

@media only screen and (max-width: 63.9275em) {
  .main-menu .secondary-nav--list .secondary-nav--item a span,
  .main-menu .secondary-nav--list .social-nav--item a span,
  .main-menu .social-nav--list .secondary-nav--item a span,
  .main-menu .social-nav--list .social-nav--item a span {
    width: 14px;
    display: inline-block;
  }
}

.main-menu .social-nav--list {
  margin: 0 0 32px 0;
}

.main-menu .social-nav--list .social-nav--item {
  display: inline-block;
  margin: 0 14px;
}

.main-menu .nav__controls {
  height: 65px;
  text-align: right;
}

@media only screen and (min-width: 63.9375em) {
  .main-menu .nav__controls {
    display: none;
  }
}

.main-menu .nav__controls a {
  padding: 15px 22px;
  display: inline-block;
}

.move-left.off-canvas-menu {
  visibility: visible;
  right: 0;
}

.nav-shadow .main-menu {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.page-nav {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 400;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 40.0525em) {
  .page-nav {
    box-shadow: none;
    float: none;
  }
}

.page-nav .page-nav__list,
.page-nav .page-nav__tab-list {
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media only screen and (max-width: 63.9275em) {
  .page-nav .page-nav__list,
  .page-nav .page-nav__tab-list {
    display: none;
  }
}

.page-nav .page-nav__list .page-nav__item,
.page-nav .page-nav__list .page-nav__tab-item,
.page-nav .page-nav__tab-list .page-nav__item,
.page-nav .page-nav__tab-list .page-nav__tab-item {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 40.0525em) {
  .page-nav .page-nav__list .page-nav__item,
  .page-nav .page-nav__list .page-nav__tab-item,
  .page-nav .page-nav__tab-list .page-nav__item,
  .page-nav .page-nav__tab-list .page-nav__tab-item {
    margin: 0;
    text-align: center;
    width: 100%;
  }
}

.page-nav .page-nav__list .page-nav__item a,
.page-nav .page-nav__list .page-nav__tab-item a,
.page-nav .page-nav__tab-list .page-nav__item a,
.page-nav .page-nav__tab-list .page-nav__tab-item a {
  color: #1D1D1B;
  font-weight: 300;
  padding: 18px 0 12px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border-bottom: 4px solid #fff;
}

@media only screen and (max-width: 40.0525em) {
  .page-nav .page-nav__list .page-nav__item a,
  .page-nav .page-nav__list .page-nav__tab-item a,
  .page-nav .page-nav__tab-list .page-nav__item a,
  .page-nav .page-nav__tab-list .page-nav__tab-item a {
    display: none;
  }
}

.page-nav .page-nav__list .page-nav__item a:hover, .page-nav .page-nav__list .page-nav__item a:focus,
.page-nav .page-nav__list .page-nav__tab-item a:hover,
.page-nav .page-nav__list .page-nav__tab-item a:focus,
.page-nav .page-nav__tab-list .page-nav__item a:hover,
.page-nav .page-nav__tab-list .page-nav__item a:focus,
.page-nav .page-nav__tab-list .page-nav__tab-item a:hover,
.page-nav .page-nav__tab-list .page-nav__tab-item a:focus {
  border-bottom: 4px solid #fff;
}

.page-nav .page-nav__list .page-nav__item.active a,
.page-nav .page-nav__list .page-nav__item a:hover,
.page-nav .page-nav__list .page-nav__item a[aria-selected="true"],
.page-nav .page-nav__list .page-nav__item a[aria-selected="true"]:focus,
.page-nav .page-nav__list .page-nav__tab-item.active a,
.page-nav .page-nav__list .page-nav__tab-item a:hover,
.page-nav .page-nav__list .page-nav__tab-item a[aria-selected="true"],
.page-nav .page-nav__list .page-nav__tab-item a[aria-selected="true"]:focus,
.page-nav .page-nav__tab-list .page-nav__item.active a,
.page-nav .page-nav__tab-list .page-nav__item a:hover,
.page-nav .page-nav__tab-list .page-nav__item a[aria-selected="true"],
.page-nav .page-nav__tab-list .page-nav__item a[aria-selected="true"]:focus,
.page-nav .page-nav__tab-list .page-nav__tab-item.active a,
.page-nav .page-nav__tab-list .page-nav__tab-item a:hover,
.page-nav .page-nav__tab-list .page-nav__tab-item a[aria-selected="true"],
.page-nav .page-nav__tab-list .page-nav__tab-item a[aria-selected="true"]:focus {
  border-bottom: 4px solid var(--teal);
}

@media only screen and (max-width: 40.0525em) {
  .page-nav .page-nav__list .page-nav__item.active a,
  .page-nav .page-nav__list .page-nav__item a:hover,
  .page-nav .page-nav__list .page-nav__item a[aria-selected="true"],
  .page-nav .page-nav__list .page-nav__item a[aria-selected="true"]:focus,
  .page-nav .page-nav__list .page-nav__tab-item.active a,
  .page-nav .page-nav__list .page-nav__tab-item a:hover,
  .page-nav .page-nav__list .page-nav__tab-item a[aria-selected="true"],
  .page-nav .page-nav__list .page-nav__tab-item a[aria-selected="true"]:focus,
  .page-nav .page-nav__tab-list .page-nav__item.active a,
  .page-nav .page-nav__tab-list .page-nav__item a:hover,
  .page-nav .page-nav__tab-list .page-nav__item a[aria-selected="true"],
  .page-nav .page-nav__tab-list .page-nav__item a[aria-selected="true"]:focus,
  .page-nav .page-nav__tab-list .page-nav__tab-item.active a,
  .page-nav .page-nav__tab-list .page-nav__tab-item a:hover,
  .page-nav .page-nav__tab-list .page-nav__tab-item a[aria-selected="true"],
  .page-nav .page-nav__tab-list .page-nav__tab-item a[aria-selected="true"]:focus {
    display: block;
    border-bottom: 0px;
  }
}

.page-nav .page-nav__list--mobile {
  box-shadow: none;
  width: 100%;
  background: #fff;
  margin-bottom: 0;
  position: relative;
  padding-top: 48px;
  display: none;
}

@media only screen and (max-width: 63.9275em) {
  .page-nav .page-nav__list--mobile {
    display: block;
  }
}

.page-nav .page-nav__list--mobile a {
  display: none;
  width: 100%;
  text-align: center;
  padding: 0.8125rem 0;
  transition: all 500ms ease;
}

.page-nav .page-nav__list--mobile a:first-child:after {
  position: relative;
  left: 15px;
  display: inline-block;
  content: url("/site-elements/images/dropdown-chevron-black.svg");
  transition: all 500ms ease;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.page-nav .page-nav__list--mobile a.active {
  position: absolute;
  top: 0px;
  display: block;
  color: #1D1D1B;
  text-decoration: none;
}

.page-nav .page-nav__list--mobile a.active:after {
  position: relative;
  left: 15px;
  display: inline-block;
  content: url("/site-elements/images/dropdown-chevron-black.svg");
  transition: all 500ms ease;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.page-nav .page-nav__list--mobile.collapsed {
  height: 48px;
}

.page-nav .page-nav__list--mobile.expanded {
  padding-top: 0;
}

.page-nav .page-nav__list--mobile.expanded a {
  display: block;
}

.page-nav .page-nav__list--mobile.expanded a.active {
  color: var(--teal);
  position: relative;
}

.page-nav .page-nav__list--mobile.expanded a.active:after {
  display: none;
}

.page-nav .page-nav__list--mobile .main__sidebar-nav {
  background: #fff;
  padding: 3rem 0;
}

.page-nav .page-nav__list--mobile .main__sidebar-nav li {
  padding: 0;
}

.page-nav .page-nav__list--mobile .main__sidebar-nav li a {
  text-align: center;
  font-weight: 300;
  padding: 0.8125rem 0;
  height: 48px;
}

.page-nav .page-nav__list--mobile .main__sidebar-nav li.active a {
  width: 100%;
}

.page-nav .page-nav__list--mobile .main__sidebar-nav li.active a:before {
  display: none;
}

.page-nav.sticky-page-nav {
  position: fixed;
  top: 0px;
  width: 100%;
}

.btn {
  font-weight: 600;
  text-align: center;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  border: 0;
  background: #1D1D1B;
  color: #fff;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_buttons .sys_form-submit[disabled] {
  background-color: #CCC;
  cursor: not-allowed;
}

#ohd-form__book-btn[disabled] {
  background-color: #CCC;
  cursor: not-allowed;
}

.btn-search {
  -webkit-appearance: none;
  background: none;
  border: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  font-size: 1.16063rem;
  color: #FFF;
}

.btn-course-finder {
  background: var(--teal) !important;
  border: 1px solid #fff;
}

.btn--black {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: #1D1D1B;
  color: #fff;
}

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

.btn--black__ghost {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #1D1D1B;
  border: 1px solid #1D1D1B;
  font-size: 1rem;
}

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

.btn--pink {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: #D5035E;
  color: #fff;
}

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

.btn--pink__ghost {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #1D1D1B;
  border: 1px solid #D5035E;
  font-size: 1rem;
}

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

.btn--purple {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: #632D4F;
  color: #fff;
}

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

.btn--purple__ghost {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #1D1D1B;
  border: 1px solid #632D4F;
  font-size: 1rem;
}

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

.btn--red {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: var(--teal);
  color: #fff;
}

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

.btn--red__ghost {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #1D1D1B;
  border: 1px solid var(--teal);
  font-size: 1rem;
}

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

.btn--maroon {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: #970048;
  color: #fff;
}

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

.btn--maroon__ghost {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #1D1D1B;
  border: 1px solid #970048;
  font-size: 1rem;
}

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

.btn--slate {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: #394851;
  color: #fff;
}

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

.btn--slate__ghost {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #1D1D1B;
  border: 1px solid #394851;
  font-size: 1rem;
}

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

.btn--white__ghost {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #1D1D1B;
  border: 1px solid #fff;
  font-size: 1rem;
  color: #fff;
}

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

.btn--slate__icon {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: #394851;
  color: #fff;
  text-align: left;
}

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

.btn--slate__icon span.btn--icon {
  background-image: url("../images/chevron-right-white.png");
  float: right;
  display: block;
  width: 16px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
}

.btn--red__icon {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: var(--teal);
  color: #fff;
  text-align: left;
}

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

.btn--red__icon span.btn--icon {
  background-image: url("../images/chevron-right-white.png");
  float: right;
  display: block;
  width: 16px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
}

.btn--slide-control {
  width: 34px;
  height: 34px;
  margin: 2rem 1rem;
  display: inline-block;
  background-color: #394851;
  cursor: pointer;
  text-align: center;
  line-height: 34px;
  color: #FFF;
}

.btn--slide-control.slick-disabled {
  background: rgba(57, 72, 81, 0.5);
  cursor: not-allowed;
}

.dialog .btn--slide-control {
  width: 41px;
  height: 41px;
  border: 1px solid #a1a1a1;
  border-radius: 21px;
  margin: 2rem 1rem;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 37px;
}

.dialog .btn--slide-control.slick-disabled {
  background: transparent;
  cursor: not-allowed;
  opacity: 0.3;
}

.btn--inline, .card a.link--inline {
  display: inline;
}

.access-able-link { display: table; }
.access-able-link > div { display: table-cell; vertical-align: middle; }
.access-able-link__logo > img { margin-right: 10px; min-width: 32px; }
.access-able-link__link { font-weight: 300; line-height: 1.5rem; }

.tooltip {
  cursor: pointer;
  position: relative;
}

.tooltip svg {
  height: 21px;
  width: 23px;
}

@media only screen and (max-width: 40.0525em) {
  .tooltip svg {
    width: 100%;
  }
}

.tooltip::before {
  position: absolute;
  bottom: 31px;
  left: -90px;
  background-color: #1D1D1B;
  border-radius: 5px;
  color: #fff;
  content: attr(aria-label);
  padding: 1rem;
  text-transform: none;
  transition: all 0.5s ease;
  width: 190px;
  font-weight: 300;
}

@media only screen and (max-width: 40.0525em) {
  .tooltip::before {
    left: -10px;
  }
}

.tooltip::after {
  position: absolute;
  top: -12px;
  left: 9px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1D1D1B;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}

.tooltip::before, .tooltip::after {
  opacity: 0;
  pointer-events: none;
  text-align: center;
}

.tooltip:focus::before, .tooltip:focus::after, .tooltip:hover::before, .tooltip:hover::after {
  opacity: 1;
  transition: all 0.75s ease;
}

.cta-buttons {
  margin-bottom: 64px;
  text-transform: uppercase;
}

.cta-contact-block {
  background-color: var(--teal);
  color: #fff;
  border-width: 1px 0;
  padding: 1rem;
  margin-top: 3rem;
}
.cta-contact-block h2 {
  font-weight: 400;
}
.cta-contact-block a {
  color: #fff;
}
.cta-contact-block .icon {
  font-size: 2rem;
}
.cta-contact-block__icon {
  color: #fff;
}
.cta-contact-block__title {
  font-size: 1.375rem !important;
  line-height: 1.875rem !important;
  font-weight: 400 !important;
  border-bottom: none !important;
  margin: 0 0 0.75rem 0 !important;  
}
.cta-contact-block__method {
  margin-bottom: 1rem;
}
.postal-address--multi-line span {
  display: block;
}


@media only screen and (max-width: 40.0525em) {
  .cta-buttons {
    margin-bottom: 32px;
  }
  .cta-buttons .btn {
    margin-bottom: 2rem;
  }
}

.cta-buttons.sticky-cta-buttons {
  position: fixed;
  top: 0px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  background: #fff;
  z-index: 500;
}

@media only screen and (min-width: 63.9375em) {
  .cta-buttons.sticky-cta-buttons .large-offset-3 {
    margin-left: 50% !important;
  }
}

@media only screen and (max-width: 40.0525em) {
  .cta-buttons.sticky-cta-buttons .small-offset-2 {
    margin-left: 0 !important;
  }
  .cta-buttons.sticky-cta-buttons .small-8 {
    width: 50% !important;
  }
  .cta-buttons.sticky-cta-buttons .column {
    padding: 0 0.375rem !important;
  }
}

.cta-buttons.sticky-cta-buttons .btn {
  margin: 1rem 0;
}

@media only screen and (max-width: 40.0525em) {
  .cta-buttons.sticky-cta-buttons .btn {
    font-size: 0.875rem;
    font-weight: 400;
  }
}

@media only screen and (max-width: 63.9275em) {
  body.fixed-cta {
    padding-top: 130px;
  }
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="file"],
input[type="date"],
input[type="submit"],
textarea, select {
  padding: 14px 16px;
  width: 100%;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1em;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: all 0.2s ease-out 0s;
  -webkit-appearance: none;
  border-radius: 0px;
}

input.input__error, select.input__error {
  border-color: var(--teal);
}

input::-webkit-input-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  height: 48px;
  background-image: url(/site-elements/images/dropdown-chevron-black.svg);
  background-repeat: no-repeat;
  background-size: 20px 10px;
  background-position: center right 11px;
  -webkit-appearance: none;
  line-height: 1.2;
}

select:disabled {
  background-image: none;
}
input:disabled, select:disabled {
  cursor: not-allowed;
}

@media only screen and (max-width: 40.0525em) {
  .form .search__col {
    margin-bottom: 1rem;
  }
}

.video_controls button {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: #fff;
}

select::-ms-expand {
  display: none;
}

.icheckbox,
.iradio {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("../images/icons/staffs-check-radio.png") no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox {
  background-position: 0 0;
}

.icheckbox.hover {
  background-position: -24px 0;
}

.icheckbox.checked {
  background-position: -48px 0;
}

.icheckbox.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox.checked.disabled {
  background-position: -96px 0;
}

.icheckbox.focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5) !important;
}

.iradio {
  background-position: -120px 0;
}

.iradio.hover {
  background-position: -144px 0;
}

.iradio.checked {
  background-position: -168px 0;
}

.iradio.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio.checked.disabled {
  background-position: -216px 0;
}

.iradio.focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5) !important;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item {
  list-style: none;
  margin: 0.5rem 0;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item label {
  font-size: 1rem;
  font-weight: 600;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_checkbox label, .sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_radio label {
  font-weight: 300;
  font-size: 0.875rem;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_checkbox span, .sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_radio span {
  margin-right: 1rem;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_name .sys_fieldcontent .sys_namesubelement {
  float: left;
  width: 50%;
  padding-left: 1rem;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_name .sys_fieldcontent .sys_namesubelement:first-child {
  padding-left: 0;
  padding-right: 1rem;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_address input {
  margin: 0.25rem 0;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_time .sys_timesubelement {
  display: inline-block;
  width: 90px;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_buttons .sys_form-submit {
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.8125rem 0.8125rem;
  width: 100%;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: var(--teal);
  color: #fff;
}

.sys_cms-form-page ul.sys_cms-form-body li.sys_cms-form-item.sys_buttons .sys_form-submit:hover {
  text-decoration: none;
}

.sys_sectionbreak {
  padding: 3rem 0 1.5rem 0;
}

.sys_sectionbreak-header {
  font-size: 1.625rem;
  line-height: 2rem;
  font-weight: 600;
  border-top: 1px solid var(--teal);
  display: block;
  padding-top: .8em;
}

.sys_legend {
  font-weight: 600;
}

.sys_fieldcontent label {
  margin-left: 0.4rem;
}

.sys_cms-form-validationsummary {
  color: var(--teal);
}

.sys_cms-form-error {
  font-weight: normal;
  color: var(--teal);
  margin-left: 0;
}
.sys_cms-form-error::placeholder {
  color: var(--teal);
}

input.sys_cms-form-error, textarea.sys_cms-form-error, select.sys_cms-form-error {
  border-color: var(--teal);
}

.sys_boxclearer {
  display: block;
}

.course__search {
  border-bottom: 1px solid #ccc;
  background-color: var(--teal);
  padding: 2rem 0;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 40.0525em) {
  .course__search {
    border-bottom: none;
    padding-top: 1rem;
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width: 40.0625em) {
  .course__search .search__col {
    padding: 0;
  }
}

@media only screen and (max-width: 40.0525em) {
  .course__search .search__col.search__submit {
    margin-bottom: 0;
  }
}

.course__search input[type="search"],
.course__search select {
  height: 64px;
  border-right: none;
  border-bottom: none;
}

@media only screen and (max-width: 40.0525em) {
  .course__search input[type="search"],
  .course__search select {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}

.course__search input[type="search"] {
  background-image: url(../images/search-grey.svg);
  background-repeat: no-repeat;
  background-position: center right 11px;
}

.course__search select {
  background-image: url(../images/chevron-down-red.svg);
}

.course__search .btn {
  height: 64px;
}

.cards {
  position: relative;
  padding-top: 20px;
  z-index: 400;
}

@media only screen and (max-width: 40.0525em) {
  .cards {
    padding-top: 80px;
  }
}

.card {
  position: relative;
  color: #1D1D1B;
  margin-bottom: 1rem;
  overflow: hidden;
  height: 405px;
  background-color: #fff;
}

.card a {
  color: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.card a:hover .card__image {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
  /* IE6 and 7 */
}

.card a:focus {
  outline: none;
  border: 1px solid #f2cb80;
}

.card .card__icon {
  height: 38px;
  width: 48px;
  background-color: #303030;
  color: #fff;
  position: absolute;
  left: 8px;
  top: 0;
  text-align: center;
  z-index: 1;
}

.card .card__icon:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  border-top: 10px solid #303030;
  border-left: 10px solid transparent;
  width: 48px;
}

.card .card__icon .icon {
  height: 45px;
}

.card .card__image {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 272px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.card .card__image-spacer {
  height: 120px;
}

@media only screen and (max-width: 40.0525em) {
  .card.featured {
    height: auto;
  }
}

@media only screen and (max-width: 40.0525em) {
  .card.featured .card__image {
    height: 352px;
  }
}

.card .card__text {
  width: calc(100% - 16px);
  margin: 0 auto;
  background: #fff;
  position: relative;
  top: -31px;
  padding: 1rem;
  text-align: left;
}

.card .card__text .card__badge {
  background-color: #303030;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 300;
  padding: 0.375rem 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}

.card .card__text .card__avatar {
  position: absolute;
  top: -24px;
  right: 24px;
  width: 48px;
  height: 48px;
}

.card .card__text .card__avatar .card__avatar-profile {
  border-radius: 24px;
}

.card .card__text span {
  float: right;
}

.card .card__text span .icon {
  fill: var(--teal);
  height: 20px;
}

.card .card__text h2.card__text-title {
  font-size: 1.0625rem;
  line-height: 1.5rem;
  margin: 0;
  z-index: 300;
}

.card .card__text .card__text-content {
  font-weight: 300;
  line-height: 1.375rem;
}

.card .card__text .card__text-date {
  font-size: 0.875rem;
  font-weight: 300;
  position: absolute;
  bottom: 0px;
}

.card .card__text .card__text-date span {
  float: left;
  margin-right: 0.625rem;
}

.card .card__text .card__date {
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: uppercase;
}

.card.card__badge .card__text {
  padding-top: 3rem;
}

.card.card__social .card__text {
  text-align: center;
  padding-top: 1.5rem;
}

/* Connected Section */
.connected .card {
  height: 416px;
}

@media only screen and (max-width: 40.0525em) {
  .connected .card {
    height: auto;
  }
}

.connected .card.card__student {
  height: 416px;
}

.card.card__extended .card__text {
  padding-top: 1rem;
}

.card.card__extended .card__text .card__badge {
  background: #fff;
}

.card__video .card__image {
  height: 192px;
}

.card__video .card__icon {
  background-color: var(--teal);
}

.card__video .card__icon:after {
  border-top-color: var(--teal);
}

.card__video .card__text .card__badge {
  background-color: var(--teal);
}

.card__blog .card__image {
  height: 192px;
}

.card__blog .card__icon {
  background-color: #632D4F;
}

.card__blog .card__icon:after {
  border-top-color: #632D4F;
}

.card__blog .card__text .card__badge {
  background-color: #632D4F;
}

.card__social-instagram .card__image {
  height: 308px;
}

.slick-track .slick-slide.card__social-instagram {
  height: 380px;
}

.card__social-instagram .card__icon {
  background-color: #D5035E;
}

.card__social-instagram .card__icon:after {
  border-top-color: #D5035E;
}

.card__text--truncated:after {
  position: absolute;
  bottom: 0;  
  left: 0;
  height: 70%;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(255,255,255, 1) 40%, 
     rgba(255,255,255, 0) 80%
  );
  pointer-events: none; /* so the text is still selectable */
}

.card__social-instagram .card__text {
  top: -90px;
}

.card__social-facebook .card__image {
  height: 192px;
}

.card__social-facebook .card__icon {
  background-color: #3A5798;
  font-size: 0.625rem;
}

.card__social-facebook .card__icon:after {
  border-top-color: #3A5798;
}

.card__social-twitter .card__image {
  height: 192px;
}

.card__social-twitter .card__icon {
  background-color: #1DA1F2;
}

.card__social-twitter .card__icon:after {
  border-top-color: #1DA1F2;
}

.card__social-youtube .card__icon {
  background-color: #ff0000;
}

.card__social-youtube .card__icon:after {
  border-top-color: #ff0000;
}

.card__student a {
  height: 100%;
  width: 100%;
}

.card__student a .card__image {
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.card__student a .card__image:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("/site-elements/images/template/waves-transparency.svg") no-repeat center 220px;
  background-size: contain;
  z-index: 300;
}

.card__student a .card__image:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(151, 0, 72, 0) 20%, #970048 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00970048', endColorstr='#970048',GradientType=0 );
  z-index: 200;
}

.card__student a:focus {
  border: 0px;
}

.card__student a:focus .card__text {
  border: 1px solid #f2cb80;
}

.card__student .card__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: transparent;
}

.card__student .card__text .card__badge {
  left: 0;
  background-color: #970048;
}

.card__student .card__text h2.card__text-title {
  font-size: 1rem;
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0px;
  padding-left: 1rem;
}

.card__student .card__text .card__text-course {
  font-weight: 300;
  float: left;
  width: 100%;
}

.card__student .card__text span {
  margin-right: 10px;
}

/* News Section */
.slider,
.on-campus_slider,
.student-gallery_slider,
.course-slider,
.social-media_slider,
.related-courses_slider,
.responsive-slider,
.instagram_slider {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media only screen and (max-width: 63.9275em) {
  .slider,
  .on-campus_slider,
  .student-gallery_slider,
  .social-media_slider,
  .course-slider,
  .related-courses_slider,
  .responsive-slider,
  .instagram_slider {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.slider .card,
.on-campus_slider .card,
.instagram_slider .card,
.student-gallery_slider .card,
.social-media_slider .card,
.course-slider .card,
.step-by-step_slider .step,
.related-courses_slider .card,
.responsive-slider .card {
  width: 25%;
  height: auto;
  padding: 0 0.9375rem;
  margin-bottom: 0.9375rem;
}

.image-logo-carousel__logo {
  padding: 1rem;
}

.step-by-step_slider .step {
  padding: 0;
}

.step__text {
  padding: 0 1.5rem;
}

.step-by-step_slider-container {
  background-color: #394851;
  color: #FFF;
  padding: 1rem 0 0 0;
  text-align:  center;
}

.step-by-step_slider__title { font-size: 1.4rem; }
.step-by-step_slider__intro { font-size: 0.9rem; padding-left: 1.5rem; padding-right: 1.5rem; }

.step-by-step_slider__intro {
  margin-bottom: 2rem;
}

.step-by-step_slider .step {
  float: left;
}

.step-by-step_slider .step:not(.slick-current) {
  opacity: 0.5;
}

.step-by-step_slider-container .btn--slide-control {
  border: 1px solid #FFF;
  border-radius:  50%;
}

.step__no {
  font-size: 1.5rem;
  border: 1px solid #c4085c;
  border-radius: 50%;
  padding-top: 0.5rem;
  width: 3rem;
  height: 3rem;
  margin-bottom: 0;
  display:  inline-block;
}

.step__title {
  font-weight: 400;
}

.step__content {
  margin-bottom: 2rem;
}

.step__link {
  display: inline;
}

.step__connector {
  width: calc(50% - 1.5rem);
}

.step__connector--left { float: left; }
.step__connector--right { float: right; }

.step__connector--border {
  border-top: 1px solid #c4085c;
  margin-top: 1.5rem;
}

@media only screen and (max-width: 63.9275em) {
  .slider .card,
  .on-campus_slider .card,
  .instagram_slider .card,
  .student-gallery_slider .card,
  .course-slider .card,
  .social-media_slider .card,
  .step-by-step_slider .step,
  .related-courses_slider .card,
  .responsive-slider .card {
    width: 49.9%;
  }
}

@media only screen and (max-width: 40.0525em) {
  .slider .card,
  .on-campus_slider .card,
  .instagram_slider .card,
  .student-gallery_slider .card,
  .course-slider .card,
  .social-media_slider .card,
  .step-by-step_slider .step,
  .related-courses_slider .card,
  .responsive-slider .card {
    padding: 0 0.9375rem 0 0;
  }
}

.slider .card.card__related-content a,
.on-campus_slider .card.card__related-content a,
.instagram_slider .card.card__related-content a,
.student-gallery_slider .card.card__related-content a,
.course-slider .card.card__related-content a,
.social-media_slider .card.card__related-content a,
.related-courses_slider .card.card__related-content a,
.responsive-slider .card.card__related-content a {
  background: none;
}

.slider .card a,
.on-campus_slider .card a,
.instagram_slider .card a,
.student-gallery_slider .card a,
.course-slider .card a,
.social-media_slider .card a,
.related-courses_slider .card a,
.responsive-slider .card a {
  background: #fff;
  position: relative;
  overflow: hidden;
}

.on-campus_slider .card a, .instagram_slider .card a {
  /*color: var(--teal);*/
  text-decoration: none;
}

.on-campus_slider .card a:hover, .instagram_slider .card a:hover {
  /*text-decoration: underline;*/
  cursor: pointer;
}

.related-courses_slider .card {
  background: transparent;
}

.card__news {
  height: 100%;
}

.card__news .card__image {
  height: 192px;
}

.card__news .card__text {
  color: #1D1D1B;
}

.card__news .card__text .card__badge {
  background-color: #394851;
}

.card__news .card__text .card__text-content {
  /* min-height: 88px; */
  text-overflow: ellipsis;
  overflow: hidden;
}

.card__news .card__date {
  color: #1D1D1B;
  font-weight: 300;
  text-transform: uppercase;
  text-align: left;
  position: absolute;
  bottom: 0px;
  padding: 1rem 1.5rem;
  font-size: 0.875rem;
}

.card__news .card__date span {
  font-size: 1.125rem;
  padding-right: 0.3rem;
}

.card__event {
  height: 100%;
}

.card__event .card__image {
  height: 192px;
}

.card__event .card__icon {
  height: 60px;
  width: 70px;
  background-color: #D5035E;
  font-size: 1.375rem;
  text-align: left;
  padding-top: 4px;
}

.card__event .card__icon:after {
  border-top-color: #D5035E;
  bottom: -10px;
  border-top: 10px solid #D5035E;
  border-left: 10px solid transparent;
  width: 70px;
}

.card__event .card__icon span {
  width: 100%;
  display: block;
  padding: 0 5px;
  line-height: 20px;
  position: relative;
  z-index: 999;
}

.card__event .card__icon .icon {
  height: 45px;
}

.card__event .card__text {
  color: #1D1D1B;
}

.card__event .card__text .card__badge {
  background-color: #D5035E;
}

.card__event .card__time,
.card__event .card__location {
  padding: 0.5625rem 0;
}

.card__event .card__time .icon,
.card__event .card__location .icon {
  margin-right: 8px;
  margin-top: -3px;
}

.news .card__news,
.news .card__event {
  background: transparent;
}

.slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.slick-track .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
}

.slick-track .slick-slide.course-module-column {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.nav__sub .card .card__image {
  height: 160px;
}

.card__download {
  height: 270px;
}

@media only screen and (max-width: 63.9275em) {
  .card__download {
    height: auto;
  }
}

.card__download .card__image {
  height: 160px;
}

.card__download .card__text {
  color: #1D1D1B;
  text-align: center;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.card__download .card__text .card__badge {
  background-color: #1D1D1B;
}

.card__quote {
  background-color: var(--teal);
  font-size: 0.875rem;
  color: #fff;
  min-height: 416px;
  height: auto;
  padding: 1.5625rem 0.5rem 0.5rem;
}

.card__quote .card__thumbnail {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
  border-radius: 50%;
  width: 50%;
}

.card__quote .card__author {
  margin-bottom: 1.875rem;
}

.slick-slider .card__quote {
  margin: 0 5px;
}

.accolade-slider {
  margin: 2rem 0;
}

.accolade {
  text-align: center;
  padding: 0 2rem;
}

.accolade a .accolade__headline, .accolade a .accolade__sub-headline, .accolade a .accolade__source {
  color: #000;
}

.accolade a {
  text-decoration: none;
  border-bottom: 0;
}

.accolade__headline {
  text-transform: uppercase;
  font-size: 2rem;
  background-color: #FFF;
  line-height: 2.2rem;
}

.accolade__source {
  font-size: 0.8rem;
  font-style: italic;
  border-top: 2px solid var(--teal);
  margin-top: 0;
  padding-top: 1rem;
}

.accolade__logo {
  margin: auto;
}

.accolade__sub-headline {
  margin-bottom: 0;
}

.partner-info__title {
  color: var(--teal);
}

.partner-detail__about-title {
  margin-top: 0;
}

.partner-detail__contact-info {
  background-color: #F4F4F4;
  padding: 1rem;
  margin-bottom: 1rem;
}

.partner-detail__logo {
  margin-bottom: 1rem;
}

dt.partner-detail-list__label {
    font-weight: 600;
    line-height: 1.625rem;
}
dd.partner-detail-list__value {
    font-weight: 300;
    line-height: 1.875rem;
    font-size: 0.875rem;
    margin: 0;
}

.card--campaign-badge {
  background-color: #CCC;
  height: auto;
  padding: 0 0.5rem 0.5rem;
  -webkit-transition: all .5s; /* Safari prior 6.1 */
  transition: all .5s;
  margin: 2rem 0.5rem;
}

.card--campaign-badge.slick-current {
  background-color: #EBEBEB;
  margin-top: 0;
  margin-bottom: 0;
}

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

.card--campaign-badge__title {
  background-color: var(--teal);
  color: #fff;
  font-weight: 200;
  text-transform: uppercase;
  padding: 0.25rem;
}

.card--campaign-badge a {
  color: var(--teal);
  border-bottom: 1px solid #999;
  display: inline;
}
.card--campaign-badge a:hover {
   border-bottom-width: 0;
   text-decoration: none;
}

.card--campaign-badge__subjects {
  margin: 2.5rem 0;
}
.card--campaign-badge__subjects li {
  margin-bottom: 1rem;
  line-height: 1.5rem;
}

.card__contact .card__contact-content {
  padding: 0 0.9375rem;
  margin-bottom: 6.25rem;
  font-size: 1rem;
  line-height: 1.5;
}

.card__contact {
  background-color: var(--teal);
  font-size: 0.875rem;
  color: #fff;
  min-height: 400px;
  height: auto;
  padding: 1.5625rem 0.5rem 0.5rem;
}

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

.card__contact .card__thumbnail {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
  border-radius: 50%;
  width: 50%;
}

.card__contact .card__author {
  font-size: 1rem;
  margin-bottom: 1.875rem;
}

.card__contact .card__contact-content {
  padding: 0 0.9375rem;
  margin-bottom: 6.25rem;
  font-size: 1rem;
  line-height: 1.5;
}

.card__contact .card__contact-content a {
  margin-bottom: 0.5rem;
}


.card__contact .card__contact--email .icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

.card__contact .card__contact--telephone .icon {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}

.card__related-content {
  height: 320px;
  overflow: hidden;
}

.card__related-content a:hover .card__image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.card__related-content .card__image {
  position: relative;
  height: 320px;
  background-position: center;
  background-size: cover;
  transition: all ease 500ms;
}

.card__related-content .card__image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  /* IE6-9 */
}

.card__related-content .card__text {
  position: absolute;
  background: transparent;
  top: auto;
  bottom: 0;
  width: 100%;
  color: #fff;
  font-weight: bold;
}

.card__apprenticeship {
  height: 300px;
}
.card.card__apprenticeship .card__image {
  height: 200px;
}

/* Card Course */
.card__course {
  height: 417px;
}

.card__course .card__image {
  height: 257px;
}

.card__course p, .card__course li {
  line-height: 1.5rem;
}

.card__clearing-flag {
  position: absolute;
  bottom: 0;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding: 0.25rem;
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
  display: inline-block;
  border: 0;
  background-color: var(--teal);
  color: #fff;
}
@media only screen and (max-width: 40.0525em) {
  .card__course.card__shallow {
    height: auto;
  }
}

.card__course.card__shallow .card__image {
  height: 160px;
}

.card__course.card__shallow {
  font-size: 0.875rem;
}

.card__text-pathways {
  font-size: 0.8rem;
}

.card__news--listing,
.card__event--listing {
  height: 477px;
}

.card__news--listing .card__image,
.card__event--listing .card__image {
  height: 257px;
}

.card__news--listing .card__text .card__text-title,
.card__event--listing .card__text .card__text-title {
  height: 70px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card__news--listing .card__text .card__text-content,
.card__event--listing .card__text .card__text-content {
  font-weight: 300;
  line-height: 1.375rem;
  height: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card__event--listing {
  height: 500px;
}

.card__event--listing .card__image {
  height: 192px;
}

/* Card Symbols */
.card__symbol {
  text-align: center;
  height: 86px;
}

.card__symbol .card__symbol-image {
  height: 60px;
}

.card__symbol .card__text {
  top: 0px;
  padding: 0;
}

.card__symbol .card__text-title {
  text-align: center;
}

.card__gallery {
  min-height: 416px;
  background: #fff;
}

.card__gallery .card__image {
  height: 256px;
}

.card--alumni-story {
    min-height: 520px;
}

.card .card__text .card__text-course-studied {
    font-weight: 300;
    line-height: 1.275rem;
    font-size: 0.875rem;
}

.card__virtual {
  width: 100%;
  height: 415px;
}

.card__virtual .card__overlay {
  width: 100%;
  height: 91px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(57, 72, 81, 0.5);
}

.card__virtual .card__overlay .card__text-title {
  color: #fff;
  font-size: 1.0625rem;
  padding: 1.5625rem 1rem;
  margin: 0;
}

.card__virtual .card__overlay .card__text-title span {
  width: 40px;
  height: 40px;
  font-size: 2.5rem;
  margin-right: 1rem;
  position: relative;
  top: 4px;
}

.card__profile {
  background-color: #fff;
  font-size: 0.875rem;
  min-height: 416px;
  height: auto;
}

.card__profile .card__thumbnail {
  margin-top: 1.5625rem;
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  width: 50%;
}

.card__profile .card__profile-name {
  margin-bottom: 1.875rem;
}

.card__profile .card__profile-name strong {
  width: 100%;
  margin-bottom: 0.25rem;
  display: block;
}

.card__profile .card__profile-content {
  padding: 0 2.1875rem;
  margin-bottom: 1.5rem;
}

.card__profile a[class^='btn--'] {
  height: auto;
  width: 200px;
  margin: 0 auto;
}

.alt-background .card__gallery {
  background: none;
}

.news-section .card {
  background: none;
}

.campaign-badge {
  background: var(--teal);
  text-align: center;
  height: 150px;
  display: table;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem 2rem;
}

.campaign-badge__text {
  color: #FFF;
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
}

.campaign-badge__text h3 {
  display: inline-block;
  padding: 0.5rem;
  border: 2px solid #FFF;
}

.campaign-numbering {
  background: #632D4F;
  text-align: right;
  height: 200px;
  display: table;
  width: 100%;
  margin-bottom: 2rem;
}

.campaign-numbering__number {
  color: #FFF;
  display: table-cell;
  vertical-align: bottom;
  text-transform: uppercase;
}

.campaign-numbering__number h3 {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 10rem;
}

.subject-dropdown {
  background-color: #394851;
  padding: 0 1rem;
}

.subject-dropdown__title {
  position: relative;
  text-align: center;
  color: #fff;
  font-weight: 200;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}

.openday-dropdown__title {
  background-color: #D5035E;
  text-align: center;
  color: #fff;
  font-weight: 200;
  padding: 1rem 1.5rem 1rem 0.5rem;
}

@media only screen and (max-width: 40.0525em) {
  .openday-dropdown__title {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.subject-dropdown__title .icon, openday-dropdown__title .icon {
  margin-left: 0.5rem;
}

.subject-dropdown__title[aria-expanded='true'] .icon, .openday-dropdown__title[aria-expanded='true'] .icon {
  transform: rotate(180deg);
}

.subject-dropdown__title:hover, .openday-dropdown__title:hover {
  cursor: pointer;
}

.subject-dropdown__list {
  font-size: 0.9rem;
  line-height: 1.25rem;
  padding: 0.25rem 1rem 1rem;
  margin-bottom: 1rem;
  font-weight: 300;
}

.subject-dropdown__list a {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  display: block;
}

/* UG Open Day dates */
.primary-open-day {
  color: #D5035E;
}

.primary-open-day h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.secondary-open-day h3 {
  font-size: 1.325rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding-top: 0.75rem;
}

span.secondary-open-day p {
  font-size: 1.325rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.primary-open-day .no-list, .secondary-open-day .no-list {
  padding-top: 1rem;
}

.primary-open-day ul li {
  font-size: 1.825rem;
  font-weight: 400;
  margin-top: 0.5rem;
}

.primary-open-day .open-day-time {
  font-size: 1.125rem;
}

.secondary-open-day .open-day-date {
  font-size: 1.225rem;
  font-weight: 400;
}

.secondary ul li {
  font-weight: 400;
  margin-top: 0.5rem;
}

.course-search {
  background-color: #394851;
  color: #FFF;
  margin-bottom: 2rem;
}
.course-search__form {
  margin: 1rem;
}
.course-search h2, .course-search h3 {
  margin: 1rem;
}
.main__sidebar .course-search--sidebar h2 {
  font-size: 1.25rem;
}
.main__sidebar .course-search--sidebar h3 {
   border-bottom: 0;
   font-weight: 400;
}

.course-search .subject-dropdown__title {
  margin: 0;
  padding: 0.5rem 1em 0.5rem 1rem;
  text-align: left;
  font-size: 1.25rem;
}
.subject-dropdown__list {
  margin-top: 1rem;
}
.course-search span.read-more-toggle {
  color: #FFF;
}
.course-search--sidebar .flex-grid {
   display: block;
}
.course-search--sidebar .flex-grid-thirds .flex-col {
    width: 100%;
    padding-right: 0;
}

.collapsible-control:hover {
  cursor: pointer;
}
.collapsible-control-class:hover {
  cursor: pointer;
}
@media only screen and (min-width: 40.0525em) {
  .testimonial-list .card {
    height: 100%;
  }
  .testimonial-list .flex-col {
    padding-right: 1rem;
    margin-bottom: 1rem;
  }

  .testimonial-list .flex-col.last {
    padding-right: 0;
  }
}

.no-bullet {
  list-style-type:none;
  margin-left:0;
}
.no-bullet li ul,.no-bullet li ol {
  margin-left:1.25rem;
  margin-bottom:0;
  list-style:none;
}

.content-block-section {
  margin: 6rem 0;
}

@media only screen and (max-width: 40.0525em) {
  .content-block-section {
    margin: 4rem 0.9375rem;
  }
}

.content-block-section .row .row {
  margin: 0;
}

.content-block-section .content-block-row > .column {
  padding: 0;
}

.content-block {
  height: 352px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 0.5rem 1rem 0.5rem;
  position: relative;
  background-color: #303030;
}

@media only screen and (max-width: 40.0525em) {
  .content-block {
    height: 400px;
    margin: 0 0.5rem;
  }
}

@media only screen and (max-width: 63.9275em) {
  .content-block {
    margin: 0 0 1rem;
  }
}

.content-block.slick-slide {
  height: 352px;
}

@media only screen and (max-width: 40.0525em) {
  .content-block.slick-slide {
    height: 570px;
  }
}

.content-block.double-height {
  height: 720px;
}

@media only screen and (max-width: 40.0525em) {
  .content-block.double-height {
    height: 400px;
  }
}

.content-block a {
  display: block;
  height: 100%;
}

.content-block .content {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 20px;
  color: #fff;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  z-index: 1;
}

.content-block .content [class^='content-title_'] span,
.content-block .content [class*=' content-title_'] span {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 600;
  width: auto;
  display: inline;
  line-height: 2.5rem;
  padding: 0 0.5rem;
}

.content-block .content .content-title_red span {
  background: var(--teal);
}

.content-block .content .content-title_pink span {
  background: #D5035E;
}

.content-block .content .content-title_dark-red span {
  background: #A02140;
}

.content-block .content .content-title_purple span {
  background: #632D4F;
}

.content-block .content .content-text {
  width: 384px;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media only screen and (max-width: 40.0525em) {
  .content-block .content .content-text {
    width: 100%;
  }
}

@media only screen and (max-width: 40.0525em) {
  .row .row {
    margin: 0;
  }
}

.slider-content-block-controls {
  position: absolute;
  z-index: 300;
  right: 10px;
  bottom: 10px;
}

.slider-content-block-controls .btn--slide-control {
  width: 41px;
  height: 41px;
  border: 1px solid #fff;
  border-radius: 21px;
  margin: 2rem 5px;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 37px;
  color: #fff;
}

.slider-content-block-controls .btn--slide-control.slick-disabled {
  opacity: .5;
}

.slider-content-block-controls-mobile .btn--slide-control {
  width: 41px;
  height: 41px;
  border: 1px solid #333;
  border-radius: 21px;
  margin: 2rem 5px;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 37px;
  color: #333;
}

.slider-content-block-controls-mobile .btn--slide-control.slick-disabled {
  opacity: .5;
}

/* progress bar */
.slider-progress {
  width: 41px;
  height: 41px;
  border-radius: 21px;
  background: transparent;
}

.slider-progress .progress {
  width: 0%;
  height: 41px;
  border-radius: 21px;
  background: var(--teal);
}

.card__enquiry {
  padding: 1rem;
  font-size: 0.875rem;
}

.card__enquiry span {
  margin-bottom: 0.5rem;
  display: block;
}

.card__enquiry .card__enquiry--icon {
  display: block;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #A02140;
}

.card__enquiry .card__enquiry--icon .icon {
  font-size: 1.5rem;
  position: relative;
  top: 20px;
}

.card__enquiry .card__enquiry--department {
  margin-top: 0.5rem;
  font-weight: 600;
  font-size: 1rem;
}

.card__enquiry .card__enquiry--email .icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

.card__enquiry .card__enquiry--telephone .icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}

.card__enquiry .card__enquiry--twitter .icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}

.news-row .card {
  position: relative;
  color: #1D1D1B;
  margin-bottom: 1rem;
  overflow: hidden;
  /*height: 480px; */
  width: 308px;
  background-color: #fff;
}

.news-row .card .card__badge {
  background-color: #303030;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 300;
  padding: 0.375rem 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  z-index: 1;
  text-transform: uppercase;
  font-weight: 600;
}

.news-row .card .card__badge-News {
  background-color: #394851;
}

.news-row .card .card__badge-Blog {
  background-color: #D5035E;
}

.news-row .card .card__badge-Event {
  background-color: #632D4F;
}

.news-row .card .card__badge-Video {
  background-color: var(--teal);
}

.news-row .card .card__image {
  height: 240px;
}

.news-row .card .card__text {
  position: relative;
  top: 0px;
  padding-top: 0;
  padding: 2.125rem 0.625rem 0;
  width: 100%;
  /* height: 206px; */
}

@media only screen and (max-width: 40.0525em) {
  .news-row .card .card__text {
    height: 260px;
  }
}

.news-row .card .card__text h3.card__text-title {
  /* height: 48px; */
  font-size: 1.0625rem;
  line-height: 1.5rem;
  margin: 0;
  z-index: 300;
  color: #1D1D1B;
  letter-spacing: 0;
}

@media only screen and (max-width: 40.0525em) {
  .news-row .card .card__text h3.card__text-title {
    height: auto;
    text-transform: uppercase;
  }
}

.news-row .card .card__date {
  position: relative;
  top: 0px;
  /*padding: 0 0.75rem;
  text-transform: none;*/
}

.card__news .card__text .card__text-content {
  /* max-height: 98px; */
  line-height: 25px;
}

.banner {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-image: url("/site-elements/images/template/connected-banner-home.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #1D1D1B;
  height: 480px;
}

@media only screen and (max-width: 40.0525em) {
  .banner {
    height: 415px;
    margin-bottom: 2rem;
    background-image: url("/site-elements/images/template/connected-banner-mobile.jpg");
    background-position: top center;
  }
}

.banner:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #970048 20%, rgba(151, 0, 72, 0) 65%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#970048', endColorstr='#00970048', GradientType=1);
  z-index: 200;
}

@media only screen and (max-width: 40.0525em) {
  .banner:after {
    background: linear-gradient(to bottom, rgba(151, 0, 72, 0) 20%, #970048 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00970048', endColorstr='#970048', GradientType=0);
  }
}

.banner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("/site-elements/images/template/waves-transparency.svg") no-repeat 0px center;
  z-index: 300;
}

@media only screen and (max-width: 40.0525em) {
  .banner:before {
    background: url("/site-elements/images/template/waves-transparency.svg") no-repeat center 10px;
  }
}

.banner.banner--large {
  height: 528px;
}

.banner.banner--quote, .banner.banner--page-level-cta {
  height: auto;
  min-height: 400px;
  padding: 1.5rem 3rem;
  margin: 2rem 0;
}

.banner--quote .h-line, .banner--page-level-cta .h-line {
  background-color: #fff;
}

@media only screen and (max-width: 40.0525em) {
  .banner.banner--large {
    height: 415px;
    margin-bottom: 0;
    background-image: url("/site-elements/images/template/connected-banner-mobile.png");
    background-size: cover;
    background-position: top center;
  }
  .banner.banner--quote, .banner.banner--page-level-cta {
    padding: 150px 1rem 3.125rem 1rem;
    background-position: top right;
    background-size: 700px;
  }
  .banner.banner--quote span.h-line, .banner.banner--page-level-cta span.h-line {
    margin: 0 auto 10px auto;
  }
  .banner.banner--quote:before, .banner.banner--page-level-cta:before {
    background: none;
  }
  .banner .banner--quote__text, .banner .banner--page-level-cta__text {
    text-align: center;
  }
}

.banner.banner--large:after {
  background: linear-gradient(to right, #970048 20%, rgba(151, 0, 72, 0) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#970048', endColorstr='#00970048', GradientType=1);
  z-index: 200;
}

@media only screen and (max-width: 40.0525em) {
  .banner.banner--large:after {
    background: linear-gradient(to bottom, rgba(151, 0, 72, 0) 28%, #970048 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00970048', endColorstr='#970048', GradientType=0);
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 46.24em) {
  .banner.banner--large:after {
    background: linear-gradient(to right, #970048 20%, rgba(151, 0, 72, 0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#970048', endColorstr='#00970048', GradientType=1);
    z-index: 200;
  }
}

.banner.banner--dark_overlay:before {
  background: none;
}

.banner.banner--dark_overlay:after {
  background: rgba(57, 72, 81, 0.9);
}

.banner .banner__text {
  position: relative;
  top: 155px;
  color: #fff;
  z-index: 300;
}

@media only screen and (max-width: 40.0525em) {
  .banner .banner__text {
    text-align: center;
    top: 225px;
  }
}

.banner .banner__text h2.banner_header {
  font-size: 2rem;
  margin: 8px 0;
}

.banner .banner__text h2.banner_header span.h-line {
  background-color: #fff;
}

@media only screen and (max-width: 40.0525em) {
  .banner .banner__text h2.banner_header span.h-line {
    margin: 0 auto 10px auto;
  }
}

.banner .banner__text p {
  font-weight: 600;
  font-size: 1.0625rem;
}

.banner .banner__text--with-cta, .banner .banner--quote__text, .banner .banner--page-level-cta__text {
  position: relative;
  top: 200px;
  color: #fff;
  z-index: 300;
}

.banner .banner--quote__text, .banner .banner--page-level-cta__text {
  top: 15px;
}

.banner--quote blockquote {
  quotes: "\201C""\201D""\2018""\2019";
}
.banner--quote blockquote p:before {
  content: open-quote;
}
.banner--quote blockquote p:after {
  content: close-quote;
}

@media only screen and (max-width: 40.0525em) {
  .banner .banner__text--with-cta {
    position: absolute;
    text-align: center;
    top: auto;
    bottom: 3.125rem;
  }
}

.banner .banner__text--with-cta h2.banner_header {
  font-size: 2rem;
  margin: 8px 0;
}

.banner .banner__text--with-cta h2.banner_header span.h-line {
  background-color: #fff;
}

@media only screen and (max-width: 40.0525em) {
  .banner .banner__text--with-cta h2.banner_header span.h-line {
    margin: 0 auto 10px auto;
  }
}

.banner .banner__text--with-cta p {
  font-weight: 600;
  font-size: 1.0625rem;
}

@media only screen and (max-width: 40.0525em) {
  .banner .filter {
    height: 64px;
    background: rgba(29, 29, 29, 0.6);
    position: absolute;
    top: 351px;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 25px;
    font-size: 0.875rem;
  }
  .banner .filter::-webkit-scrollbar {
    display: none;
  }
  .banner .filter .filter__list {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }
  .banner .filter .filter__list .filter__item {
    margin-right: 0;
    margin: 0 15px;
  }
  .banner .filter .filter__list .filter__item a {
    padding: 24px 0px 17px;
  }
  .banner .filter .filter__list .filter__item.active a {
    border-color: #D5035E;
  }
}

.banner .btn {
  display: block;
  position: relative;
  top: 1.25rem;
  width: 12.5rem;
  text-decoration: none;
}

@media only screen and (max-width: 40.0525em) {
  .banner .btn {
    margin: 0 auto;
  }
}

.date,
.location {
  font-size: 1.0625rem;
  font-weight: 600;
  margin: 0;
}

.date span,
.location span {
  margin-right: 0.5rem;
  display: inline-block;
}

.date span svg,
.location span svg {
  margin-top: -2px;
}

.smaller-text {
  font-size: 0.875rem !important;
  line-height: 1.25rem;
  font-weight: 300 !important;
}

@media only screen and (max-width: 40.0525em) {
  .banner--open_day {
    height: 528px !important;
  }
}

.banner--open_day .banner__text--with-cta {
  top: 144px;
}

.filter {
  position: relative;
  top: 255px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 400;
}

.filter .filter__list {
  padding-left: 0px;
}

.filter .filter__item {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-right: 50px;
}

.filter .filter__item a {
  color: #fff;
  font-weight: 300;
  padding: 5px 0;
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.filter .filter__item a:hover, .filter .filter__item a:focus {
  border-bottom: 4px solid #fff;
  outline: 0;
}

.filter .filter__item.active a,
.filter .filter__item a[aria-selected="true"],
.filter .filter__item a[aria-selected="true"]:focus {
  border-bottom: 4px solid #fff;
  outline: 0;
}

.filter .filter__content {
  height: 100px;
  overflow-y: auto;
}

.filter .filter--js .filter__content {
  height: auto;
}

.filter.filter--isFixed {
  position: fixed;
  top: 0;
  z-index: 800;
  background: #fff;
  max-width: 100%;
}

.filter.filter--isFixed .filter__list {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.filter.filter--isFixed a {
  color: #1D1D1B;
}

.filter.filter--isFixed a:hover, .filter.filter--isFixed a:focus, .filter.filter--isFixed a[aria-selected="true"], .filter.filter--isFixed a[aria-selected="true"]:focus {
  border-bottom: 4px solid #D5035E;
}

.filter.filter--isFixed .active a {
  border-bottom: 4px solid #D5035E;
}

.has-dialog .filter.filter--isFixed {
  z-index: 0;
}

.tab-content {
  display: none;
}

.tab-content.current {
  display: inherit;
}

.news {
  background: #394851;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 3rem 0 4rem;
}

@media only screen and (max-width: 40.0525em) {
  .news {
    text-align: center;
  }
}

.news .filter {
  top: 0px;
}

.news .filter .filter__list {
  padding: 0;
  text-align: right;
}

@media only screen and (max-width: 40.0525em) {
  .news .filter .filter__list {
    text-align: center;
  }
  .news .filter .filter__list .filter__item {
    margin: 0 15px;
  }
}

.news .filter .filter__list .active a,
.news .filter .filter__list a[aria-selected="true"],
.news .filter .filter__list:hover a {
  border-color: var(--teal);
}

.news h3 {
  font-size: 1.375rem;
  font-weight: 400;
}

@media only screen and (max-width: 40.0525em) {
  .news h3 .h-line {
    margin: 0 auto;
  }
}

.news .card__text {
  min-height: 228px;
}

@media only screen and (max-width: 63.9275em) {
  .news .card__text {
    min-height: 190px;
  }
}

.news a {
  color: #fff;
}

.news-section-home {
  background: #fff;
  border: 2px solid #1D1D1B;
  margin-bottom: 6rem !important;
}

@media only screen and (max-width: 63.9275em) {
  .news-section-home {
    border: none;
  }
}

.news-section-home h3 {
  color: #D5035E;
  font-size: 1.875rem;
}

.news-section-home .news-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-section-home .news-row .card {
  margin: 0.5rem;
  margin-bottom: 4rem;
  height: auto;
}

@media only screen and (max-width: 40.0525em) {
  .news-section-home .news-row .card {
    height: 530px;
  }
}

.slider-news-controls-mobile .btn--slide-control {
  width: 41px;
  height: 41px;
  border: 1px solid #333;
  border-radius: 21px;
  margin: 2rem 10px;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 37px;
  color: #333;
}

.slider-news-controls-mobile .btn--slide-control.slick-disabled {
  opacity: .5;
}

/* Layout for search container */
.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.js .search {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.js .search:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.btn--search-close {
  background: transparent;
  font-size: 1.625rem;
  position: absolute;
  top: 1.25em;
  right: 1.25em;
  display: none;
  width: 4rem;
}

.js .btn--search-close {
  display: block;
}

.search__form {
  margin: 5em 0;
  position: relative;
  width: 75%;
}

.search--open .search__container {
  background-color: #D5035E;
  padding: 2rem;
}

.search__field-container {
  flex-basis: 15%;
}

.search__collection-options {
  color: #000;
  text-align: left;
  margin-bottom: 0;
}
.search--open .search__collection-options {
  color: #FFF;
}
.search__collection-options input {
  clear: left;
}
.search__collection-options li {
  margin: 0.25rem;
}
@media only screen and (min-width: 46.25em) {
  .search__collection-options label {
    font-size: 2.3rem;
    line-height: 3rem;
    margin-right: 0;
    padding: 0.5rem 0 0.5rem 1rem;
  }
  .search__collection-options label:hover {
    cursor: pointer;
  }
  .search__collection-options input {
    height: 1.5rem;
  }
  .search__form .search__input {  
    font-size: 3rem;
    line-height: 4.5rem;
  }
}

.search__form .search__input {  
  font-family: inherit;
}

.search__form .search__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #666;
}

.search__form .search__input::-moz-placeholder {
  opacity: 1;
  /* Mozilla Firefox 19+ */
  color: #666;
}

.search__form .search__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666;
}

.search__form .search__input::-webkit-search-cancel-button,
.search__form .search__input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.search__form .search__input::-ms-clear {
  display: none;
}

.search__info {
  font-size: 90%;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  padding: 0.85em 0;
  text-align: right;
  color: #FFF;
}

.search__related {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  text-align: left;
  pointer-events: none;
}

.search__suggestion {
  width: 50%;
}

.search__suggestion:first-child {
  padding: 0 2em 0 0;
}

.search__suggestion:last-child {
  padding: 0 0 0 2em;
}

.search__suggestion h3 {
  font-size: 1.35em;
  margin: 0;
}

.search__suggestion h3::before {
  content: '\21FE';
  display: inline-block;
  padding: 0 0.5em 0 0;
}

.search__suggestion p {
  font-size: 1.15em;
  line-height: 1.4;
  margin: 0.75em 0 0 0;
}

/************************/
/* Transitions          */
/************************/
.js .main-wrap {
  position: relative;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.js .main-wrap--move {
  -webkit-transform: scale3d(0.7, 0.7, 1);
          transform: scale3d(0.7, 0.7, 1);
}

.js .main-wrap--move .btn--search {
  pointer-events: none;
  opacity: 0;
}

.js .search {
  pointer-events: none;
}

.js .search--open {
  pointer-events: auto;
  z-index: 1000;
}

.js .search::before {
  opacity: 0;
  transition: opacity 0.5s;
}

.js .search--open::before {
  opacity: 1;
}

/* Close button */
.btn--search-close {
  opacity: 0;
  transition: opacity 0.5s;
}

.search--open .btn--search-close {
  opacity: 1;
}

/* Search form with input and description */
.search__suggestion,
.search__info {
  opacity: 0;
  -webkit-transform: translate3d(0, 50px, 0);
          transform: translate3d(0, 50px, 0);
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s;
  transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}

.search--open .search__suggestion,
.search--open .search__info {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.search--open .search__suggestion:first-child {
  transition-delay: 0.15s;
}

.search--open .search__suggestion:nth-child(2) {
  transition-delay: 0.2s;
}

.js .search__form .search__input, .js .search__form .search__field, .js .search__form .search__collection-options {
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.js .search--open .search__input, .js .search--open .search__field, .js .search--open .search__collection-options {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  transition-duration: 0.5s;
}

@media screen and (max-width: 40em) {
  .btn--search-close {
    font-size: 1.25em;
  }
  .search__suggestion {
    font-size: 80%;
    width: 100%;
  }
  .search__suggestion:nth-child(2),
  .search__suggestion:nth-child(3) {
    display: none;
  }
}

.a-z {
  background: #394851;
  text-align: center;
  height: 64px;
}

@media only screen and (max-width: 63.9275em) {
  .a-z {
    height: auto;
  }
}

.a-z a {
  display: inline-block;
  line-height: 64px;
  color: #fff;
  width: 0.625rem;
  margin: 0 0.9375rem;
  font-weight: 600;
}

@media only screen and (max-width: 79.99em) {
  .a-z a {
    margin: 0 0.625rem;
  }
}

@media only screen and (max-width: 63.9275em) {
  .a-z a {
    width: 7%;
    margin: 0;
  }
}

@media only screen and (max-width: 40.0525em) {
  .a-z a {
    width: 12%;
    margin: 0;
  }
}

.course_landing--search {
  background: #F4F4F4;
  padding-top: 2.5rem;
  margin-bottom: 4rem;
  margin-top: -4rem;
}

@media only screen and (max-width: 63.9275em) {
  .course_landing--search {
    height: auto;
    padding-top: 1.25rem;
    margin-bottom: 2rem;
  }
}

.course_landing--search h3 {
  font-size: 1.0625rem;
  margin: 0;
  font-weight: 600;
}

.course_landing--search .row {
  padding: 0.5rem 0;
}

@media only screen and (max-width: 63.9275em) {
  .course_landing--search .row {
    padding: 0;
  }
  .course_landing--search .row .column {
    padding-bottom: 1rem;
  }
}

.course_landing--search a.advanced {
  color: #fff;
  font-size: 0.875rem;
  text-decoration: underline;
}

.course_landing--search.sidebar--search {
  height: auto;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}

@media only screen and (max-width: 63.9275em) {
  .course_landing--search.sidebar--search {
    padding: 0.625rem;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
}

.course__search-filter {
  background: #394851;
  margin-top: -4rem;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 63.9275em) {
  .course__search-filter {
    margin-top: -2rem;
    margin-bottom: 2rem;
  }
}

.course__search-filter .filter-tag {
  color: #fff;
  padding: 0.1875rem 0.5rem;
  border: 1px solid #fff;
  border-radius: 4px;
  font-weight: 600;
  margin: 1rem;
  display: inline-block;
}

.course__search-filter .filter-tag span.icon {
  font-size: 0.625rem;
  position: relative;
  top: -3px;
  padding: 0 8px;
}

@media only screen and (max-width: 46.24em) {
  .course__search-filter .filter-tag {
    font-size: 0.8125rem;
    margin: 0.5rem;
  }
}

.a-z {
  margin-top: -4rem;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 63.9275em) {
  .a-z {
    margin-bottom: 0;
  }
}

.sidebar--search,
.row.sidebar--quote,
.row.sidebar--card {
  margin: 0 !important;
}

.dialog[aria-hidden='true'] {
  display: none;
}

body.has-dialog {
  overflow: hidden;
}

.dialog__mask {
  background-color: #000000;
  height: 100%;
  left: 0;
  opacity: 0.9;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 88888;
}

.dialog__mask--white {
    background-color: #FFF;
    top: 50px;
    bottom: 50px;
    right: 50px;
    left: 50px;
    overflow:  auto;
    position: fixed;
    z-index: 88889;
}
@media only screen and (max-width: 40.0525em) {
  .dialog__mask--white {
      top: 20px;
      bottom: 20px;
      right: 20px;
      left: 20px;
  }
}

.dialog {
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  padding: 8px;
  z-index: 88888;
}

.dialog__window {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  max-width: 980px;
  position: fixed;
  padding: 8px 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
  z-index: 99999;
}

.dialog__window--white {
  max-width: none;
  padding: 1rem 2rem;
  height: auto;
}

.dialog__figure {
  margin: 1em 0;
}

.dialog__text, .dialog__video {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 40.0525em) {
  .dialog__window {
    overflow: auto;
    overflow-x: hidden;
  }
}

.dialog-content {
  color: #fff;
}

.dialog-content--white {
  color: #000;
}

@media only screen and (max-width: 40.0525em) {
  .dialog-content {
    position: absolute !important;
    top: 100px;
  }
}

@media only screen and (max-width: 40.0525em) {
  .card-slider .dialog-content {
    position: relative !important;
    top: 20px;
  }
}

.dialog-caption h4 {
  font-size: 1rem;
}

.dialog-caption p {
  font-size: 1rem;
}

.btn--modal-close {
  background: transparent;
  font-size: 1.625rem;
  width: 4rem;
  float: right;
  position: fixed;
  top: 1.25em;
  right: 1.25em;
  z-index: 99;
}

.dialog__mask--white .btn--modal-close {
  color: #666;
  position: fixed;
  top: 55px;
  right: 55px;
}

.dialog__mask--white h3 {
  float: left;
}

@media only screen and (max-width: 40.0525em) {
  .dialog__mask--white .btn--modal-close {
    top: 20px;
    right: 20px;
  }
}

.youtube img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.youtube img:hover {
  cursor: pointer;
}

.breadcrumb {
  display: inline-block;
  margin-right: 16px;
}

@media only screen and (max-width: 46.24em) {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb ul {
  margin: 0 0 24px 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 300;
}

.breadcrumb li:after {
  display: inline-block;
  width: 5px;
  height: 7px;
  margin: 0 9px;
  content: " ";
  background-size: 5px 7px !important;
  background: url("/site-elements/images/template/chevron-right-white.svg");
}

.breadcrumb li:last-child:after {
  display: none;
}

.breadcrumb li.current-page a {
  text-decoration: none;
}

.breadcrumb a {
  padding-bottom: 4px;
  color: #fff;
}

.breadcrumb a:hover {
  opacity: 0.6;
}

.hero--no-image .breadcrumb ul li:after {
  background: url("/site-elements/images/template/chevron-right-black.svg");
}

.hero--no-image .breadcrumb ul li a {
  color: #1D1D1B;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.card-slider.slick-slide img {
  display: inline-block;
}

.slick-arrow.slick-hidden {
  display: none;
}

.main {
  padding-top: 3.75rem;
  padding-bottom: 1.875rem;
}

@media only screen and (max-width: 46.24em) {
  .main {
    padding-top: 0;
  }
}

.main p:first-child {
  margin-top: 0;
}

.main .embed {
  max-width: 560px;
}

.main .embed__inner-wrap, .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 1.25rem;
  height: 0;
  width: 100%;
  max-width: 560px;
  overflow: hidden;
}

/* CG: Allow full width, responsive video embedding */
.embed-container {
  max-width: 100%;
  background-color: #CCC;
}

.optanon-video-message { padding: 1rem; position: absolute; z-index: 100; font-size: 0.75rem;
line-height: 1rem; }

.optanon-video-message[src] { display: none; /* CG: For use with the Optanon cookie banner. When the script switches "data-src" to "src", the "sorry" message is hidden */ }

.main .embed__inner-wrap embed,
.main .embed__inner-wrap iframe,
.main .embed__inner-wrap object,
.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.main__content--with-sidebar {
  padding-right: 3.125rem;
  float: left;
  width: 70%;
}

.main__content ul li::marker {
  color: var(--red);
}

/* CG: Clearing offer calculator */
.offer-calculator {
  color: #FFF;
  background-color: #970048;
  padding: 1rem 2rem;
}
.offer-calculator__row {
  margin-bottom: 1rem!important
}
.offer-calculator__total {
  font-size: 1.625rem;
}
.offer-calculator__remove-btn {
  display: inline-block;
  margin-top: 0.75rem;
}
.offer-calculator__remove-btn:hover {
  cursor: pointer;
}

/* CG: 360 tours */
.theta-360 {
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center center;
}
.theta-360:hover {
  cursor: pointer;
}
.theta-360__info {
  position: absolute;
  bottom: 1rem;
  background: rgba(0,0,0,0.8);
  color: #FFF;
  padding: 0 1rem;
  border-bottom: 2px solid var(--teal);
}
.theta-360__title {
  margin-bottom: 0;
  font-size: 1.25rem;
}
.theta-360__play-link {
  margin-top: 0;
  font-size: 0.8rem;
}

@media only screen and (max-width: 63.9275em) {
  .main__content--with-sidebar {
    padding-right: 2.5rem;
  }
}

@media only screen and (max-width: 46.24em) {
  .main__content--with-sidebar {
    float: none;
    padding-right: 0;
    width: 100%;
  }
}

.ytp-cued-thumbnail-overlay-image {
  background-size: contain !important;
  -moz-background-size: cover !important;
  -webkit-background-size: contain !important;
}

.dialog__window iframe {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.main__sidebar {
  float: right;
  width: 30%;
  max-width: 308px;
}

@media only screen and (max-width: 46.24em) {
  .main__sidebar {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
}

.main__sidebar h3 {
  margin-top: 0;
  margin-bottom: 2rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 46.24em) {
  .main__sidebar h3 {
    display: none;
  }
}

.main__sidebar h3.no-border {
  border-bottom: 0px;
}

.main__sidebar.course--search {
  width: 100%;
}

@media only screen and (min-width: 46.25em) and (max-width: 63.9275em) {
  .main__sidebar.course--search {
    width: 50%;
  }
}

.main__sidebar.news__sidebar {
  float: left;
}

.main__sidebar.news__sidebar input,
.main__sidebar.news__sidebar select {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 46.24em) {
  .main__sidebar.news__sidebar {
    margin-top: 2.125rem;
    max-width: 100%;
  }
}

@media only screen and (min-width: 46.25em) and (max-width: 63.9275em) {
  .main__sidebar.news__sidebar {
    max-width: 100%;
  }
}

.main__sidebar.news__sidebar .card__enquiry {
  margin-top: 4rem;
}

@media only screen and (max-width: 46.24em) {
  .main__sidebar.news__sidebar .card__enquiry {
    display: none;
  }
}

@media only screen and (max-width: 46.24em) {
  .main__sidebar.news__sidebar h3 {
    display: block;
  }
}

.main__sidebar-nav {
  margin: 0;
  margin-bottom: 3.125rem;
  padding: 0;
  list-style-type: none;
  font-weight: 400;
  line-height: 1.375rem;
}

ul.main__sidebar-nav li.sys_selected {
  font-weight: 600;
}

@media only screen and (max-width: 46.24em) {
  .main__sidebar-nav {
    display: none;
  }
}

.main__sidebar-nav li {
  padding-bottom: 1.25rem;
}

.main__sidebar-nav li:last-child {
  padding-bottom: 0;
}

.main__sidebar-nav li a {
  text-decoration: none;
  color: #1D1D1B;
  display: block;
}

.main__sidebar-nav li a:hover {
  text-decoration: underline;
}

.main__sidebar h3 a {
  text-decoration: none;
  color: #1D1D1B;
}

.main__sidebar h3 a:hover {
  text-decoration: underline;
}

.main__sidebar .nav--mobile_header {
  display: none;
}

.main__sidebar-nav--mobile {
  display: none;
  margin-bottom: 2.5rem;
  box-shadow: 0 2px 10px #ccc;
}

@media only screen and (max-width: 46.24em) {
  .main__sidebar-nav--mobile {
    display: block;
  }
}

.main__sidebar-nav--mobile .nav--mobile_header {
  position: relative;
  color: #1D1D1B;
  display: block;
  padding: 1.25rem 0.875rem;
  background-repeat: no-repeat;
  background-position: 92%;
  text-decoration: none;
  font-weight: 600;
}

.main__sidebar-nav--mobile .nav--mobile_header:before {
  position: absolute;
  right: 0.9375rem;
  content: url("/site-elements/images/dropdown-chevron-black.svg");
  transition: all 500ms ease;
}

.main__sidebar-nav--mobile .nav--mobile_header.active:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.main__sidebar-nav--mobile .main__sidebar-nav {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-bottom: 1.25rem;
  margin-bottom: 0;
  overflow: hidden;
  max-height: 500px;
  transition: all 500ms ease;
  display: block;
}

.main__sidebar-nav--mobile .main__sidebar-nav.collapsed {
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.related-content {
  padding-top: 2rem;
  padding-bottom: 4rem;
  background: #394851;
}

.related-content h4 {
  padding-bottom: 0.375rem;
  margin-top: 0;
  margin-right: 1.25rem;
  margin-bottom: 2.0625rem;
  margin-left: 1.25rem;
  color: #fff;
  font-size: 1rem;
  border-bottom: 1px solid #fff;
}

.social-sticky {
  height: 0;
  visibility: hidden;
  padding: 0.625rem 1.25rem;
  position: fixed;
  bottom: -100%;
  width: 100%;
  background: rgba(63, 78, 87, 0.9);
  z-index: 900;
  transition: all ease 500ms;
}

.social-sticky.visible {
  bottom: 0;
  height: auto;
  visibility: visible;
}

.social-sticky__icons {
  max-width: 60rem;
  width: 100%;  
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.social-sticky__icons li {
  display: inline-block;
}

.social-sticky__icons a {
  color: #FFF;
}

table caption {
  text-align: left;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.875rem; 
}

.table--modules {
  width: 100%;
  border-spacing: 0px 8px;
}

.table--modules tr th {
  background: #394851;
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 0.875rem;
  height: 3rem;
}

.table--modules tr th a {
  color: #fff;
  font-weight: 400;
}

.table--modules tbody tr td {
  background: #F4F4F4;
  font-size: 1rem;
  color: #1D1D1B;
  font-weight: 300;
  height: 3rem;
  padding: 0 1rem;
}

.table--modules tbody tr td.table--modules__credits {
  background: #CAC8C8;
  font-weight: 400;
  font-size: 0.875rem;
  text-align: center;
  width: 108px;
}

.table--modules__modal-link {
  color: inherit;
  text-decoration: underline;
}

a.table--modules__modal-link:hover {
  text-decoration: none;
  cursor: pointer;
}

.alt-background .table--modules tbody tr td {
  background: #fff;
}

.table--infomation {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 2.75rem;
}

.nowrap {
  white-space: nowrap;
}

@media only screen and (max-width: 40.0525em) {
  .table--infomation {
    margin-bottom: 2.75rem;
  }
}

.table--infomation tr th, .table--infomation tr td {
  font-size: 1rem;
  padding: 1rem 1.375rem;
  font-weight: 300;
  border: 1px solid #CAC8C8;
}

@media only screen and (max-width: 40.0525em) {
  .table--infomation tr th, .table--infomation tr td {
    padding: 0.625rem 0.3125rem;
  }
}

.table--infomation tr th {
  background: #F4F4F4;
  width: 200px;
  text-align: left;
  vertical-align: top;
}

@media only screen and (max-width: 40.0525em) {
  .table--infomation tr th {
    width: 50%;
  }
}

.table--infomation tr td {
  background: #fff;
}

/**
 * Navigation tabs in <h> tags
 */
@media only screen and (min-width: 40.0625em) {
  .headline-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 40.0525em) {
  .headline-tabs .headline-text {
    width: 100%;
  }
}

.headline-tabs .tabs__list {
  margin: 0;
  margin-left: 4.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.headline-tabs--no-heading .tabs__list {
  margin-left: 0;
}

@media only screen and (max-width: 40.0525em) {
  .headline-tabs .tabs__list {
    margin-top: 32px;
    margin-left: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.headline-tabs .tabs__list .tab__item {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 400;
  margin: 0 2rem;
  position: relative;
  padding: 0.5rem 0;
}

@media only screen and (max-width: 40.0525em) {
  .headline-tabs .tabs__list .tab__item {
    margin: 0 1rem;
    margin-top: auto;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.headline-tabs .tabs__list .tab__item a {
  color: #1D1D1B;
  text-align: center;
  text-decoration: none;
}

.headline-tabs .tabs__list .tab__item a:after {
  content: "";
}

.headline-tabs .tabs__list .tab__item a[aria-selected="true"]:after, .headline-tabs .tabs__list .tab__item a:hover:after {
  display: block;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--teal);
}

.headline-tabs .tabs__list .tab__item a:hover {
  text-decoration: none;
}

.tabs__list--modules .tab__item a[aria-selected="true"] {
  display: none;
}

.tabs__list--modules .tab__item a[aria-selected="false"] {
  display: block;
}

/**
 * Panel
 */
.tabs__panel {
  padding: 1.25rem;
}

.tabs__panel[aria-hidden="true"] {
  display: none;
}

.paging {
  list-style: none;
  text-align: center;
  border-top: 2px solid #CAC8C8;
  padding-top: 2.5rem;
}

.paging .paging__item {
  display: inline-block;
}

.paging .paging__item a {
  color: rgba(29, 29, 29, 0.6);
  padding: 0.625rem;
  margin: 0 0.625rem;
  font-size: 1.0625rem;
  font-weight: 600;
}

.paging .paging__item.paging__active a {
  color: #1D1D1B;
}

.accordian .column {
  border-top: 1px solid #CAC8C8;
}

.accordian .accordian-section .accordian-section__title {
  color: #1D1D1B;
  text-decoration: none;
}

.accordian .accordian-section .accordian-section__title .accordian-icon {
  display: block;
  float: right;
  width: 24px;
  height: 24px;
  background: url("../images/icons/plus-icon.svg") no-repeat center;
}

.accordian .accordian-section .accordian-section__content {
  display: none;
}

.accordian .accordian-section.open-accordian .accordian-section__content {
  display: block;
}

.accordian .accordian-section.open-accordian .accordian-icon {
  background: url("../images/icons/minus-icon.svg") no-repeat center;
}

.accordian--image__text {
  padding: 2rem;
}

@media all and (min-width: 768px)
{
  .accordian--image__row {
    display: flex;
    margin: 0.5rem 0;
  }
  .accordion__image {
    width: 200px;
    height: 200px;
  }
}
@media all and (max-width: 767px)
{
  .accordion__image {
    width: 100%;
    height: 100px;
  }
}

.accordion__image {
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  background-position: center center;
  background-size: cover;
}
.accordion__image-overlay {
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.4);
  padding: 15px;
}
.accordion__image h2 { font-size: 1.25rem;}

.accordian--image__image { flex-basis: 200px; }

.accordion__border-row {
  display: flex;
}
.accordion__border--top {
  border-top: 3px solid #FFF;
  flex-basis: 20%;
  height: 3px;
}
.accordion__border--bottom {
  border-bottom: 3px solid #FFF;
  flex-basis: 20%;
  height: 3px;
}
.accordion__border-middle { border: 0; flex-basis: 80%; }
.accordion__title { border-left: 3px solid #FFF; border-right: 3px solid #FFF; display: table; height: 100%; width: 100%; }
.accordion__title-container { display: table-cell; vertical-align: middle; }
.accordian .accordian-section .accordian-section__title.accordian--image__show-more {
  font-weight: bold;
  color: var(--teal);
}

.spacers span {
  font-size: 0.875rem;
}

.spacer-wrapper {
  position: relative;
  margin-bottom: 1.25rem;
}

.spacer-wrapper span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  height: 17px;
}

.spacer {
  display: inline-block;
}

.spacer--x-small {
  width: 8px;
  height: 8px;
}

.spacer--small {
  width: 16px;
  height: 16px;
}

.spacer--medium {
  width: 32px;
  height: 32px;
}

.spacer--large {
  width: 48px;
  height: 48px;
}

.spacer--x-large {
  width: 64px;
  height: 64px;
}

.hero__text-wrapper {
  position: absolute;
  bottom: 220px;
  width: 100%;
}

@media only screen and (max-width: 40.0525em) {
  .hero__text-wrapper {
    top: 0px;
  }
}

.no-course-details_usp .hero__text-wrapper {
  bottom: 100px;
}

.hero--course_detail h1.hero_header {
  text-align: center;
}

h1.hero_bg span {
  background: var(--teal);
  text-transform: uppercase;
}

@media only screen and (max-width: 40.0525em) {
  h1.hero_header.text-center {
    margin-bottom: 0;
  }
}

.hero--course_detail h1.hero_header span.h-line {
  margin: 0 auto 14px;
}

@media only screen and (max-width: 40.0525em) {
  .course-summary_column.column {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 40.0525em) {
  .course-summary {
    text-align: center;
    margin-top: -0.9375rem;
  }
}

.course-summary dl.course-summary-list {
  background: #F4F4F4;
  padding: 0.625rem 1rem;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.course-summary dl.course-summary-list dt.course-summary-list__label {
  font-weight: 600;
  line-height: 1.625rem;
}

.course-summary dl.course-summary-list dd.course-summary-list__value {
  font-weight: 300;
  line-height: 1.875rem;
  font-size: 0.875rem;
  margin: 0px 0px 16px 0px;
}
.course-summary dl.course-summary-list dd.course-summary-list__choose-option {
  font-weight: 300;
  line-height: 1.875rem;
  font-size: 0.875rem;
  margin: -16px 0 16px 0;
}

.course-summary dl.course-summary-list dd.course-summary-list__value ul {
  padding-left: 1.125rem;
}

.course-summary dl.course-summary-list dt.course-summary-list__label--clearing {
  color: var(--teal);
}
.course-summary dl.course-summary-list dd.course-summary-list__value--clearing span {
  color: var(--teal);
  display: block;
}
.course-summary dl.course-summary-list dd.course-summary-list__value--clearing {
  font-weight: 400;
}
.course-summary dl.course-summary-list dd.course-summary-list__value--clearing a {
  color: inherit;
  text-decoration:  underline;
}

@media only screen and (max-width: 40.0525em) {
  .course-summary dl.course-summary-list dd.course-summary-list__value ul {
    padding: 0px;
    list-style: none;
  }
}

.course-summary dl.course-summary-list dd.course-summary-list__value ul li {
  line-height: 1.25rem;
}

.course-summary dl.course-summary-list dd.course-summary-list__value .social-links a {
  display: inline-block;
  margin-right: 2rem;
  font-size: 1.375rem;
}

@media only screen and (max-width: 40.0525em) {
  .course-summary dl.course-summary-list dd.course-summary-list__value .social-links a {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

.course-summary dl.course-summary-list dd.course-summary-list__value .social-links a svg.facebook-icon-blue use svg path {
  fill: var(--teal);
}

.course-summary a[class^="btn--"] {
  margin: 8px 0;
}

@media only screen and (max-width: 40.0525em) {
  .course-summary a[class^="btn--"] {
    width: calc(100% - 30px);
  }
}

section.course-details_section {
  padding: 2rem 0;
}

@media only screen and (max-width: 40.0525em) {
  section.course-details_section.summary-section {
    padding-top: 0;
  }
}

section.course-details_section.zero-section-padding {
  padding: 0;
}

section.course-details_section.alt-background {
  background: #F4F4F4;
}

section.course-details_section.apply-background {
  background: #394851;
}

section.course-details_section.apply-background h2 {
  color: #fff;
}

section.course-details_section.apply-background h2 span.h-line {
  background: #fff;
}

.unistats-widget-frame {
  border-width: 0 0 1px 0!important;
  border-bottom-style: solid!important;
  border-bottom-color: #4EA27D!important;
}

section.course-details_section.fixed-menu {
  padding-top: 5.625rem;
}

@media only screen and (max-width: 40.0525em) {
  section.course-details_section h2 {
    text-align: center;
    font-size: 1.375rem;
  }
}

@media only screen and (max-width: 40.0525em) {
  section.course-details_section h2 span.h-line {
    margin-left: auto;
    margin-right: auto;
  }
}

section.course-details_section h3 {
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.modules-link {
  width: 100%;
  display: block;
  text-align: right;
}

@media only screen and (max-width: 40.0525em) {
  .modules-link {
    text-align: center;
    margin-top: 2rem;
  }
}

.modules-link a {
  text-decoration: underline;
  color: #1D1D1B;
}

.unistats-widget-frame {
  width: 100%;
  height: 160px;
  border: 0px;
  overflow: hidden;
}

p.note {
  color: var(--teal);
  margin-bottom: 3rem;
  font-weight: 600;
  font-size: 1.0625rem;
}

@media only screen and (max-width: 40.0525em) {
  p.note {
    margin-top: 3rem;
  }
}

.course-module-column {
  width: 630px;
  margin: 0 60px;
}

@media only screen and (max-width: 40.0525em) {
  .course-module-column {
    width: 100%;
    margin: 0 10px;
  }
}

.staff-slider .card__profile {
  width: 308px;
  margin: 0 8px;
}

span.read-more-toggle {
  width: 100%;
  text-align: center;
  color: var(--teal);
  font-weight: 600;
  font-size: 1.0625rem;
  margin-bottom: 2.75rem;
}

span.read-more-toggle:before {
  content: 'Read more';
}

span.read-more-toggle .icon-chevron-right {
  -webkit-transform: translateX(50%) rotate(90deg);
          transform: translateX(50%) rotate(90deg);
}

span.read-more-toggle.read-less:before {
  content: 'Read less';
}

span.read-more-toggle.read-less .icon-chevron-right {
  -webkit-transform: translateX(50%) rotate(-90deg);
          transform: translateX(50%) rotate(-90deg);
}

@media only screen and (max-width: 40.0525em) {
  .read-more__hidden {
    display: none;
  }
}

.pie-chart {
  width: 200px;
}

.pie-chart .pie {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 200px;
  height: 200px;
  background: #F4F4F4;
  border-radius: 50%;
  margin-bottom: 2rem;
}

.pie-chart .pie circle {
  fill: none;
  stroke: #F4F4F4;
  stroke-width: 99;
  -webkit-animation: rotate 1.5s ease-in;
          animation: rotate 1.5s ease-in;
}

.pie-chart .pie .circle-1 {
  stroke: #D20052;
}

.pie-chart .pie .circle-2 {
  stroke: #394851;
}

.pie-chart .pie .circle-3 {
  stroke: #C3C1C1;
}

.pie-chart .pie-chart_key {
  margin: 0.5rem 0;
}

.pie-chart .pie-chart_key .key-color {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 0.5rem;
}

.pie-chart .pie-chart_key .key-color.key-1 {
  background: #D20052;
}

.pie-chart .pie-chart_key .key-color.key-2 {
  background: #394851;
}

.pie-chart .pie-chart_key .key-color.key-3 {
  background: #C3C1C1;
}

.ucas-form {
  padding-bottom: 4.5rem;
}

.ucas-form label {
  font-weight: 600;
  color: #fff;
  display: block;
  margin-bottom: 2.5rem;
}

@media only screen and (max-width: 40.0525em) {
  .ucas-form {
    text-align: center;    
  }
  .ucas-form label {
    margin-bottom: 0.625rem;
  }
}

.ucas-form .value {
  color: #fff;
  font-weight: 300;
  line-height: 1.25rem;
  padding: 0.4375rem 0;
  display: block;
}

@media only screen and (max-width: 40.0525em) {
  .ucas-form .value {
    padding: 0;
    margin-bottom: 2rem;
  }
}

.ucas-form select {
  font-size: 0.875rem;
  height: 32px;
  line-height: 1.25rem;
  padding: 0.4375rem 1rem;
}

@media only screen and (max-width: 40.0525em) {
  .ucas-form select {
    margin-bottom: 2rem;
  }
}

.ucas-form a[class^='btn--'] {
  padding: 1.3125rem 0.8125rem;
}

ul.tick-list {
  list-style-type: none;
  padding: 0px;
}

ul.tick-list li {
  background: url("../images/icons/tick-green.png") no-repeat left center;
  padding-left: 2rem;
  line-height: 1.375rem;
  margin: 0.625rem 0;
}

ul.tick-list li.cross {
  background: url("../images/icons/close-red.png") no-repeat left center;
}

@media only screen and (max-width: 40.0525em) {
  .border__bottom {
    padding-bottom: 0.5rem;
  }
}

.border__bottom h2 {
  margin-bottom: 0.4375rem;
}

.border__bottom h4 {
  margin-bottom: 0.4375rem;
}

.border__bottom:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: calc(100% - 0.9375rem);
  background: #CAC8C8;
  height: 1px;
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
}

@media only screen and (max-width: 40.0525em) {
  .border__bottom:after {
    width: 90%;
  }
}

.has-course-details_usp.page-nav {
  float: none;
}

.social-links a {
  text-decoration: none;
}

.open-day {
  margin: 1.625rem 0;
}

.open-day .open-day_date {
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.open-day .open-day_location {
  font-size: 1rem;
  font-weight: 300;
}

.open-day-booking-form--grey {
  background-color: #EEE;
  padding: 0 1rem 1rem;
}

.open-day-booking-form label.sys_cms-form-error::after {
  content: " [please complete this field]";
}

@media only screen and (min-width: 40.0525em) {
  .date-selector {
    display: flex;
  }
  .date-selector__date {
    width: 33%;
  }
}

.date-selector input {
  display: none;
}

.date-selector__date {
  display: block;
  font-size: 1.1rem;
  text-align: center;
  border: 1px solid #CCC;
  padding: 0.4rem 0.6rem;
  color: #FFF;
}

.date-selector__date:hover {
  cursor: pointer;
}

.date-selector__time {
  font-size: 0.8rem;
}

.location-selector {
  margin-top: 0.5rem 0 1rem 0;
}
.location-selector label {
  margin-right: 1.5rem;
}

.form-control-btn {
  display: inline;
  width: auto;
  margin-top: 1rem;
}

.address-confirmation {
  font-size: 0.9rem;
}

.submitted-message {
  text-align: center;
  font-size: 1.8rem;
  padding-top: 1rem;
}

.highlight-required {
  border: 2px solid #900;
}

.right { float: right; }
.left { float: left; }
.btn--enter-address {
  width: auto;
  margin-top: 2rem;
}
.row--padded {
  margin: 0.5rem 0;
}
.progress-indicators {
  display: flex;
  margin-bottom: 1rem;
}
.progress-indicator {
  display: flex;
    height: 65px;
    flex-grow: 1;
    color: #D5035E;
}
.progress-indicator.active {
    color: #FFF;
}
.progress-indicator .main-part {
    background: url("/site-elements/images/progress-indicator-bg.png") -10px -85px repeat-x;
    width: 100%;
}
.progress-indicator.active .main-part {         
    background-position: -10px -10px;
}
.progress-indicator .fishtail {
    width: 40px;
    height: 65px;
    flex-shrink: 0;
    background: url("/site-elements/images/progress-indicator-fishtails.png") top left no-repeat; 
}

@media only screen and (min-width: 40.0625em) {
  .progress-indicator .main-part {
    flex-grow: 1;
  }
  .progress-indicator__no {
      font-size: 1.75rem;
  }
}
@media only screen and (max-width: 40.0525em) {
  .fishtail {
    display: none;
  }
  .progress-indicator {
    text-align: center;
    width: 33%;
  }
  .progress-indicator__stage {
      line-height: 1.2rem;
  }
}

/* CG: Sprites for "fishtail" effects in progress indicators */
.progress-indicator.first .fishtail.begin { background-position:-10px -10px; }
.progress-indicator.intermediate .fishtail.begin { background-position:-10px -535px; }	
.progress-indicator.last .fishtail.end { background-position:-10px -235px; }
.progress-indicator.last.active .fishtail.end{ background-position:-11px -310px; }
.progress-indicator.intermediate .fishtail.end { background-position:-10px -460px; }

#progress-indicator-2.active .fishtail.begin { background-position:-10px -385px; }
.progress-indicator .fishtail.both { background-position:-10px -385px!important; }
#progress-indicator-2.active .fishtail.end { background-position:-10px -535px; }  

.progress-indicator__no {
    font-weight: 400;
}
.progress-indicator__stage {
    display: block;
}

.location-name {
  background-color: #970048;
  color: #FFF;
}

.label--padded {
  margin: 0 0.5rem;
}
.input--margin-bottom {
  margin-bottom: 0.75rem;
}

.privacy-statement, .international-enquiry-link  {
  font-size: 80%;
  line-height: 1.4;
}

.international-enquiry-link a {
  text-decoration: underline;
}

.international-events__intro {
  max-width: 57rem;
  padding-bottom: 2rem;
}

.full-width-cta--negative-margin {
  margin: 2rem -1.25rem -3.5rem -1.25rem;
}

.course-listing_count {
  font-weight: 600;
}

.course-listing_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #CAC8C8;
  min-height: 96px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.masterclass-listing__category {
  padding-top: 2rem;
  margin-bottom: 2rem;
}

.masterclass-listing__item {
  border-bottom: 1px solid #CAC8C8;
  min-height: 96px;
  margin-bottom: 2rem;
}

.masterclass-listing__age-group {
  margin-top: 1rem!important;
}

@media only screen and (max-width: 63.9275em) {
  .course-listing_item {
    height: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0.625rem 0;
  }
  .masterclass-listing__item {
    padding: 0.625rem 0;
  }
}

.course-listing_item .course-listing_title {
  font-weight: 600;
  font-size: 1.125rem;
  padding-right: 0.3125rem;
}

@media only screen and (max-width: 63.9275em) {
  .course-listing_item .course-listing_title {
    display: block;
    margin: 0.3125rem 0;
  }
}

.course-listing_item .course-listing_title .course-listing_award {
  font-weight: 300;
  font-size: 1.0625rem;
}

.course-listing_item .course-listing_desc {
  font-weight: 300;
  padding-right: 0.3125rem;
}

.masterclass-listing__title {
  font-size: 1.5rem;
}
.masterclass-listing__desc {
  font-weight: 300;
  padding-right: 0.3125rem;
  line-height: 1.825rem;
}
.masterclass-listing__item:last-child {
  border-bottom: 0;
}
.masterclass-listing__item .column {
  border-top: 0!important;
}
.masterclass__key-facts {
  background-color: #F4F4F4;
  padding: 1rem 2rem;
}
.masterclass__key-facts section {
  margin-bottom: 1rem;
}
.masterclass__key-facts p {
  margin-bottom: 0;
}
.masterclass__book {
  background-color: #EEE;
  padding: 0.25rem 2rem 1rem 2rem;
}
.course-listing_item .course-listing_desc ul {
  list-style: none;
}

.course-listing_item .course-listing_desc span {
  display: inline-block;
  margin-right: 0.5rem;
}

.course-listing_item .course-listing_icon {
  text-align: right;
  font-size: 1.25rem;
}

.course-listing_item:last-child {
  margin-bottom: 4rem;
}

.course-listing_item a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.test-drive-dates {
  padding: 1rem;
  background-color: #EEE;
  margin-bottom: 0.75rem;
  border-left: 1px solid var(--teal);
}

.test-drive-subject {
  background-color: #970048;
  color: #FFF;
  padding: 0.75rem;
}

/* CG: Mini templates */
@media only screen and (min-width: 40.0625em) {
  .sidebar-content {
    margin-left: 4rem;
  }
}
.sidebar-content h2:first-of-type {
  margin-top: 0;
}

.ccta__primary-text {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 400;
}

.ccta__secondary-text {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 15px;
}

.ccta__btn {
  padding-left: 33px;
  padding-right: 33px;
  width: auto;
  transition: color 0.2s, background-color 0.2s;
}

.ccta__btn:hover {
  color: var(--teal);
  background-color: #fff;
  text-decoration: none;
}

.content-cta {
  display: inline-block;
  width: 100%;
  padding: 32px 15px;
  color: #1D1D1B;
  text-align: center;
  border: 2px solid #1D1D1B;
  background-color: #fff;
}

.content-cta h3 {
  color: inherit;
  font-size: 1.875rem;
}

.content-cta--default h3 {
  color: #D5035E;
}

.content-cta--red {
  background-color: var(--teal);
  color: #FFF;
  border: 0;
  margin: 4rem 0;
}

.ccta__primary-text {
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 6px;
  font-weight: 400;
}

.ccta__secondary-text {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 15px;
}

.ccta__btn {
  padding-left: 33px;
  padding-right: 33px;
  width: auto;
  transition: color 0.2s, background-color 0.2s;
}

.ccta__btn:hover {
  color: var(--teal);
  background-color: #fff;
  text-decoration: none;
}

.apprenticeships-iframe {
  border: 1px solid #CCC;
}

.apprenticeship-levy-calculator {
  max-width: 600px;
}
.apprenticeship-levy-calculator__pound-sign {
  font-size: 2rem;
  float: left;
  width: 9%;
  margin-right: 1%;
}

#apprenticeship-levy-calculator__payroll {
  float: right;
  width: 90%;
}

.country-picker {
  position: relative;
  padding: 40px 20px;
  color: #fff;
  background-image: url("../images/distance-hero.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.country-picker:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(57, 72, 81, 0.9);
  z-index: 0;
}

@media only screen and (min-width: 40.0625em) {
  .country-picker {
    min-height: 272px;
    padding-top: 75px;
    padding-bottom: 60px;
  }
}

.country-picker__title {
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}

.country-picker__subtext {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
}

.country-picker__dropdown {
  margin-top: 18px;
}

.btn-country-selection {
  background-color: var(--teal);
  margin-top: 18px;
  min-width: 50px;
}

@media only screen and (max-width: 40.0525em) {
  .country-picker {
    background-image: none;
    color: #1D1D1B;
    padding: 0;
    margin-bottom: 2rem;
    min-height: 290px;
  }
  .country-picker:before {
    background-color: none;
  }
}

.events-wrapper {
  position: relative;
}

.events-row {
  margin-top: 7.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.events-row a {
  text-decoration: none;
}

@media only screen and (max-width: 40.0525em) {
  .events-row {
    display: block;
    margin-top: 5rem;
  }
}

.events-row .event {
  border-right: 1px solid #CAC8C8;
  width: 306px;
  padding: 0 1.875rem;
}

.events-row .event a {
  color: inherit;
}

.events-row .event a:hover {
  text-decoration: none;
}

.events-row .event span {
  font-weight: 600;
  width: 100%;
  display: block;
}

.events-row .event .day {
  font-size: 8.75rem;
  height: 150px;
  overflow: hidden;
  width: 162px;
}

.events-row .event .month {
  font-size: 1.25rem;
  text-transform: uppercase;
  margin-bottom: 1.625rem;
}

.events-row .event .event-title {
  margin-bottom: 0.3125rem;
}

.events-row .event .event-description {
  font-weight: 300;
}

.events-row .event:nth-child(3n+1) .day,
.events-row .event:nth-child(3n+1) .month {
  color: #D5035E;
}

.events-row .event:nth-child(3n+2) .day,
.events-row .event:nth-child(3n+2) .month {
  color: #A02140;
}

.events-row .event:nth-child(3n+3) .day,
.events-row .event:nth-child(3n+3) .month {
  color: #632D4F;
}

.event-controls {
  width: 290px;
  padding-right: 2.5rem;
}

@media only screen and (max-width: 63.9275em) {
  .event-controls {
    padding-left: 1rem;
    width: 290px;
    padding-right: 2.5rem;
  }
}

@media only screen and (max-width: 40.0525em) {
  .event-controls {
    width: 100%;
  }
}

.event-controls h3 {
  font-size: 1.875rem;
  line-height: 2.5rem;
  margin-bottom: 0px;
}

.event-controls a.dark-link {
  text-decoration: underline;
}

.event-controls .arrow-divider {
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: #D5035E;
  position: relative;
  margin-bottom: 32px;
}

.event-controls .arrow-divider:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0px;
  top: -5px;
  width: 12px;
  height: 12px;
  border: 2px solid #D5035E;
  border-bottom: 0;
  border-left: 0;
  border-radius: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.event-slider {
  width: 100%;
  width: calc(100% - 290px);
}

.international-event-slider.slick-initialized .slick-slide {
  display: flex;
}

.international-event-slider .event__data {
  padding-right: 1rem;
}

@media only screen and (max-width: 63.9275em) {
  .event-slider {
    width: calc(100% - 290px);
  }
}

@media only screen and (max-width: 40.0525em) {
  .event-slider {
    width: 100%;
    float: left;
    display: block;
  }
}

.slider-events-controls .btn--slide-control,
.slider-events-controls-mobile .btn--slide-control {
  width: 41px;
  height: 41px;
  border: 1px solid #333;
  border-radius: 21px;
  margin: 2rem 10px;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 37px;
  color: #333;
}

.slider-events-controls .btn--slide-control.slick-disabled,
.slider-events-controls-mobile .btn--slide-control.slick-disabled, .step-by-step-controls .btn--slide-control.slick-disabled {
  opacity: .5;
}

.event-cards-carousel { margin: 2rem 0; }

.hero {
  position: relative;
  margin-top: -24px;
  background-image: url("/site-elements/images/template/Prospectus-18-078.png");
  background-color: #1D1D1B;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 568px;
  width: 100%;
}

@media only screen and (max-width: 63.9275em) {
  .hero {
    height: 544px;
  }
}

@media only screen and (max-width: 40.0525em) {
  .hero {
    height: 417px;
    margin-bottom: 112px;
    margin-top: -49px;
    background-size: auto 400px;
    background-position: top;
  }
  .hero.hero--campaign {
    margin-bottom: 25px;
  }
  .hero.slick-slide {
    background-size: cover;
  }
}

.hero:before {
  content: '';
  height: 100%;
  width: 100%;
  opacity: 0.4;
  background: linear-gradient(90deg, black 0%, rgba(29, 29, 27, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 63.9275em) {
  .hero:before {
    opacity: 0.6;
    background: radial-gradient(circle, #000000 0%, transparent 100%);
  }
}

.hero:after {
  height: 242px;
  width: 100%;
  opacity: 0.3;
  background: linear-gradient(180deg, transparent 0%, #000000 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero.slick-slide {
  height: 568px;
  margin-top: 0px;
}

@media only screen and (max-width: 63.9275em) {
  .hero.slick-slide {
    height: 640px;
    margin-bottom: 0px;
  }
}

.hero.hero--small {
  height: 400px;
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--small {
    height: auto;
    margin-bottom: 1rem;
  }
  .hero__text-wrapper {
    position: relative;
  }
  .news__article--image {
    width: 100%;
  }
  .news__article--figure {
    margin: 0;
  }
}
/*
CG: Fix for "news record" pages
@media only screen and (max-width: 40.0525em) {
  .hero.hero--small .hero__text {
    position: absolute;
    padding-bottom: 2.5rem;
    top: auto;
  }
}
*/

.hero.hero--small .hero__text-wrapper {
  bottom: 50px;
}

@media only screen and (min-width: 46.25em) {
  .hero.hero--video {
    background-image: none;
    background-color: transparent;
  }
}

.hero.hero--no-image {
  margin-bottom: 1.875rem;
  height: auto;
  background-image: none;
  background-color: transparent;
  margin-top: 0px;
}

@media only screen and (max-width: 63.9275em) {
  .hero.hero--no-image {
    height: auto;
  }
}

.hero.hero--no-image:before {
  background: transparent;
}

.hero.hero--no-image .hero__text {
  padding-top: 0px;
  top: 62px;
  color: #1D1D1B;
}

@media only screen and (max-width: 63.9275em) {
  .hero.hero--no-image .hero__text {
    padding-top: 3.75rem;
    padding-bottom: 0;
  }
}

.hero.hero--course_landing {
  height: 320px;
  margin-bottom: 4rem;
}

.hero--campaign {
    height: 300px;
    margin-top: -128px; /* CG: This is the height of the University logo */
}
.hero.hero--campaign .hero__text {
    color: #fff;
    text-transform: uppercase;
    text-align: right;
}
.hero.hero--campaign .hero_header {
    display: inline-block;
    background-color: var(--teal);
    padding: 0.1rem 1rem;
    font-weight: 200;
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_landing {
    margin-bottom: 0;
  }
}

.hero.hero--course_landing .hero__text {
  padding-top: 190px;
}

.hero.hero--course_landing_subject {
  height: 528px;
  margin-bottom: 0;
}

.hero.hero--course_landing_subject .hero__text {
  padding-top: 140px;
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_landing_subject {
    height: 737px;
  }
  .hero.hero--course_landing_subject .hero__text {
  padding-top: 0;
  }
}

.hero.hero--course_detail {
  height: 704px;
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_detail {
    height: 1041px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 63.9275em) {
  .hero.hero--course_detail {
  }
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_detail .hero__text {
    padding-bottom: 0;
    position: relative;
    z-index: 10;
  }
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_detail .hero__course-filter:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 300px;
    top: 333px;
    background: linear-gradient(to bottom, rgba(57, 72, 81, 0) 0%, #394851 45%, #394851 100%);
    z-index: 0;
  }
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_detail .hero__course-filter {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_detail .hero__course-filter .column {
    padding-bottom: 10px;
  }
}

.hero.hero--course_detail .hero__course-filter label {
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}

@media only screen and (max-width: 40.0525em) {
  .hero.hero--course_detail .hero__course-filter label {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 8px;
  }
  .hero.hero--course_detail .hero__course-filter select {
    font-size: 0.875rem;
    height: 32px;
    line-height: 1.1875rem;
    padding: 0.3125rem 1rem;
  }
}
@media only screen and (min-width: 40.0525em) {
  .hero.hero--course_detail .hero__course-filter label {
    font-size: 1.2rem;
  }
  .hero.hero--course_detail .hero__course-filter select {
    font-size: 1rem;
    height: 50px;
  }
}

.hero.hero--course_detail.no-course-details_usp {
  height: 564px;
}

@media only screen and (max-width: 79.99em) {
  .hero.hero--course_detail.no-course-details_usp {
    height: 584px;
  }
}

@media only screen and (max-width: 63.9275em) {
  .hero.hero--course_detail.no-course-details_usp {
    height: 594px;
  }
}

.hero.hero--course_detail:before {
  background: rgba(0, 0, 0, 0.4);
  opacity: 1;
}

.hero .hero__text {
  position: relative;
  color: #fff;
}

.hero__clearing {
  background: rgba(241, 20, 50, 0.6);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 1rem 0;
}
@media only screen and (min-width: 63.9375em) {
  .hero__clearing {
    padding-top: 3rem;
  }
}
.hero__clearing_heading, .hero__clearing_text {
  color: #fff;
}
.hero__clearing_heading {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.hero__clearing_text {
  margin-top: 0;
}
.hero__clearing_text a {
  color: #fff;
  text-decoration: underline;
}

@media only screen and (max-width: 40.0525em) {
  .hero__clearing {
    top: 3.5rem;
    padding: 0 0.5rem;
  }
  .hero__clearing_heading {
    margin: 1rem 0.5rem 0.5rem 0.5rem;
    font-size: 1.2rem;
    line-height: 1.1rem;
  }
  .hero .hero__text {
    top: 0px;
    bottom: 0px;
    position: unset;
    /*padding-top: 129px; SM: Amended for mobile to allow for logo to be embedded above the heading */
    padding-top: 260px;
    padding-bottom: 30px;
  }
  .hero.hero--campaign .hero__text {
    padding-top:0;
  }
}
.hero .hero__text h2.hero_header {
  margin: 8px 0;
  font-size: 2rem;
  line-height: 2.625rem;
}

@media only screen and (max-width: 40.0525em) {
  .hero .hero__text h2.hero_header {
    font-size: 1.625rem;
  }
}

.hero .hero__text a.hero__link {
  color: #fff;
  font-weight: 600;
}

.hero .course-details_usp {
  background: rgba(57, 72, 81, 0.5);
  height: 208px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  color: #fff;
}

@media only screen and (max-width: 40.0525em) {
  .hero .course-details_usp {
    background: #394851;
    height: auto;
  }
}

.hero .course-details_usp .row {
  height: 100%;
}

.hero .course-details_usp .column {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  height: 176px;
  margin: 1rem 0;
  padding: 3.25rem 2.5rem;
}

@media only screen and (max-width: 40.0525em) {
  .hero .course-details_usp .column {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    width: 260px;
    margin: 0 auto;
    padding: 2rem 0;
    float: none;
    height: auto;
  }
}

.hero .course-details_usp .column.small-centered {
  border-right: none;
  margin: inherit;
}

.hero .course-details_usp .column:last-child {
  border-right: none;
}

@media only screen and (max-width: 40.0525em) {
  .hero .course-details_usp .column:last-child {
    border-bottom: none;
  }
}

.hero .course-details_usp .column h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0.25rem 0;
}

.hero .course-details_usp .column p {
  margin: 0 auto;
  width: 275px;
  line-height: 1.375rem;
}

@media only screen and (max-width: 63.9275em) {
  .hero .course-details_usp .column p {
    width: auto;
    height: 44px;
  }
}

.hero .video_controls {
  position: relative;
  z-index: 999;
}

.hero .video_controls button span {
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  display: block;
}

.hero .video_controls button.play span.play {
  opacity: 1;
}

.hero .video_controls button.play span.pause {
  opacity: 0;
}

.hero .video_controls button.pause span.play {
  opacity: 0;
}

.hero .video_controls button.pause span.pause {
  opacity: 1;
}

.hero .hero__course-search {
  width: 100%;
  position: absolute;
  bottom: 70px;
  overflow: hidden;
}

@media only screen and (max-width: 40.0525em) {
  .hero .hero__course-search {
    position: relative;
    bottom: -313px;
    overflow: visible;
  }
}

.hero .course__search .column {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

@media only screen and (min-width: 40.0625em) and (max-width: 63.9275em) {
  .hero .course__search .column.search__keywords {
    padding-right: 0.9375rem;
  }
  .hero .course__search .column.search__type {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .hero .course__search .column.search__submit {
    padding-left: 0.9375rem;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 63.9275em) {
  .hero .course__search .form {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 40.0525em) {
  .hero .course__search {
    background: #394851;
  }
  .hero .course__search .form {
    position: relative;
    top: -20px;
  }
}

.hero .course__search .search__type select {
  background-image: url(/site-elements/images/template/dropdown-chevron-black.svg);
  background-repeat: no-repeat;
  background-size: 13px 7px;
  background-position: center right 11px;
  -webkit-appearance: none;
  line-height: 1.2;
}

.hero-slider {
  top: -24px;
  margin-bottom: -24px;
}

@media only screen and (max-width: 63.9275em) {
  .hero-slider {
    top: -128px;
    margin-bottom: -128px;
  }
}

@media only screen and (max-width: 40.0525em) {
  .hero-slider {
    top: -97px;
    margin-bottom: -97px;
  }
}

.hero-slider {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0s;
}

.hero-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.hero-slider .hero {
  display: none;
}

.hero-slider .hero:first-child {
  display: block;
  visibility: hidden;
}

.hero-slider.slick-initialized .hero {
  display: block;
  visibility: visible !important;
}

.slider-hero-controls {
  position: absolute;
  z-index: 300;
  bottom: 10px;
  width: 100%;
}

.slider-hero-controls .btn--slide-control {
  width: 41px;
  height: 41px;
  border: 1px solid #fff;
  border-radius: 21px;
  margin: 2rem 5px;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  text-align: center;
  line-height: 37px;
  color: #fff;
}

.slider-hero-controls .btn--slide-control.slick-disabled {
  opacity: .5;
}

h1.hero_header + h2.hero_header {
  letter-spacing: 0 !important;
}

.news__content {
  float: right;
  width: calc(100% - 308px);
  padding-right: 0;
}

.news__content .cards {
  margin-top: 0 !important;
}

.news__content .cards .medium-4.column {
  /*padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;*/
}

.news__article .news__article--date {
  text-transform: uppercase;
  font-weight: 300;
}

.news__article .news__content {
  float: left;
}

@media only screen and (min-width: 40.0525em) {
  .news__article--figure, .pull-quote--news, .news__article--image {
    float: right;
    width: 380px;
    margin-left: 1rem;
    clear: right;
  }
  .news__article--figure {
    margin-right: 0;
  }
}
.news__article--caption, .news__article--quote cite {
  clear: both;
}
.news__article--caption {
  margin-top: 0.5rem;
}

@media only screen and (max-width: 46.24em) {
  .news__article .card__enquiry {
    display: block !important;
  }
}

.pull-quote {
  border-color: var(--teal);
  border-width: 2px 0 3px 0;
  border-top-style: solid;
  border-bottom-style: dotted;
  padding: 1rem;
  margin-top: 2rem;
}
.pull-quote__text {
  font-weight: 400;
  line-height: 1.5rem;
}
.pull-quote__source {
  color: var(--teal);
  font-style: normal;
  line-height: 1.5rem;
}
.pull-quote__open {
  background: url(/site-elements/images/pull-quote-open.png) no-repeat;
  background-size: contain;
  width: 87px;
  height: 58px;
  float: left;
  margin-top: -3rem;
  margin-left: -1rem;
}
.pull-quote__close {
  background: url(/site-elements/images/pull-quote-close.png) no-repeat;
  background-size: contain;
  width: 61px;
  height: 40px;
  float: right;
  margin-top: 1rem;
}

.usp-wrapper {
  background-color:#F4F4F4;
  padding-top: 1rem;
}

.page-usp-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 99;
}

.card__page-usp {
  text-align: center;
  margin: 50px 2rem 2rem 2rem;
  height: 150px;
  padding-top: 35px;
}

.card__page-usp p {
  font-size: 1.225rem;
  font-weight: 400;
  margin-top: 0.5rem;
  padding: 0 3rem;
}

@media only screen and (max-width: 40.0525em) {
  .card__page-usp p {
    font-size: 0.975rem;
    padding: 0 0.5rem;
  }
}

@media only screen and (max-width: 63.9275em) {
  .card__page-usp p {
    font-size: 0.975rem;
    padding: 0 0.5rem;
  }
}

section.related-articles_section.alt-background,
section.upcoming-events_section.alt-background,
section.event-cards-carousel.alt-background {
  background: #F4F4F4;
  padding: 1rem 1rem 2rem 1rem;
}

section.related-articles_section.alt-background h3.headline-text,
section.upcoming-events_section.alt-background h3.headline-text,
section.event-cards-carousel.alt-background h3.headline-text {
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 1px solid #CAC8C8;
  margin-bottom: 16px;
}

@media only screen and (max-width: 63.9275em) {
  section.related-articles_section.alt-background h3.headline-text,
  section.upcoming-events_section.alt-background h3.headline-text,
  section.event-cards-carousel.alt-background h3.headline-text {
    margin: 0 0.5rem 1rem 0.5rem;
  }
}

section.related-articles_section.alt-background .slider .card:first-child,
section.upcoming-events_section.alt-background .slider .card:first-child
section.event-cards-carousel.alt-background .slider .card:first-child {
  padding-left: 0 !important;
}

section.related-articles_section.alt-background .slider .card:last-child,
section.upcoming-events_section.alt-background .slider .card:last-child
section.event-cards-carousel.alt-background .slider .card:last-child {
  padding-right: 0 !important;
}

section.related-articles_section.alt-background .dark-link,
section.upcoming-events_section.alt-background .dark-link,
section.event-cards-carousel.alt-background .dark-link,
.eprints-feed .dark-link {
  font-weight: 600;
}

.hero--no-image.hero--news,
.hero--no-image.hero--event {
  margin-bottom: 60px;
}

.hero--no-image.hero--news .hero__text,
.hero--no-image.hero--event .hero__text {
  border-bottom: 1px solid #ccc;
}

.news__content .card__icon,
.upcoming-events_section .card__icon {
  height: 60px;
  width: 70px;
  background-color: #D5035E;
  font-size: 1.375rem;
  text-align: left;
}

.news__content .card__icon:after,
.upcoming-events_section .card__icon:after,
.event-cards-carousel .card__icon:after {
  border-top-color: #D5035E;
  bottom: -10px;
  border-top: 10px solid #D5035E;
  border-left: 10px solid transparent;
  width: 70px;
}

.news__content .card__icon span.day-1,
.upcoming-events_section .card__icon span.day-1,
.event-cards-carousel .card__icon span.day-1 {
  width: 60px;
  display: inline-block;
}

.news__content .card__icon span.day-1 span,
.upcoming-events_section .card__icon span.day-1 span,
.event-cards-carousel .card__icon span.day-1 span {
  width: 100%;
  display: block;
  padding: 0 5px;
  font-weight: 600;
  text-align: left;
}

.news__content .card__icon span.day-1 span.day,
.upcoming-events_section .card__icon span.day-1 span.day,
.event-cards-carousel .card__icon span.day-1 span.day {
  font-size: 1.375rem;
}

.news__content .card__icon span.day-1 span.month,
.upcoming-events_section .card__icon span.day-1 span.month,
.event-cards-carousel .card__icon span.day-1 span.month {
  font-size: 1rem;
}

.news__content .card__icon span.day-1 span.year,
.upcoming-events_section .card__icon span.day-1 span.year,
.event-cards-carousel.card__icon span.day-1 span.year {
  font-size: 0.875rem;
}

.news__content .card__icon span.day-2,
.upcoming-events_section .card__icon span.day-2,
.event-cards-carousel .card__icon span.day-2 {
  width: 60px;
  display: none;
}

.news__content .card__icon span.day-2 span,
.upcoming-events_section .card__icon span.day-2 span,
.event-cards-carousel .card__icon span.day-2 span  {
  width: 100%;
  display: block;
  padding: 0 5px;
  font-weight: 600;
  text-align: left;
}

.news__content .card__icon span.day-2 span.day,
.upcoming-events_section .card__icon span.day-2 span.day,
.event-cards-carousel .card__icon span.day-2 span.day {
  font-size: 1.375rem;
}

.news__content .card__icon span.day-2 span.month,
.upcoming-events_section .card__icon span.day-2 span.monthm
.event-cards-carousel .card__icon span.day-2 span.month {
  font-size: 1rem;
}

.news__content .card__icon span.day-2 span.year,
.upcoming-events_section .card__icon span.day-2 span.year,
.event-cards-carousel .card__icon span.day-2 span.year {
  font-size: 0.875rem;
}

.news__content .card__icon span.day-2:before,
.upcoming-events_section .card__icon span.day-2:before,
.event-cards-carousel .card__icon span.day-2:before {
  content: '-';
  position: absolute;
  top: 20px;
  left: -10px;
}

.news__content .card__icon.multiple-days,
.upcoming-events_section .card__icon.multiple-days,
.event-cards-carousel .card__icon.multiple-days {
  width: 140px;
}

.news__content .card__icon.multiple-days:after,
.upcoming-events_section .card__icon.multiple-days:after,
.event-cards-carousel .card__icon.multiple-days:after {
  width: 140px;
}

.news__content .card__icon.multiple-days span.day-2,
.upcoming-events_section .card__icon.multiple-days span.day-2,
.event-cards-carousel .card__icon.multiple-days span.day-2 {
  display: inline-block;
}

.news__content .card__icon .icon,
.upcoming-events_section .card__icon .icon,
.event-cards-carousel .card__icon .icon {
  height: 45px;
}

.hero--btn {
  position: absolute !important;
  right: 0px;
  bottom: 20px;
}

@media only screen and (max-width: 63.9275em) {
  .hero--btn {
    bottom: 0;
  }
}

@media only screen and (max-width: 46.24em) {
  .hero--no-image.hero--event .hero--btn {
    position: relative !important;
    margin-bottom: 24px;
  }
}

.event--tagline {
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
}

.event__data, .staff-profile__contact-info {
  font-size: 1.125rem;
  border-left: 3px solid var(--teal);
  padding-left: 1.5rem;
  margin-bottom: 3.125rem;
}
.event__data--location-secondary {
  font-size: 1rem;
  color: #666;
}
.event__data .column {
  padding-bottom: 1rem;
}

@media only screen and (max-width: 63.9275em) {
  .event__data {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}

.event__data > span {
  display: block;
  margin-bottom: 1rem;
}

.event__data > span .icon {
  margin-right: 0.625rem;
}

.event__data a {
  text-decoration: underline;
}

/**
 * Patterns
 * objects that have children
 */
/**
 * Row
 */
.row {
  margin: 0 auto;
  max-width: 80rem;
  width: 100%;
}

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

.row:after {
  clear: both;
}

.row.collapse > .column {
  padding-left: 0;
  padding-right: 0;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (max-width: 40.0525em) {
  .row.small-row-collapse > .column:first-child {
    padding-left: 0;
    padding-right: 0;
  }
}

.row .row {
  margin: 0 -0.9375rem;
  max-width: none;
  width: auto;
}

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

.row .row:after {
  clear: both;
}

.row .row.collapse {
  margin: 0;
  max-width: none;
  width: auto;
}

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

.row .row.collapse:after {
  clear: both;
}

/**
 * Column
 */
.column {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
  float: left;
}

.column.row {
  float: none;
}

/**
 * Grid HTML classes
 */
@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .small-1 {
    width: 8.33333%;
  }
  .small-2 {
    width: 16.66667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333%;
  }
  .small-5 {
    width: 41.66667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333%;
  }
  .small-8 {
    width: 66.66667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333%;
  }
  .small-11 {
    width: 91.66667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-left: 0 !important;
  }
  .small-offset-1 {
    margin-left: 8.33333% !important;
  }
  .small-offset-2 {
    margin-left: 16.66667% !important;
  }
  .small-offset-3 {
    margin-left: 25% !important;
  }
  .small-offset-4 {
    margin-left: 33.33333% !important;
  }
  .small-offset-5 {
    margin-left: 41.66667% !important;
  }
  .small-offset-6 {
    margin-left: 50% !important;
  }
  .small-offset-7 {
    margin-left: 58.33333% !important;
  }
  .small-offset-8 {
    margin-left: 66.66667% !important;
  }
  .small-offset-9 {
    margin-left: 75% !important;
  }
  .small-offset-10 {
    margin-left: 83.33333% !important;
  }
  .small-offset-11 {
    margin-left: 91.66667% !important;
  }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.small-centered:last-child {
    float: none;
  }
  .column.small-uncentered:last-child {
    float: left;
  }
  .column.small-uncentered.opposite {
    float: right;
  }
  .row.small-collapse > .column {
    padding-left: 0;
    padding-right: 0;
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.small-uncollapse > .column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}

@media only screen and (min-width: 40.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .medium-1 {
    width: 8.33333%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-0 {
    margin-left: 0 !important;
  }
  .medium-offset-1 {
    margin-left: 8.33333% !important;
  }
  .medium-offset-2 {
    margin-left: 16.66667% !important;
  }
  .medium-offset-3 {
    margin-left: 25% !important;
  }
  .medium-offset-4 {
    margin-left: 33.33333% !important;
  }
  .medium-offset-5 {
    margin-left: 41.66667% !important;
  }
  .medium-offset-6 {
    margin-left: 50% !important;
  }
  .medium-offset-7 {
    margin-left: 58.33333% !important;
  }
  .medium-offset-8 {
    margin-left: 66.66667% !important;
  }
  .medium-offset-9 {
    margin-left: 75% !important;
  }
  .medium-offset-10 {
    margin-left: 83.33333% !important;
  }
  .medium-offset-11 {
    margin-left: 91.66667% !important;
  }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.medium-centered:last-child {
    float: none;
  }
  .column.medium-uncentered:last-child {
    float: left;
  }
  .column.medium-uncentered.opposite {
    float: right;
  }
  .row.medium-collapse > .column {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.medium-uncollapse > .column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}

@media only screen and (min-width: 63.9375em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .large-1 {
    width: 8.33333%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-left: 0 !important;
  }
  .large-offset-1 {
    margin-left: 8.33333% !important;
  }
  .large-offset-2 {
    margin-left: 16.66667% !important;
  }
  .large-offset-3 {
    margin-left: 25% !important;
  }
  .large-offset-4 {
    margin-left: 33.33333% !important;
  }
  .large-offset-5 {
    margin-left: 41.66667% !important;
  }
  .large-offset-6 {
    margin-left: 50% !important;
  }
  .large-offset-7 {
    margin-left: 58.33333% !important;
  }
  .large-offset-8 {
    margin-left: 66.66667% !important;
  }
  .large-offset-9 {
    margin-left: 75% !important;
  }
  .large-offset-10 {
    margin-left: 83.33333% !important;
  }
  .large-offset-11 {
    margin-left: 91.66667% !important;
  }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.large-centered:last-child {
    float: none;
  }
  .column.large-uncentered:last-child {
    float: left;
  }
  .column.large-uncentered.opposite {
    float: right;
  }
  .row.large-collapse > .column {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.large-uncollapse > .column {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
  }
}

.no-svg .secondary-nav {
  background: #303030;
}

.no-svg .footer {
  display: block;
  background: #303030;
}

.no-svg .footer .row {
  color: #fff;
}

.no-svg .banner {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/connected-banner.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/connected-banner.png', sizingMethod='scale')";
}

.no-svg .page-nav__list--mobile,
.no-flexbox .page-nav__list--mobile {
  display: none;
}

@media only screen and (max-width: 63.9275em) {
  .no-flexbox .page-nav__list--mobile {
    display: block;
  }
}

.no-flexbox .page-nav .page-nav__list--mobile a:first-child:after {
  width: 15px;
  height: 15px;
  top: 8px;
  -ms-transform: rotate(180deg);
}

.no-flexbox .page-nav .page-nav__list--mobile a.active:after {
  width: 15px;
  height: 15px;
  top: 0px;
  -ms-transform: rotate(0deg);
}

.no-svg .page-nav__list,
.no-flexbox .page-nav__list {
  overflow: hidden;
}

.no-svg .page-nav__list .page-nav__item,
.no-flexbox .page-nav__list .page-nav__item {
  float: left;
  display: inline-block;
  margin: 0 15px;
}

.no-flexbox .hero--course_detail select {
  background-image: none;
}

.no-flexbox .news .row {
  background: #394851;
}

.no-flexbox .news .row.slider .card {
  float: left;
}

.no-flexbox .on-campus_slider .card,
.no-flexbox .instagram_slider .card,
.no-flexbox .staff-slider .card,
.no-flexbox .student-gallery_slider .card,
.no-flexbox .course-slider .card {
  float: left;
}

.no-flexbox .pie-chart .pie {
  -ms-transform: rotate(-90deg) translate(-100%, 0%);
  -ms-transform-origin: 0 0;
}

.no-flexbox .pie-chart .pie circle {
  stroke-width: 99;
}

.no-flexbox .headline-tabs .headline-text {
  float: left;
}

@media only screen and (max-width: 40.0525em) {
  .no-flexbox .headline-tabs .headline-text {
    float: none;
    width: 100%;
  }
}

.no-flexbox .headline-tabs .tabs__list {
  float: left;
  margin-top: 37px;
}

@media only screen and (max-width: 40.0525em) {
  .no-flexbox .headline-tabs .tabs__list {
    float: none;
    width: 100%;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 46.24em) {
  .no-flexbox .headline-tabs .tabs__list .tab__item {
    margin: 0 0.5rem;
    max-width: 60px;
  }
  .no-flexbox .headline-tabs .tabs__list .tab__item a {
    font-size: 0.875rem;
    text-align: center;
  }
}

@media only screen and (min-width: 40.0625em) and (max-width: 46.24em) and (min-width: 46.25em) and (max-width: 63.9275em) {
  .no-flexbox .headline-tabs .tabs__list .tab__item {
    margin: 0 1rem;
    max-width: 100px;
  }
  .no-flexbox .headline-tabs .tabs__list .tab__item a {
    font-size: 0.9375rem;
    text-align: center;
  }
}

.no-svg .news {
  background: #394851;
  display: block;
}

.no-flexbox.js .search {
  top: -100%;
  height: 100%;
}

.no-svg.js .search:before {
  background: #000;
}

.no-flexbox.js .search--open {
  top: 0;
  z-index: 1000;
}

.no-flexbox.js .search__form {
  position: relative;
}

.no-svg .main-menu .nav .nav__item .nav__sub:hover {
  display: block;
}

.no-svg .secondary-nav--link span {
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  top: 2px !important;
}

.no-svg .link--for__students span {
  background-image: url("../images/icons/cloud-circle.png");
}

.no-svg .link--for__staff span {
  background-image: url("../images/icons/person.png");
}

.no-svg .btn-search {
  background-image: url("../images/icons/search-white.png");
  background-repeat: no-repeat;
  background-position: center;
}

.no-svg .btn--search-close {
  background-image: url("../images/icons/close-white.png");
  background-repeat: no-repeat;
  background-position: center;
}

.no-svg .card__icon {
  background-repeat: no-repeat;
  background-position: center;
}

.no-svg .card__video .card__icon {
  background-image: url("../images/icons/play-button-white.png");
}

.no-svg .card__social-instagram .card__icon {
  background-image: url("../images/icons/instagram-icon.png");
}

.no-svg .card__social-twitter .card__icon {
  background-image: url("../images/icons/twitter-icon.png");
}

.no-svg .card__social-facebook .card__icon {
  background-image: url("../images/icons/facebook-icon.png");
}

.no-svg .footer a {
  color: #fff;
}

.no-svg ul.social li {
  margin-right: 25px;
}

.no-svg ul.social a {
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
}

.no-svg ul.social a.social--link__facebook {
  background-image: url("../images/icons/facebook-icon.png");
}

.no-svg ul.social a.social--link__twitter {
  background-image: url("../images/icons/twitter-icon.png");
}

.no-svg ul.social a.social--link__youtube {
  background-image: url("../images/icons/youtube-icon.png");
}

.no-svg ul.social a.social--link__google-plus {
  background-image: url("../images/icons/google-plus-icon.png");
}

.no-svg ul.social a.social--link__pinterest {
  background-image: url("../images/icons/pinterest-icon.png");
}

.no-svg ul.social a.social--link__linkedin {
  background-image: url("../images/icons/linkedin-icon.png");
}

.no-svg ul.social a.social--link__instagram {
  background-image: url("../images/icons/instagram-icon.png");
}

.no-svg ul.social a.social--link__snapchat {
  background-image: url("../images/icons/snapchat-icon.png");
}

/**
 * Views
 * specific views
 */
@font-face {
  font-family: 'Fs-Me';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/FSMeWeb-Regular-eot.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/FSMeWeb-Regular-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMeWeb-Regular-woff.woff") format("woff");
}

@font-face {
  font-family: 'Fs-Me';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/FSMeWeb-Light-eot.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/FSMeWeb-Light-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMeWeb-Light-woff.woff") format("woff");
}

@font-face {
  font-family: 'Fs-Me';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/FSMeWeb-Bold-eot.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/FSMeWeb-Bold-eot.eot?#iefix") format("embedded-opentype"), url("../fonts/FSMeWeb-Bold-woff.woff") format("woff");
}

.honorary__video { margin-top: 1.5rem; }

.style-guide .dark__form {
  background-image: url(../images/dropdown-chevron-white.svg);
  background-color: rgba(29, 29, 29, 0.6);
  color: #fff;
}

.style-guide .taxonomy .card {
  height: 50px;
}

.style-guide .taxonomy .card .card__text {
  top: 0px;
}

.style-guide .typography .card {
  height: 50px;
}

.style-guide .connected {
  background: var(--teal);
}

.style-guide .connected .column {
  height: 300px;
}

.style-guide .connected .connected-1 {
  background: url(../images/connected-lines-and-dots.png) no-repeat center;
}

.style-guide .connected .connected-2 {
  background: url(../images/globe.png) no-repeat center;
}

.style-guide .connected .connected-3 {
  background: url(../images/merged-lines.png) no-repeat center;
}

.style-guide .connected .connected-4 {
  background: url(../images/waves.png) no-repeat center;
  background-size: contain;
}

.style-guide .connected .connected-5 {
  background: url(../images/waves-3.png) no-repeat center;
}

@media print {
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .secondary-nav,
  header > .row,
  .main-header .hero:before,
  span.h-line,
  .breadcrumb,
  .full-width-cta,
  aside,
  .related-content,
  footer,
  .card__social,
  .js .search,
  .hero__course-search,
  .social-sticky.visible {
    display: none;
  }
  .main-header .hero {
    top: 0px;
    background-image: none !important;
    background-color: #fff;
    height: auto !important;
    position: relative;
    margin-top: 0px;
    margin-bottom: 1.875rem;
  }
  .main-header .hero .hero__text {
    color: #1D1D1B;
    top: 0px !important;
  }
  .main__content--with-sidebar {
    width: 100%;
  }
  .main {
    padding: 0px;
  }
  .cards {
    top: 0px;
  }
  .card__image {
    display: none;
  }
  .card {
    height: auto;
  }
  .card .card__text {
    top: 0px;
  }
  .connected .banner {
    height: auto;
    background-color: #fff;
  }
  .connected .banner .banner__text {
    top: 0px;
    color: #1D1D1B;
  }
  .connected .banner:before,
  .connected .banner:after {
    display: none;
  }
  .connected .filter {
    display: none;
  }
  .connected .card {
    height: auto;
  }
  .connected .card .card__icon {
    display: none;
  }
  .connected .card .card__avatar {
    display: none;
  }
  .connected .card.card__student {
    height: auto;
  }
  .connected .card.card__student .card__text {
    color: #1D1D1B;
    position: relative;
  }
  .connected .card.card__student .card__text .card__text-course {
    color: #1D1D1B;
  }
  .connected .card .card__text .card__badge {
    position: relative;
    float: left;
    margin-right: 10px;
  }
  .news {
    background-color: #fff;
    color: #1D1D1B;
  }
  .news .filter {
    display: none;
  }
  .slider {
    display: block;
  }
  .slider .card {
    width: 100%;
  }
  .slider .card .card__badge,
  .slider .card .card__icon {
    display: none;
  }
  .slider .card .card__text {
    min-height: auto;
  }
  .slider .card .card__text-content {
    min-height: auto;
  }
}

/* CG: ePrints feed */
.eprints-entry__author { font-weight: bold; }

/* CG: 'Cost of living' infographic */
.cost-of-living { text-align: center; }
.cost-of-living__item { margin: 1rem 0; }
.cost-of-living__item-name, .cost-of-living__price {
  font-size: 1rem;
  margin: 0;
}
.cost-of-living__here { background-color: #EEE; }
.cost-of-living__there { background-color: #DDD; }

.cost-of-living__section-title {
  margin: 0;
  color: #FFF;
  background-color: #970048;
}

.cost-of-living__icon { display: inline-block; background: url('/site-elements/images/icons/cost-of-living/cost-of-living.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.cost-of-living__icon--bus { background-position: -5px -0px; width: 172px; height: 100px; }
.cost-of-living__icon--apartment-green { background-position: -5px -105px; width: 127px; height: 100px; }
.cost-of-living__icon--apartment-orange { background-position: -5px -210px; width: 122px; height: 100px; }
.cost-of-living__icon--beer { background-position: -5px -315px; width: 100px; height: 100px; }
.cost-of-living__icon--bread { background-position: -5px -420px; width: 100px; height: 100px; }
.cost-of-living__icon--cappuccino { background-position: -5px -525px; width: 100px; height: 100px; }
.cost-of-living__icon--cinema { background-position: -5px -630px; width: 100px; height: 100px; }
.cost-of-living__icon--gym { background-position: -5px -735px; width: 100px; height: 100px; }
.cost-of-living__icon--jeans { background-position: -5px -840px; width: 100px; height: 100px; }
.cost-of-living__icon--meal { background-position: -5px -945px; width: 100px; height: 100px; }
.cost-of-living__icon--milk { background-position: -5px -1050px; width: 100px; height: 100px; }
.cost-of-living__icon--taxi { background-position: -5px -1155px; width: 100px; height: 100px; }
.cost-of-living__icon--trainers { background-position: -5px -1260px; width: 100px; height: 100px; }
.cost-of-living__icon--wine { background-position: -5px -1365px; width: 100px; height: 100px; }

.dev-notice {
  border: 1px solid #CCC;
  background-color: #FF9;
  padding: 0 1rem;
  margin-bottom: 1rem;
}

/* CG: visualizer styles */
.source-outline {
  border: 2px solid #F00!important;
  padding: 0 1rem;
  color: #000;
}
#source-indicator {
  background-color: #333;
  padding: 5px 8px;
  font-size: 18px;
  border: 1px solid #FFF;
  color: #FFF;
  position:  absolute;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  z-index: 2000;
}
#source-indicator__source, #source-indicator__field { display: block; }
#source-indicator__source { font-size: 14px; }
.element-outline {
  border: 2px dotted #F00;
  min-height: 22px;
}
.source-label {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px;
  font-size: 12px;
  color: #FFF;
  background-color: #E31837;  
  z-index: 200;
  border: 1px solid #FFF;
}

.course-details_usp.element-outline .column {
  width: 28%;
}

/* Lanes [CG] */
.lane {
  padding: 1.875rem; 0;
  margin-bottom: 1.875rem;
}
.lane--light-grey {
  background-color: #EEE;
}

/* Welcome week */
.welcome-week-dates {
  color: #FFF;
  background-color: #D5035E;
  padding: 1.5rem;
  text-align: center;
  margin-bottom: 1.875rem;
}

.testing-label {
  font-size: 80%;
  padding: 2px;
  border: 1px solid #FFF;
}
.testing-label-bad {
  background-color: #900;
}
.testing-label-good {
  background-color: #080;
}
/*# sourceMappingURL=styles.css.map */

/* CG: Autocomplete categories */
.ui-autocomplete {
  z-index: 1000;
}
.ui-autocomplete-category {
  font-weight: bold;
  padding: .4em;
  margin: 0 0 .2em;
  line-height: 1.5;
  background-color: #EEE;
}
.ui-menu .ui-menu-item {
  padding: .1em .4em;
}

/* CG: Zebra content blocks */
.zebra__content h3 {
  color: var(--teal);
}

.zebra.row {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.zebra__content {
  padding: 0 1rem;
}
.zebra__image {
  padding: 0;
}
.zebra__image img {
  width: 100%;
}
.zebra--dark {
  background-color: #F4F4F4;  
  margin-top: 1rem;
}

.ul-join ul {
  margin: 0;
}

/* SM: International country pages */
.international-agent-details {
  margin-bottom: 1rem;
}

.international-agent-details p {
  margin: 0;
}

.agent-detail-title {
  font-weight: 600;
}

/* SM: Course pre-arrival pages */
#course-welcome-introduction {
  background: #333;
  color: #fff;
  margin-bottom: 3rem;
  padding: 1rem 0;
  font-size: 1.275rem;
}
#course-welcome-introduction a, #course-welcome-sign-off a {
  color: #fff;
  text-decoration: underline;
}
#course-welcome-introduction a:hover, #course-welcome-sign-off a:hover {
  text-decoration: none;
}
#course-welcome-sign-off {
  background: #333;
  color: #fff;
  margin: 3rem 0;
  padding: 1rem 0;
  font-size: 1.275rem;
}
section.course-welcome {
  padding-bottom: 2rem;
}
.welcome-search {
  background-color: #394851;
  color: #FFF;
  padding: 1.5rem;
  max-width: 625px;
}
/* Alumni stories */
.alumni-story__image {
  float: right;
  margin: 0 0 1rem 1rem;
}
dl.alumni-story-list {
  float: right;
  clear: both;
  background: #F4F4F4;
  padding: 0.625rem 1rem;
  font-size: 1rem;
  margin: 0 0 1.5rem 1rem;
  width: 400px;
}
.alumni-update {
  margin: 1rem 0;
  border-bottom: 1px solid #CCC;
  padding-bottom: 1rem;
}
.alumni-update.last {
  border-bottom: 0;
  margin-bottom: 0;
}
.alumni-update__title {
  margin-top: 0;
}
.alumni-update__social-links {
  font-size: 2rem;
}
.alumni-update__social-links li {
  margin-right: 1rem;
}
.alumni-update__image {
  margin: 0 0 0.5rem 0;
}
.alumni-update__caption {
  font-weight: 300;
  line-height: 1.875rem;
  font-style: italic;
}
@media only screen and (max-width: 40.0525em) {
  dl.alumni-story-list {
    width: 100%;
  }
}
.alumni-story dl.alumni-story-list dt.alumni-story-list__label {
    font-weight: 600;
    line-height: 1.625rem;
}
.alumni-story dl.alumni-story-list dd.alumni-story-list__value {
    font-weight: 300;
    line-height: 1.875rem;
    font-size: 0.875rem;
    margin: 0px 0px 16px 0px;
}
.alumni-story-search {
    background-color: #394851;
    color: #FFF;
    margin: 1rem 0 3rem 0;
}
.alumni-story-search h2 {
    margin: 1rem;
}
.alumni-story-search__form {
    margin: 1rem;
}

/* Honorary graduates */
.honorary-graduate-list {
  height: 180px;
}
.honorary-graduate-list p {
  color: #1D1D1B;
}
.honorary-graduate-list p a:hover {
  text-decoration: none;
}
.accordian .course-listing_item, .accordian  .column.course-listing_item {
  border: 0;
}
.honoraries--recent {
  margin-bottom: 4rem;
}
/* Staff profiles */
.staff-profile {
  margin-bottom: 3rem;
}
.staff-profile__header {
  padding: 3rem 0 2.5rem 0;
  margin-bottom: 1.5rem;
  background: #F4F4F4;
}
.staff-profile__image-container {
  text-align: center;
}
@media all and (min-width: 40.0625em) {
  .staff-profile__image-container {
    text-align: right;
  }
}
.staff-profile__image {
  margin-top: 1rem;
  max-width: 300px;
}
.staff-profile__image--rounded {
  border-radius: 50%;
}
.staff-profile__contact-info {
  font-size: 1rem;
}
.staff-profile__contact-info .icon{
  margin-right: 0.5rem;
}
.staff-profile__job-title, .staff-profile__department {
  font-weight: bold;
}
.staff-profile__department {
  margin-bottom: 2rem;
}
.staff-profile__background {
  margin-bottom: 2.5rem;
}
.staff-profile__tabs {
  background-color: #EEE;
  padding: 0 1rem;
  margin-top: 1.5rem;
}
.staff-profile__tabs .tabs {
  padding: 1rem 1rem 1rem 0;
}
.staff-profile__tabs .headline-tabs .tabs__list {
  margin-left: 0;
}
.staff-profile__address p, .staff-profile__address div {
  display: inline;
}
.staff-profile__social-heading {
  font-size: 1rem;
  font-weight: bold;
}
.staff-profile__social-links .social-links a {
  font-size:2rem;
  margin-right: 2rem;
}
/* Technical facilities */
.technical-facility__factfile, .technical-facility__staff-member {
  background: #F4F4F4;
  padding: 0.625rem 1rem;
  margin-top: 1rem;
}
.technical-facility__staff-name {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.technical-facility__job-title {
  margin-top: 0;
}

.scrollbar---vertical {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 1rem;
}
/* CG: Current Students theme, January 2020 */
.current-students-header {
  min-height: 150px;
  overflow: hidden;
}
.current-students-header a {
  text-decoration: none;
}
@media only screen and (max-width: 46.24em) {
  .current-students-hero .breadcrumb {
    display: block;
  }
}
@media only screen and (min-width: 46.24em) {
  .current-students .main {
    padding-top: 1rem;
  }
}
@media only screen and (max-width: 63.9275em) {
  .current-students-hero .hero.hero--no-image .hero__text {
    padding-top: 0;
  }
  .current-students-hero .hero.hero--no-image {
    margin-bottom: 0;
  }
}
.current-students-hero .hero.hero--no-image .hero__text {
  top: 32px;
}
.current-students .main {
  padding-top: 0;
}
@media all and (max-width: 767px)
{
  .current-students-header {
    padding-right: 100px;
    min-height: 240px;
    min-width: 380px!important;
  }
  .current-students-header__timetable {
    clear: left;
  }
  .current-students-header__quick-links li {
    padding-top: 1rem;
    margin-right: 0!important;
  }
  .current-students-header__email, .current-students-header__timetable {
    width: 6.5rem;
  }
  .current-students-header__title {
    position: absolute;
    left: 120px;
    padding-top: 10px!important;
  }
  .current-students-header__logo {
    width: 80px;
    margin-right: 10px;
  }
  .current-students-footer__links {
    width: 100%;
  }
  .current-students-footer__title {
    margin-bottom: 2rem;
  }
  /* CG: Close up columns of links */
  .current-students .column ul {
    margin-top: 0;
    margin-bottom: 0;
  }
  .loading-spinner {
    position: fixed;
    background-color: rgba(0,0,0,0.9);
  }
}
@media all and (max-width: 1000px)
{
  .current-students-header {
    min-width: 1000px;
  }
}
.current-students-header__logo img {
    height: 70px;
    width: 182px;
    max-width: none;
}
.current-students-header__title {
  font-size: 2rem;
  padding-top: 2rem;
  padding-bottom: 1rem;
  color: #FFF;
  line-height: 1.1;
}
.current-students-header .hero.hero--no-image .hero__text {
  top: 30px;
}
.current-students-header a {
  color: #170d38;
}
.current-students-header__quick-links li {
  margin-right: 2rem;
}
.current-students-header__search { background-color: #c2bfd2; }
.current-students-icon-blackboard, .current-students-icon-email, .current-students-icon-library, .current-students-icon-timetable, .current-students-icon-evision
{ display: inline-block; background: url('header-icons.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; margin-right: 0.5rem; }
.current-students-icon-blackboard { background-position: -0px -0px; width: 19px; height: 16px; }
.current-students-icon-email { background-position: -0px -16px; width: 16px; height: 16px; }
.current-students-icon-library { background-position: -0px -32px; width: 16px; height: 16px; }
.current-students-icon-timetable { background-position: -0px -48px; width: 16px; height: 16px; }
.current-students-icon-evision { background-position: -0px -64px; width: 16px; height: 16px; }
.current-students-footer {
  min-height: 250px;
  background-color: #006b82;
  background-size: contain;
  padding: 2rem 2rem 1rem 2rem;
}
  @media all and (min-width: 500px)
  {
    .current-students-footer {
      background: #006b82 url('data:image/svg+xml,<svg class="knot-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 450"><path d="M535.93,338.12c-6.29,25.12-9.62,54.22-9.62,84.24-.05,62.83,12.19,111.16,36.4,143.65,25.95,35.96,58.68,51,90.63,40.83,18.25-5.71,41.38-22.1,51.55-50.97,10.09-27.52,5.83-58.18-11.97-86.61-34.56,36.16-70.96,69.08-108.22,97.88-.8-.9-1.6-1.81-2.39-2.75h.02c37.74-29.18,74.6-62.59,109.56-99.32l1.59-1.67,1.26,1.93c19.48,29.95,24.3,62.54,13.58,91.76-13.35,37.91-44.62,50.32-53.89,53.22-7.02,2.2-14.05,3.28-21.01,3.29-26.31,.12-52.33-15.96-73.62-45.41-25.04-33.6-37.18-81.3-37.12-145.82,0-30.67,3.44-60.42,9.95-86.03l.16-.62,1.29,.97c.59,.46,1.21,.94,1.86,1.45Zm18.61,174.89c.4,1.26,.8,2.49,1.2,3.69,22.67-18.04,29.12-23.46,61.46-53.11,40.53-38.49,56.89-58.21,66.67-70,1.26-1.52,2.4-2.89,3.49-4.18l-2.52-2.65c-1.17,1.38-2.4,2.86-3.76,4.5-9.73,11.72-26,31.34-66.35,69.66-31.74,29.09-38.38,34.71-60.19,52.08Zm137.33-133.37l1.59,1.67,1.26-1.93c19.48-29.97,24.31-62.56,13.58-91.79-9.87-26.89-31.72-47.6-57.03-54.06-23.95-6.11-49.07,.96-70.7,19.92l-.24,.21c1,.74,1.98,1.49,2.98,2.24,26.41-22.95,51.02-22.93,67.06-18.84,24.16,6.16,45.05,26.01,54.51,51.78,10.09,27.49,5.83,58.17-11.98,86.61-101.58-106.27-190.98-155.39-224.75-173.94l-.14-.08c-.43,1.14-.88,2.28-1.33,3.42,34.02,18.69,123.61,68.05,225.18,174.78Zm-147.82-56.05c17.36,13.52,49.67,38.68,91.82,81.06l.05,.05c.86-.91,1.68-1.79,2.49-2.66-42.29-42.52-74.71-67.76-92.15-81.34l-3.8-2.85c-19.18-14.42-48.15-36.21-101.53-65.57-.72,1-1.45,1.98-2.18,2.95l.1,.06c53.36,29.33,82.28,51.08,101.42,65.47l3.78,2.84Zm218.32-55.87c-9.64-25.06-40.26-84.32-116.38-93.41-25.22-2.61-54.36,3.92-77.92,17.49-12.68,7.3-24.76,16.8-35.89,28.23l-.18,.18c1.04,.67,2.08,1.34,3.12,2.02,10.8-11.04,22.49-20.21,34.76-27.27,22.93-13.2,51.24-19.56,75.7-17.02,74.12,8.85,103.99,66.66,113.38,91.07,18.31,49.92,8.2,105.41-27.73,152.24l-.85,1.11,.85,1.11c35.56,46.23,45.67,101.71,27.74,152.2-14.53,39.65-44.65,70.3-82.62,84.1-35.21,12.79-73.01,9.25-106.45-10-23.61-13.24-57.91-44.76-76.93-90.05-22.03-47.93-38.62-159.27-6.67-257-1.04-.68-2.09-1.36-3.16-2.05l-.14,.44c-32.47,98.78-15.65,211.58,6.64,260.08,19.35,46.08,54.37,78.23,78.46,91.75,34.23,19.68,72.95,23.5,109.5,10.26,38.98-14.17,69.89-45.61,84.8-86.28,18.22-51.29,8.21-107.54-27.43-154.55,36.02-47.61,46.02-103.88,27.41-154.63Zm-554.15,52.39l-.19,1.61,.62-.17c25.44-7.17,52.92-19.06,79.48-34.4,55.91-32.21,91.14-66.58,107.73-105.06,14.86-33.16,15.78-63.74,2.52-86.47-3.48-6.03-7.94-11.57-13.35-16.55-7.14-6.57-33.52-27.45-73.03-20.06-30.67,5.33-56.48,25.81-72.68,57.65l-1.04,2.05,2.24,.54c49.29,11.91,96.65,27.12,140.78,45.23h.02c.42-1.15,.81-2.29,1.18-3.44-43.57-17.87-90.28-32.93-138.87-44.78,15.72-29.62,40.14-48.65,69.02-53.67,30.09-5.63,55.85,6.2,69.92,19.16,24.79,22.59,28.12,58.45,9.96,98.9-16.03,37.21-51.76,71.98-106.2,103.35-25.99,15.01-52.86,26.67-77.77,33.79-.11,.81-.22,1.59-.32,2.33Zm142.48-105.9c.89-.97,1.76-1.94,2.6-2.89-26.96-10.61-34.88-13.49-76.73-26.67-53.6-15.86-78.86-20.17-93.95-22.74-1.94-.33-3.7-.63-5.36-.93l-1.03,3.51c1.78,.32,3.68,.65,5.78,1.01,15.01,2.56,40.14,6.85,93.5,22.63,41.06,12.94,49.25,15.88,75.19,26.08Zm-184.16-52.25l.65-2.21-2.3-.12c-35.69-1.89-66.34,10.23-86.28,34.13-18.35,21.99-25.37,51.27-18.3,76.41,6.69,23.8,25.36,42.01,52.59,51.27l.3,.1c.14-1.23,.3-2.46,.45-3.7-33.08-11.39-45.37-32.72-49.84-48.66-6.74-24.01,0-52.02,17.59-73.1,18.77-22.49,47.46-34.13,80.99-32.93-41.24,141.1-39.08,243.09-38.26,281.61v.16c1.21-.2,2.42-.38,3.63-.56-.82-38.81-2.87-141.07,38.78-282.41Zm25.37,156.04c3.03-21.79,8.66-62.36,24.29-120.05l.02-.07c-1.21-.29-2.39-.56-3.54-.83-15.67,57.89-21.33,98.58-24.37,120.48l-.57,4.71c-2.9,23.82-7.28,59.81-6.02,120.71,1.22,.12,2.43,.27,3.65,.41v-.12c-1.28-60.87,3.09-96.79,5.99-120.56l.57-4.69ZM34.37,156.87c-16.88,20.87-52.89,77.03-22.71,147.49,10.35,23.15,30.57,45.11,54.1,58.74,12.66,7.33,26.93,13.04,42.39,16.97l.25,.06c.06-1.24,.12-2.47,.18-3.71-14.96-3.84-28.75-9.37-41-16.46-22.89-13.26-42.55-34.6-52.59-57.05-29.39-68.62,5.73-123.39,22.18-143.72,34.08-40.82,87.19-59.81,145.71-52.1l1.39,.18,.53-1.29C207.06,52.05,250.05,15.56,302.75,5.84c41.6-7.24,83.2,3.52,114.14,29.5,28.69,24.09,44.52,58.61,44.57,97.19,.33,27.07-9.81,72.53-39.52,111.65-30.49,43.04-118.62,113.08-219.24,134.28-.07,1.24-.13,2.49-.19,3.76l.45-.09c101.78-21.27,191.06-92.24,221.91-135.79,30.23-39.8,40.57-86.2,40.22-113.82-.08-39.48-16.12-74.93-45.87-99.95C387.47,5.88,344.78-5.16,302.11,2.26c-53.53,9.87-97.24,46.66-120.13,101.03-59.24-7.39-112.97,12.08-147.61,53.58Zm322.44,453.72l1.49-.63-.46-.45c-18.93-18.45-42.97-36.3-69.53-51.64-55.85-32.31-103.23-45.64-144.85-40.76-36.15,3.71-63.09,18.2-76.14,41.05-3.48,6.03-6.05,12.66-7.66,19.84-2.12,9.47-7.01,42.76,19.14,73.27,19.95,23.89,50.59,36.01,86.26,34.12l2.3-.12-.65-2.21c-14.33-48.64-24.84-97.26-31.22-144.53v-.02c-1.22,.21-2.4,.45-3.58,.7,6.31,46.67,16.62,94.65,30.66,142.66-33.51,1.2-62.2-10.44-80.99-32.94-19.92-23.24-22.55-51.47-18.37-70.13,7.17-32.76,36.56-53.57,80.67-58.07,40.24-4.72,88.22,8.84,142.6,40.3,26,15.01,49.53,32.44,68.14,50.45,.76-.31,1.49-.61,2.18-.88Zm-162.95-70.44c-1.29-.29-2.56-.55-3.8-.8,4.29,28.65,5.76,36.95,15.26,79.78,13.07,54.35,21.97,78.38,27.28,92.74,.68,1.85,1.3,3.52,1.87,5.11l3.56-.86c-.61-1.7-1.28-3.51-2.02-5.51-5.29-14.28-14.14-38.19-27.15-92.29-9.32-42.03-10.87-50.6-15.01-78.16Zm46.83,185.62l-2.24,.54,1.04,2.05c16.21,31.86,42.03,52.33,72.7,57.66,28.22,4.9,57.08-3.67,75.33-22.36,17.27-17.69,23.7-42.97,18.1-71.18l-.06-.31c-1.14,.49-2.28,.97-3.43,1.46,6.68,34.34-5.66,55.65-17.22,67.5-17.42,17.84-45.05,26.01-72.1,21.31-28.86-5.01-53.29-24.04-69.01-53.68,142.82-34.83,230.06-87.7,263.01-107.67l.14-.08c-.77-.95-1.54-1.9-2.3-2.86-33.2,20.12-120.74,73.02-263.96,107.62Zm122.45-99.99c-20.39,8.28-58.33,23.68-116.11,38.99l-.07,.02c.36,1.19,.71,2.35,1.06,3.48,57.97-15.37,96.03-30.82,116.52-39.13l4.37-1.86c22.08-9.4,55.43-23.6,107.55-55.14-.5-1.12-.99-2.24-1.47-3.36l-.1,.06c-52.08,31.54-85.38,45.71-107.41,55.09l-4.34,1.85Zm-60.78,217c26.52,4.18,93.15,7.29,139.09-54.08,14.88-20.54,23.78-49.03,23.82-76.22,.02-14.63-2.17-29.84-6.5-45.19l-.07-.25c-1.1,.57-2.2,1.14-3.31,1.7,4.15,14.87,6.26,29.59,6.24,43.74-.03,26.45-8.68,54.15-23.11,74.07-44.73,59.77-109.72,56.73-135.56,52.65-52.39-9.1-95.39-45.6-117.98-100.14l-.53-1.29-1.39,.18c-57.82,7.68-110.92-11.31-145.68-52.08-27.07-32.41-38.56-73.82-31.52-113.6,6.52-36.89,28.5-67.85,61.89-87.19,23.27-13.82,67.72-27.77,116.45-21.6,52.52,4.89,157.24,46.19,225.91,122.73,1.1-.56,2.22-1.13,3.35-1.71l-.31-.34c-69.32-77.51-175.41-119.34-228.55-124.29-49.58-6.28-94.93,7.97-118.68,22.08-34.16,19.81-56.83,51.43-63.63,89.7-7.22,40.84,4.55,83.33,32.32,116.58,35.31,41.42,89.03,60.88,147.56,53.52,23.22,55,66.95,91.79,120.21,101.05Z" style="fill: white;"/></svg>') right top no-repeat;
    }
  }
.current-students-footer a:hover {
  text-decoration: underline;
}
.current-students-footer__title {
  font-size: 1.5rem;
  margin-top: 1rem;
}
.current-students-hero .h-line {
  display: none;
}
@media all and (min-width: 768px)
{
  .current-students-header__quick-links {
    font-size: 1.25rem;
    padding-top: 1rem;
  }
  .current-students-footer__title {
    margin-left: 1.75rem;
  }
  .current-students-footer__links {
    margin-top: 2rem;
    float: left;
    margin-left: 2rem;
  }
  .current-students-footer__links .footer-links li {
    margin-bottom:  0.5rem;
  }
  .current-students-footer__links.first {
    margin-right: 3rem;
  }
  .current-students-header__title {
    padding-top: 1rem;
  }
}
.current-students-footer__links {
  float: left;
}
.urgent-message {
  background-color: #FFD91C;
  padding: 1rem;
  margin-bottom: 2rem;
}
.urgent-message__heading {
  background-color: #000;
  color: #FFF;
  padding: 0.75rem;
  margin-top: 0;
  display: inline-block;
  font-weight: 300;
}
.urgent-message__body * {
  font-weight: 600;
}
.urgent-message__body p a, .urgent-message__body li a {
  color: #00A;
  text-decoration: underline;
}
.urgent-message__button {
  width: auto; 
}
.sitewide-banner {
  background-color: #FFD91C;
    padding: 0.75rem;
}
.sitewide-banner--first {
  font-size: 0.9rem;
}
.sitewide-banner--second {
  position: absolute;
  width: 100%;
  z-index: 5;
  margin-top: -24px;
}
.sitewide-banner__message {
  line-height: 1.2rem;
  margin: 0;
  font-weight: 400;
}
.sitewide-banner__link {
  color: #000;
  font-weight: 600;
}
a.sitewide-banner__link:hover {
  text-decoration: none;
}
.covid-msg {
  border: 2px solid #000;
  padding: 0 1rem 1rem 1rem;
  margin-bottom: 2rem;
}
.covid-msg__heading {
  color: #D73E6F;
}
.covid-msg__link {
  width: auto;
}
.lead-gen-bg--prospectus, .lead-gen-bg--updates {
  background: url(/courses/images/lead-generation/lead-gen-prospectus-bg.jpg) top center no-repeat;
}
.lead-gen {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.lead-gen-bg {
    padding: 1rem 0;
    margin-bottom: -1rem;
    color: #FFF;
}
.lead-gen__no-btn {
    color: #FFF;
    padding-bottom: 1px;
    border-bottom: 1px solid #FFF;
    text-decoration: none;
}
.lead-gen__yes-btn {
    display: inline-block;
    margin: 1rem 0;
    width: auto;
    padding: 0.8125rem 3.5rem;
}
.lead-gen__heading {
    font-size: 3rem;
    font-weight: normal;
}
.lead-gen__body {
    padding: 0 3.5rem;
}
.lead-gen__gradient {
    height: 400px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

}
.lead-gen-form {
    background-color: rgba(0,0,0,0.9);
    height: 100%;
    left: 0;
    overflow: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 88888;
    padding: 50px 15px 15px;
}
.lead-gen-form .crm-form {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.lead-gen-form ul {
    padding-left: 0;
}
.icon { position: relative; display: inline-block; width: 1em; height: 1em; text-align: center; background-size: contain; background-position: center center; background-repeat: no-repeat; vertical-align: baseline; top: 0.1em; }
.icon svg, .icon img { display: inline-block; width: 100%; max-height: 100%; vertical-align: middle; }
.icon svg { height: 100%; }
.icon:before { font-size: 1em; display: inline-block; }
.icon--envelope { background-image: url("icon-envelope.svg"); }
.icon--clock { background-image: url("icon-clock.svg"); }
.icon--form { background-image: url("icon-form.svg"); }
.icon--person { background-image: url("icon-person.svg"); }
.icon--calendar { background-image: url("icon-calendar.svg"); }
.students-search { display: flex; margin-bottom: 1em; }
#students-search { max-width: 500px; float: left; width: 80%; padding: 5px; height: 50px;  }
#students-search__submit { float: right; width: 50px; height: 50px; background-image: url('data:image/svg+xml,<svg viewBox="0 0 19 19" id="icon-search-white" xmlns="http://www.w3.org/2000/svg"><path d="M12.857 7.857c0-1.376-.49-2.554-1.467-3.532-.979-.979-2.156-1.468-3.533-1.468-1.376 0-2.554.49-3.532 1.468-.979.978-1.468 2.156-1.468 3.532 0 1.377.49 2.554 1.468 3.533.978.978 2.156 1.467 3.532 1.467 1.377 0 2.554-.49 3.533-1.467.978-.979 1.467-2.156 1.467-3.533zm5.714 9.286c0 .387-.14.722-.424 1.004a1.373 1.373 0 0 1-1.004.424c-.402 0-.737-.14-1.005-.424L12.31 14.33a7.643 7.643 0 0 1-4.453 1.384 7.72 7.72 0 0 1-3.052-.62 7.856 7.856 0 0 1-2.511-1.673A7.856 7.856 0 0 1 .619 10.91 7.72 7.72 0 0 1 0 7.857a7.72 7.72 0 0 1 .62-3.052 7.856 7.856 0 0 1 1.674-2.511A7.856 7.856 0 0 1 4.804.619 7.72 7.72 0 0 1 7.858 0a7.72 7.72 0 0 1 3.053.62 7.856 7.856 0 0 1 2.51 1.674 7.856 7.856 0 0 1 1.675 2.51 7.72 7.72 0 0 1 .62 3.053 7.643 7.643 0 0 1-1.385 4.453l3.828 3.828c.276.276.413.61.413 1.005z" fill="white" fill-rule="evenodd"></path></svg>'); background-position: center center; background-repeat: no-repeat; background-size: 60%; }
.btn, .btn--red { border-radius: 4px; }
.search--small::placeholder { color: #666; }
.current-students-header { border-bottom: 2px solid #ddd; }
.current-students-header__title { font-weight: 600; }
.current-students-header__title, h2, h3, h4 { font-family: "Plus Jakarta Sans"; }
.current-students-header__quick-links { font-size: 1.1rem; }
.current-students-link {
  padding-left: 1.5rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1rem;
}
.current-students-link--email { background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 16" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v16H0V0zm12 8.75L22.188 1H1.813L12 8.75zM1 15h22V1.625l-7.188 5.5 4.25 4.813-.125.124L15 7.689 12 10 9 7.687l-4.938 4.375-.125-.124 4.25-4.813L1 1.625V15z" fill="currentColor" fill-rule="evenodd"/></svg>'); }
.current-students-link--blackboard { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 800 800" style="enable-background:new 0 0 800 800;" xml:space="preserve"><style type="text/css">.st0{fill:none;}</style><g><path class="st0" d="M129,524.9h115.9c8,0,14.5,6.5,14.5,14.5v7.9h444.4V185.9H96.1v361.3h18.4v-7.9C114.5,531.4,121,524.9,129,524.9z"/><rect x="143.5" y="553.9" class="st0" width="87" height="41.7"/><path class="st0" d="M114.5,576.3H81.6c-8,0-14.5-6.5-14.5-14.5V171.4c0-8,6.5-14.5,14.5-14.5h636.7c8,0,14.5,6.5,14.5,14.5v390.3c0,8-6.5,14.5-14.5,14.5H259.4v19.3h492.8v-458H47.8v458h66.7V576.3z"/><polygon class="st0" points="29,662.4 771,662.4 771,662.4 771,624.6 29,624.6 "/><path d="M785.5,602.6h-4.3h-7v-7V123.1c0-4.1-3.4-7.5-7.5-7.5H33.3c-4.1,0-7.5,3.4-7.5,7.5v472.5v7h-7h-4.3c-4.1,0-7.5,3.4-7.5,7.5v66.8c0,4.1,3.4,7.5,7.5,7.5h771c4.1,0,7.5-3.4,7.5-7.5v-66.8C793,605.9,789.6,602.6,785.5,602.6z M40.8,595.6v-458v-7h7h704.3h7v7v458v7h-7H259.4h-7v-7v-19.3v-7h7h458.9c4.1,0,7.5-3.4,7.5-7.5V171.4c0-4.1-3.4-7.5-7.5-7.5H81.6c-4.1,0-7.5,3.4-7.5,7.5v390.3c0,4.1,3.4,7.5,7.5,7.5h32.9h7v7v19.3v7h-7H47.8h-7V595.6z M129,531.9c-4.1,0-7.5,3.4-7.5,7.5v7.9v7h-7H96.1h-7v-7V185.9v-7h7h607.7h7v7v361.3v7h-7H259.4h-7v-7v-7.9c0-4.1-3.4-7.5-7.5-7.5H129z M237.4,546.9v7v41.7v7h-7h-87h-7v-7v-41.7v-7h7h87H237.4z M778,624.6v37.8v7h-7H29h-7v-7v-37.8v-7h7h742h7V624.6z"/></g></svg>'); }
.current-students-link--timetables { background-image: url('data:image/svg+xml,<svg viewBox="0 0 15 16" xmlns="http://www.w3.org/2000/svg"><path d="M1.154 14.857h12.692V5.714H1.154v9.143zM4.615 4V1.429a.277.277 0 0 0-.288-.286H3.75a.277.277 0 0 0-.288.286V4a.277.277 0 0 0 .288.286h.577A.277.277 0 0 0 4.615 4zm6.923 0V1.429a.277.277 0 0 0-.288-.286h-.577a.277.277 0 0 0-.288.286V4a.277.277 0 0 0 .288.286h.577A.277.277 0 0 0 11.538 4zM15 3.429v11.428c0 .31-.114.578-.343.804-.228.226-.498.339-.81.339H1.153c-.313 0-.583-.113-.811-.34A1.093 1.093 0 0 1 0 14.858V3.43c0-.31.114-.578.343-.804.228-.226.498-.34.81-.34h1.155V1.43c0-.393.14-.73.423-1.01S3.353 0 3.75 0h.577c.397 0 .736.14 1.019.42.282.28.423.616.423 1.009v.857h3.462v-.857c0-.393.141-.73.423-1.01.283-.28.622-.419 1.02-.419h.576c.397 0 .736.14 1.019.42.282.28.423.616.423 1.009v.857h1.154c.313 0 .583.113.811.339.229.226.343.494.343.804z" fill="currentColor" fill-rule="evenodd"/></svg>'); }
.current-students-link--library { background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 101.37" style="enable-background:new 0 0 122.88 101.37" xml:space="preserve"><g><path d="M12.64,77.27l0.31-54.92h-6.2v69.88c8.52-2.2,17.07-3.6,25.68-3.66c7.95-0.05,15.9,1.06,23.87,3.76 c-4.95-4.01-10.47-6.96-16.36-8.88c-7.42-2.42-15.44-3.22-23.66-2.52c-1.86,0.15-3.48-1.23-3.64-3.08 C12.62,77.65,12.62,77.46,12.64,77.27L12.64,77.27z M103.62,19.48c-0.02-0.16-0.04-0.33-0.04-0.51c0-0.17,0.01-0.34,0.04-0.51V7.34 c-7.8-0.74-15.84,0.12-22.86,2.78c-6.56,2.49-12.22,6.58-15.9,12.44V85.9c5.72-3.82,11.57-6.96,17.58-9.1 c6.85-2.44,13.89-3.6,21.18-3.02V19.48L103.62,19.48z M110.37,15.6h9.14c1.86,0,3.37,1.51,3.37,3.37v77.66 c0,1.86-1.51,3.37-3.37,3.37c-0.38,0-0.75-0.06-1.09-0.18c-9.4-2.69-18.74-4.48-27.99-4.54c-9.02-0.06-18.03,1.53-27.08,5.52 c-0.56,0.37-1.23,0.57-1.92,0.56c-0.68,0.01-1.35-0.19-1.92-0.56c-9.04-4-18.06-5.58-27.08-5.52c-9.25,0.06-18.58,1.85-27.99,4.54 c-0.34,0.12-0.71,0.18-1.09,0.18C1.51,100.01,0,98.5,0,96.64V18.97c0-1.86,1.51-3.37,3.37-3.37h9.61l0.06-11.26 c0.01-1.62,1.15-2.96,2.68-3.28l0,0c8.87-1.85,19.65-1.39,29.1,2.23c6.53,2.5,12.46,6.49,16.79,12.25 c4.37-5.37,10.21-9.23,16.78-11.72c8.98-3.41,19.34-4.23,29.09-2.8c1.68,0.24,2.88,1.69,2.88,3.33h0V15.6L110.37,15.6z M68.13,91.82c7.45-2.34,14.89-3.3,22.33-3.26c8.61,0.05,17.16,1.46,25.68,3.66V22.35h-5.77v55.22c0,1.86-1.51,3.37-3.37,3.37 c-0.27,0-0.53-0.03-0.78-0.09c-7.38-1.16-14.53-0.2-21.51,2.29C79.09,85.15,73.57,88.15,68.13,91.82L68.13,91.82z M58.12,85.25 V22.46c-3.53-6.23-9.24-10.4-15.69-12.87c-7.31-2.8-15.52-3.43-22.68-2.41l-0.38,66.81c7.81-0.28,15.45,0.71,22.64,3.06 C47.73,78.91,53.15,81.64,58.12,85.25L58.12,85.25z"/></g></svg>'); }
.current-students-link--evision { background-image: url('data:image/svg+xml,<svg fill="currentColor" width="800px" height="800px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 9 2.59375 L 9 28.15625 L 10.65625 26.78125 L 14.6875 23.40625 L 16.71875 27.4375 L 17.15625 28.34375 L 18.0625 27.875 L 21.15625 26.28125 L 22.03125 25.84375 L 21.59375 24.9375 L 19.75 21.3125 L 24.8125 20.6875 L 26.84375 20.4375 L 25.40625 19 L 10.71875 4.28125 Z M 11 7.4375 L 22.5625 18.96875 L 18.0625 19.5 L 16.65625 19.6875 L 17.3125 20.96875 L 19.375 24.96875 L 18.0625 25.65625 L 15.90625 21.34375 L 15.3125 20.21875 L 14.34375 21.03125 L 11 23.84375 Z"/></svg>'); }
ul, ol { line-height: inherit; }