/*
* 2014 Corporate Web Style - Common Bootstrap - CSS
* Andrew Dunbar [ECU]
* June 2013
*
* Modification history:
*
* 2013-06-21  Andrew Dunbar
*             Created initial file.
* 2013-10-15  Mike Young
*             Added new responsive related content, button and table styles.
* 2014-05-16  Mike Young
*             Added styles for extra table variations.
*             Added styles for events and activities menu.
*             Changed blue-grey base colour.
* 2014-05-21  Mike Young
*             Added IE9 and higher style fixes for RYP homepage funnelback checkboxes.
*             Added width to callout and alert styles.
*             Added link colour override for table header href.
*             Put a display:none on tag span for news pages.
* 2014-05-22  Mike Young
*             Added link colour override for table header href.
*             Modified askus container padding.
* 2014-06-05  Mike Young
*             Removed funnelback advanced arrows.
* 2014-06-06  Mike Young
*             Fixed testimonial quote icons for phone.
* 2014-06-11  Mike Young
*             Cleaned up styles via W3C CSS Validator.
* 2014-06-13  Mike Young
*             Added link colour override for table header href.
* 2014-06-25  Mike Young
*             Added fix for AskUs container when empty.
* 2014-06-30  Mike Young
*             Added max-width style for callout in IE8.
* 2014-07-03  Mike Young
*             Added special bottom border fix for table rowspan.
* 2014-07-07  Mike Young
*             Changed line-height of funnelback staff result paragraph tag.
* 2014-07-09  Mike Young
*             Added zero opacity to funnelback input to fix border issue in Safari,
*             Chrome, IE.
*             Added style for staff-profile table.
* 2014-07-11  Mike Young
*             Added font smoothing attribute to fix font anti-aliasing issue for Safari/Chrome.
* 2015-05-07  Mike Young
*             Added study quote styling.
* 2015-07-03  Andrew Dunbar
*             Updated reference to 'pie' - to stop loading off Web01.
* 2016-04-11  Mike Young
*             Styles for WebCMS feedback engine toolbar.
* 2016-08-02  Helen Liu
*             Added news video styles.
* 2016-08-17  Andrew Dunbar
*             Added embedded media (vr, wozza, youtube) styles.
* 2016-08-23  Helen Liu
*             border-radius: 0 for video frame; styled link in video caption for readability
* 2016-08-26  Helen Liu
*             Re-aligned related media icons; additional video caption CSS.
* 2016-09-08  Helen Liu
*             Hid Font Awesome 3.x carets in gallery.
* 2016-09-16  Andrew Dunbar
*             Merged overrites.css fixes for FA3.x to FA4.x styles into bottom of file.
* 2016-09-26  Krishanka Gunasekera
*             alert large option.
*             Funnelback scholarships.
* 2016-11-18  Krishanka Gunasekera
*             Scholarships page highlight.
* 2016-11-29  Helen Liu
*             Added new class for Executive Team staff grid layout.
* 2016-12-01  Krishanka Gunasekera
*             Listing grid layout.
* 2017-01-12  Krishanka Gunasekera
*             Added hover item pull right styles for new asset listings.
* 2017-01-13  Krishanka Gunasekera
*             Added general listings styles.
* 2017-01-17  Krishanka Gunasekera
*             Added button toolbar styles.
* 2017-02-06  Krishanka Gunasekera
*             Added quote styles.
* 2017-02-15  Krishanka Gunasekera
*             Amended listing-grid styles to deal with 4-col.
* 2017-04-20  Aaron Chapman
*             Changed i icon colour
* 2017-04-20  Krishanka Gunasekera
*             Added small configs to alert class
* 2017-09-01  Krishanka Gunasekera
*             Added button inline style
* 2017-10-06  Aaron Chapman
*             Removed margin-left on right chevron for buttons in sidebar
* 2017-10-09  Krishanka Gunasekera
*             Added generic funnelback inPageSearch & new Scholarships styles
* 2017-10-11  Krishanka Gunasekera
*             Removed old scholarships styles
* 2017-11-02  Aaron Chapman
*             Remove references to future students (#54553) for auto complete ui
* 2017-11-06  Aaron Chapman
*             Add underline-text style and ol style types
* 2018-03-09  Krishanka Gunasekera
*             Added table.sml--staff-contact-details styles 
* 2018-07-31  Aaron Chapman
*             Added Knowledge Top Questions styles 
* 2018-08-23  Aaron Chapman
*             Added Knowledge Top Questions footer styles 
* 2018-09-07  Aaron Chapman
*             Added Gallery strip styles 
* 2018-12-17  Katie Hartrick
*             Added .orientation styles 
*             Adjusted mobile styles for .btn-group
* 2019-07-01  Aaron Chapman
*             Added GDPR Banner
* 2021-09-29  Katie Hartrick
*             Increase line-height to meet accessibility guidelines
*/

/* ---------------------------------------------------------------------------------------------
START: HTML5 Boilerplate Suggestions - 1stwebdesigner.com/design/snippets-html5-boilerplate/
--------------------------------------------------------------------------------------------- */

/* Force scrollbar */
html {
  overflow-y: scroll;
}

.btn {
  border-color: var(--btn-color);
  background: var(--btn-bg);
  color: var(--btn-color);
}

.btn:hover,
.btn:focus-visible,
.btn:active,
.btn.active, .btn.disabled, .btn[disabled] {
  background: var(--btn-bg);
  color: var(--btn-color);
}

  /* ---------------------------------------------------------------------------------------------
  END: HTML5 Boilerplate Suggestions - 1stwebdesigner.com/design/snippets-html5-boilerplate/
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: RELATED CONTENT
  --------------------------------------------------------------------------------------------- */
  
  #content-2013.simply-red {
    padding: 0 0 30px 0;
  }
  
  #content-2013.fancy {
    padding: 20px 20px 15px 20px;
  }
  
  .related-content-wrapper .nav-list {
    margin-bottom: 20px;
    border: 0;
    border-radius: 4px;
    background-color: #F7F7F7;
    padding-left: 0;
    padding-right: 0;
    clear: both;
    min-width: 142px;
  }
  
  .fancy .wrap-fixed .nav-list {
    margin-left: 58px;
  }
  
  .nav-header {
    border-radius: 4px 4px 0 0;
    background-color: var(--color-black);
    font-size: var(--text-size);
    color: var(--color-white);
    text-transform: none; /* override Bootstrap.min.css */
  }
  
  .related-content-wrapper.wrap-fixed {
    margin-top: 0;
    float: right;
    max-width: 142px;
  }
  
  .related-content-wrapper.wrap-floated {
    max-width: 142px;
    float: right;
    clear: both;
    padding: 0 0 20px 20px;
  }
  
  .related-content-wrapper .span12 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  
  .related-content-wrapper .nav-list li.nav-header {
    text-shadow: none;
    border-radius: 3px 3px 0 0;
    color: var(--color-white);
    text-transform: none;
    padding: 3px 11px 2px 11px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  
  .related-content-wrapper li {
    list-style: none;
    padding-bottom: 0;
  }
  
  .related-content-wrapper .nav-list li {
    list-style: none;
    font-size: 0.97em;
    margin-top: -1px;
    padding: 0;
    line-height: 20px;
  }
  
  .related-content-wrapper .nav-list li a {
    border: 1px solid #e2e2e2;
    padding: 5px 10px;
    margin-left: 0;
    margin-right: 0;
  }
  
  .related-content-wrapper .nav-list li:last-child > a {
    border-radius: 0 0 3px 3px;
  }
  
  .related-content-wrapper .nav.see-also > li > a .see-also-title {
    text-decoration: underline;
  }
  
  .related-content-wrapper .nav.see-also > li > a .icon-external-link,
  .related-content-wrapper .nav.see-also > li > a .fa-external-link {
    text-decoration: none;
    color: #333;
  }
  
  .related-content-wrapper .nav.downloads > li > a .related-file-type,
  .related-content-wrapper .nav.downloads > li > a .related-file-readable {
    color: #545454;
    font-size: 0.9em;
    text-decoration: none;
  }
  
  .related-content-wrapper .nav.downloads > li > a {
    text-decoration: none;
  }
  
  .related-content-wrapper .nav.downloads > li > a .related-download-title {
    text-decoration: underline;
  }
  
  .floated-img-bootstrap {
    float: right;
    padding-left: 25px;
  }
  
  .floated-img-bootstrap.wrap-fixed {
    margin-right: -228px;
    padding-bottom: 20px;
  }
  
  .linked-img-bootstrap,
  .related-img-bootstrap {
    float: right;
  }
  
  .floated-img-bootstrap .thumbnail,
  .linked-img-bootstrap .thumbnail,
  .related-img-bootstrap .thumbnail {
    box-shadow: none;
    padding: 0;
    border: 0;
  }
  
  .linked-img-bootstrap .thumbnail,
  .related-img-bootstrap .thumbnail {
    max-width: 142px;
    margin-bottom: 20px;
  }
  
  .floated-img-bootstrap .thumbnails,
  .linked-img-bootstrap .thumbnails,
  .related-img-bootstrap .thumbnails {
    margin: 0;
    padding: 0;
  }
  
  .fancy .floated-img-bootstrap .thumbnails li {
    margin-bottom: 15px;
  }
  
  .simply-red .floated-img-bootstrap .thumbnails li {
    margin-bottom: 10px;
  }
  
  .floated-img-bootstrap p,
  .related-content-wrapper p {
    color: #333;
  }
  
  .floated-img-bootstrap .thumbnail p,
  .linked-img-bootstrap .thumbnail p,
  .related-img-bootstrap .thumbnail p {
    border-top: 0;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 8px;
    border-radius: 0 0 3px 3px;
    background-color: #f7f7f7;
    font-size: 0.92em;
    line-height: 1.5;
  }
  
  .floated-img-bootstrap .thumbnail p {
    max-width: 329px;
  }
  
  .linked-img-bootstrap .thumbnail p,
  .related-img-bootstrap .thumbnail p {
    max-width: 142px;
    font-size: 0.9em;
  }
  
  .linked-img-bootstrap .thumbnails .thumbnail ul,
  .related-img-bootstrap .thumbnails .thumbnail ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .media-query-trigger {
    float: left;
  }
  
  /* Related media list for 601 */
  .related-media {
    background-color: var(--color-black);
    border-radius: 4px;
    color: var(--color-white);
    padding: 0 0 10px;
    clear: both;
    margin-bottom: 20px;
  }
  
  .wrap-fixed .related-media ul.nav.nav-list {
    margin-left: 0;
    min-width: auto;
  }
  
  .related-content-wrapper .related-media .nav-list {
    clear: both;
    background-color: transparent;
  }
  
  .related-media .nav-list li.nav-header {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-white);
    padding-top: 5px !important;
  }
  
  .related-content-wrapper .related-media .nav-list li {
    color: var(--color-white);
    text-decoration: none;
    padding: 3px 11px 2px 11px;
  }
  
  .related-content-wrapper .related-media .nav-list li i {
    margin: 0 4px 0 0;
  }
  
  .related-content-wrapper .related-media .nav-list [class^='icon-'],
  .related-content-wrapper .related-media .nav-list [class*=' icon-'] {
    margin-top: -2px;
    margin-right: 4px;
  }
  
  .related-media .btn {
    --btn-bg: var(--color-teal-700);
    float: none;
    margin: 5px auto;
    display: table;
    border: 1px solid var(--btn-bg);
    padding: 6px 13px;
  }

  .related-media .btn:hover,
  .related-media .btn:focus-visible {
    --btn-bg: transparent;
    border-color: currentColor;
  }

  
  .related-media .btn.disabled {
    --btn-bg: var(--color-teal-700);
    opacity: 0.75;
}
  
  /* Show/hide buttons for related content lists */
  .related-content-wrapper .related-buttons {
    display: none;
    float: left;
    clear: both;
    margin-bottom: 15px;
    width: 100%;
  }
  
  .related-content-wrapper .related-buttons,
  .related-content-wrapper .related-buttons .btn {
    font-size: inherit;
  }
  
  .related-content-wrapper .related-buttons .btn {
    margin-right: 0;
    font-weight: normal;
    border: 1px solid #e2e2e2;
    background-color: #f7f7f7;
    background-image: none;
    float: left;
    margin-bottom: 0;
  }
  
  .related-content-wrapper .related-buttons .btn.active {
    background-color: #eeeeee;
    box-shadow:
      0 2px 4px rgba(0, 0, 0, 0.05) inset,
      0 1px 2px transparent;
  }
  
  /* Events and activities menu */
  #events-activities-menu {
    float: right;
    width: 180px;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  
  /* 836 specific styles */
  p.news-item-date {
    font-size: 0.95em;
    color: #595959;
  }
  
  .span8.tag-span {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 0;
    min-height: 20px;
    display: none;
  }
  
  .news-item-tags span {
    float: left;
    display: table-cell;
    line-height: normal;
    margin-right: 7px;
  }
  
  .news-item-tags a {
    margin-right: 10px;
  }
  
  .news-item-tags span .icon-tag,
  .news-item-tags span .fa-tag {
    margin: 2px 3px 0 0;
  }
  
  .news-item-tags > ul {
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0;
    display: table-cell;
  }
  
  .news-item-tags li {
    float: left;
  }
  
  #sharethis-container {
    margin-bottom: 20px;
  }
  
  #page-sub-branding {
    float: right;
    padding: 20px 0;
  }
  
  #sharethis-buttons > span {
    display: inline-block;
    margin: 0 0 15px;
  }
  
  /* Related content media queries */
  @media (max-width: 979px) {
    /* This overrides the Bootstrap width for spans in the Simply Red 453 layout */
    .simply-red .row-fluid .span9 {
      width: 67.8%;
    }
  
    .simply-red .row-fluid .span3 {
      width: 29.3%;
    }
  
    .related-content-wrapper.wrap-floated {
      margin-top: 0;
    }
  
    .floated-img-bootstrap.wrap-floated {
      margin-right: -52px;
    }
  
    .simply-red .floated-img-bootstrap.wrap-floated {
      margin-right: -69px;
    }
  
    .fancy .floated-img-bootstrap .thumbnail {
      width: 85%;
      height: 85%;
    }
  
    .simply-red .floated-img-bootstrap .thumbnail {
      width: 80%;
      height: 80%;
      max-width: 300px;
    }
  
    .related-content-wrapper.wrap-floated .nav-list {
      margin-left: 0;
    }
  
    .related-media,
    .see-also,
    .downloads {
      display: block;
    }
  
    .media-query-trigger {
      float: left;
    }
  }
  
  @media (max-width: 767px) {
    .simply-red .row-fluid .span9 {
      width: 100%;
    }
  
    .simply-red .row-fluid .span3 {
      width: 100%;
    }
  
    #content-2013.simply-red {
      padding: 10px 15px;
    }
  
    .related-content-wrapper {
      margin-top: 0;
      clear: both;
    }
  
    .floated-img-bootstrap {
      margin-right: 0;
      float: left;
      padding-left: 0;
    }
  
    .fancy .floated-img-bootstrap .thumbnail,
    .simply-red .floated-img-bootstrap .thumbnail {
      width: 100%;
      height: 100%;
      max-width: inherit;
    }
  
    .simply-red .floated-img-bootstrap .thumbnails li {
      margin-bottom: 15px;
    }
  
    .fancy .floated-img-bootstrap .thumbnails li {
      padding-bottom: 0;
    }
  
    .related-content-wrapper.wrap-floated,
    .related-content-wrapper.wrap-fixed {
      max-width: none;
      float: left;
      padding: 0;
      width: 100%;
    }
  
    .related-content-wrapper .nav-list {
      min-width: auto;
    }
  
    .related-content-wrapper.wrap-fixed .nav-list {
      margin-left: 0;
    }
  
    .linked-img-bootstrap,
    .related-img-bootstrap {
      float: left;
      margin-right: 10px;
    }
  
    .related-content-wrapper .nav-list li.nav-header {
      display: block;
    }
  
    .related-content-wrapper .related-buttons {
      display: block;
    }
  
    .related-media,
    .see-also,
    .downloads {
      display: none;
    }
  
    .wrap-fixed .related-media {
      margin-left: 0;
    }
  
    .related-media .btn {
      display: inline-block;
      margin-left: 15px;
    }
  
    .related-content-wrapper .nav-list {
      margin-bottom: 15px;
    }
  
    #events-activities-menu {
      float: left;
      width: 100%;
      margin-bottom: 0;
      padding-left: 0;
    }
  
    #page-sub-branding {
      float: left;
    }
  
    .media-query-trigger {
      float: none;
    }
  }
  
  @media (max-width: 480px) {
    #content-2013.fancy {
      padding-right: 20px;
    }
  
    .floated-img-bootstrap {
      margin-right: 0;
    }
  
    .floated-img-bootstrap img {
      max-width: 100%;
      height: auto;
    }
  
    .related-content-wrapper .related-buttons .btn {
      width: 33.4%;
    }
  
    .media-query-trigger {
      float: none;
    }
  }
  
  /* Responsive video styles */
  .youtube-vid {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
  }
  
  .youtube-vid.widescreen {
    padding-bottom: 57.25%;
  }
  
  .youtube-vid.vimeo {
    padding-top: 0;
  }
  
  .youtube-vid iframe,
  .youtube-vid object,
  .youtube-vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  @media only screen and (max-device-width: 800px),
    only screen and (device-width: 1024px) and (device-height: 600px),
    only screen and (width: 1280px) and (orientation: landscape),
    only screen and (device-width: 800px),
    only screen and (max-width: 767px) {
    .youtube-vid {
      padding-top: 0;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: RELATED CONTENT
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: NEWS VIDEO STYLES
  --------------------------------------------------------------------------------------------- */
  
  /* News video styles */
  .news-item-summary-highlight {
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.4em;
  }
  
  @media (max-width: 1199px) {
    .news-item-summary-highlight {
      font-size: 1.4em;
    }
  }
  
  /* <= 979px */
  @media (max-width: 979px) {
    .news-item-summary-highlight {
      font-size: 1.3em;
    }
  }
  
  /* >= 767px */
  @media (min-width: 768px) {
    .news-item-summary-highlight {
      margin-right: 20px;
      padding: 10px 0 16px;
    }
  
    /* Decorative elements before + after summary */
    .news-item-summary-highlight:before,
    .news-item-summary-highlight:after {
      display: block;
      content: '...';
      font-size: 2.4em;
      font-weight: bold;
      text-align: center;
      color: #d5d5d5;
      /*color: #932c24;*/
      letter-spacing: 6px;
    }
  
    .news-item-summary-highlight:before {
      margin-bottom: 14px;
      margin-top: -20px;
    }
  
    .news-item-summary-highlight:after {
      margin-top: -20px;
    }
  
    /* Middle vertical align */
    .middle-align {
      display: table;
      align-items: center;
    }
  
    /* Middle vertical align two columns */
    .middle-align .halves {
      display: table-cell;
      vertical-align: middle;
      float: none;
      width: 50%;
    }
  }
  
  /* <= 767px */
  @media (max-width: 767px) {
    .news-item-summary-highlight {
      font-size: 1.3em;
      padding-bottom: 10px;
    }
  }
  
  /* Text caption similar in style to image captions */
  .video-caption {
    display: block;
    border: 1px solid #333;
    padding: 5px 8px;
    line-height: 18px;
    border-radius: 0 0 3px 3px;
    background-color: #333;
    font-size: 0.92em;
    color: var(--color-white);
  }
  
  /* Caption */
  .news-item-video-highlight .video-caption p {
    display: inline;
  }
  
  .news-item-video-highlight .video-caption:after {
    content: '';
    display: table;
    clear: both;
  }
  
  /* VR help link */
  .news-item-video-highlight .video-caption .vr-help {
    display: block;
    padding: 3px 6px;
    background: #0f6077;
    color: var(--color-white);
  }
  
  /* Help icon */
  .news-item-video-highlight .video-caption .vr-help .fa {
    display: inline-block;
    width: auto;
    margin-right: 4px;
  }
  
  /* Video */
  .news-item-video-highlight .embedded-video > span {
    background-size: cover !important;
    border-radius: 0 !important;
  }
  
  /* Embedded video */
  .news-item-video-highlight a > span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    height: auto;
    width: 100%;
    border-radius: 0 !important;
  }
  
  .news-item-video-highlight .fa-play,
  .news-item-video-highlight .icon-external-link,
  .news-item-video-highlight .icon-external-link {
    background-color: var(--color-black);
    border-radius: 4px;
    color: var(--color-white);
    font-size: 2.1em;
    opacity: 0.6;
    padding: 12px 34px;
    text-decoration: none;
    margin: 23% auto;
    position: relative;
    display: table;
    left: auto;
    top: auto;
  }
  
  .news-item-video-highlight a {
    text-decoration: none;
  }
  
  .news-item-video-highlight a:hover .fa-play {
    opacity: 0.7;
  }
  
  .news-item-video-highlight .youtube > span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: table;
    height: auto;
    width: 100%;
    cursor: pointer;
    border-radius: 0 !important;
  }
  
  .news-item-summary-highlight.no-content::before,
  .news-item-summary-highlight.no-content::after {
    content: '';
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: NEWS VIDEO STYLES
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: CALLOUTS
  --------------------------------------------------------------------------------------------- */
  
  .alert,
  .alert.alert-error.black-text,
  .alert.alert-success.black-text,
  .alert.alert-info.black-text,
  .alert.alert-dismissable.black-text {
    color: var(--color-black);
  }
  
  .alert,
  .callout,
  .callout-dashed,
  .callout-red {
    max-width: 650px;
  }
  
  .alert.alert-error.large,
  .alert.alert-success.large,
  .alert.alert-info.large,
  .alert.alert-dismissable.large {
    max-width: 100%;
  }
  
  .alert.alert-error.small,
  .alert.alert-success.small,
  .alert.alert-info.small,
  .alert.alert-dismissable.small {
    max-width: 330px;
  }
  
  .alert.alert-school-message {
    max-width: none;
  }
  
  .alert > p,
  .callout > p,
  .callout-dashed > p,
  .callout-red > p {
    margin: 0;
  }
  
  .alert > h3,
  .callout > h3,
  .callout-dashed > h3,
  .callout-red > h3 {
    margin-top: 0;
  }
  
  form.ecu-forms .alert {
    max-width: inherit !important;
  }
  
  .callout {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #333;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  
  .callout-dashed {
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    padding-bottom: 14px;
    padding-top: 14px;
    color: #333;
    padding: 8px 35px 8px 14px;
  }
  
  .callout-red {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #333;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  
  @media (max-width: 1199px) {
    .alert,
    .callout,
    .callout-dashed,
    .callout-red {
      max-width: 470px;
    }
  }
  
  @media (max-width: 979px) {
    .alert,
    .callout,
    .callout-dashed,
    .callout-red {
      max-width: 325px;
    }
  }
  
  @media (max-width: 767px) {
    .alert,
    .callout,
    .callout-dashed,
    .callout-red {
      max-width: none;
    }
  
    .alert.alert-school-message {
      padding: 15px;
      width: auto;
      margin: 20px;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: CALLOUTS
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: BUTTONS
  --------------------------------------------------------------------------------------------- */
  
  /* Button styles */
  
  .btn-toolbar {
    font-size: 1em;
  }
  
  .btn-group {
    font-size: inherit;
  }
  
  .btn,
  .btn-group > .btn,
  .btn-group > .dropdown-menu,
  .btn-group > .popover {
    border: 0;
    font-size: 0.95em;
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
  }
  
  .btn-toolbar .btn-group {
    margin-top: 5px;
  }
  
  .btn {
    padding: 5px 12px 4px;
  }
  
  .btn-group.simply-red .btn {
    float: left;
  }
  
  .btn-group.simply-red .btn.red {
    border-left: 1px solid #90271e;
  }
  
  .btn-group.simply-red .btn.red:first-child,
  .btn-group.simply-red .btn.red:first-child:hover {
    border-left: 0;
  }
  
  .btn-group.simply-red .btn.red:hover {
    border-left: 1px solid #ab352c;
  }
  
  .btn-group.open .dropdown-toggle {
    box-shadow: none;
  }
  
  .btn-group.simply-red .dropdown-menu li {
    margin: 0;
    padding: 0;
  }
  
  .btn-group.simply-red .caret {
    border-top: 4px solid var(--color-white);
    margin-left: 4px;
  }
  
  .btn-group.simply-red .btn.red:hover .caret,
  .btn-group.simply-red .btn.red:focus-visible .caret {
    border-top: 4px solid #333;
  }
  
  .btn-group.simply-red .dropdown-menu li a {
    text-decoration: none;
    padding: 3px 12px;
    font-weight: bold;
    white-space: normal;
  }
  
  .btn-group.simply-red .dropdown-menu > li > a:hover,
  .btn-group.simply-red .dropdown-menu > li > a:focus-visible {
    background-color: #eee;
    background: #eee;
    color: #333;
  }
  
  .btn .icon-chevron-right,
  .btn .fa-chevron-right {
    font-size: 0.85em;
    margin-left: 20px;
  }
  
  .btn .fa-chevron-down {
    font-size: 1em;
    margin-left: 10px;
  }
  
  .btn.margin-default {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  
  /* place buttons inline*/
  .btn-inline {
    display: inline;
    padding-right: 10px;
  }
  
  /* green (call to action, reserved for apply/enquire) */
  .colour-highlight-1,
  .green {
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-black);
    background: var(--btn-bg);
    color: var(--btn-color);
  }
  
  .colour-highlight-1:hover,
  .colour-highlight-1:focus-visible,
  .green:hover
  .green:focus-visible {
    --btn-bg: var(--color-teal-400);
  }

  /* red */
  .colour-highlight-2,
  .red {
    --btn-bg: var(--color-black);
    --btn-color: var(--color-white);
    background: var(--btn-bg);
    color: var(--btn-color);
  }

  .colour-highlight-2:hover,
  .colour-highlight-2:focus-visible,
  .red:hover
  .red:focus-visible {
    --btn-bg: var(--color-black-700);
  }
  
  /* turquoise (Testimonials) */
  .colour-highlight-3,
  .turquoise {
    --btn-bg: #0f6077;
    --btn-color: var(--color-white);
    background: var(--btn-bg);
    color: var(--btn-color);
  }

  .colour-highlight-3:hover,
  .colour-highlight-3:focus-visible,
  .turquoise:hover
  .turquoise:focus-visible {
    --btn-bg: var(--color-black-700);
  }
  
  /* dark-grey (News and Events) */
  .colour-highlight-4,
  .dark-grey {
    --btn-bg: #545454;
    --btn-color: var(--color-white);
    background: var(--btn-bg);
    color: var(--btn-color);
  }
  
  .colour-highlight-4:hover,
  .colour-highlight-4:focus-visible,
  .dark-grey:hover
  .dark-grey:focus-visible {
    --btn-bg: var(--color-black-700);
  }

  /* blue-grey */
  .colour-base,
  .blue-grey {
    --btn-bg: #627581;
    --btn-color: var(--color-white);
    background: var(--btn-bg);
    color: var(--btn-color);
  }

  .colour-base:hover,
  .colour-base:focus-visible,
  .blue-grey:hover,
  .blue-grey:focus-visible {
    --btn-bg: var(--color-black-700);
  }
  
  @media (prefers-contrast: more) {

    .colour-base,
    .blue-grey {
      --btn-bg: var(--color-black-600); /* Contrast 8.45 */
    }
  }

  .blue,
  .megamenu .blue {
    background: var(--color-primary);
    color: var(--color-black) !important;
    border: 0;
  }


  @media (prefers-contrast: more) {
    /* Global styles, used on Staff Portal menu */
  
    .blue, .megamenu .blue {
      background-color: var(--color-teal-400); /* contrast 9.23 */
    }
  }
  
  #content-main .btn {
    clear: both;
  }
  
  .btn.align-right {
    float: right;
  }
  
  ul.cta-buttons {
    margin: 0 0 15px 0;
    padding: 0;
  }
  
  a.btn.cta-button-right {
    font-size: 0.92em;
    min-width: 117px;
    text-align: left;
  }
  
  .nested-accordion .btn {
    color: var(--color-white);
    margin-top: 10px;
    float: left;
  }
  
  .nested-accordion .btn:hover {
    color: #333;
    background-color: #e6e6e6;
  }
  
  a.btn.cta-button-right .icon-chevron-right,
  a.btn.cta-button-right .fa-chevron-right {
    float: right;
    margin-top: 5px;
    margin-left: 0;
  }
  
  .btn.button-margin {
    margin-bottom: 8px;
  }
  
  @media (max-width: 767px) {
    .btn,
    .btn-group > .btn,
    .btn-group > .dropdown-menu,
    .btn-group > .popover {
      font-size: 0.97em;
      padding-bottom: 7px;
      padding-top: 8px;
    }
  
    .btn-group {
      margin-bottom: 20px;
      display: flex;
      flex-flow: column;
      align-items: center;
    }
  
    .btn-group > .btn {
      width: 200px;
    }
  
    .btn-group > .btn:first-child {
      border-bottom-left-radius: 0px;
      border-top-right-radius: 4px;
      margin-left: -1px;
    }
  
    .btn-group > .btn:last-child {
      border-top-right-radius: 0px;
      border-bottom-left-radius: 4px;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: BUTTONS
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: ASK US
  --------------------------------------------------------------------------------------------- */
  
  .container-askus,
  .page-askus-wrapper {
    margin-top: 20px;
    max-width: 700px;
  }
  
  .page-askus-wrapper {
    background: #f7f7f7;
    margin-bottom: 10px;
  }
  
  .container-askus .nav-list {
    padding-right: 0;
    padding-left: 0;
    background-color: #f7f7f7;
    margin-bottom: 10px;
  }
  
  .container-askus .nav.nav-list > li {
    margin-top: -1px;
    position: relative;
  }
  
  .page-askus-wrapper .rn_Item > br {
    display: none;
  }
  
  .page-askus-wrapper div.rn_Content {
    padding-bottom: 0;
  }
  
  .container-askus .nav-list li.nav-header {
    color: var(--color-white);
    font-size: 0.97em;
    padding: 4px 10px !important;
    text-transform: none;
    margin: 0;
    text-shadow: none;
    border-radius: 3px 3px 0 0;
  }
  
  .page-askus-wrapper h3,
  .lp .no-header .page-askus-wrapper h3 {
    background: #4b575f;
    border-radius: 3px 3px 0 0;
    color: var(--color-white);
    font-size: 0.97em;
    font-weight: bold;
    line-height: 20px;
    padding: 4px 10px !important;
    margin: 0;
  }
  
  .container-askus .nav-list > li > a {
    border: 1px solid #e2e2e2;
    font-size: 0.97em;
    padding: 6px 28px 6px 20px;
  }
  
  .page-askus-wrapper .rn_List {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .page-askus-wrapper .rn_Item {
    margin-top: -1px;
  }
  
  .page-askus-wrapper .rn_Link {
    border: 1px solid #e2e2e2;
    padding: 6px 12px 6px 12px;
    display: block;
  }
  
  .container-askus .nav > li > a:hover,
  .container-askus .nav > li > a:focus-visible {
    text-decoration: underline;
  }
  
  .container-askus .nav-list > li .icon-chevron-right,
  .container-askus .nav-list > li .fa-chevron-right {
    font-size: 0.75em;
    left: 7px;
    position: absolute;
    top: 8px;
  }
  
  .container-askus .nav-list > li .icon-external-link,
  .container-askus .nav-list > li .fa-external-link {
    right: 7px;
    position: absolute;
    top: 8px;
  }
  
  .container-askus .nav-list li:last-child > a,
  .page-askus-wrapper .rn_Link {
    border-radius: 0 0 3px 3px;
  }
  
  .page-askus-wrapper .rn_Link:hover,
  .page-askus-wrapper .rn_Link:focus-visible {
    background: #eee;
  }
  
  .container-askus.empty .nav-list > li {
    padding: 5px 10px;
  }
  
  @media (max-width: 1199px) {
    .container-askus,
    .page-askus-wrapper {
      max-width: 520px;
    }
  }
  
  @media (max-width: 979px) {
    .container-askus,
    .page-askus-wrapper {
      max-width: 375px;
    }
  }
  
  @media (max-width: 767px) {
    .container-askus,
    .page-askus-wrapper {
      max-width: none;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: ASK US
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: FANCY LIST
  --------------------------------------------------------------------------------------------- */
  
  .fancy-list {
    width: 523px;
  }
  
  .fancy-list .nav .nav-header {
    color: #333;
    background-image: none;
    padding: 0.4em 0.5em 0.4em 1.1em;
    border-radius: 3px 3px 0 0;
    margin: 0;
    text-shadow: none;
    text-transform: none;
    font-size: 1.2em;
    font-weight: normal;
    border: 1px solid #ddd;
    background: #f7f7f7;
  }
  
  .fancy-list .nav {
    border-top: 0 none;
    border-radius: 0 0 3px 3px;
    border-top: 0;
  }
  
  .fancy-list ul {
    padding: 0 0 5px 0;
    margin: 0;
  }
  
  .fancy-list ul li {
    padding: 0.3em 0 0.2em 1em;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    margin: 0;
    background: var(--color-white);
    border-bottom: 1px solid #dddddd;
  }
  
  .fancy-list ul li:last-child,
  .fancy-list ul li.last {
    border-radius: 0 0 3px 3px;
    padding-bottom: 0.4em;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: FANCY LIST
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: ACCREDITATION LISTING
  --------------------------------------------------------------------------------------------- */
  
  .media.accreditation-item {
    margin-top: 15px;
  }
  
  .accreditation-item .pull-right {
    margin: 15px 0 0 40px;
  }
  
  .accreditation-item .icon-shield,
  .accreditation-item .fa-shield {
    border: 1px solid #dddddd;
    color: #cccccc;
    font-size: 4em;
    padding: 15px 20px 12px;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: ACCREDITATION LISTING
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: TABLES
  --------------------------------------------------------------------------------------------- */
  
  .styledTable th {
    background-color: #627581;
  }
  
  /* General table preparation */
  table {
    border-spacing: 0;
    margin: 15px 0;
    padding: 0;
    border-collapse: separate;
    width: auto;
  }
  
  .styledTable th {
    text-align: left;
    padding: 0 13px;
    line-height: 31px;
  }
  
  .styledTable td {
    text-align: left;
    padding: 6px 13px;
  }
  
  /* Header styles */
  .styledTable th {
    border-left: 0;
    background-color: #627581;
    border-top: 0;
    color: var(--color-white);
    border-bottom: 1px solid #57666f;
  }
  
  #asset-id_416453 .styledTable thead tr th,
  #asset-id_384083 .styledTable thead tr th,
  #asset-id_142936 .styledTable thead tr th,
  #asset-id_142417 .styledTable thead tr th,
  #asset-id_427574 .styledTable thead tr th,
  #asset-id_427576 .styledTable thead tr th,
  #asset-id_148236 .styledTable thead tr th,
  #asset-id_43853 .styledTable thead tr th,
  #asset-id_193813 .styledTable thead tr th,
  #asset-id_214133 .styledTable thead tr th,
  #asset-id_422893 .styledTable thead tr th,
  #asset-id_427574 .styledTable thead tr th,
  #asset-id_427576 .styledTable thead tr th {
    background-color: transparent;
    color: #333;
  }
  
  #asset-id_416453 .styledTable thead tr th:last-child,
  #asset-id_384083 .styledTable thead tr th:last-child,
  #asset-id_142936 .styledTable thead tr th:last-child,
  #asset-id_142417 .styledTable thead tr th:last-child,
  #asset-id_427574 .styledTable thead tr th:last-child,
  #asset-id_427576 .styledTable thead tr th:last-child,
  #asset-id_148236 .styledTable thead tr th:last-child,
  #asset-id_43853 .styledTable thead tr th:last-child,
  #asset-id_193813 .styledTable thead tr th:last-child,
  #asset-id_214133 .styledTable thead tr th:last-child,
  #asset-id_422893 .styledTable thead tr th:last-child,
  #asset-id_427574 .styledTable thead tr th:last-child,
  #asset-id_427576 .styledTable thead tr th:last-child {
    text-align: right;
  }
  
  /* Fix for training account list table */
  #asset-id_349678 tbody tr th a {
    color: var(--color-white);
  }
  
  #asset-id_349678 .styledTable tbody tr:first-child th[scope='col']:first-child,
  #asset-id_349678 .styledTable tbody tr:first-child th:first-child {
    border-radius: 0;
  }
  
  /* This changes link colour to #fff inside a blue-grey header cell
     Need to apply a permanent fix */
  #asset-id_13349 .styledTable th a,
  #asset-id_12547 .styledTable th a,
  #asset-id_582803 .styledTable th a {
    color: var(--color-white);
  }
  
  #asset-id_13349 .styledTable tbody tr:first-child th,
  #asset-id_12547 .styledTable tbody tr:first-child th {
    background-color: transparent;
    color: #333;
  }
  
  /* Row heading */
  .styledTable th[scope='row'] {
    border-radius: 0;
    font-weight: bold;
  }
  
  /* Row heading bottom left border */
  .styledTable tr:last-child th {
    border-radius: 0 0 0 4px;
    border-bottom: 0;
  }
  
  /* Row heading bottom right border */
  .styledTable tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
  }
  
  /* Col heading bottom left border */
  .styledTable tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
  }
  
  /* Row heading top right border */
  .styledTable tr:first-child td:last-child {
    border-radius: 0 4px 0 0;
  }
  
  /* Bottom left corner border */
  .styledTable td {
    border-left: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
  }
  
  /* Left and right edges of table border */
  .styledTable tr td:last-child {
    border-right: 1px solid #e2e2e2;
  }
  
  /* Right edge of table border */
  .styledTable tr:last-child td {
    border-bottom: 1px solid #e2e2e2;
  }
  
  /* Alternative row color */
  .styledTable tr.zebra {
    /* background: #f7f7f7; */
  }
  
  /* Last row bottom left border */
  .styledTable tr:last-child th[scope='row']:first-child {
    border-radius: 0 0 0 4px;
    border-bottom: 1px solid #e2e2e2;
  }
  
  /* Col heading */
  .styledTable tr:first-child th[scope='col'] {
    border-radius: 0;
  }
  
  /* Col heading top right border */
  .styledTable tr:first-child th[scope='col']:last-child,
  .styledTable tr:first-child th:last-child {
    border-radius: 0 4px 0 0;
  }
  
  /* Col heading top left border */
  .styledTable tr:first-child th[scope='col']:first-child,
  .styledTable tr:first-child th:first-child {
    border-radius: 4px 0 0 0;
  }
  
  /* Full col span heading */
  .styledTable tr:first-child th:only-child {
    border-radius: 4px 4px 0 0;
  }
  
  .styledTable tr:first-child th {
    border-radius: 0;
  }
  
  .styledTable tr:first-child th:nth-child(1) {
    border-radius: 4px 0 0 0;
  }
  
  .styledTable tr:first-child th:last-child {
    border-radius: 0 4px 0 0;
  }
  
  .styledTable tr:first-child th:only-child {
    border-radius: 4px 4px 0 0;
  }
  
  /* Special bottom border style for table with rowspan */
  #asset-id_23013 .styledTable tr:first-child td:nth-child(2),
  #asset-id_23013 .styledTable tr:first-child td:last-child,
  #asset-id_13242 .styledTable tr:first-child td:nth-child(2),
  #asset-id_13242 .styledTable tr:first-child td:last-child,
  #asset-id_634725 .styledTable tr:first-child td:nth-child(2),
  #asset-id_634725 .styledTable tr:first-child td:last-child,
  #asset-id_13234 .styledTable tr:nth-child(7) td:first-child {
    border-bottom: 1px solid #e2e2e2;
  }
  
  #asset-id_13234 .styledTable tr:nth-child(7) td:first-child {
    border-radius: 0 0 0 4px;
  }
  
  #asset-id_23013 .styledTable tr:last-child td:last-child,
  #asset-id_23013 .styledTable tr:nth-child(2) td:last-child,
  #asset-id_13242 .styledTable tr:last-child td:last-child,
  #asset-id_13242 .styledTable tr:nth-child(2) td:last-child,
  #asset-id_634725 .styledTable tr:last-child td:last-child,
  #asset-id_634725 .styledTable tr:nth-child(2) td:last-child,
  #asset-id_13234 .styledTable tr:last-child td:first-child {
    border-right: 0;
    border-radius: 0;
  }
  
  #asset-id_23013 .styledTable tr:first-child td:last-child,
  #asset-id_13242 .styledTable tr:first-child td:last-child,
  #asset-id_634725 .styledTable tr:first-child td:last-child {
    border-radius: 0 0 4px 0;
  }
  
  /* Staff profile table */
  .styledTable.staff-profile {
    margin-top: 1em;
    padding: 5px;
  }
  
  @media (max-width: 767px) {
    .styledTable.staff-profile {
      width: 100%;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: TABLES
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: BOOTSTRAP TABLES
  --------------------------------------------------------------------------------------------- */
  
  .table.auto-width {
    width: auto;
  }
  
  .table.lge {
    width: 85%;
  }
  
  .table.med {
    width: 65%;
  }
  
  .table.sml {
    width: 50%;
  }
  
  /* ---------------------------------------------------------------------------------------------
  START: BOOTSTRAP TABLES
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: TESTIMONIALS
  --------------------------------------------------------------------------------------------- */
  
  .media.testimonial h4 {
    margin: 0;
  }
  
  .testimonial .quote-arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    border-top: 7px solid #758e3a;
    position: absolute;
    right: -4px;
    top: 18px;
  }
  
  .testimonial .icon-quote-left,
  .testimonial .fa-quote-left {
    background-color: #758e3a;
    padding: 5px 9px;
    border-radius: 3px;
    top: -4px;
    right: -12px;
    position: absolute;
    font-size: 0.9em;
  }
  
  .testimonial .fa-quote-left {
    display: none;
  }
  
  .media.testimonial .pull-left.thumb {
    position: relative;
    color: var(--color-white);
    text-decoration: none;
  }
  
  .media.testimonial a {
    font-size: 0.95em;
  }
  
  .media.testimonial .type {
    margin: 0;
  }
  
  .floated-img-bootstrap .inpage-testimonial {
    border-top: 0;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 15px 10px 60px;
    line-height: 18px;
    border-radius: 0 0 3px 3px;
    background-color: #f7f7f7;
    font-size: 0.92em;
    position: relative;
    max-width: 270px;
    margin-bottom: 10px;
  }
  
  .study-quote {
    border-top: 0;
    border: 1px solid #e2e2e2;
    padding: 15px 15px 10px 60px;
    line-height: 18px;
    border-radius: 3px;
    background-color: #f7f7f7;
    font-size: 0.92em;
    position: relative;
    max-width: 630px;
    margin-bottom: 10px;
  }
  
  .floated-img-bootstrap .inpage-testimonial p {
    border: 0;
    background: transparent;
    padding: 10px 20px 0 0;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 5px;
  }
  
  .study-quote p {
    border: 0;
    background: transparent;
    padding: 0 20px 0 0;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 5px;
  }
  
  .floated-img-bootstrap .inpage-testimonial h2,
  .study-quote h2 {
    padding: 2px 0 3px 0;
    font-size: 1.7em;
    color: #000;
    margin-left: -43px;
  }
  
  .floated-img-bootstrap .inpage-testimonial h3,
  .study-quote h3 {
    font-size: 1.3em;
    margin-bottom: 5px;
  }
  
  .floated-img-bootstrap .inpage-testimonial h4,
  .study-quote h4 {
    padding: 0 10px 0 0;
  }
  
  .inpage-testimonial .quote-arrow,
  .study-quote .quote-arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    border-top: 7px solid #758e3a;
    position: absolute;
    left: 28px;
  }
  
  .inpage-testimonial .quote-arrow {
    top: 90px;
  }
  
  .study-quote .quote-arrow {
    top: 38px;
  }
  
  .inpage-testimonial .icon-quote-left,
  .inpage-testimonial .fa-quote-left,
  .study-quote .icon-quote-left,
  .study-quote .fa-quote-left {
    background-color: #758e3a;
    padding: 5px 9px;
    border-radius: 3px;
    left: 18px;
    position: absolute;
    font-size: 0.9em;
    color: var(--color-white);
  }
  
  .inpage-testimonial .icon-quote-left,
  .inpage-testimonial .fa-quote-left {
    top: 70px;
  }
  
  .study-quote .icon-quote-left,
  .study-quote .fa-quote-left {
    top: 18px;
  }
  
  .inpage-testimonial .fa-quote-left,
  .study-quote .fa-quote-left {
    display: none;
  }
  
  @media (max-width: 1199px) {
    .study-quote {
      max-width: 450px;
    }
  }
  
  @media (max-width: 979px) {
    .media.testimonial .media-body {
      clear: both;
      padding-top: 10px;
    }
  
    .study-quote {
      max-width: 300px;
    }
  }
  
  @media (max-width: 767px) {
    .media.testimonial .media-body {
      clear: none;
      padding-top: 0;
    }
  
    .floated-img-bootstrap .inpage-testimonial {
      max-width: inherit;
      float: left;
      border: 1px solid #e2e2e2;
      border-radius: 4px;
      margin-top: 5px;
    }
  
    .floated-img-bootstrap.inpage-testimonial img {
      display: none;
    }
  
    .floated-img-bootstrap .inpage-testimonial p {
      max-width: inherit;
    }
  
    .study-quote {
      max-width: inherit;
    }
  }
  
  @media (max-width: 480px) {
    .media.testimonial .media-body {
      clear: both;
      padding-top: 10px;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: TESTIMONIALS
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: NEWS LISTING
  --------------------------------------------------------------------------------------------- */
  
  .news-listing .media.news-item h3 {
    margin: 0 0 5px;
  }
  
  .news-listing .media.news-item .news-item-date {
    color: #757575; /* increase color contrast to 4.61 */
    font-size: 0.9em;
  }
  
  .news-listing .media.news-item .news-item-summary {
    margin: 5px 0 0 0;
  }
  
  #rss-subscribe {
    float: left;
    margin: 10px 0 15px;
  }
  
  #rss-subscribe .icon-rss,
  #rss-subscribe .fa-rss {
    margin-right: 5px;
  }
  
  #rss-subscribe .icon-twitter-sign,
  #rss-subscribe .fa-twitter-square {
    margin: 0 5px 0 10px;
  }
  
  #twitter-subscribe {
    float: left;
    margin: 10px 0 15px;
  }
  
  #twitter-subscribe.large {
    width: 150px;
  }
  
  #twitter-subscribe.large .icon-twitter-sign,
  #twitter-subscribe.large .fa-twitter-square {
    float: left;
    font-size: 4em;
    margin-right: 15px;
    margin-top: -5px;
  }
  
  .news-item-block #twitter-subscribe {
    float: right;
    margin: 20px 0 0;
  }
  
  .news-item-block #twitter-subscribe .icon-twitter-sign,
  .news-item-block #twitter-subscribe .fa-twitter-square {
    margin: 0 5px 0 0;
  }
  
  #rss-subscribe .fa-twitter-square {
    display: none;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: NEWS LISTING
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: HOVER-ITEM
  --------------------------------------------------------------------------------------------- */
  
  .media.hover-item.desktop {
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-white);
    border-radius: 4px;
    padding: 15px;
    margin: 0;
  }
  
  .media.news-item .thumb,
  .media.testimonial .thumb,
  .media.hover-item.desktop .thumb {
    background-color: var(--color-white);
    border: 1px solid #cccccc;
    margin: 0 17px 0 0;
    padding: 2px;
    max-width: 100px;
  }
  
  .media.hover-item.desktop h3 {
    margin-top: 0;
  }
  
  .media.hover-item.desktop p {
    margin: 0;
  }
  
  .media.hover-item > .pull-right.thumb {
    margin-left: 10px;
    margin-right: 4px;
  }
  
  @media (max-width: 767px) {
    .media.testimonial.hover-item .thumb {
      border: 0;
    }
  
    .media.testimonial .media-body {
      clear: none;
      padding-top: 0;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  START: HOVER-ITEM
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: FUNNELBACK STYLES
  --------------------------------------------------------------------------------------------- */
  
  .funnelback p {
    margin: 0 0 0.6em 0;
    padding: 0;
  }
  
  .funnelback {
    clear: both;
    display: block;
  }
  
  .funnelback.inner {
    display: table;
    margin-top: 15px;
    width: 50%;
    clear: none;
  }
  
  .funnelback.inner .funnelback-searchbox-container {
    padding: 0;
  }
  
  .funnelback-col-middle {
    overflow: hidden;
  }
  
  .funnelback .funnelback-col > li.nav-header {
    border-radius: 3px 3px 0 0;
    color: var(--color-white);
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 5px 11px !important;
    text-shadow: none;
    text-transform: none;
    font-size: 0.95em;
    text-align: center;
  }
  
  .funnelback .funnelback-col li ul li.nav-header {
    color: #333333;
    font-size: 1.05em;
    text-align: left;
    text-transform: none;
    padding: 5px 10px;
  }
  
  .funnelback .nav-list li li {
    font-size: 0.97em;
    line-height: 22px;
    list-style: none outside none;
    padding: 0;
    background-color: transparent;
  }
  
  .funnelback .funnelback-col.left,
  .funnelback .funnelback-col.right {
    background-color: #f7f7f7;
    border: 0 none;
    clear: both;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  
  .funnelback .nav-list li .nav-list li {
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px;
    word-wrap: break-word;
  }
  
  .funnelback .nav-list li .nav-list li a {
    padding: 0;
    display: inline;
  }
  
  .funnelback .nav-list li .nav-list {
    margin: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
  }
  
  .funnelback > .row-fluid > .span2 .funnelback-col > li:last-child > ul {
    border-radius: 0 0 4px 4px;
  }
  
  /* Search box with tabs */
  .funnelback-searchbox-container {
    clear: both;
    display: block;
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 0 4px 4px 4px;
    box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
  }
  
  .funnelback-searchbox-container form {
    margin-bottom: 15px;
  }
  
  .funnelback-searchbox-tabs {
    height: 50px;
    position: relative;
    z-index: 100;
    clear: both;
  }
  
  .funnelback-searchbox-tabs ul {
    float: left;
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-radius: 4px 4px 0 0;
    overflow: visible;
    position: relative;
    z-index: 10;
    top: 9px;
  }
  
  .funnelback-searchbox-tabs ul.no-tab {
    border: 0;
    background: none;
  }
  
  .funnelback-searchbox-tabs ul li {
    list-style-type: none;
    border-right: solid 1px #ddd;
    float: left;
    list-style: none;
    box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0.9);
  }
  
  .funnelback-searchbox-tabs ul.no-tab li a {
    color: #333;
    text-decoration: none;
    border: none !important;
    background-color: var(--color-white);
  }
  
  .funnelback-searchbox-tabs ul.no-tab li a:hover,
  .funnelback-searchbox-tabs ul.no-tab li a:focus-visible {
    margin: 0;
    border: none;
    line-height: 40px;
    height: 40px;
    color: #888;
  }
  
  .funnelback-searchbox-tabs .nav > li > a,
  .funnelback-searchbox-tabs a {
    color: #333;
    display: block;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    border: 0;
    margin-right: 0;
  }
  
  .funnelback-searchbox-tabs ul li a.current,
  .funnelback-searchbox-tabs ul li a:hover,
  .funnelback-searchbox-tabs ul li a:focus-visible {
    background-color: var(--color-white);
    border-radius: 4px 4px 0 0;
    margin: -4px 0 0 0;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: none;
    margin-left: -1px;
    margin-right: -1px;
    line-height: 46px;
    height: 44px;
  }
  
  .funnelback-searchbox-tabs .no-tab li a.current,
  .funnelback-searchbox-tabs .no-tab li a:hover,
  .funnelback-searchbox-tabs .no-tab li a:focus-visible {
    margin: 0;
    height: 40px;
    line-height: 40px;
  }
  
  .funnelback-searchbox-tabs .update-staff-profile {
    background-color: transparent;
    border: 0;
    float: right;
  }
  
  .funnelback-searchbox-tabs .update-staff-profile a {
    border: 0;
  }
  
  .funnelback-searchbox-tabs .update-staff-profile a:hover,
  .funnelback-searchbox-tabs .update-staff-profile a:focus-visible {
    color: #888;
    border: 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
  }
  
  /* Search form */
  .funnelback .funnelback-searchbox {
    background-color: #92a3ae;
    border-radius: var(--border-radius-xs);
    padding: 12px;
    position: relative;
  }

  .funnelback-searchbox-wrapper {
    display: flex;
  }

  .funnelback-search-field-wrapper {
    flex-grow: 1;
  }

  .funnelback-search-field-wrapper input {
    height: 22px;
  }

  #funnelback-search-button {
    font-weight: bold;
  }
  
  .nav.nav-tabs.funnelback-tabs-phone {
    border: 0 none;
    margin: 0 0 0 -30px;
  }
  
  .nav.nav-tabs.funnelback-tabs-phone .dropdown-menu {
    margin: -1px 0 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
  }
  
  .nav.nav-tabs.funnelback-tabs-phone .dropdown-menu li a {
    text-decoration: none;
    padding: 3px 15px;
  }
  
  .nav.nav-tabs.funnelback-tabs-phone .dropdown-menu li a.current {
    background-color: #eeeeee;
    font-weight: bold;
  }
  
  .nav.nav-tabs.funnelback-tabs-phone .dropdown-menu li a:hover {
    background-image: none;
    color: #333;
    text-decoration: underline;
    background: none;
    background-color: #eee;
  }
  
  .nav li.dropdown.open .caret,
  .nav li.dropdown.open.active .caret,
  .nav li.dropdown.open a:hover .caret,
  .nav li.dropdown.open a:focus-visible .caret {
    border-bottom-color: #333;
    border-top-color: #333;
  }
  
  .nav.nav-tabs.funnelback-tabs-phone > li > a {
    text-decoration: none;
    color: #333;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: var(--color-white);
  }
  
  .nav.nav-tabs.funnelback-tabs-phone > li > a:hover {
    border-bottom: 1px solid var(--color-white);
  }
  
  .funnelback #funnelback-search {
    width: 100%;
    border-radius: var(--border-radius-xs) 0 0 var(--border-radius-xs);
    border: 0;
    margin: 0;
    padding: 5px 4px;
  }
  
  .funnelback #funnelback-search-button,
  .funnelback #funnelback-search-button-phone {
    background: var(--color-white);
    color: var(--color-black);
    margin: 0;
    text-align: left;
    border-radius: var(--border-radius-xs);
    border: 0;
    cursor: pointer;
    display: block;
  }
  
  .funnelback #funnelback-search-button {
    padding: 6px 30px 6px 8px;
  }

  .funnelback #funnelback-search-button-phone {
    position: absolute;
    font-size: 0;
    padding: 0;
    inset: 0;
    height: 100%;
    width: 2rem;
    opacity: 0;
  }
  
  .funnelback #funnelback-search-button:focus-visible,
  .funnelback #funnelback-search-button-phone:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }
  
  .funnelback #funnelback-search-button:hover,
  .funnelback #funnelback-search-button:focus-visible,
  .funnelback #funnelback-search-button-phone:hover,
  .funnelback #funnelback-search-button-phone:focus-visible {
    background: #eee;
  }
  
  .funnelback.simply-red .icon-search.hidden-phone,
  .funnelback.simply-red .fa-search.hidden-phone {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 99;
  }
  
  .funnelback.course-search .funnelback-searchbox > .icon-search,
  .funnelback.course-search .funnelback-searchbox > .fa-search {
    position: absolute;
    right: 21px;
    top: 21px;
    z-index: 999;
  }
  
  .funnelback .results-counter {
    color: #595959; /* WCAG Colour Contrast 7.1, Was #888888; */
    padding: 0 0 0 3px;
  }
  
  #fb-total-matching,
  #fb-page-start,
  #fb-page-end {
    font-weight: bold;
  }
  
  #fb-advanced-toggle {
    display: none !important;
  }
  
  .funnelback .funnelback-adv-options {
    background-color: #627581; /* WCAG Colour Contrast 7.1, Was #515e66; */
    border-radius: 0 0 3px 3px;
    color: var(--color-white);
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    letter-spacing: 0.2px;
    margin: -15px 80px 0 0;
    padding: 6px 0 0 12px;
    position: relative;
    width: 88px;
    z-index: 999;
    text-decoration: none;
    z-index: 501;
  }
  
  .funnelback .funnelback-adv-options.arrow-up {
    border-radius: 3px;
  }
  
  .funnelback-adv-options:hover,
  .funnelback-adv-options:focus-visible {
    text-decoration: none;
    color: var(--color-white);
  }
  
  .funnelback .arrow-down {
    background-position: 80px 12px;
    background-repeat: no-repeat;
  }
  
  .funnelback .arrow-up {
    background-position: 80px 12px;
    background-repeat: no-repeat;
  }
  
  /* Funnelback advanced search table preparation */
  
  #funnelback-adv-options-form .row-fluid {
    margin-left: 0;
    margin-top: 20px;
  }
  
  #funnelback-adv-options-form .span3 {
    width: 290px;
    padding-right: 15px;
    padding-left: 15px;
    border-left: 1px solid #dddddd;
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  
  #funnelback-adv-options-form .span3:first-child {
    border: 0;
  }
  
  #funnelback-adv-options-form .span3 h3 {
    font-size: 1em;
    font-weight: bold;
    line-height: 27px;
    margin: 0 0 10px;
    padding: 2px 0 2px 10px;
    background-color: #f7f7f7;
    border-radius: 4px;
    border: 1px solid #dddddd;
  }
  
  #funnelback-adv-options-form .span3 select,
  #funnelback-adv-options-form .span3 label,
  #funnelback-adv-options-form .span3 input {
    max-width: 290px;
    box-shadow: none;
  }
  
  #funnelback-adv-options-form .span3 label {
    font-size: 0.95em;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 5px;
  }
  
  #funnelback-adv-options-form #meta_d1day,
  #funnelback-adv-options-form #meta_d1month,
  #funnelback-adv-options-form #meta_d1year,
  #funnelback-adv-options-form #meta_d2day,
  #funnelback-adv-options-form #meta_d2month,
  #funnelback-adv-options-form #meta_d2year {
    width: auto;
  }
  
  .arrow-up {
    border-radius: 3px;
    margin-top: -5px;
  }
  
  #funnelback-adv-options-form table {
    border-spacing: 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #dddddd;
    line-height: 22px;
    margin: 10px 0 0;
    width: 878px;
    border-collapse: separate;
  }
  
  .funnelback-styledTable-2012 ul {
    list-style: none outside none;
    margin: 5px 0;
    padding: 0 0 0 10px;
  }
  
  #funnelback-adv-options-form table th {
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: bold;
    background-color: #f7f7f7;
  }
  
  #funnelback-adv-options-form table th,
  #funnelback-adv-options-form table td {
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    vertical-align: top;
    padding-left: 15px;
  }
  
  #funnelback-adv-options-form table th {
    border-top: none;
  }
  
  #funnelback-adv-options-form table td:first-child,
  #funnelback-adv-options-form table th:first-child {
    border-left: none;
  }
  
  #funnelback-adv-options-form table td {
    padding-bottom: 10px;
  }
  
  #funnelback-adv-options-form input,
  #funnelback-adv-options-form select,
  #funnelback-adv-options-form textarea {
    margin: 0 0 5px;
  }
  
  .funnelback .funnelback-col-left .category a {
    display: inline;
  }
  
  .funnelback .no-results {
    padding-left: 20px;
  }
  
  .funnelback .search-error {
    min-height: 300px;
    padding: 10px 0;
  }
  
  .funnelback #fb-spelling {
    display: block;
    margin-bottom: 10px;
  }
  
  /* Styles for individual elements inside search result blocks */
  .staff-page-layout .span4 {
    width: 320px;
  }
  
  .staff-page-layout .span8 {
    width: 580px;
  }
  
  .funnelback .file-type {
    margin-bottom: 0;
  }
  
  .funnelback .result-summary {
    margin-bottom: 0.3em;
    margin-top: 0.4em;
    color: #545454;
    display: block;
    font-size: 1.03em;
  }
  
  .funnelback .staff-result {
    margin: 0 22px 0 0;
  }
  
  .funnelback .staff-result .result-summary {
    margin-left: 15px;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .funnelback .staff-result .result-summary p {
    line-height: 1.55em;
  }
  
  /* Remove margin styles once new template has cached */
  .funnelback .result-url {
    margin: 0 0 0.9em;
    padding: 0;
    display: block;
  }
  
  .funnelback .result-wrapper .result-url {
    margin: 0;
    clear: both;
  }
  
  .funnelback .file-type {
    color: #777777;
    font-size: 0.9em;
  }
  
  /* Remove margin styles once new template has cached */
  .funnelback .fb-thumb {
    padding: 2px;
    background-color: var(--color-white);
    border: 1px solid #ccc;
    margin: 0 17px 7px 0;
  }
  
  .funnelback .course-info {
    padding: 0 5px 0 5px;
    margin: 0.4em 0 0.4em 0;
    float: left;
  }
  
  .funnelback .course-info .icon-info-sign,
  .funnelback .course-info .fa-info-circle {
    color: #333; /* Was #758E3A */
    display: table-cell;
    float: none;
    font-size: 1.15em;
    padding: 2px 7px 0 0;
    vertical-align: top;
  }
  
  .funnelback .course-info span {
    display: block;
    float: left;
    margin-right: 8px;
  }
  
  .funnelback .staff-result strong {
    margin: 0;
    color: #333;
  }
  
  .course-info {
    position: relative;
    display: table;
  }
  
  /* Staff directory page styles */
  .staff-page-layout .staff-result span {
    margin-right: 8px;
  }
  
  .staff-page-layout .staff-result .telephone,
  .staff-page-layout .staff-result .mobile {
    clear: both;
    display: block;
  }
  
  .staff-page-layout .staff-result .contact-col1 {
    min-width: 160px;
    float: left;
  }
  
  .funnelback .fb-staff-profile {
    margin-top: 0.8em;
    margin-bottom: 1.2em;
  }
  
  .funnelback .funnelback-col-left ul,
  .funnelback .funnelback-col-right ul {
    font-size: 0.9em;
    margin: 0 -1px;
    padding: 0;
  }
  
  .funnelback .funnelback-col-left ul li,
  .funnelback .funnelback-col-right ul li {
    border-bottom: 1px solid #e2e2e2;
    color: #545454;
    line-height: 1.6em;
    list-style: none outside none;
    margin: 0;
    padding: 5px 10px;
    font-size: 1.03em;
  }
  
  .funnelback .row-fluid [class*='span'] {
    /* margin-left: 2.4%; */
  }
  
  .funnelback .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }
  
  .funnelback .row-fluid .span8 {
    /* width: 67%; */
  }
  
  .funnelback.staff .row-fluid .span8 {
    /* width: 66.4%; */
  }
  
  .funnelback.staff-page-layout .row-fluid .span8 {
    width: 63.1%;
  }
  
  /* Remove margin-top once new template has cached */
  .funnelback .h3 {
    font-size: 1.3em;
    margin-bottom: 0.2em;
    margin-top: 0.9em;
    line-height: normal;
    padding: 0;
    font-weight: normal;
    display: block;
  }
  
  .funnelback .result-wrapper .h3 {
    margin-top: 0;
  }
  
  .funnelback .staff-result.result-wrapper .h3 {
    margin-bottom: 0.8em;
    margin-top: 0.2em;
  }
  
  .funnelback .result-wrapper .h3 a {
    color: #333;
    text-decoration: none;
  }
  
  .funnelback .result-wrapper .h3 a:hover {
    color: #333;
    text-decoration: underline;
  }
  
  .funnelback .staff-result.result-wrapper .h3 a {
    text-decoration: underline;
  }
  
  .funnelback .staff-result.result-wrapper .h3 a:hover,
  .funnelback .staff-result.result-wrapper .h3 a:hover strong {
    color: #b0112d;
  }
  
  .funnelback-try-new-search-button {
    background-color: var(--color-white);
    float: right;
    height: 108px;
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    top: 55px;
    width: 150px;
  }
  
  .funnelback .sm-wrapper {
    display: block;
    margin-top: 0.9em;
  }
  
  .funnelback .sm-wrapper .h3 {
    margin-top: 0;
  }
  
  .funnelback .sm-result-block {
    display: table-cell;
    vertical-align: top;
  }
  
  .funnelback .sm-icon-block {
    display: table-cell;
    vertical-align: top;
  }
  
  .social-media {
    text-decoration: none;
  }
  
  .social-media > span {
    display: table;
    margin-right: 12px;
    height: 36px;
    width: 36px;
    text-decoration: none;
  }
  
  .social-media > span > span {
    display: table-cell;
    font-size: 1.5em;
    vertical-align: middle;
    text-align: center;
    color: var(--color-white);
    border-radius: 4px;
    padding-top: 3px;
    text-decoration: none;
  }
  
  .social-media > span .icon-facebook,
  .social-media > span .fa-facebook {
    background-color: #3b5998;
  }
  
  .social-media > span .icon-youtube-play,
  .social-media > span .fa-youtube-play {
    background-color: #bb0000;
  }
  
  .social-media > span .icon-linkedin-sign,
  .social-media > span .fa-linkedin {
    background-color: #017bb6;
  }
  
  .social-media > span .icon-foursquare,
  .social-media > span .fa-foursquare {
    background-color: #0893ca;
  }
  
  .funnelback .result-wrapper {
    padding: 15px 0;
    margin: 0 5px;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 0;
  }
  
  .funnelback.desktop .result-wrapper {
    border-color: var(--color-white);
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 15px;
    margin: 0;
  }
  
  .nav.nav-list.related-search {
    margin-top: 5px;
    padding: 5px 15px 12px 5px;
    border-bottom: 1px solid #e2e2e2;
  }
  
  .nav.nav-list.related-search a {
    padding: 3px 0;
    display: inline-block;
  }
  
  .nav.nav-list.related-search li.nav-header {
    text-transform: none;
    font-size: 1.1em;
    padding-top: 0;
    background: none;
    background-color: transparent;
    color: #333;
    margin-top: 0;
    margin-bottom: 3px;
  }
  
  .nav.nav-list.related-search > li > a:hover,
  .nav.nav-list.related-search > li > a:focus-visible {
    background-color: transparent;
    text-decoration: underline;
  }
  
  .ui-helper-hidden-accessible {
    display: none;
  }
  
  .asset-id_717641 ul.ui-autocomplete,
  #asset-id_717641 ul.ui-autocomplete,
  .asset-id_321993 ul.ui-autocomplete,
  #asset-id_321993 ul.ui-autocomplete,
  #asset-id_572338 ul.ui-autocomplete,
  .asset-id_491994 ul.ui-autocomplete,
  #asset-id_608635 ul.ui-autocomplete,
  #asset-id_625928 ul.ui-autocomplete,
  #asset-id_8291 ul.ui-autocomplete,
  #asset-id_24155 ul.ui-autocomplete,
  #asset-id_679564 ul.ui-autocomplete,
  #asset-id_679597 ul.ui-autocomplete,
  #asset-id_681897 ul.ui-autocomplete {
    background: #f7f7f7;
    text-align: left;
    border: solid 1px #ddd;
    border-top: none;
    list-style-type: none;
    padding: 0;
    margin: 13px 0 0 10px;
    width: 706px !important;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px rgba(100, 100, 100, 0.1);
    position: absolute;
    border-top: 1px solid #89a0ae;
    z-index: 500;
  }
  
  #asset-id_625928 ul.ui-autocomplete {
    width: 374px !important;
  }
  
  #asset-id_8291 ul.ui-autocomplete {
    width: 320px !important;
  }
  
  #asset-id_24155 ul.ui-autocomplete {
    width: 295px !important;
  }
  
  .asset-id_717641 ul.ui-autocomplete h2,
  #asset-id_717641 ul.ui-autocomplete h2,
  .asset-id_321993 ul.ui-autocomplete h2,
  #asset-id_321993 ul.ui-autocomplete h2,
  #asset-id_572338 ul.ui-autocomplete h2,
  .asset-id_491994 ul.ui-autocomplete h2,
  #asset-id_608635 ul.ui-autocomplete h2,
  #asset-id_625928 ul.ui-autocomplete h2,
  #asset-id_8291 ul.ui-autocomplete h2,
  #asset-id_24155 ul.ui-autocomplete h2,
  #asset-id_679564 ul.ui-autocomplete h2,
  #asset-id_681836 ul.ui-autocomplete h2,
  #asset-id_681897 ul.ui-autocomplete h2 {
    background-color: #e7e7e7;
    box-shadow: 0 0.5px 5px rgba(0, 0, 0, 0.2);
    color: #444;
    padding: 10px 10px;
    border-width: 1px 0px 1px 0px;
    border-color: #bdbdbd;
    border-style: solid;
    margin: -1px 0 0 0;
    font-size: 1em;
    font-weight: bold;
  }
  
  .asset-id_717641 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_717641 ul.ui-autocomplete li.ui-menu-item,
  .asset-id_321993 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_321993 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_572338 ul.ui-autocomplete li.ui-menu-item,
  .asset-id_491994 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_608635 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_625928 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_8291 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_24155 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_679564 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_681836 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_681897 ul.ui-autocomplete li.ui-menu-item {
    padding: 0;
    margin: 0;
  }
  
  .asset-id_717641 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_717641 ul.ui-autocomplete li.ui-menu-item a,
  .asset-id_321993 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_321993 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_572338 ul.ui-autocomplete li.ui-menu-item a,
  .asset-id_491994 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_608635 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_625928 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_8291 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_24155 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_679564 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_681836 ul.ui-autocomplete li.ui-menu-item a,
  #asset-id_681897 ul.ui-autocomplete li.ui-menu-item a {
    color: #035a80; /* WCAG Colour Contrast 7.1, Was #035F86; */
    display: block;
    padding: 10px 10px;
    cursor: pointer;
    text-decoration: none;
  }
  
  .asset-id_717641 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_717641 ul.ui-autocomplete li.ui-menu-item a.description,
  .asset-id_717641 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_717641 ul.ui-autocomplete li.ui-menu-item a.url,
  .asset-id_719719 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_719719 ul.ui-autocomplete li.ui-menu-item a.url,
  .asset-id_321993 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_321993 ul.ui-autocomplete li.ui-menu-item a.description,
  .asset-id_321993 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_321993 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_572338 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_572338 ul.ui-autocomplete li.ui-menu-item a.url,
  .asset-id_491994 ul.ui-autocomplete li.ui-menu-item a.description,
  .asset-id_491994 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_608635 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_608635 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_625928 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_625928 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_8291 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_8291 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_24155 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_24155 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_679564 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_679564 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_681836 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_681836 ul.ui-autocomplete li.ui-menu-item a.url,
  #asset-id_681897 ul.ui-autocomplete li.ui-menu-item a.description,
  #asset-id_681897 ul.ui-autocomplete li.ui-menu-item a.url {
    padding-top: 0px;
  }
  
  .asset-id_717641 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_717641 ul.ui-autocomplete li.ui-menu-item span,
  .asset-id_321993 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_321993 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_572338 ul.ui-autocomplete li.ui-menu-item span,
  .asset-id_491994 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_608635 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_625928 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_8291 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_24155 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_679564 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_681836 ul.ui-autocomplete li.ui-menu-item span,
  #asset-id_681897 ul.ui-autocomplete li.ui-menu-item span {
    display: block;
    font-size: small;
    padding-left: 10px;
  }
  
  .asset-id_717641 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_717641 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_572338 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  .asset-id_491994 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_608635 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_625928 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_8291 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_24155 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_679564 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_681836 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus,
  #asset-id_681897 ul.ui-autocomplete li.ui-menu-item a.ui-state-focus {
    color: var(--color-white);
    background-color: #92a3ae;
    background-image: none;
    background: #92a3ae;
    box-shadow: none;
    margin-top: -1px;
    border-top: 1px solid #89a0ae;
  }
  
  .asset-id_717641 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_717641 ul.ui-autocomplete li.ui-menu-item,
  .asset-id_321993 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_321993 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_572338 ul.ui-autocomplete li.ui-menu-item,
  .asset-id_491994 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_608635 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_625928 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_8291 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_24155 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_679564 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_681836 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_681897 ul.ui-autocomplete li.ui-menu-item {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid var(--color-white);
    padding: 0;
  }
  
  @media (max-width: 1199px) {
    #funnelback-adv-options-form .span3 {
      width: 195px;
      padding-right: 15px;
      padding-left: 15px;
      border-left: 1px solid #dddddd;
      display: table-cell;
      float: none;
      vertical-align: top;
    }
  
    #funnelback-adv-options-form .span3 select,
    #funnelback-adv-options-form .span3 label,
    #funnelback-adv-options-form .span3 input {
      max-width: 195px;
      box-shadow: none;
    }
  }
  
  @media (max-width: 979px) {
    #funnelback-adv-options-form .span3 {
      width: auto;
    }
  
    #funnelback-adv-options-form .span3 select,
    #funnelback-adv-options-form .span3 label,
    #funnelback-adv-options-form .span3 input {
      max-width: 130px;
    }
  
    .staff-page-layout .span4 {
      width: 258px;
    }
  
    .staff-page-layout .span8 {
      width: 446px;
    }
  
    .funnelback .funnelback-col-left ul li .category,
    .funnelback .funnelback-col-right ul li .category {
      word-wrap: break-word;
    }
  
    .funnelback .row-fluid .span8 {
      width: 58.4%;
    }
  
    .funnelback.staff .row-fluid .span8 {
      /* width: 66%; */
    }
  
    .funnelback.staff-page-layout .row-fluid .span8 {
      width: 61.9%;
    }
  
    .funnelback .row-fluid .span2 {
      width: 18%;
    }
  
    .funnelback .row-fluid .span2,
    .funnelback .row-fluid [class*='span'] {
      min-height: inherit;
    }
  
    .funnelback .staff-result {
      margin-left: 5px;
    }
  
    .funnelback.desktop .staff-result {
      margin-left: 0;
    }
  }
  
  @media (max-width: 767px) {
    .staff-page-layout .span8 {
      width: 100%;
    }
  
    .funnelback.staff .row-fluid .span8 {
      width: 100%;
    }
  
    .funnelback .staff-result {
      margin: 0;
    }
  
    .funnelback .row-fluid .span2,
    .row-fluid [class*='span'] {
      min-height: inherit;
    }
  
    .funnelback .fb-thumb {
      display: none;
    }
  
    .funnelback .row-fluid .span8,
    .funnelback.staff-page-layout .row-fluid .span8 {
      width: inherit;
    }
  
    .funnelback .row-fluid [class*='span'] {
      margin-left: inherit;
    }
      
    .media .pull-left.social-media {
      float: left;
    }
  
    .social-media > span {
      display: table;
      height: 28px;
      margin-right: 5px;
      width: 28px;
    }
  
    .social-media > span > span {
      font-size: 1.1em;
      padding-top: 2px;
    }
  
    .funnelback.desktop #fb-spelling {
      margin: 0;
    }
  
    .funnelback #fb-spelling {
      margin: 10px 0 0 5px;
    }
  }
  
  @media (max-width: 480px) {
  
    .funnelback .fb-thumb {
      display: none;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: FUNNELBACK STYLES
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: PAGINATION
  --------------------------------------------------------------------------------------------- */
  
  .pagination {
    clear: both;
    display: table;
    height: 25px;
    margin: 30px auto 10px;
    text-align: center;
    width: auto;
  }
  
  .pagination ul {
    box-shadow: none;
  }
  
  .pagination ul {
    padding: 0;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: PAGINATION
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: TOGGLE MENU
  --------------------------------------------------------------------------------------------- */
  
  ul.nav.nav-stacked.toggle-menu {
    margin: 0 0 30px;
    padding: 0;
    background: #f7f7f7;
  }
  
  ul.nav.nav-stacked.toggle-menu li a {
    outline: none;
    position: relative;
    padding-left: 25px;
  }
  
  ul.nav.nav-stacked.toggle-menu > li > a.active {
    background: #eee;
    color: #b0112d;
  }
  
  ul.nav.nav-stacked.toggle-menu > li > a.active .fa-chevron-right {
    display: block;
    font-size: 0.65em;
    left: 10px;
    margin-top: 7px;
    position: absolute;
  }
  ul.nav.nav-stacked.toggle-menu > li > a .fa-chevron-right {
    display: none;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: TOGGLE MENU
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: FEEDBACK TOOLBAR
  --------------------------------------------------------------------------------------------- */
  
  #ees_toolBar {
    background: #333;
    padding-left: 10px;
  }
  
  #ees_toolBar .toolbarButton {
    display: inline-block;
  }
  
  #ees_toolBar .toolbarButton a {
    background: #444 none repeat scroll 0 0;
    border-radius: 4px;
    color: #f7f7f7;
    display: inline-block;
    font-size: 0.9em;
    margin: 6px 1px;
    padding: 4px 10px;
    text-decoration: none;
  }
  
  #ees_toolBar .toolbarButton a #show-review-existing {
    color: #3a87ad;
    font-weight: bold;
    margin-left: 5px;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: FEEDBACK TOOLBAR
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: SIDR
  --------------------------------------------------------------------------------------------- */
  
  .sidr .vr-icon {
    display: table-cell;
    padding: 3px 10px 0 0;
  }
  
  .sidr .title {
    display: table-cell;
    vertical-align: middle;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: SIDR
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: EMBEDDED MEDIA
  --------------------------------------------------------------------------------------------- */
  
  .embedded-video.video a > span {
    border-radius: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
    height: auto;
    width: 100%;
  }
  
  .embedded-video.video .fa-play,
  .embedded-video.video .icon-external-link,
  .embedded-video.video .icon-external-link {
    background-color: #000000;
    border-radius: 4px;
    color: var(--color-white);
    font-size: 2.1em;
    opacity: 0.6;
    padding: 12px 34px;
    text-decoration: none;
    margin: 23% auto;
    position: relative;
    display: table;
    left: auto;
    top: auto;
  }
  
  .embedded-video.video.grid .fa-play,
  .embedded-video.video.grid .icon-external-link {
    font-size: 1em;
    padding: 5px 17px;
    margin: 20% auto;
  }
  
  .embedded-video .small {
    padding-bottom: 0;
    font-size: 0.9em;
    line-height: 1.45em;
    padding-top: 10px;
    color: #555555;
  }
  
  .embedded-video.video a {
    text-decoration: none;
  }
  
  .embedded-video.video a:hover .fa-play {
    opacity: 0.7;
  }
  
  .embedded-video.video .youtube > span {
    border-radius: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: table;
    height: auto;
    width: 100%;
    cursor: pointer;
  }
  
  .embedded-video.video .vr-embed > span {
    border-radius: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: table;
    height: auto;
    width: 100%;
    cursor: pointer;
  }
  
  .embedded-video.video .wozza > span {
    border-radius: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: table;
    height: auto;
    width: 100%;
    cursor: pointer;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: EMBEDDED MEDIA
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: ICONS
  --------------------------------------------------------------------------------------------- */
  
  /* Hide FA3.x icons in gallery */
  .container-gallery .icon-caret-left,
  .container-gallery .icon-caret-right {
    display: none;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: ICONS
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: IE8 AND HIGHER
  --------------------------------------------------------------------------------------------- */
  
  html.lt-ie9 .btn,
  html.lt-ie9 .event .date-block,
  html.lt-ie9 .portal-button,
  html.lt-ie9 .social-buttons-global span,
  html.lt-ie9 .lp h3,
  html.lt-ie9 .contact .social-media > span > span,
  html.lt-ie9 .web-apps .media-object {
    behavior: url('/c/pie');
    position: relative;
  }
  
  html.gt-ie9 .asset-id_321993 ul.ui-autocomplete,
  html.gt-ie9 #asset-id_321993 ul.ui-autocomplete,
  html.gt-ie9 #asset-id_572338 ul.ui-autocomplete,
  html.gt-ie9 .asset-id_491994 ul.ui-autocomplete {
    behavior: url('/c/pie');
    position: absolute;
  }
  
  html.lt-ie9 #container-header > .container,
  html.lt-ie9 #container-body > .container,
  html.lt-ie9 #container-header > .container > .row > .span12,
  html.lt-ie9 #container-body > .container > .row > .span12,
  html.lt-ie9 #container-sub-heading > .wrapper-sub-heading .container,
  html.lt-ie9 .megamenu .dropdown_12columns,
  html.lt-ie9 .megamenu .dropdown_fullwidth {
    width: 1070px;
  }
  
  html.lt-ie9 #container-header > .container > .row > .span3,
  html.lt-ie9 #container-body > .container > .row > .span3,
  html.lt-ie9
    #container-body
    > .container
    > .row
    > .span12
    > .simply-red
    > .row
    > .span3 {
    width: 245px;
  }
  
  html.lt-ie9 #container-header > .container > .row > .span9,
  html.lt-ie9 #container-body > .container > .row > .span9,
  html.lt-ie9
    #container-body
    > .container
    > .row
    > .span12
    > .simply-red
    > .row
    > .span9 {
    width: 785px;
  }
  
  html.lt-ie9 #container-body > .container > .row > .span6,
  html.lt-ie9
    #container-body
    > .container
    > .row
    > .span12
    > .simply-red
    > .row
    > .span6 {
    width: 520px;
  }
  
  html.lt-ie9 .carousel-inner .item .container .row > div h2 {
    font-size: 2em;
  }
  
  html.lt-ie9 .carousel-inner .item.sml-text .container .row > div h2 {
    font-size: 1.35em;
  }
  
  html.lt-ie9 .carousel-inner .item .container .row > div {
    padding-top: 10px;
  }
  
  html.lt-ie9 .carousel-inner .item.background-fill .container .row > div {
    background: #222;
  }
  
  html.lt-ie9 .apps ul li {
    width: 100px;
  }
  
  html.lt-ie9 .persona-buttons .dropdown-toggle {
    min-width: inherit;
  }
  
  html.lt-ie9 .persona-buttons ul {
    margin: 0;
    padding: 0;
  }
  
  html.lt-ie9 .persona-buttons .btn-group {
    margin-right: 15px;
  }
  
  html.lt-ie9 .study-quote {
    max-width: 545px;
  }
  
  html.lt-ie9 .alert,
  html.lt-ie9 .callout,
  html.lt-ie9 .callout-dashed,
  html.lt-ie9 .callout-red {
    max-width: 565px;
  }
  
  html.gt-ie9 .funnelback.course-search .ryp-search-col li input,
  html.gt-ie9 .funnelback.course-search .ryp-search-col li label,
  html.gt-ie9 .funnelback.course-search .ryp-search-col-wide li input,
  html.gt-ie9 .funnelback.course-search .ryp-search-col-wide li label {
    display: inline;
  }
  
  html.gt-ie9 .btn-group.simply-red .dropdown-menu > li > a:hover,
  html.gt-ie9 .btn-group.simply-red .dropdown-menu > li > a:focus-visible,
  html.gt-ie9 .nav.nav-tabs.funnelback-tabs-phone .dropdown-menu li a:hover {
    filter: none;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: IE8 AND HIGHER
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: 2016 FA3.x to FA4.x changeover - was in overrites.css previously.
  --------------------------------------------------------------------------------------------- */
  
  .icon-chevron-right {
    display: none;
  }
  
  .icon-quote-left,
  .icon-twitter-sign,
  .icon-rss {
    display: none;
  }
  
  .fa-quote-left,
  .testimonial .fa-quote-left,
  .inpage-testimonial .fa-quote-left,
  .study-quote .fa-quote-left {
    display: block;
  }
  
  #rss-subscribe .fa-twitter-square {
    display: inline-block;
  }
  
  #nav-local-2013 .icon-chevron-right,
  #nav-local-2013 .icon-chevron-down {
    display: none;
  }
  
  /* Move into common-bootstrap.css after changeover */
  
  .testimonial .quote-arrow {
    top: 16px;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: 2016 FA3.x to FA4.x changeover - was in overrites.css previously.
  --------------------------------------------------------------------------------------------- */
  
  /* --------------------------------------------------------------------------------------------- 
  START: Listing grid
  --------------------------------------------------------------------------------------------- */
  
  .listing-grid .card {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    padding: 1.1%;
    margin-top: 20px;
    color: var(--color-black);
  }
  
  .listing-grid .card:hover {
    background-color: var(--color-white);
    border: 1px solid #e0e0e0;
  }
  
  .listing-grid .card a {
    color: var(--color-black);
  }

  .listing-grid .card .card-thumbnail img {
    width: 100%;
  }
  
  .listing-grid .card .card-block .fa-newspaper-o {
    float: left;
    font-size: 1.3em;
    color: brown;
    padding-right: 8px;
  }
  
  .listing-grid .card .card-block hr {
    border: 0px;
    border-top: 1px solid #e0e0e0;
  }
  
  .listing-grid .card .card-block .card-item-summary {
    font-size: 1.15em;
    line-height: 1.5;
  }
  
  @media (max-width: 979px) {
    /* This overrides the Bootstrap width for spans in the Simply Red 453 layout */
  
    .listing-grid .span3 {
      width: 47.4% !important;
      margin-left: 20px;
      margin-right: 0px;
      min-height: 410px;
    }
  
    .listing-grid .span3:nth-child(3) {
      margin-left: 0px;
    }
  }
  
  @media (max-width: 767px) {
    /* This overrides the Bootstrap width for spans in the Simply Red 453 layout */
  
    .listing-grid .span3 {
      width: 100% !important;
      min-height: 0px;
      margin-right: 0px;
      margin-left: 0px;
    }
  }
  
  /* --------------------------------------------------------------------------------------------- 
  END: Listing grid
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Staff listing grid
  --------------------------------------------------------------------------------------------- */
  
  .staff-listing-grid img {
    width: 100%;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Staff listing grid
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: General listings
  --------------------------------------------------------------------------------------------- */
  
  .file-size-text {
    color: #575757;
    font-size: 0.95em;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: General listing
  --------------------------------------------------------------------------------------------- */
  
  /* --------------------------------------------------------------------------------------------- 
  START: Quote item - Inpage
  --------------------------------------------------------------------------------------------- */
  
  .quote-item-inpage {
    border: 1px solid #e2e2e2;
    padding: 15px 20px 8px 60px;
    border-radius: 3px;
    background-color: #f7f7f7;
    position: relative;
    max-width: 630px;
    margin-bottom: 10px;
  }
  
  .quote-item-inpage .quote-item-content {
    font-size: 1.15em;
    line-height: 1.4em;
  }
  
  .quote-item-inpage .quote-item-citation {
    font-size: 1.1em;
  }
  
  .quote-item-inpage .fa-quote-left {
    background-color: #758e3a;
    padding: 5px 9px;
    border-radius: 3px;
    left: 18px;
    position: absolute;
    font-size: 0.9em;
    color: var(--color-white);
    top: 18px;
  }
  
  .quote-item-inpage .quote-arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    border-top: 7px solid #758e3a;
    position: absolute;
    left: 28px;
    top: 38px;
  }
  
  /* --------------------------------------------------------------------------------------------- 
  END: Quote item - Inpage
  --------------------------------------------------------------------------------------------- */
  
  /* --------------------------------------------------------------------------------------------- 
  START: Quote item - Listing
  --------------------------------------------------------------------------------------------- */
  
  .quote-item-listing {
    border: 1px solid #e2e2e2;
    padding: 15px 20px 8px 60px;
    border-radius: 3px;
    position: relative;
    max-width: 630px;
    margin-bottom: 10px;
  }
  
  .quote-item-listing .quote-item-citation {
    font-size: 1.1em;
  }
  
  .quote-item-listing .fa-quote-left {
    background-color: var(--color-teal);
    padding: 5px 9px;
    border-radius: 3px;
    left: 104px;
    position: absolute;
    font-size: 0.9em;
    color: var(--color-white);
    top: 8px;
  }
  
  .quote-item-listing .quote-arrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 0 solid transparent;
    border-top: 7px solid var(--color-primary);
    position: absolute;
    left: 114px;
    top: 28px;
  }
  
  .quote-item-listing h4 {
    font-size: var(--text-size-s);
  }
  
  /* --------------------------------------------------------------------------------------------- 
  END: Quote item - Listing
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Orientation and orientation sub pages 
  --------------------------------------------------------------------------------------------- */
  
  .orientation .responsive-video {
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    margin: 0 0 20px;
  }
  .orientation .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .orientation .button-group {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 20px 0 20px;
  }
  
  .orientation .button-group h3 {
    width: 100%;
  }
  
  .orientation .events .event-item {
    padding-bottom: 1rem;
  }
  
  .orientation .button-group a {
    border-radius: 6px;
    border: 2px solid #d8742e;
    background: #d8742e;
    color: var(--color-white);
    font-size: 1.1em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.25 background ease-in;
    padding: 14px 30px;
    margin-bottom: 10px;
  }
  
  .orientation .button-group a.button-active,
  .orientation .button-group a:focus-visible {
    border-color: #a42e25;
  }
  
  .orientation .button-group a:hover {
    background: #a42e25;
    border-color: #a42e25;
  }
  
  .orientation .button-group a:not(:last-of-type) {
    margin-right: 10px;
  }
  
  .orientation .button-group-undergraduate,
  .orientation .button-group-research {
    display: none;
    transition: 0.25 display ease-in;
  }
  
  .orientation .button-group-show {
    display: flex;
  }
  
  @media (max-width: 767px) {
    .orientation .button-group a:not(:last-of-type) {
      margin-left: 10px;
    }
  }
  
  .orientation .nav.nav-tabs {
    margin: 10px auto 35px;
    padding: 0;
    border: 0;
    display: table;
  }
  .orientation .nav.nav-tabs li {
    background: #d8742e;
    font-size: 1.1em;
    text-transform: uppercase;
    padding: 0;
    border-bottom: 3px solid #d8742e;
    border-left: 2px solid #d8742e;
  }
  .orientation .nav.nav-tabs li:last-child {
    border-radius: 0 6px 6px 0;
  }
  .orientation .nav.nav-tabs li:first-child {
    border-radius: 6px 0 0 6px;
    border-left: 0;
  }
  .orientation .nav.nav-tabs li:hover {
    background: #e09159;
  }
  .orientation .nav.nav-tabs li a {
    color: var(--color-white);
    text-decoration: none;
    padding: 14px 30px 12px;
    border: 0;
    margin: 0;
    outline: none;
  }
  .orientation .nav.nav-tabs li a:hover,
  .orientation .nav.nav-tabs li a:focus-visible {
    background-color: transparent;
    color: var(--color-white);
  }
  .orientation .nav.nav-tabs li.active {
    background: #a42e25;
    margin-top: 2px;
    border-left: 2px solid #a42e25;
  }
  .orientation .nav.nav-tabs li.active + li {
    border-left: 2px solid #d8742e;
  }
  .orientation .nav.nav-tabs li.active + li:hover {
    border-left: 2px solid #e09159;
  }
  .orientation .nav.nav-tabs li.active a {
    border: 0;
    background-color: transparent;
    padding-bottom: 10px;
  }
  
  @media (max-width: 979px) {
    .orientation .nav.nav-tabs li a {
      padding: 14px 25px 12px;
    }
  }
  
  @media (max-width: 767px) {
    .orientation .nav.nav-tabs {
      width: 220px;
    }
    .orientation .nav.nav-tabs li,
    .orientation .nav.nav-tabs li.active + li,
    .orientation .nav.nav-tabs li.active + li:hover {
      border-left: 0;
    }
    .orientation .nav.nav-tabs li a {
      min-width: 220px;
      text-align: center;
    }
    .orientation .nav.nav-tabs li:first-child {
      border-radius: 6px 6px 0 0;
      border-left: 0;
    }
    .orientation .nav.nav-tabs li.active {
      border: 0;
      margin-top: 0;
    }
    .orientation .nav.nav-tabs li.active a {
      padding-bottom: 12px;
    }
    .orientation .nav.nav-tabs li:last-child {
      border-radius: 0 0 6px 6px;
      border-left: 0;
    }
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Orientation and orientation sub pages 
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Funnelback genericSearch
  --------------------------------------------------------------------------------------------- */
  
  .genericSearch__inPage {
    margin: 0.5rem 0;
  }
  
  .genericSearch__inPage__header {
    margin-top: 1em;
    text-align: center;
  }
  
  .genericSearch__inPage__header--blue {
    color: #0073b4;
  }
  
  .genericSearch__inPage__subHeader {
    margin-bottom: 1em;
    text-align: center;
    font-weight: 300;
    font-size: 1.2rem;
  }
  
  .genericSearch__inPage__form {
    margin: 0;
  }
  
  .genericSearch__inPage__form .genericSearch__inPage__searchBox {
    position: relative;
  }
  
  .genericSearch__inPage__form .genericSearch__inPage__searchInput {
    border: 2px solid #dddddd;
    box-shadow: none;
    position: relative !important;
    font-size: 1.125rem;
    height: 55px;
    line-height: 55px;
    margin-bottom: 0;
    padding: 0px 45px 0 15px;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
  }
  
  .genericSearch__inPage__form .genericSearch__inPage__submit {
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
  }
  
  .genericSearch__inPage__form .genericSearch__inPage__submit .fa-search {
    padding: 15px;
    color: var(--color-primary) !important; /* overrides inline style */
    font-size: var(--text-size-l);
  }
  
  .genericSearch__inPage__form .genericSearch__inPage__search {
    font-size: 0;
    background-color: transparent;
    border: 0;
  }
  
  .genericSearch__inPage__form .genericSearch__inPage__formLabel {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Funnelback genericSearch
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Funnelback genericSearch - Auto Complete
  --------------------------------------------------------------------------------------------- */
  
  /* start - Funnelback autocomplete */
  #asset-id_98014 ul.ui-autocomplete,
  #asset-id_719719 ul.ui-autocomplete {
    box-shadow: none;
    padding: 0;
    font-size: 0.93rem;
    max-width: calc(100% - 1.9em);
    border: 0px;
    border-bottom: 1px solid #dddddd;
  }
  
  #asset-id_98014 ul.ui-autocomplete strong,
  #asset-id_719719 ul.ui-autocomplete strong {
    font-weight: 700;
  }
  
  #asset-id_98014 ul.ui-autocomplete li.ui-menu-item,
  #asset-id_719719 ul.ui-autocomplete li.ui-menu-item {
    color: #222;
    margin: 0;
    border: 0;
    padding: 15px 10px;
    line-height: 0.93rem;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
  }
  
  #asset-id_98014 ul.ui-autocomplete li.ui-menu-item.ui-state-focus,
  #asset-id_719719 ul.ui-autocomplete li.ui-menu-item.ui-state-focus {
    background-image: none;
    background-color: #dddddd;
  }
  
  #asset-id_98014 ul .ui-autocomplete-category,
  #asset-id_719719 ul .ui-autocomplete-category {
    background-color: #0073b4;
    border-left: 1px solid #0073b4;
    border-right: 1px solid #0073b4;
  }
  
  #asset-id_98014 ul .ui-autocomplete-category h2,
  #asset-id_719719 ul .ui-autocomplete-category h2 {
    font-weight: 400;
    font-size: 1.187rem;
    padding: 10px 0px 10px 10px;
    color: var(--color-white);
    margin: 0;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Funnelback genericSearch - Auto Complete
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Funnelback scholarships facet filter
  --------------------------------------------------------------------------------------------- */
  
  .scholarships .facetFilter .accordion-group {
    margin-bottom: 1.2rem;
    margin-top: 1.2rem;
  }
  
  .scholarships .facetFilter .accordion-group .accordion-heading {
    background: #f7f7f7;
  }
  
  .scholarships .facetFilter .accordion-group .accordion-heading span.fa {
    color: #4a97d4;
    float: right;
    font-size: 1.7rem;
  }
  
  .scholarships .facetFilter .accordion-group .accordion-heading h3 {
    font-size: 1.1rem;
  }
  
  .scholarships .facetFilter .accordion-group .accordion-heading .resultsCount {
    display: block;
    border-top: solid 1px lightgray;
    margin-top: 2px;
    padding: 5px 15px;
    font-size: 0.87rem;
  }
  
  .scholarships .facetFilter .accordion-group .facetLabel {
    font-weight: 300;
    font-size: 1.1rem;
  }
  
  .scholarships .facetFilter .accordion-group ul.nav.nav-list.facet {
    padding: 0 0 0.8rem 0;
  }
  
  .scholarships .facetFilter label {
    display: inline;
    font-size: 0.87rem;
    line-height: 1.5rem;
  }
  
  .scholarships .facetFilter input {
    margin-bottom: 0.3rem;
    margin-right: 0.4rem;
  }
  
  .scholarships .facetFilter .accordion-group .filterControlBar {
    background: #f7f7f7 none repeat scroll 0 0;
    border-top: 1px solid var(--color-black-700);
  }
  
  .scholarships
    .facetFilter
    .accordion-group
    .filterControlBar
    span.clear-filter-link {
    float: right;
    font-size: 1.2em;
    margin-right: 5px;
    line-height: 1.9em;
    text-decoration: underline;
  }
  
  .scholarships .facetFilter .accordion-group .filterControlBar .btn {
    border: 2px solid #33393d;
    background-color: #33393d;
    background-image: none;
    color: var(--color-white);
    font-size: 0.9rem;
    margin: 0.4em;
    height: 1.5rem;
  }
  
  .scholarships .facetFilter .accordion-group .filterControlBar .btn:hover,
  .scholarships .facetFilter .accordion-group .filterControlBar .btn:focus-visible {
    border: 2px solid #33393d;
    background-color: var(--color-white);
    color: #33393d;
  }
  
  .scholarships .facetFilter .accordion-group .filterControlBar .btn span.fa {
    float: right;
    font-size: 1rem;
    padding-left: 0.5rem;
    line-height: 1.4rem;
  }
  
  .scholarships .facetFilter .accordion-group .filterControlBar .btn.btnSort {
    border: 2px solid #0272a6;
    background-color: #0272a6;
  }
  
  .scholarships
    .facetFilter
    .accordion-group
    .filterControlBar
    .btn.btnSort:hover,
  .scholarships
    .facetFilter
    .accordion-group
    .filterControlBar
    .btn.btnSort:focus-visible {
    background-color: var(--color-white);
    border: 2px solid #0272a6;
    color: #0272a6;
  }
  
  .scholarships .facetFilter .accordion-group .filterControlBar .btn.btnFilter {
    border: 2px solid #222;
    background-color: #222;
    float: right;
  }
  
  .scholarships
    .facetFilter
    .accordion-group
    .filterControlBar
    .btn.btnFilter:hover,
  .scholarships
    .facetFilter
    .accordion-group
    .filterControlBar
    .btn.btnFilter:focus-visible {
    background-color: var(--color-white);
    border: 2px solid #222;
    color: #222;
  }
  
  span.btn.btnFilterClear {
    float: right;
  }
  
  #filterSearch {
    position: relative;
    width: 100%;
    top: -27px;
    height: 30px;
    padding: 0;
    margin: 0;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Funnelback scholarships facet filter
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Funnelback scholarships listing
  --------------------------------------------------------------------------------------------- */
  
  .scholarships .scholarshipHighlight__info {
    margin-top: 10px;
  }
  
  .scholarships .scholarshipHighlight__info span.fa {
    font-size: 0.9rem;
  }
  
  .scholarships .result-wrapper .media-body .scholarshipTitle .h3 {
    font-size: 1.3rem;
    width: 70%;
    float: left;
    color: black;
    text-decoration: none;
  }
  
  .scholarships .result-wrapper .media-body .result-summary {
    font-size: 0.84rem;
  }
  
  .scholarships .result-summary hr {
    margin-top: 3px;
    margin-bottom: 0px;
    border-top: solid 0.1em #e2e2e2;
    border-bottom: none;
  }
  
  .scholarships .labelHighlight {
    --label-color: #999;
    --label-bg-alt: var(--color-white);
    font-size: 0.81rem;
    margin: 0;
    margin-top: 0.562rem;
    margin-right: 0.31rem;
    padding: 0.31rem 0.31rem;
    border: 2px solid var(--label-color);
    background-color: var(--label-color);
    text-shadow: none;
    font-weight: 600;
  }
  
  .scholarships .labelHighlight.labelHighlight--blue {
    --label-color: #0272a6;
  }
  
  .scholarships .labelHighlight.labelHighlight--blueAlt {
    --label-color: #0272a6;
    background-color: var(--label-bg-alt);
    color: var(--label-color);
  }
  
  .scholarships .labelHighlight.labelHighlight--green {
    --label-color: #47a64a;
  }
  
  .scholarships .labelHighlight.labelHighlight--greenAlt {
    --label-color: #47a64a;
    background-color: var(--label-bg-alt);
    color: var(--label-color);
  }
  
  .scholarships .labelHighlight.labelHighlight--orange {
    --label-color: #FF5722;
  }
  
  .scholarships .labelHighlight.labelHighlight--orangeAlt {
    --label-color: #FF5722;
    background-color: var(--label-bg-alt);
    color: var(--label-color);
  }
  
  .scholarships .labelHighlight.labelHighlight--red {
    --label-color: #a62c23;
  }
  
  .scholarships .labelHighlight.labelHighlight--redAlt {
    --label-color: #a62c23;
    background-color: var(--label-bg);
    color: var(--label-color);
  }
  
  .scholarships .tags h3,
  .scholarships .dates h3 {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }
  
  .scholarships .labelStatus {
    float: right;
    margin-top: 0;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Funnelback scholarships listing
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Scholarships overview page 
  --------------------------------------------------------------------------------------------- */
  
  .browseButtons {
    margin-bottom: 25px;
    text-align: center;
  }
  
  .page-askus-wrapper {
    margin-top: 0px;
  }
  
  .result-date {
    display: block;
    margin-top: 10px;
  }
  
  .askus P:first-of-type {
    display: none;
  }
  
  .btn.scholarships {
    --btn-bg: var(--color-primary);
    --btn-color: var(--color-white);
    font-size: var(--text-size-m);
    background-color: var(--btn-bg);
    border: 2px solid var(--btn-bg);
    color: var(--btn-color);
    min-width: 180px;
    margin-top: 20px;
  }

  .btn.scholarships:hover,
  .btn.scholarships:focus-visible {
    --btn-bg: transparent;
    --btn-color: var(--color-primary);
    border-color: var(--btn-color);
}
  
  .btn.scholarships: first-child {
    margin-left: none;
  }
  
  .lp .no-header .scholarships-header {
    text-align: center;
    font-size: 1.5rem;
    margin-top: 1.5em;
  }
  
  .lp .no-header .scholarships-intro {
    text-align: center;
    font-size: 1rem;
    margin-top: 1rem;
    line-height: 1.3125rem;
  }
  
  .lp .no-header .sub-header {
    font-size: 1rem;
    margin-top: 1rem;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Scholarships overview page
  --------------------------------------------------------------------------------------------- */
  
  .underline-text {
    text-decoration: underline;
  }
  
  ol.nested-number-list {
    counter-reset: item;
  }
  .nested-number-list li {
    display: block;
  }
  .nested-number-list li:before {
    content: counters(item, '.') ' ';
    counter-increment: item;
  }
  
  ol.numeric-list {
    list-style-type: decimal;
  }
  
  ol.alpha-list {
    list-style-type: lower-alpha;
  }
  
  ol.roman-list {
    list-style-type: lower-roman;
  }
  
  /* ---------------------------------------------------------------------------------------------
  START: Knowledge Top Questions
  --------------------------------------------------------------------------------------------- */
  
  .knowledgeTopQuestions {
    max-width: 700px;
    margin-bottom: 1rem;
  }
  
  .knowledgeTopQuestions h3.knowledgeTopQuestions-header {
    background: var(--color-black-700);
    border-radius: 4px 4px 0 0;
    color: var(--color-white);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2rem;
    padding: 0.5rem;
    margin: 0;
  }
  
  .fs .knowledgeTopQuestions h3.knowledgeTopQuestions-header {
    font-size: 1rem;
    font-weight: 400;
  }
  
  .knowledgeTopQuestions ul.knowledgeTopQuestions-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .knowledgeTopQuestions li.knowledgeTopQuestions-listItem {
    background-color: #f7f7f7;
    border: 1px solid #e2e2e2;
    display: block;
    padding: 0;
  }
  
  .knowledgeTopQuestions li.knowledgeTopQuestions-listItem a {
    display: block;
    padding: 0.5rem;
  }
  
  .fs .knowledgeTopQuestions li.knowledgeTopQuestions-listItem a {
    font-size: 0.9rem;
  }
  
  .knowledgeTopQuestions li.knowledgeTopQuestions-listItem a:hover,
  li.knowledgeTopQuestions-listItem a:focus-visible {
    background-color: #eeeeee;
  }
  
  #container-footer .knowledgeTopQuestions-header {
    background: none;
    color: #333;
    font-weight: 400;
    font-size: 1rem;
  }
  
  #container-footer .knowledgeTopQuestions-list {
    background-color: var(--color-white);
    border-radius: 4px;
  }
  
  #container-footer .knowledgeTopQuestions-listItem {
    background-color: transparent;
    border: none;
    border-bottom: 1px dashed #e2e2e2;
    margin: 0 1rem;
  }
  
  #container-footer .knowledgeTopQuestions-listItem:last-of-type {
    border-bottom: none;
  }
  
  #container-footer .knowledgeTopQuestions-listItem a {
    padding: 0.8rem 0.5rem;
  }
  
  #container-footer .knowledgeTopQuestions-listItem a:hover {
    background-color: transparent;
  }
  
  #container-footer .footer-askus-wrapper > p {
    text-align: center;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Knowledge Top Questions
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Image Strip Gallery
  --------------------------------------------------------------------------------------------- */
  
  .imageGallery {
    display: flex;
    flex-direction: column;
  }
  
  .imageGallery__imageLarge {
    width: 100%;
  }
  
  .imageGallery__imageList {
    width: 100%;
    padding: 0;
    margin: 1rem 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .imageGallery__imageList li {
    box-sizing: border-box;
    padding-right: 0.5rem;
    flex: 0 0 auto;
    min-width: 100px;
  }
  
  .imageGallery__imageList li:hover {
    cursor: pointer;
  }
  
  .imageGallery__smallImage {
    height: 100%;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Image Strip Gallery
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: GDPR Banner
  --------------------------------------------------------------------------------------------- */
  
  .gdprBanner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #2e363e;
    z-index: 9999;
    color: #fcfcfc;
    padding: 2rem 5vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .gdprBanner p {
    margin: 0;
    width: 70%;
  }
  .gdprBanner a {
    color: #fcfcfc;
  }
  
  .gdprBanner__button {
    background-color: #ff5100;
    color: #030303;
    padding: 0.5rem 1rem;
    text-decoration: none;
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: GDPR Banner
  --------------------------------------------------------------------------------------------- */
  
  /* ---------------------------------------------------------------------------------------------
  START: Alert styles
  --------------------------------------------------------------------------------------------- */
  
  .alert-info,
  .alert-block,
  .alert-success,
  .alert-error {
    color: var(--color-black);
  }
  
  /* ---------------------------------------------------------------------------------------------
  END: Alert styles
  --------------------------------------------------------------------------------------------- */
  
  /* END ****************************************************************************************/