@charset "UTF-8";
/*------------------------------------*    accommodation.CSS
\*------------------------------------*/
/**
 * Import Variables
 */
/*------------------------------------*   $CUSTOM TOOLKIT VARIABLES
\*------------------------------------*/
/**
 * Place any custom toolkit variables here.
 * N.B. dont use sass darken or lighten as we 
 * find and replace colors HEX's for theming
 */
/* For quick reference breakpoints
 * $screen-xs:                  480px;
 * $screen-sm:                  768px;
 * $screen-md:                  1024px;
 * $screen-lg:                  1260px;
 */
/**
 * UI colours
 */
/**
 * Layout
 * Wrappers & widths
 */
/**
 * Bootstrap Mid-Small - col-ms-* - the missing grid set for Bootstrap3.
 * This is a hack to fill the gap between 480 and 767 pixels. See _boostrap-ms.scss
 */
/**
 * Screen xxs max, do queries don't overlap
 */
/**
 * Old Engineering wrapper, just for reference
 * $wrapper-xs: 660px;
 * $wrapper-sm: 768px;
 * $wrapper-md: 992px;
 * $wrapper-lg: 1200px;
 * $wrapper-xl: 1260px;
 * xs: 660px;
 * sm: 768px;
 * md: 992px;
 * lg: 1260px;
 */
/**
 * Spacing
 */
/**
 * REM spacing
 * Not currently in use, start using when ready
 */
/**
 * Typography
 */
/*------------------------------------*   $BOOTSTRAP OVERRIDEN VARIABLES
\*------------------------------------*/
/**
 * Overide the default bootsrap variables here
 */
/**
 * Icon font CSS generated by gulp see templates -> _tk-icons.scss
 * Using lodash https://lodash.com/docs/4.17.4
 */
@font-face {
  font-family: "tk-icons";
  src: url("../fonts/tk-icons.eot");
  src: url("../fonts/tk-icons.eot?#iefix") format("eot"), url("../fonts/tk-icons.woff2") format("woff2"), url("../fonts/tk-icons.woff") format("woff"), url("../fonts/tk-icons.ttf") format("truetype"), url("../fonts/tk-icons.svg#tk-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.tk-icon, .back-to-top:before, .course-header-cta ul li a:after, .course-terms a:before,
[class*="tk-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tk-icons" !important;
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  position: relative;
  top: -1px;
  line-height: 1;
  font-size: inherit;
  display: inline-block;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tk-icon-16 {
  font-size: 16px; }

.tk-icon-24 {
  font-size: 24px; }

.tk-icon-32 {
  font-size: 32px; }

.tk-icon-48 {
  font-size: 48px; }

/**
 * Icon font mixins
 */
/**
 * Icon font class names
 */
.tk-icon-add:before {
  content: "\EA01"; }

.tk-icon-alert-danger:before {
  content: "\EA02"; }

.tk-icon-alert-info:before, .course-terms a:before {
  content: "\EA03"; }

.tk-icon-alert-success:before {
  content: "\EA04"; }

.tk-icon-alert-warning:before {
  content: "\EA05"; }

.tk-icon-calendar:before {
  content: "\EA06"; }

.tk-icon-campus-map:before {
  content: "\EA07"; }

.tk-icon-chevron-down:before {
  content: "\EA08"; }

.tk-icon-chevron-left:before {
  content: "\EA09"; }

.tk-icon-chevron-right:before, .course-header-cta ul li a:after {
  content: "\EA0A"; }

.tk-icon-chevron-up:before {
  content: "\EA0B"; }

.tk-icon-close:before {
  content: "\EA0C"; }

.tk-icon-download:before {
  content: "\EA0D"; }

.tk-icon-external:before {
  content: "\EA0E"; }

.tk-icon-home:before {
  content: "\EA0F"; }

.tk-icon-letter:before {
  content: "\EA10"; }

.tk-icon-mail:before {
  content: "\EA11"; }

.tk-icon-marker:before {
  content: "\EA12"; }

.tk-icon-navicon:before {
  content: "\EA13"; }

.tk-icon-news:before {
  content: "\EA14"; }

.tk-icon-phone:before {
  content: "\EA15"; }

.tk-icon-print:before {
  content: "\EA16"; }

.tk-icon-profile:before {
  content: "\EA17"; }

.tk-icon-remove:before {
  content: "\EA18"; }

.tk-icon-rss:before {
  content: "\EA19"; }

.tk-icon-search:before {
  content: "\EA1A"; }

.tk-icon-share:before {
  content: "\EA1B"; }

.tk-icon-social-facebook:before {
  content: "\EA1C"; }

.tk-icon-social-google:before {
  content: "\EA1D"; }

.tk-icon-social-instagram:before {
  content: "\EA1E"; }

.tk-icon-social-linkedin:before {
  content: "\EA1F"; }

.tk-icon-social-twitter:before {
  content: "\EA20"; }

.tk-icon-social-weibo:before {
  content: "\EA21"; }

.tk-icon-social-youtube:before {
  content: "\EA22"; }

.tk-icon-sort:before {
  content: "\EA23"; }

.tk-icon-star:before {
  content: "\EA24"; }

.tk-icon-triangle-down:before {
  content: "\EA25"; }

.tk-icon-triangle-left:before {
  content: "\EA26"; }

.tk-icon-triangle-right:before {
  content: "\EA27"; }

.tk-icon-triangle-up:before {
  content: "\EA28"; }

.tk-icon-action-add:before {
  content: "\EA29"; }

.tk-icon-action-bookmark:before {
  content: "\EA2A"; }

.tk-icon-action-call:before {
  content: "\EA2B"; }

.tk-icon-action-cancel:before {
  content: "\EA2C"; }

.tk-icon-action-create:before {
  content: "\EA2D"; }

.tk-icon-action-delete:before {
  content: "\EA2E"; }

.tk-icon-action-download:before {
  content: "\EA2F"; }

.tk-icon-action-link-external:before {
  content: "\EA30"; }

.tk-icon-action-lock:before {
  content: "\EA31"; }

.tk-icon-action-pause:before {
  content: "\EA32"; }

.tk-icon-action-play:before {
  content: "\EA33"; }

.tk-icon-action-print:before {
  content: "\EA34"; }

.tk-icon-action-remove:before {
  content: "\EA35"; }

.tk-icon-action-reply:before {
  content: "\EA36"; }

.tk-icon-action-search:before {
  content: "\EA37"; }

.tk-icon-action-test:before {
  content: "\EA38"; }

.tk-icon-action-upload:before {
  content: "\EA39"; }

.tk-icon-content-bar:before {
  content: "\EA3A"; }

.tk-icon-content-basket:before {
  content: "\EA3B"; }

.tk-icon-content-bbq:before {
  content: "\EA3C"; }

.tk-icon-content-bed:before {
  content: "\EA3D"; }

.tk-icon-content-bike:before {
  content: "\EA3E"; }

.tk-icon-content-bus:before {
  content: "\EA3F"; }

.tk-icon-content-cafe:before {
  content: "\EA40"; }

.tk-icon-content-calendar:before {
  content: "\EA41"; }

.tk-icon-content-couch:before {
  content: "\EA42"; }

.tk-icon-content-email-open:before {
  content: "\EA43"; }

.tk-icon-content-email:before {
  content: "\EA44"; }

.tk-icon-content-fitness:before {
  content: "\EA45"; }

.tk-icon-content-home:before {
  content: "\EA46"; }

.tk-icon-content-hospital:before {
  content: "\EA47"; }

.tk-icon-content-key:before {
  content: "\EA48"; }

.tk-icon-content-location:before {
  content: "\EA49"; }

.tk-icon-content-map:before {
  content: "\EA4A"; }

.tk-icon-content-music:before {
  content: "\EA4B"; }

.tk-icon-content-news:before {
  content: "\EA4C"; }

.tk-icon-content-parking:before {
  content: "\EA4D"; }

.tk-icon-content-restaurant:before {
  content: "\EA4E"; }

.tk-icon-content-rss:before {
  content: "\EA4F"; }

.tk-icon-content-shower:before {
  content: "\EA50"; }

.tk-icon-content-table-tennis:before {
  content: "\EA51"; }

.tk-icon-content-tag:before {
  content: "\EA52"; }

.tk-icon-content-train:before {
  content: "\EA53"; }

.tk-icon-content-tv:before {
  content: "\EA54"; }

.tk-icon-content-user:before {
  content: "\EA55"; }

.tk-icon-content-videogame:before {
  content: "\EA56"; }

.tk-icon-content-wc:before {
  content: "\EA57"; }

.tk-icon-content-wifi:before {
  content: "\EA58"; }

.tk-icon-device-desktop:before {
  content: "\EA59"; }

.tk-icon-device-laptop:before {
  content: "\EA5A"; }

.tk-icon-device-phone:before {
  content: "\EA5B"; }

.tk-icon-form-check-checked:before {
  content: "\EA5C"; }

.tk-icon-form-check-unchecked:before {
  content: "\EA5D"; }

.tk-icon-form-radio-checked:before {
  content: "\EA5E"; }

.tk-icon-form-radio-unchecked:before {
  content: "\EA5F"; }

.tk-icon-nav-arrow-dropdown-down:before {
  content: "\EA60"; }

.tk-icon-nav-arrow-dropdown-up:before {
  content: "\EA61"; }

.tk-icon-nav-chevron-down:before {
  content: "\EA62"; }

.tk-icon-nav-chevron-left:before {
  content: "\EA63"; }

.tk-icon-nav-chevron-right:before {
  content: "\EA64"; }

.tk-icon-nav-chevron-up:before, .back-to-top:before {
  content: "\EA65"; }

.tk-icon-nav-more-horizontal:before {
  content: "\EA66"; }

.tk-icon-nav-more-vertical:before {
  content: "\EA67"; }

.tk-icon-nav-navicon:before {
  content: "\EA68"; }

.tk-icon-nav-select:before {
  content: "\EA69"; }

.tk-icon-content-vr:before {
  content: "\EA6A"; }

.tk-icon-device-tablet:before {
  content: "\EA6B"; }

.tk-icon-nav-chevron-left-large:before {
  content: "\EA6C"; }

.tk-icon-nav-chevron-right-large:before {
  content: "\EA6D"; }

.tk-icon-nav-chevron-down-large:before {
  content: "\EA6E"; }

.tk-icon-nav-chevron-up-large:before {
  content: "\EA6F"; }

.tk-icon-content-washing-machine:before {
  content: "\EA70"; }

.tk-icon-content-credit-card:before {
  content: "\EA71"; }

.tk-icon-content-sport:before {
  content: "\EA72"; }

.tk-icon-content-security:before {
  content: "\EA73"; }

.tk-icon-content-marker:before {
  content: "\EA74"; }

.tk-icon-content-document:before {
  content: "\EA75"; }

.tk-icon-action-filter:before {
  content: "\EA76"; }

.tk-icon-action-card:before {
  content: "\EA77"; }

.tk-icon-action-list:before {
  content: "\EA78"; }

/* Hidden font text for accessibility */
.icon-font-text {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/* Material design icons - https://materialdesignicons.com/bootstrap */
i.mdi::before,
span.mdi::before,
button.mdi::before {
  font-size: 24px;
  line-height: 13px; }

.btn.mdi::before,
.btn .mdi::before {
  position: relative;
  top: 4px; }

.btn-xs.mdi::before,
.btn-xs .mdi::before {
  font-size: 18px;
  top: 3px; }

.btn-sm.mdi::before,
.btn-sm .mdi::before {
  font-size: 18px;
  top: 3px; }

.dropdown-menu .mdi {
  width: 18px; }

.dropdown-menu .mdi::before {
  position: relative;
  top: 4px;
  left: -8px; }

.nav .mdi::before {
  position: relative;
  top: 4px; }

.navbar .navbar-toggle .mdi::before {
  position: relative;
  top: 4px;
  color: #FFF; }

.breadcrumb .mdi::before {
  position: relative;
  top: 4px; }

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

.breadcrumb a:hover span {
  text-decoration: underline; }

.alert .mdi::before {
  position: relative;
  top: 4px;
  margin-right: 2px; }

.input-group-addon .mdi::before {
  position: relative;
  top: 3px; }

.navbar-brand .mdi::before {
  position: relative;
  top: 2px;
  margin-right: 2px; }

.list-group-item .mdi::before {
  position: relative;
  top: 3px;
  left: -3px; }

/**
 * Typography
 */
/**
 * $GENERAL
 * $HEADINGS
 * $PARAGRAPHS
 * $LINKS
 * $BLOCKQUOTES
 * $LISTS
 * $SPANS
 * $MODIFIERS
 */
/*------------------------------------*    	$GENERAL
	\*------------------------------------*/
* {
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum"; }

body {
  color: #4a4a4a;
  font-weight: 400;
  font-size: 15px;
  text-rendering: optimizeLegibility; }
  @media (min-width: 768px) {
    body {
      font-size: 16px; } }

@media (min-width: 480px) {
  .jadu-cms,
  .cms {
    font-size: 18px;
    line-height: 180%; } }

.all-caps, .sticky-navbar a, .heading-related, .heading-related-small, blockquote footer, .course-header-cta ul li a, .more,
.cms .more,
.more-dark,
.cms .more-dark, .more-light,
.cms .more-light, .filter {
  font-family: "freight-sans-pro", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 110%; }
  @media (min-width: 480px) {
    .all-caps, .sticky-navbar a, .heading-related, .heading-related-small, blockquote footer, .course-header-cta ul li a, .more,
    .cms .more,
    .more-dark,
    .cms .more-dark, .more-light,
    .cms .more-light, .filter {
      letter-spacing: 0.05em;
      line-height: 140%;
      font-size: 15px; } }
  @media (min-width: 768px) {
    .all-caps, .sticky-navbar a, .heading-related, .heading-related-small, blockquote footer, .course-header-cta ul li a, .more,
    .cms .more,
    .more-dark,
    .cms .more-dark, .more-light,
    .cms .more-light, .filter {
      font-size: 15px; } }

/*------------------------------------*    	$HEADINGS
	\*------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 12px; }
  @media (min-width: 768px) {
    h1, .h1,
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 {
      margin-bottom: 16px; } }
  h1 a, .h1 a,
  h2 a, .h2 a,
  h3 a, .h3 a,
  h4 a, .h4 a,
  h5 a, .h5 a,
  h6 a, .h6 a {
    color: #b31b1b; }
    h1 a:hover, .h1 a:hover,
    h2 a:hover, .h2 a:hover,
    h3 a:hover, .h3 a:hover,
    h4 a:hover, .h4 a:hover,
    h5 a:hover, .h5 a:hover,
    h6 a:hover, .h6 a:hover {
      color: #aa8f6f;
      text-decoration: underline; }
  .no-touch h1 a, .no-touch .h1 a, .no-touch
  h2 a, .no-touch .h2 a, .no-touch
  h3 a, .no-touch .h3 a, .no-touch
  h4 a, .no-touch .h4 a, .no-touch
  h5 a, .no-touch .h5 a, .no-touch
  h6 a, .no-touch .h6 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 30px; }
  @media (min-width: 480px) {
    h1, .h1 {
      font-size: 40px; } }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 45px; } }
  @media (min-width: 1024px) {
    h1, .h1 {
      font-size: 48px; } }

h2, .h2 {
  font-size: 22px; }
  @media (min-width: 480px) {
    h2, .h2 {
      font-size: 26px; } }
  @media (min-width: 768px) {
    h2, .h2 {
      font-size: 28px; } }

h3, .h3 {
  font-size: 20px; }
  @media (min-width: 480px) {
    h3, .h3 {
      font-size: 22px; } }
  @media (min-width: 768px) {
    h3, .h3 {
      font-size: 24px; } }

h4, .h4 {
  font-size: 19px; }
  @media (min-width: 480px) {
    h4, .h4 {
      font-size: 20px; } }
  @media (min-width: 768px) {
    h4, .h4 {
      font-size: 22px; } }

h5, .h5 {
  font-size: 19px; }
  @media (min-width: 480px) {
    h5, .h5 {
      font-size: 19px; } }
  @media (min-width: 768px) {
    h5, .h5 {
      font-size: 20px; } }

h6, .h6 {
  font-size: 19px; }
  @media (min-width: 480px) {
    h6, .h6 {
      font-size: 19px; } }
  @media (min-width: 768px) {
    h6, .h6 {
      font-size: 20px; } }

/**
	 * Size modifiers
	 */
.jadu-cms h1,
.jadu-cms h2,
.jadu-cms h3,
.jadu-cms h4,
.jadu-cms h5,
.jadu-cms h6,
.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
  line-height: 130%; }
  @media (min-width: 480px) {
    .jadu-cms h1,
    .jadu-cms h2,
    .jadu-cms h3,
    .jadu-cms h4,
    .jadu-cms h5,
    .jadu-cms h6,
    .cms h1,
    .cms h2,
    .cms h3,
    .cms h4,
    .cms h5,
    .cms h6 {
      line-height: 125%; } }

.cms-heading-serif h1,
.cms-heading-serif h2,
.cms-heading-serif h3,
.cms-heading-serif h4,
.cms-heading-serif h5,
.cms-heading-serif h6 {
  font-family: "freight-display-pro", sans-serif; }

/**
	 * Size modifiers
	 */
.h1-sm,
.h2-lg {
  font-size: 26px; }
  @media (min-width: 480px) {
    .h1-sm,
    .h2-lg {
      font-size: 32px; } }
  @media (min-width: 768px) {
    .h1-sm,
    .h2-lg {
      font-size: 35px; } }
  @media (min-width: 1024px) {
    .h1-sm,
    .h2-lg {
      font-size: 40px; } }

/**
	 * Heading underline - Centred heading with underline
	 */
.heading-underline {
  position: relative;
  display: table;
  text-align: center;
  margin: 0 auto;
  margin-top: 8px;
  margin-bottom: 16px;
  font-family: "freight-display-pro", sans-serif; }
  @media (min-width: 480px) {
    .heading-underline {
      margin-bottom: 32px; } }
  .heading-underline:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    bottom: -8px;
    left: 15%;
    background-color: #aa8f6f; }

/**
	 * Heading related - mostly used in cards for the date or the category
	 */
.heading-related, .heading-related-small, blockquote footer, .course-header-cta ul li a {
  font-family: "freight-sans-pro", sans-serif;
  margin: 0;
  color: #666;
  margin-bottom: 8px;
  line-height: 140%; }
  @media (min-width: 480px) {
    .heading-related, .heading-related-small, blockquote footer, .course-header-cta ul li a {
      line-height: 160%; } }
  .heading-related a, .heading-related-small a, blockquote footer a, .course-header-cta ul li a a {
    color: #aa8f6f;
    text-decoration: none;
    border: 0; }
    .heading-related a:hover, .heading-related-small a:hover, blockquote footer a:hover, .course-header-cta ul li a a:hover {
      text-decoration: underline; }
  .heading-related a.active, .heading-related-small a.active, blockquote footer a.active, .course-header-cta ul li a a.active {
    color: #b31b1b;
    text-decoration: underline; }

.heading-related-small {
  font-size: 12px; }
  @media (min-width: 480px) {
    .heading-related-small {
      font-size: 12px; } }
  @media (min-width: 768px) {
    .heading-related-small {
      font-size: 13px; } }

/**
	 * Heading Links - Used mostly in cards for headings with a link in them
	 */
.heading-link, .heading-more,
.heading-link-more, .heading-more-sm,
.heading-link-more-sm, .heading-link-lg {
  font-size: 20px;
  margin: 0 0 8px 0;
  font-family: "freight-sans-pro", sans-serif;
  line-height: 120%; }
  @media (min-width: 768px) {
    .heading-link, .heading-more,
    .heading-link-more, .heading-more-sm,
    .heading-link-more-sm, .heading-link-lg {
      font-size: 22px; } }
  .heading-link a, .heading-more a,
  .heading-link-more a, .heading-more-sm a,
  .heading-link-more-sm a, .heading-link-lg a {
    color: #4a4a4a; }

.heading-link-lg {
  font-size: 26px; }

.heading-link-alt, .panel-course .panel-title, .accordion-keyfacts.desktop .accordion-heading-keyfacts {
  font-family: "freight-display-pro", sans-serif;
  font-size: 18px;
  line-height: 130%;
  margin-top: 0; }
  @media (min-width: 480px) {
    .heading-link-alt, .panel-course .panel-title, .accordion-keyfacts.desktop .accordion-heading-keyfacts {
      font-size: 20px; } }
  @media (min-width: 768px) {
    .heading-link-alt, .panel-course .panel-title, .accordion-keyfacts.desktop .accordion-heading-keyfacts {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    .heading-link-alt, .panel-course .panel-title, .accordion-keyfacts.desktop .accordion-heading-keyfacts {
      font-size: 23px; } }
  .heading-link-alt a, .panel-course .panel-title a, .accordion-keyfacts.desktop .accordion-heading-keyfacts a {
    color: #4a4a4a; }

.heading-more,
.heading-link-more {
  display: inline-block; }
  .heading-more:after,
  .heading-link-more:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "tk-icons" !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    position: relative;
    top: -1px;
    line-height: 1;
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA0A";
    margin-left: 5px;
    position: relative;
    color: #aa8f6f; }

.heading-more-sm,
.heading-link-more-sm {
  font-size: 16px;
  margin: 0 0 8px 0;
  font-family: "freight-sans-pro", sans-serif; }
  @media (min-width: 480px) {
    .heading-more-sm,
    .heading-link-more-sm {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .heading-more-sm,
    .heading-link-more-sm {
      font-size: 17px; } }
  @media (min-width: 768px) {
    .heading-more-sm,
    .heading-link-more-sm {
      font-size: 18px; } }
  .heading-more-sm a,
  .heading-link-more-sm a {
    color: #4a4a4a;
    border: 0; }
    .heading-more-sm a:hover,
    .heading-link-more-sm a:hover {
      text-decoration: underline; }
  .heading-more-sm:after,
  .heading-link-more-sm:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "tk-icons" !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    position: relative;
    top: -1px;
    line-height: 1;
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA0A";
    margin-left: 5px;
    position: relative;
    color: #aa8f6f; }

@media all and (-ms-high-contrast: none) {
  /* IE10 */
  .heading-more:after,
  .heading-link-more:after,
  .heading-more-sm:after,
  .heading-link-more-sm:after {
    content: "❯" !important;
    font-size: 14px;
    margin-left: 7px;
    top: 0; } }

/* Headind dependant on font */
.heading-serif {
  font-family: "freight-text-pro", serif; }

/*------------------------------------*    	$PARAGRAPHS
	\*------------------------------------*/
p, .p {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%; }
  @media (min-width: 480px) {
    p, .p {
      font-size: 16px;
      line-height: 160%; } }
  @media (min-width: 1024px) {
    p, .p {
      margin-bottom: 24px;
      font-size: 18px;
      line-height: 160%; } }

.article p {
  font-family: "freight-text-pro", serif; }

.lead, .lead-alt, .cms-lead > p:first-child {
  line-height: 140%;
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 400; }
  @media (min-width: 480px) {
    .lead, .lead-alt, .cms-lead > p:first-child {
      font-size: 17px;
      margin-bottom: 16px; } }
  @media (min-width: 768px) {
    .lead, .lead-alt, .cms-lead > p:first-child {
      line-height: 150%;
      font-size: 18px; } }
  @media (min-width: 1024px) {
    .lead, .lead-alt, .cms-lead > p:first-child {
      line-height: 150%;
      font-size: 22px; } }

.lead-alt {
  font-family: "freight-text-pro", serif; }

.jadu-cms-no-lead > p:first-child,
.cms-no-lead > p:first-child {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%; }
  @media (min-width: 480px) {
    .jadu-cms-no-lead > p:first-child,
    .cms-no-lead > p:first-child {
      font-size: 16px;
      line-height: 170%; } }
  @media (min-width: 1024px) {
    .jadu-cms-no-lead > p:first-child,
    .cms-no-lead > p:first-child {
      margin-bottom: 16px;
      font-size: 18px;
      line-height: 170%; } }

.cms-serif {
  font-family: "freight-text-pro", serif; }
  .cms-serif > * {
    font-family: "freight-text-pro", serif; }

.summary {
  line-height: 150%;
  font-size: 16px;
  font-family: "freight-text-pro", serif; }
  @media (min-width: 480px) {
    .summary {
      font-size: 20px; } }
  @media (min-width: 768px) {
    .summary {
      font-size: 22px; } }

.dropcaps,
.summary-drop-caps {
  font-size: 40px;
  float: left;
  font-family: "freight-display-pro", sans-serif;
  line-height: 80%;
  color: #aa8f6f;
  padding: 8px 12px 0px 0px; }
  @media (min-width: 480px) {
    .dropcaps,
    .summary-drop-caps {
      font-size: 50px; } }
  @media (min-width: 768px) {
    .dropcaps,
    .summary-drop-caps {
      font-size: 60px; } }

/**
	 * Excerpt & note - used mostly in cards and news & events archive
	 */
.note,
.note p,
.excerpt,
.excerpt p {
  color: #666;
  line-height: 150%;
  font-size: 14px; }
  @media (min-width: 480px) {
    .note,
    .note p,
    .excerpt,
    .excerpt p {
      font-size: 15px; } }
  @media (min-width: 768px) {
    .note,
    .note p,
    .excerpt,
    .excerpt p {
      font-size: 16px;
      line-height: 180%; } }
  .note strong,
  .note p strong,
  .excerpt strong,
  .excerpt p strong {
    padding: 0 4px; }

.excerpt,
.excerpt p {
  margin-bottom: 0; }

/**
	 * URL's - forces a line break for a url (use with caution)
	 */
.line-break,
.url {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  hyphens: auto;
  margin: 0 0 10px 0;
  font-size: 14px; }
  @media (min-width: 480px) {
    .line-break,
    .url {
      font-size: 15px; } }
  @media (min-width: 768px) {
    .line-break,
    .url {
      font-size: 16px;
      line-height: 180%; } }

/*------------------------------------*    	$LINKS
	\*------------------------------------*/
a {
  color: #b31b1b; }
  a:hover {
    color: #aa8f6f; }

.jadu-cms a,
.cms a, .panel-course a, .accordion-keyfacts a {
  color: #b31b1b;
  text-decoration: none !important;
  border-bottom: 1px solid #c9bfb5;
  line-height: 100%; }
  .jadu-cms a:hover,
  .cms a:hover, .panel-course a:hover, .accordion-keyfacts a:hover {
    color: #aa8f6f;
    border-bottom: 1px solid #aa8f6f; }

.heading-link a, .heading-more a,
.heading-link-more a, .heading-more-sm a,
.heading-link-more-sm a, .heading-link-lg a, .heading-link-alt a, .panel-course .panel-title a, .accordion-keyfacts.desktop .accordion-heading-keyfacts a, .more,
.cms .more,
.more-dark,
.cms .more-dark, .more-light,
.cms .more-light {
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 191, 181, 0);
  transition: border-bottom .25s ease, color .25s ease; }
  .heading-link a:hover, .heading-more a:hover,
  .heading-link-more a:hover, .heading-more-sm a:hover,
  .heading-link-more-sm a:hover, .heading-link-lg a:hover, .heading-link-alt a:hover, .panel-course .panel-title a:hover, .accordion-keyfacts.desktop .accordion-heading-keyfacts a:hover, .more:hover,
  .more-dark:hover, .more-light:hover {
    text-decoration: none;
    border-bottom: 1px solid #c9bfb5; }

.jadu-cms a > img,
.cms a > img {
  border: 1px solid #f4f2f0;
  padding: 4px; }
  .jadu-cms a > img:hover,
  .cms a > img:hover {
    border: 1px solid #c9bfb5; }

.jadu-cms hr,
.cms hr {
  clear: both; }

/**
	 * Buttons
	 */
.cms .btn {
  color: white; }

/**
	 * More
	 * Fix courses more in cms link
	 */
.more,
.cms .more,
.more-dark,
.cms .more-dark, .more-light,
.cms .more-light {
  display: inline-block;
  color: #4a4a4a; }
  .more:after,
  .cms .more:after,
  .more-dark:after,
  .cms .more-dark:after, .more-light:after,
  .cms .more-light:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "tk-icons" !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    position: relative;
    top: -1px;
    line-height: 1;
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA0A";
    margin-left: 5px;
    position: relative;
    color: #aa8f6f; }
  .more:focus,
  .more-dark:focus, .more-light:focus {
    color: #aa8f6f;
    text-decoration: none; }


.more-dark,
.cms .more-dark {
  color: #4a4a4a; }

.more-light,
.cms .more-light {
  color: #ffffff; }
  .more-light:after,
  .cms .more-light:after {
    color: #ffffff; }

.more-divider,
.cms .more-divider {
  text-align: left;
  border-top: 1px solid #aa8f6f;
  display: block;
  padding-top: 16px;
  border-bottom: 0; }
  .more-divider:hover,
  .cms .more-divider:hover {
    border-bottom: 0; }
  .more-divider.color-white, .more-divider.more-light,
  .cms .more-divider.color-white,
  .cms .more-divider.more-light {
    border-top: 1px solid #ffffff;
    color: #ffffff; }
    .more-divider.color-white:after, .more-divider.more-light:after,
    .cms .more-divider.color-white:after,
    .cms .more-divider.more-light:after {
      color: white; }

.more-expand:after,
.cms .more-expand:after {
  content: "\EA08"; }

.more-expand.active:after,
.cms .more-expand.active:after {
  content: "\EA0B"; }

/**
	 * Other
	 */
.filter {
  display: inline-block;
  color: #b31b1b;
  text-decoration: none;
  text-align: center;
  background: none;
  border: 0;
  margin: 0; }
  .filter:hover {
    text-decoration: none; }
  .filter:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "tk-icons" !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    position: relative;
    top: -1px;
    line-height: 1;
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA08";
    margin-left: 5px;
    position: relative;
    top: 2px;
    color: #aa8f6f; }
  .filter.active:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "tk-icons" !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    position: relative;
    top: -1px;
    line-height: 1;
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\EA0C";
    margin-left: 5px;
    position: relative;
    top: 2px;
    color: #aa8f6f; }

/**
	 * Link wrap - Not a styled link, just used for 
	 */
.link-wrap {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

/*------------------------------------*    	$BLOCKQUOTES
	\*------------------------------------*/
blockquote {
  border-left: 4px solid #aa8f6f;
  font-size: 16px;
  color: #666;
  line-height: 130%;
  padding: 12px; }
  @media (min-width: 480px) {
    blockquote {
      font-family: "freight-display-pro", sans-serif;
      font-size: 18px;
      padding: 16px;
      font-style: normal; } }
  @media (min-width: 768px) {
    blockquote {
      font-size: 26px; } }
  blockquote p {
    quotes: "“" "”" "‘" "’";
    display: inline;
    font-size: inherit;
    line-height: 130%; }
    blockquote p:before {
      content: open-quote; }
    blockquote p:after {
      content: close-quote; }
  blockquote footer {
    display: block;
    padding-top: 12px; }
    blockquote footer:before {
      content: ""; }

@media (min-width: 768px) {
  .blockquote-sm {
    font-size: 22px; } }

.blockquote-no-style {
  border: 0;
  padding: 0;
  margin: 0; }

/*------------------------------------*    	$LISTS - for more lists see '_lists.scss'
	\*------------------------------------*/
.jadu-cms ul,
.jadu-cms ol,
.jadu-cms dl,
.cms ul,
.cms ol,
.cms dl {
  margin: 0 0 20px 20px;
  padding: 0; }

.jadu-cms li,
.cms li {
  line-height: 120%;
  padding: 0;
  margin: 10px 0;
  font-size: 14px; }
  @media (min-width: 480px) {
    .jadu-cms li,
    .cms li {
      font-size: 16px;
      line-height: 150%;
      margin: 10px 0; } }
  @media (min-width: 1024px) {
    .jadu-cms li,
    .cms li {
      margin-bottom: 16px;
      font-size: 1em;
      line-height: 170%;
      margin: 2px 0; } }

.jadu-cms dl dt,
.jadu-cms dl dd,
.cms dl dt,
.cms dl dd {
  margin-left: 16px; }

.jadu-cms .list-no-style,
.cms .list-no-style {
  list-style: none;
  padding: 0;
  margin: 0; }
  .jadu-cms .list-no-style li,
  .cms .list-no-style li {
    list-style: none; }

/*------------------------------------*    	$SPANS
	\*------------------------------------*/
.name-divider {
  position: relative; }
  .name-divider:after {
    content: " /// "; }

.hightlight {
  background: #e6d4bf; }

/*------------------------------------*    	$MODIFIERS
	\*------------------------------------*/
.font-family-big {
  font-family: "freight-display-pro", sans-serif; }

.font-family-sans-serif {
  font-family: "freight-sans-pro", sans-serif; }

.font-family-serif {
  font-family: "freight-text-pro", serif; }

.color-white {
  color: white !important; }
  .color-white * {
    color: white !important; }

.color-brand-2 {
  color: #aa8f6f !important; }
  .color-brand-2 > * {
    color: #aa8f6f !important; }

.cms-dark h1, .cms-dark h2, .cms-dark h3, .cms-dark h4, .cms-dark h5, .cms-dark h6, .cms-dark p, .cms-dark a {
  color: white; }

.cms-dark a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff; }
  .cms-dark a:hover {
    text-decoration: none;
    border-bottom: 1px solid #aa8f6f; }

/*------------------------------------*    $TK-MIXINS
\*------------------------------------*/
/**
 * Clearfix 
 */
/**
 * Forms Mixins
 */
/**
 * Form states
 */
/**
 * We remove outline but js toggles class 
 * so accessible outlines exist when tabbing through
 */
/**
 * Type for form element
 * Keep labels and information in forms other than input consistent
 */
/* Skin mixins*/
/**
 * For white module on a grey background
 */
/**
 * For grey modules on a white background
 */
/* Grey box with a shadow */
/* Grey box with a shadow and a border */
/* White box with a shadow */
/* Black box with a shadow */
/**
 * Borders
 */
/**
 * Mixin: list-no-style
 * Removes all style from ul/ol and child li tags
 */
/*

*/
/* Button mixins */
/**
 * Skins
 */
/*

This file is a bit of a mess
many depracted skin names as we havent 
been constistent in their use
Avoid extending these use mixins instead

the rule now is:

.skin-"shorted proterty"-"value"-"modifier"

e.g. for a light brand background we use: .skin-bg-brand-light

when combining different styles create a unique name e.g.

.skin-box-module {
    background: $color-module;
    @include tk-box-shadow-dark();
}

*/
/**
 * Classes
 */
.sk-bg-white,
.skin-bg-white {
  background: #ffffff !important; }

.sk-bg-module,
.skin-bg-module {
  background: #f4f2f0; }

.sk-bg-module-light,
.skin-bg-module-light {
  background: #f8f7f6; }

.skin-bg-module-dark {
  background: #e9e5e1; }

.skin-bg-module-lighter {
  background: #fdfcfc; }

.sk-bg-brand-1,
.skin-bg-brand-1 {
  background: #b31b1b; }

.sk-bg-brand-1-dark,
.skin-bg-brand-1-dark {
  background: #871414; }

.skin-bg-brand-2 {
  background: #aa8f6f; }

/**
 * Rows 
 * Rows of content mostly the widgets
 */
.sk-widget-block,
.skin-widget-block,
.skin-row-module {
  background: #f4f2f0; }

.skin-row-module-light {
  background: #f8f7f6; }

.skin-row-module-lighter {
  background: #fdfcfc; }

.skin-row-white-divider,
.skin-row-divider {
  border-top: 1px solid #e9e5e1;
  border-bottom: 1px solid #e9e5e1; }

.divider,
.skin-divider {
  border-bottom: 1px solid #c9bfb5; }

/**
 * Skins for boxes
 * Cards and islands
 */
.bg-white,
.skin-box-white {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); }

.island-bg-module,
.bg-module,
.skin-box-module {
  background: #f4f2f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }

.skin-box-module-border {
  background: #f4f2f0;
  border: 1px solid #ddd5cc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }

.skin-box-dark {
  background: #212121;
  color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }

/**
 * Border styles
 * Mostly applied to cards and island search forms
 * Must appear after box styles as needs to be more specific for borders
 */
.bd-t,
.skin-bd-t {
  border-top: 5px solid #aa8f6f; }

.bd-r,
.skin-bd-r {
  border-right: 5px solid #aa8f6f; }

.bd-b,
.skin-bd-b {
  border-bottom: 5px solid #aa8f6f; }

.bd-l,
.skin-bd-l {
  border-left: 5px solid #aa8f6f; }

.accordion-course {
  margin-bottom: 12px; }
  @media (min-width: 1024px) {
    .accordion-course > .accordion-header,
    .accordion-course > .accordion-header.active {
      box-shadow: none;
      border: 0;
      background: none;
      padding-left: 0; }
      .accordion-course > .accordion-header:hover,
      .accordion-course > .accordion-header.active:hover {
        background: none;
        border: 0;
        cursor: default; }
      .accordion-course > .accordion-header:after,
      .accordion-course > .accordion-header.active:after {
        display: none; }
    .accordion-course > .accordion-header .accordion-heading-course {
      font-family: "freight-display-pro", sans-serif;
      color: #4a4a4a;
      font-size: 36px;
      margin: 0; }
    .accordion-course > .accordion-body {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
      border: 1px solid #c9bfb5;
      display: block;
      opacity: 1;
      padding: 16px; } }

/**
 * Courses Nav
 */
/* Sticky nav */
.sticky-navbar {
  background: none;
  transition: all 0.15s ease;
  z-index: 1000;
  display: none;
  margin-bottom: 22px; }
  @media (min-width: 1024px) {
    .sticky-navbar {
      display: block; } }
  .sticky-navbar ul {
    text-align: center; }
  .sticky-navbar li {
    display: inline-block;
    position: relative;
    font-size: 0;
    margin-left: -4px; }
    .sticky-navbar li:after {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -8px;
      left: -1px;
      height: 16px;
      width: 1px;
      background: #aa8f6f; }
    .sticky-navbar li:first-child:after {
      display: none; }
  .flexbox .sticky-navbar ul {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center; }
  .flexbox .sticky-navbar li {
    display: block;
    white-space: nowrap;
    margin-left: 0; }
  .sticky-navbar a {
    display: block; }
  .sticky-navbar li > a,
  .sticky-navbar li > a:focus,
  .sticky-navbar li > a:hover {
    padding: 10px 8px;
    background: none;
    color: #4a4a4a;
    transition: all 0.15s ease; }
  .sticky-container .sticky-navbar {
    background: #ffffff; }
  .state-sticky-style-active .sticky-container .sticky-navbar {
    background: #212121; }
  .state-sticky-style-active .sticky-container .sticky-navbar li > a,
  .state-sticky-style-active .sticky-container .sticky-navbar li > a:focus {
    color: #ffffff; }
    .state-sticky-style-active .sticky-container .sticky-navbar li > a.active,
    .state-sticky-style-active .sticky-container .sticky-navbar li > a:focus.active {
      background: #444444; }
  .state-sticky-style-active .sticky-container .sticky-navbar li:after {
    height: 100%;
    margin: 0;
    top: 0;
    background: #111111;
    left: 0; }

.sticky-navbar-inner {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto; }

.sticky-container {
  position: fixed;
  top: -1000px;
  left: 0;
  width: 100%;
  overflow: hidden; }
  .state-sticky-style-active .sticky-container {
    top: 0; }

/* Back to top */
.back-to-top {
  z-index: 1000;
  position: fixed;
  bottom: 16px;
  right: 16px;
  color: white;
  width: 50px;
  height: 50px;
  background: #212121;
  transform: translate(0px, 75px);
  transition: transform 0.25s ease;
  border: 1px solid #ffffff; }
  @media (min-width: 1260px) {
    .back-to-top {
      display: none; } }
  .back-to-top:before {
    font-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px; }
  .back-to-top.active {
    transform: translate(0px, 0px); }

/* Used on the sidebar */
.col-right {
  padding: 0;
  position: relative; }
  @media (min-width: 1024px) {
    .col-right {
      position: absolute;
      height: 100%;
      right: 0;
      padding-right: 10px !important;
      padding-left: 10px; } }

/* Right column sidebar panels */
.panel-course {
  border: 1px solid #c9bfb5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  background: #ffffff; }
  .panel-course .panel-heading {
    background: #212121; }
  .panel-course .panel-title {
    color: white; }
  .panel-course ul {
    padding: 0;
    margin: 0; }
  .panel-course li {
    list-style: none; }
  .panel-course p {
    margin: 0; }
  .panel-course img {
    max-width: 100%; }
  .panel-course .panel-accreditation {
    text-align: center; }
    .panel-course .panel-accreditation li {
      margin-bottom: 12px; }
    .panel-course .panel-accreditation img {
      border: 1px solid #c9bfb5;
      max-width: 180px;
      display: block;
      margin: 0 auto 12px auto; }

.profile-course {
  border: 1px solid #c9bfb5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  background: #ffffff;
  margin-bottom: 22px; }
  @media (min-width: 480px) {
    .profile-course .profile-course-img {
      max-width: 50%;
      margin: 0 auto 0 auto; } }
  @media (min-width: 1024px) {
    .profile-course .profile-course-img {
      max-width: 100%;
      position: relative; }
      .profile-course .profile-course-img:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 80%;
        margin-left: -40%;
        background: #ffffff;
        content: "";
        height: 30px; } }
  .profile-course .profile-course-body {
    display: table-cell;
    text-align: center;
    padding: 16px; }
    @media (min-width: 1024px) {
      .profile-course .profile-course-body {
        padding: 16px 16px 0 16px;
        position: relative;
        top: -10px;
        margin: 0 auto;
        padding: 0 22px 22px 22px; } }
  .profile-course blockquote {
    font-family: "freight-text-pro", serif;
    border: 0;
    padding: 0;
    text-align: center;
    color: #4a4a4a;
    font-size: 18px;
    line-height: 160%; }

.accordion-keyfacts {
  margin: 16px 10px 0 10px; }
  .accordion-keyfacts .keyfacts-title {
    font-weight: bold;
    display: block; }
  .accordion-keyfacts ul {
    padding: 0; }
  .accordion-keyfacts li {
    list-style: none; }
  @media (min-width: 1024px) {
    .accordion-keyfacts {
      border: 1px solid #c9bfb5;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
      background: #ffffff;
      margin: 65px 0 22px 0; }
      .accordion-keyfacts .accordion-header {
        border: 0;
        background: #212121;
        padding: 10px 15px;
        color: white; }
        .accordion-keyfacts .accordion-header:after {
          display: none; }
        .accordion-keyfacts .accordion-header h2 {
          color: white;
          margin: 0; }
      .accordion-keyfacts .accordion-body {
        padding: 15px;
        border: none;
        background: none;
        margin: 0;
        display: block;
        opacity: 1; }
      .accordion-keyfacts ul {
        padding: 0;
        margin: 0; }
      .accordion-keyfacts li {
        margin-bottom: 20px;
        list-style: none; }
        .accordion-keyfacts li strong {
          display: block; }
        .accordion-keyfacts li a {
          display: inline-block; } }

.print-only {
  display: none; }

.social-course {
  overflow: hidden; }
  .social-course li {
    float: left; }
  .social-course a {
    color: #aa8f6f;
    text-decoration: none;
    border: 0;
    padding: 5px; }
    .social-course a [class*="tk-icon"] {
      font-size: 32px; }

.print-course [class*="tk-icon"] {
  font-size: 32px;
  color: #aa8f6f; }

.img-accreditation {
  max-width: 100%;
  width: 100%;
  margin-bottom: 16px;
  border: 1px solid #c9bfb5;
  padding: 8px;
  margin: 0;
  display: block;
  height: auto;
  max-width: 40%; }

/* Headers CTA's */
.course-header {
  overflow: hidden;
  margin-bottom: 22px;
  display: table;
  width: 100%; }

.course-header-cta {
  display: none;
  padding: 0;
  margin: 0; }
  @media (min-width: 1024px) {
    .course-header-cta {
      display: table-cell;
      width: 33.33333%;
      padding-left: 22px;
      position: relative; } }
  .thrown-content .course-header-cta {
    display: block; }
  .sidebar-content .course-header-cta {
    display: block;
    padding: 0;
    margin: 0; }
  .course-header-cta ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: table;
    width: 100%;
    height: inherit;
    min-height: 225px; }
    .course-header-cta ul li {
      display: inline-block;
      width: 33.33%;
      border-right: 1px solid #ffffff; }
      @media (min-width: 1024px) {
        .course-header-cta ul li {
          display: table-row;
          outline: 2px solid white; }
          .course-header-cta ul li:last-of-type a {
            border-bottom: none; } }
      @media (max-width: 680px) {
        .course-header-cta ul li {
          display: block;
          width: 100%;
          border-right: 0; } }
      .course-header-cta ul li a {
        background: #aa8f6f;
        color: #ffffff;
        padding: 16px;
        display: block; }
        .course-header-cta ul li a > .tk-icon, .course-header-cta ul li a > .back-to-top:before, .course-header-cta ul li a > a:after, .course-header-cta ul li .course-terms a > a:before, .course-terms .course-header-cta ul li a > a:before {
          font-size: 18px;
          position: relative;
          margin-right: 6px; }
        .course-header-cta ul li a:hover {
          text-decoration: none;
          background: #917655;
          color: #ffffff; }
        .course-header-cta ul li a:after {
          float: right;
          font-size: 16px;
          margin: 4px 0 0 0; }
        @media (min-width: 1024px) {
          .course-header-cta ul li a {
            padding: 16px;
            display: table-cell;
            vertical-align: middle;
            border-bottom: 1px solid #ffffff; } }

.course-header-img {
  display: table-cell; }
  @media (min-width: 768px) {
    .course-header-img {
      width: 66.66666%;
      padding-bottom: 20%; } }

/**
 * The complexity/custom styles here relate to handle the course page right column that splits on mobile, the keyfacts become an accordion and are moved to the top the remaining content is moved to the bottom of the main accordion
 */
#selectRequirement {
  display: inline-block;
  padding-right: 20px;
  width: auto; }

ul.modules {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  border: 1px solid #c9bfb5;
  margin-bottom: 20px;
  padding-left: 0; }
  ul.modules li {
    padding: 10px;
    display: table-row;
    border-bottom: 1px solid #c9bfb5; }
    ul.modules li .module-title,
    ul.modules li .module-credits {
      display: table-cell;
      padding: 5px;
      border-bottom: 1px solid #c9bfb5;
      font-size: 16px;
      padding-left: 10px;
      background: #ffffff; }
    ul.modules li .module-credits {
      text-align: center;
      padding-right: 20px;
      vertical-align: middle;
      border-left: 1px solid #c9bfb5;
      width: 100px; }
    ul.modules li:last-child * {
      border-bottom: 0px; }

.course-terms a {
  font-size: 16px;
  padding: 5px 5px 0px 0px;
  display: inline-block;
  position: relative; }
  .course-terms a:before {
    color: #4a4a4a;
    margin-right: 4px;
    font-size: 24px;
    position: relative;
    float: left;
    top: -4px; }

.course-related {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
  border: 1px solid #c9bfb5;
  padding: 16px;
  margin-bottom: 16px;
  background: #ffffff; }