@charset "UTF-8";
.strath-bootstrap .course-search-2019 .searchstriped > section > article:hover, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover {
  background-color: #778898;
  color: #fff;
  text-decoration: none; }

.strath-bootstrap .block-grid-item .block-grid-item-text p a, .strath-bootstrap.course-page .course-overview p a, .strath-bootstrap .rhs-contact .social-media-icons a:hover, .strath-bootstrap .rhs-contact > p a, .strath-bootstrap .profile-carousel p a, .strath-bootstrap .uoscarousel .carousel-caption .quotee a, .strath-bootstrap .uoscarousel .carousel-caption blockquote a, .strath-bootstrap .uoscarousel .carousel-caption blockquote p a, .strath-bootstrap .one-block h3 a {
  color: #212529;
  text-decoration: underline;
  text-underline-position: under; }

.strath-bootstrap .block-grid-item .block-grid-item-text p a:hover, .strath-bootstrap.course-page .course-overview p a:hover, .strath-bootstrap .rhs-contact > p a:hover, .strath-bootstrap .profile-carousel p a:hover, .strath-bootstrap .uoscarousel .carousel-caption .quotee a:hover, .strath-bootstrap .uoscarousel .carousel-caption blockquote a:hover, .strath-bootstrap .uoscarousel .carousel-caption blockquote p a:hover, .strath-bootstrap .one-block h3 a:hover {
  color: #778898;
  text-decoration: none;
  background: transparent; }

.strath-bootstrap .single-video.single-image .caption-wrap .caption h2, .strath-bootstrap .news-events h2, .strath-bootstrap .block-outer-white > section h1, .strath-bootstrap .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section h3, .strath-bootstrap .block-outer-white > section h4, .strath-bootstrap .block-outer-white > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section .results .result h3, .strath-bootstrap .results .result .block-outer-white > section h3, .strath-bootstrap .block-outer-grey > section h1, .strath-bootstrap .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section h3, .strath-bootstrap .block-outer-grey > section h4, .strath-bootstrap .block-outer-grey > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section h3, .strath-bootstrap .block-outer > section h1, .strath-bootstrap .block-outer > section h2, .strath-bootstrap .block-outer > section h3, .strath-bootstrap .block-outer > section h4, .strath-bootstrap .block-outer > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section h2, .strath-bootstrap .block-outer > section .results .result h3, .strath-bootstrap .results .result .block-outer > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h1, .strath-bootstrap .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h1, .strath-bootstrap .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h1, .strath-bootstrap .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h4, .strath-bootstrap .profilescontainer-white-full-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section h1, .strath-bootstrap .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section h4, .strath-bootstrap .block-outer-grey-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h1, .strath-bootstrap .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h4, .strath-bootstrap .block-outer-white-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white .card-title, .strath-bootstrap .block-outer-background .card-title, .strath-bootstrap .outerhref-one .col-inner-grey > h3, .strath-bootstrap .outerhref-one .col-inner-white > h3, .strath-bootstrap .outerhref-two .col-inner-grey > h3, .strath-bootstrap .outerhref-two .col-inner-white > h3, .strath-bootstrap .outerhref-three .col-inner-grey > h3, .strath-bootstrap .outerhref-three .col-inner-white > h3, .strath-bootstrap .rhs-contact > h3, .strath-bootstrap .profile-carousel h3, .strath-bootstrap .rhs-general h3, .strath-bootstrap .course-search-2019 .course-list-results ul > h3, .strath-bootstrap .course-search-2019 .searchitemsub > h2, .strath-bootstrap .course-search-2019 #search-info, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3, .strath-bootstrap .half-width-feature h2, .strath-bootstrap .rhs-contact > fa-lg, .strath-bootstrap .one-block h3 a {
  color: #002b5c;
  font-weight: bold; }

.strath-bootstrap .course-search-2019 .course-list-results ul > h3 {
  font-size: 2.25rem; }

.strath-bootstrap .course-search-2019 .searchitemsub > h2 {
  font-size: 1.75rem; }

.strath-bootstrap .course-search-2019 #search-info, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3, .strath-bootstrap .half-width-feature h2 {
  font-size: 1.25rem; }

.strath-bootstrap .rhs-contact > fa-lg, .strath-bootstrap .one-block h3 a {
  font-size: 1rem; }

.strath-bootstrap {
  /* ==========================================================================
     Base
     ========================================================================== */
  /* ==========================================================================
   Mobile header menu
   ========================================================================== */
  /* ==========================================================================
   Breadcrumbs 
   ========================================================================== */
  /* ==========================================================================
   Homepage Banner
   ========================================================================== */
  /* ==========================================================================
   Buttons
   ========================================================================== */
  /* ==========================================================================
   Search
   ========================================================================== */
  /* ==========================================================================
   Campaign Banner
   ========================================================================== */
  /* ==========================================================================
   Course search
   ========================================================================== */
  /*xl = Extra large ≥1200px. Max container width 1140px. */
  /*sm = Small ≥576px. Max container width 540px.*/
  /* xs = Extra small <576px. Max container width None (auto) */
  /* ==========================================================================
   Page Save
   ========================================================================== */
  /* ==========================================================================
   Fact Banner
   ========================================================================== */
  /* ==========================================================================
   Timeline
   ========================================================================== */
  /* ==========================================================================
   Testimonial
   ========================================================================== */
  /* ==========================================================================
   Block Grid
   ========================================================================== */
  /* ==========================================================================
   Pagination
   ========================================================================== */
  /* ==========================================================================
   Bullets
   ========================================================================== */
  /* ==========================================================================
   Single Image/Video (uos boot fullSingleImageVideo)
   ========================================================================== */
  /* ==========================================================================
   News and Events
   ========================================================================== */
  /* ==========================================================================
   WYSIWYG - Formatting for content created with WYSIWYG editor
   ========================================================================== */
  /* ==========================================================================
  Outer Block
   ========================================================================== */
  /*@include media($phablet) {*/
  /*.block-outer-grey-stand-alone {
           > section /*{margin-top: -3.5rem;*/
  /* ==========================================================================
   uos LHSHalfWidthFeatureLnk & half-width-feature.scss
   ========================================================================== */
  /* ==========================================================================
    Course Search Landing
   ========================================================================== */
  /* ==========================================================================
   Course Page
   ========================================================================== */
  /* ==========================================================================
   Course Page
   ========================================================================== */
  /* ==========================================================================
   Course search
   ========================================================================== */
  /*xl = Extra large ≥1200px. Max container width 1140px. */
  /*sm = Small ≥576px. Max container width 540px.*/
  /* xs = Extra small <576px. Max container width None (auto) */
  /* ==========================================================================
   Block Button
   ========================================================================== */
  /* ==========================================================================
   Feature
   ========================================================================== */
  /* ==========================================================================
   uos Contact-RHS &  rhs-contact.scss
   ========================================================================== */
  /* ==========================================================================
   RHS - Quotes / rhs-quote.scss   
   ==========================================================================  */
  /* ==========================================================================
   RHS - General / rhs-general.scss   
   ==========================================================================  */
  /* ==========================================================================
   Asides / aside.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos Page Title / page-banner.scss 
   ========================================================================== */
  /* ==========================================================================
   General / general.scss   
   ==========================================================================  */
  /* ==========================================================================
   General / general.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos_feature-with-image & _feature-with-image.scss
   ========================================================================== */
  /* ==========================================================================
   uos profile  & _profile.scss
   ========================================================================== */
  /* ==========================================================================
Strategic Plan
========================================================================== */
  /* ==========================================================================
   Alerts / alert.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos 6blocks / sixblocks.scss 
   ========================================================================== */
  /* ==========================================================================
   Testimonial
   ========================================================================== */
  /* ==========================================================================
   uos Photobox / photobox.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos 1block / one-block.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos 2or4blocks / 2or4blocks.scss   
   ==========================================================================  */
  /* ==========================================================================
   Master LHS RHS / master-rhs-lhs.scss   
   ==========================================================================  */
  /* ==========================================================================
   uos WebNews / news.scss 
   ==========================================================================  */
  /* ==========================================================================
   uos/themes mime type
   ==========================================================================  */
  /* ==========================================================================
     mime type
   ==========================================================================  */
  /* ==========================================================================
   uos LHSfeaturesection / lhs-feature-section .scss 
   ==========================================================================  */
  /* ==========================================================================
   Tagline
   ========================================================================== */ }
  .strath-bootstrap body * {
    font-family: "Alegreya Sans", sans-serif; }
  .strath-bootstrap a:hover {
    text-decoration: none; }
  .strath-bootstrap p {
    line-height: 1.4; }
  .strath-bootstrap ul {
    list-style-type: square;
    padding-left: 1.5rem; }
  .strath-bootstrap .wrap {
    background: #fff;
    padding-bottom: 2rem; }
    @media (min-width: 992px) {
      .strath-bootstrap .wrap {
        padding: 0 2rem 2rem 2rem; } }
  .strath-bootstrap main {
    overflow: hidden; }
  .strath-bootstrap .main {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
    .strath-bootstrap .main .has-aside {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 576px) {
        .strath-bootstrap .main .has-aside {
          -webkit-flex: 0 0 58.33333%;
          -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
          max-width: 58.33333%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .main .has-aside {
          -webkit-flex: 0 0 66.66667%;
          -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%; } }
      @media (min-width: 992px) {
        .strath-bootstrap .main .has-aside {
          -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%; } }
    .strath-bootstrap .main aside {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 576px) {
        .strath-bootstrap .main aside {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .main aside {
          -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
          max-width: 33.33333%; } }
      @media (min-width: 992px) {
        .strath-bootstrap .main aside {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
  .strath-bootstrap hr {
    width: 100%;
    height: 1px;
    border-top: 1px solid #ced4da; }
    .strath-bootstrap hr.blue-hr {
      border-top: 3px solid #0078ae;
      max-width: 100px;
      width: 100%;
      margin: 0;
      margin-bottom: 40px;
      text-align: left; }
  .strath-bootstrap a:focus img {
    outline: 3px solid yellow !important; }
  .strath-bootstrap a.faux-block-link:before {
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1; }
  .strath-bootstrap a.faux-block-link:focus:before {
    border: 3px solid yellow !important; }
  .strath-bootstrap aside.off-canvas {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
    @media (min-width: 768px) {
      .strath-bootstrap aside.off-canvas {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1; } }
    .strath-bootstrap aside.off-canvas button.off-canvas-reveal {
      width: 100%;
      position: relative;
      margin-bottom: 1rem;
      color: #002b5c;
      background: #ced4da;
      font-weight: bold;
      display: block; }
      @media (min-width: 576px) {
        .strath-bootstrap aside.off-canvas button.off-canvas-reveal {
          display: none; } }
      .strath-bootstrap aside.off-canvas button.off-canvas-reveal:after {
        position: absolute;
        top: 0;
        right: 0;
        content: '\f054';
        font-family: "FontAwesome";
        padding: 0.75rem 1rem;
        color: #002b5c; }
      .strath-bootstrap aside.off-canvas button.off-canvas-reveal.back:after {
        right: auto;
        left: 0;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .strath-bootstrap aside.off-canvas .off-canvas-body {
      position: fixed;
      left: 100%;
      width: 100%;
      height: 100%;
      top: 0;
      padding: 1rem;
      padding-top: 120px;
      background: #fff;
      transition: all 0.2s ease-in-out;
      overflow-y: scroll;
      z-index: 5; }
      @media (min-width: 576px) {
        .strath-bootstrap aside.off-canvas .off-canvas-body {
          position: static;
          min-height: 0;
          padding: 0;
          overflow-y: hidden; } }
      .strath-bootstrap aside.off-canvas .off-canvas-body h2 {
        padding-bottom: 0;
        border-bottom: 0;
        min-height: 0; }
  .strath-bootstrap .off-canvas-open aside.off-canvas .off-canvas-body {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }
  .strath-bootstrap .gray-100-bg {
    background-color: #f8f9fa !important; }
  .strath-bootstrap .gray-200-bg, .strath-bootstrap .grey-bg {
    background-color: #e9ecef !important; }
  .strath-bootstrap .white-bg {
    background-color: #fff !important; }
  .strath-bootstrap .darkblue-bg, .strath-bootstrap .primaryblue-bg {
    background-color: #002b5c !important;
    color: #fff !important; }
  .strath-bootstrap .blue-bg {
    background-color: #0078ae !important;
    color: #fff !important; }
  .strath-bootstrap .green-bg {
    background-color: #5d9732 !important;
    color: #fff !important; }
  .strath-bootstrap .orange-bg {
    background-color: #F47B20 !important;
    color: #fff !important; }
  .strath-bootstrap .red-bg {
    background-color: #ee3224 !important;
    color: #fff !important; }
  .strath-bootstrap .small-gutters .row, .strath-bootstrap .block-grid .row {
    margin-right: -7.5px;
    margin-left: -7.5px; }
    .strath-bootstrap .small-gutters .row > *, .strath-bootstrap .block-grid .row > * {
      padding-right: 7.5px;
      padding-left: 7.5px; }
  .strath-bootstrap .embed-responsive {
    margin-bottom: 1rem; }
    .strath-bootstrap .embed-responsive:last-child {
      margin-bottom: 0; }
  @media (min-width: 576px) {
    .strath-bootstrap .right {
      float: right;
      margin: 0 0 1rem 1rem;
      max-width: 50%; } }
  @media (min-width: 768px) {
    .strath-bootstrap .right {
      float: right;
      margin: 0 0 2rem 2rem;
      max-width: 50%; } }
  @media (min-width: 576px) {
    .strath-bootstrap .left {
      float: left;
      margin: 0 1rem 1rem 0;
      max-width: 50%; } }
  @media (min-width: 768px) {
    .strath-bootstrap .left {
      float: left;
      margin: 0 2rem 2rem 0;
      max-width: 50%; } }
  .strath-bootstrap header.site-header {
    background: #fff;
    position: relative;
    border-bottom: 0;
    width: 100%;
    z-index: 1035; }
    .strath-bootstrap header.site-header * {
      font-family: "Alegreya Sans", sans-serif; }
    .strath-bootstrap header.site-header .fa {
      font-family: "FontAwesome"; }
    .strath-bootstrap header.site-header .container {
      padding-bottom: 0;
      position: relative;
      z-index: 1;
      max-width: 1060px;
      width: 100%;
      box-sizing: content-box;
      padding-left: 0;
      padding-right: 0; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .container {
          padding-left: 2%;
          padding-right: 2%;
          width: 96%;
          margin: auto; } }
    .strath-bootstrap header.site-header .navbar-brand {
      position: relative;
      margin-right: 0;
      z-index: 100;
      height: auto; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .navbar-brand {
          padding: 0; } }
    .strath-bootstrap header.site-header img.tab-logo {
      max-height: 150px;
      width: auto; }
    .strath-bootstrap header.site-header img.horizontal-logo {
      max-height: 40px;
      width: auto;
      margin: auto; }
    .strath-bootstrap header.site-header .nav-area {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .nav-area {
          white-space: nowrap;
          max-width: calc(100% - 150px); } }
      .strath-bootstrap header.site-header .nav-area.no-search .navbar-brand {
        padding-right: 50px;
        min-height: 53px; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .nav-area.no-search .navbar-brand {
            padding-right: 0; } }
      .strath-bootstrap header.site-header .nav-area .navbar-brand {
        background: #002b5c;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center; }
      .strath-bootstrap header.site-header .nav-area .navbar-menu {
        position: relative;
        z-index: 90;
        padding-left: 0;
        padding-right: 0;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .nav-area .navbar-menu {
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            z-index: 1;
            -webkit-flex-basis: auto;
            -ms-flex-preferred-size: auto;
            flex-basis: auto;
            display: block; } }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .nav-area .search-toggler {
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2; } }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .nav-area .breadcrumb {
          -webkit-order: 3;
          -ms-flex-order: 3;
          order: 3; } }
    .strath-bootstrap header.site-header .navbar {
      background: #002b5c;
      padding: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      margin-bottom: 0;
      border: 0;
      border-radius: 0; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .navbar {
          background: transparent; } }
      .strath-bootstrap header.site-header .navbar#navbar {
        float: none; }
      .strath-bootstrap header.site-header .navbar ul.nav {
        background: #fff;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 1px solid #fff;
        margin-left: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .navbar ul.nav {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            border-top: 0;
            height: 100%;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end; } }
        .strath-bootstrap header.site-header .navbar ul.nav li a {
          display: block;
          position: relative;
          padding: 0.75rem 1rem;
          color: #002b5c;
          font-weight: bold;
          font-size: 1.2rem;
          border-bottom: 1px solid #f8f9fa;
          transition: 0.2s; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li a {
              padding: 0.75rem 0.25rem;
              border-bottom: 0; } }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li a div {
              border-left: 3px solid #267AAB;
              padding: 0.25rem 0 0.25rem 0.75rem; } }
          .strath-bootstrap header.site-header .navbar ul.nav li a[aria-expanded=true] ~ ul {
            left: 0; }
            @media (min-width: 992px) {
              .strath-bootstrap header.site-header .navbar ul.nav li a[aria-expanded=true] ~ ul {
                left: auto; } }
        .strath-bootstrap header.site-header .navbar ul.nav ul {
          position: fixed;
          list-style-type: none;
          left: 100%;
          padding: 0;
          z-index: 100;
          transition: left 0.4s ease;
          top: 53px;
          width: 100%;
          height: calc(100vh - 50px) !important;
          background: #fff;
          overflow-y: auto;
          display: block;
          visibility: hidden;
          margin-left: 0; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav ul {
              position: absolute;
              top: auto;
              left: auto;
              width: auto;
              height: auto !important;
              overflow-y: hidden;
              display: none;
              visibility: visible;
              background: #f8f9fa;
              padding: 1rem;
              box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } }
          .strath-bootstrap header.site-header .navbar ul.nav ul:hover {
            display: block; }
          .strath-bootstrap header.site-header .navbar ul.nav ul.collapsing, .strath-bootstrap header.site-header .navbar ul.nav ul.show {
            visibility: visible; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav ul li {
              border-left: 3px solid #267AAB;
              margin-bottom: 0.25rem; } }
          .strath-bootstrap header.site-header .navbar ul.nav ul li a {
            font-weight: bold;
            font-size: 1rem;
            padding: 0.75rem 2rem 0.75rem 1rem;
            background: #fff;
            color: #002b5c; }
            @media (min-width: 992px) {
              .strath-bootstrap header.site-header .navbar ul.nav ul li a {
                background: #f8f9fa;
                padding: 0.5rem 3rem 0.5rem 1rem;
                white-space: nowrap; }
                .strath-bootstrap header.site-header .navbar ul.nav ul li a:hover {
                  background: #e9ecef; } }
          .strath-bootstrap header.site-header .navbar ul.nav ul .back div {
            display: inline-block;
            border-left: 0;
            padding-left: 0.5rem; }
          .strath-bootstrap header.site-header .navbar ul.nav ul .back a {
            background: #e9ecef; }
          .strath-bootstrap header.site-header .navbar ul.nav ul .back a:before {
            display: inline-block;
            font-family: "FontAwesome";
            font-size: 0.8rem;
            content: '\f078';
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
          .strath-bootstrap header.site-header .navbar ul.nav ul.show, .strath-bootstrap header.site-header .navbar ul.nav ul.collapsing {
            display: block; }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a:after {
          display: inline-block;
          font-family: "FontAwesome";
          font-size: 0.8rem;
          content: '\f078';
          margin-left: 0.5rem;
          float: right;
          margin-top: 0.25rem;
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
          transition: 0.2s; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a:after {
              display: none;
              float: none;
              margin-top: 0;
              -webkit-transform: rotate(0);
              -ms-transform: rotate(0);
              transform: rotate(0); } }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a.collapsed {
          background: #fff;
          color: #002b5c; }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a.collapsed:after {
          -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
          transform: rotate(-90deg); }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .navbar ul.nav li.has-children > a.collapsed:after {
              -webkit-transform: rotate(0);
              -ms-transform: rotate(0);
              transform: rotate(0); } }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .navbar ul.nav li.has-children:hover .top-level-menu-item {
            background: #f8f9fa; } }
        .strath-bootstrap header.site-header .navbar ul.nav li.has-children .top-level-menu-item {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 0 1rem; }
          .strath-bootstrap header.site-header .navbar ul.nav li.has-children .top-level-menu-item:hover {
            background: #e9ecef; }
          .strath-bootstrap header.site-header .navbar ul.nav li.has-children .top-level-menu-item button {
            padding: 0.25rem;
            background: transparent;
            pointer-events: none; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .navbar .top-level-menu-item:hover ~ ul {
          display: block; } }
    .strath-bootstrap header.site-header button.toggler {
      background: #002b5c;
      border: 0;
      padding: 0.5rem 1rem;
      position: relative;
      cursor: pointer;
      z-index: 100;
      width: 50px;
      line-height: normal;
      color: #fff; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header button.toggler {
          width: 60px;
          background: #f8f9fa; } }
      .strath-bootstrap header.site-header button.toggler.search-toggler {
        padding: 1rem; }
      .strath-bootstrap header.site-header button.toggler.search-toggler:after {
        display: inline-block;
        content: '\f00d'; }
      .strath-bootstrap header.site-header button.toggler.search-toggler.collapsed:after {
        content: '\f002'; }
      .strath-bootstrap header.site-header button.toggler.navbar-toggler:after {
        display: inline-block;
        content: '\f00d'; }
      .strath-bootstrap header.site-header button.toggler.navbar-toggler.collapsed:after {
        content: '\f0c9'; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header button.toggler.collapsed {
          background: transparent; } }
      .strath-bootstrap header.site-header button.toggler svg {
        max-width: 100%;
        height: auto; }
    .strath-bootstrap header.site-header button.toggler:after {
      display: inline-block;
      font-family: "FontAwesome";
      font-size: 1.2rem; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header button.toggler:after {
          color: #002b5c;
          font-size: 1.8rem; } }
    .strath-bootstrap header.site-header .search {
      left: 0;
      width: 100%;
      background: #f8f9fa;
      position: relative;
      z-index: 90;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .search {
          position: absolute;
          top: calc(100% - 44px);
          overflow: hidden;
          white-space: normal; } }
      .strath-bootstrap header.site-header .search.show {
        height: auto; }
      .strath-bootstrap header.site-header .search .search-top-area {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .search-top-area {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; } }
        .strath-bootstrap header.site-header .search .search-top-area.course-menu-open .search-area {
          min-width: calc(100% - 300px); }
        .strath-bootstrap header.site-header .search .search-top-area.course-menu-open .course-header-links {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          visibility: visible; }
        .strath-bootstrap header.site-header .search .search-top-area.course-menu-open .course-header-links div {
          opacity: 1; }
      .strath-bootstrap header.site-header .search .search-area {
        padding: 1rem; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .search-area {
            padding-top: 5rem;
            min-width: 100%;
            transition: min-width 0.3s ease;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; } }
        .strath-bootstrap header.site-header .search .search-area ul.nav {
          background: transparent; }
        .strath-bootstrap header.site-header .search .search-area h2 {
          font-weight: bold;
          min-height: 0;
          padding-bottom: 0;
          margin-bottom: 1rem;
          border-bottom: 0;
          color: #002b5c;
          font-size: 1.4rem; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .search-area h2 {
              margin: 0 5rem;
              font-size: 1.6rem; } }
      .strath-bootstrap header.site-header .search ul.nav-tabs {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        border-bottom: 0;
        height: auto;
        margin: auto; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search ul.nav-tabs {
            margin: 0 5rem; } }
        .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item {
          border: 1px solid #002b5c;
          margin-right: 0.5rem;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item:last-of-type {
            margin-right: 0; }
          @media (min-width: 768px) {
            .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item {
              -webkit-flex: 0 1 auto;
              -ms-flex: 0 1 auto;
              flex: 0 1 auto; } }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item a.nav-link {
            text-align: center;
            transition: 0.2s;
            padding: 0.75rem 1rem;
            margin-right: 0; }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item .active {
            color: #fff; }
          .strath-bootstrap header.site-header .search ul.nav-tabs li.nav-item .active:hover {
            background: #001329; }
      .strath-bootstrap header.site-header .search form {
        position: relative;
        margin: 2rem auto 1rem auto;
        padding: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search form {
            margin: 2rem 5rem; } }
        .strath-bootstrap header.site-header .search form input.searchinput {
          border: 0;
          height: auto;
          border-bottom: 3px solid #002b5c;
          background: transparent;
          box-shadow: none;
          border-radius: 0;
          font-size: 1.3375rem;
          line-height: 1.5;
          padding: .5rem 1rem;
          width: 100%; }
          .strath-bootstrap header.site-header .search form input.searchinput::-ms-clear {
            margin-right: 30px; }
        .strath-bootstrap header.site-header .search form button {
          position: absolute;
          background: transparent;
          top: 0;
          right: 0;
          color: #002b5c;
          padding: 0.75rem 1rem;
          box-shadow: none;
          border: 0; }
          .strath-bootstrap header.site-header .search form button:after {
            display: inline-block;
            font-family: "FontAwesome";
            color: #002b5c;
            font-size: 1.6rem;
            content: '\f002';
            line-height: 1; }
      .strath-bootstrap header.site-header .search .course-header-links {
        display: none;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 1rem;
        visibility: hidden; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .course-header-links {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-width: 300px;
            background: #e9ecef;
            padding-bottom: 0; } }
        .strath-bootstrap header.site-header .search .course-header-links div {
          position: relative; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .course-header-links div {
              opacity: 0;
              transition: opacity 0.8s ease; } }
        .strath-bootstrap header.site-header .search .course-header-links a,
        .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed {
          display: inline-block;
          font-weight: bold;
          font-size: 1.2rem;
          background: transparent;
          color: #002b5c;
          width: 100%;
          padding: 1rem;
          transition: 0.2s; }
          @media (min-width: 576px) {
            .strath-bootstrap header.site-header .search .course-header-links a,
            .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed {
              width: auto; } }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .course-header-links a,
            .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed {
              width: 100%;
              padding: 1rem 1.5rem; } }
          .strath-bootstrap header.site-header .search .course-header-links a:after,
          .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:after {
            display: inline-block;
            position: absolute;
            right: 0;
            top: 0;
            margin: 1rem;
            font-family: "FontAwesome";
            content: '\f078';
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            transition: 0.2s;
            width: 20px; }
            @media (min-width: 576px) {
              .strath-bootstrap header.site-header .search .course-header-links a:after,
              .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:after {
                position: relative;
                padding: 0;
                margin: 0;
                margin-left: 1rem; } }
            @media (min-width: 992px) {
              .strath-bootstrap header.site-header .search .course-header-links a:after,
              .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:after {
                position: absolute;
                margin: 1rem; } }
          .strath-bootstrap header.site-header .search .course-header-links a:hover,
          .strath-bootstrap header.site-header .search .course-header-links a.toggler.collapsed:hover {
            background: #dae0e5; }
        .strath-bootstrap header.site-header .search .course-header-links a.toggler {
          background: #002b5c;
          color: #fff; }
          .strath-bootstrap header.site-header .search .course-header-links a.toggler:after {
            content: '\f00d'; }
      .strath-bootstrap header.site-header .search .subjects {
        position: fixed;
        left: 100%;
        padding: 0;
        z-index: 100;
        transition: 0.2s;
        top: 53px;
        width: 100%;
        height: calc(100vh - 50px);
        background: #fff;
        overflow-y: auto; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .search .subjects {
            position: relative;
            background: transparent;
            top: auto;
            left: auto;
            width: auto;
            height: auto;
            overflow-y: hidden; } }
        .strath-bootstrap header.site-header .search .subjects.show {
          left: 0; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .subjects.show {
              left: auto; } }
        .strath-bootstrap header.site-header .search .subjects h2 {
          font-weight: bold;
          margin: 1rem 2rem 1rem 2rem;
          padding: 0;
          border-bottom: 0;
          color: #002b5c; }
        .strath-bootstrap header.site-header .search .subjects ul {
          list-style-type: none;
          padding: 0;
          margin: 0; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .subjects ul {
              -webkit-column-count: 3;
              column-count: 3;
              padding: 0 2rem 1rem 2rem; } }
        .strath-bootstrap header.site-header .search .subjects li {
          display: inline-block;
          width: 100%; }
        .strath-bootstrap header.site-header .search .subjects li a {
          display: block;
          font-weight: bold;
          color: #002b5c;
          padding: 0.75rem 1rem;
          border-bottom: 1px solid #f8f9fa; }
          @media (min-width: 992px) {
            .strath-bootstrap header.site-header .search .subjects li a {
              padding: 0.5rem 1rem;
              font-weight: normal;
              border-bottom: 0; } }
          .strath-bootstrap header.site-header .search .subjects li a:hover {
            background: #dae0e5; }
        .strath-bootstrap header.site-header .search .subjects .back div {
          display: inline-block;
          border-left: 0;
          padding-left: 0.5rem; }
        .strath-bootstrap header.site-header .search .subjects .back a {
          background: #e9ecef; }
        .strath-bootstrap header.site-header .search .subjects .back a:before {
          display: inline-block;
          font-family: "FontAwesome";
          font-size: 0.8rem;
          content: '\f078';
          -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
    .strath-bootstrap header.site-header .breadcrumb {
      width: 100%;
      margin-bottom: 0;
      padding: 0;
      background: #e9ecef;
      line-height: normal;
      border-radius: 0; }
      @media (min-width: 992px) {
        .strath-bootstrap header.site-header .breadcrumb {
          background: transparent;
          height: 43px; } }
      .strath-bootstrap header.site-header .breadcrumb a .fa-home {
        color: #002b5c;
        font-size: 1rem;
        font-weight: normal; }
      .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader {
        padding: 0.75rem 1rem;
        width: 100%; }
        @media (min-width: 992px) {
          .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader {
            padding-left: 1.5rem;
            overflow: hidden; } }
      .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader ul {
        display: inline-block; }
      .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li {
        padding: 0 0.75rem 0 0;
        color: #495057; }
        .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li:first-child:before {
          content: ''; }
        .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li:before {
          font-family: "FontAwesome";
          font-size: 0.6rem;
          content: '\f054';
          color: #495057; }
        .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li a {
          color: #495057; }
          .strath-bootstrap header.site-header .breadcrumb nav.breadcrumbsheader li a:hover {
            color: #343a40; }
    .strath-bootstrap header.site-header .fw-breadcrumb-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 43px;
      width: 100%;
      background: #e9ecef; }
    .strath-bootstrap header.site-header .dark-overlay {
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.3);
      visibility: hidden;
      opacity: 0;
      transition: 0.2s;
      z-index: 2; }
    .strath-bootstrap header.site-header .navbar-toggler[aria-expanded=true] ~ .dark-overlay, .strath-bootstrap header.site-header .search-toggler[aria-expanded=true] ~ .dark-overlay {
      visibility: visible;
      opacity: 1; }
    .strath-bootstrap header.site-header.menu-open {
      position: fixed; }
    .strath-bootstrap header.site-header .d-block {
      display: block !important; }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .d-lg-none {
        display: none !important; } }
    .strath-bootstrap header.site-header .d-none {
      display: none !important; }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .d-lg-block {
        display: block !important; } }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .d-lg-flex {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important; } }
    .strath-bootstrap header.site-header .collapse:not(.show) {
      display: none; }
    @media (min-width: 992px) {
      .strath-bootstrap header.site-header .navbar-menu.collapse:not(.show) {
        display: block; } }
  .strath-bootstrap .breadcrumbs {
    clear: both; }
  .strath-bootstrap .breadcrumbsheader, .strath-bootstrap .breadcrumbs {
    position: relative; }
  .strath-bootstrap .breadcrumbsheader ul, .strath-bootstrap .breadcrumbs ul {
    margin: 0;
    padding: 0;
    background: #e9ecef; }
  .strath-bootstrap .breadcrumbsheader ul li, .strath-bootstrap .breadcrumbs ul li {
    display: inline-block;
    padding: 10px 10px 10px 0;
    color: #222222;
    font-size: 16px;
    background: #e9ecef; }
  .strath-bootstrap .breadcrumbsheader ul li:before, .strath-bootstrap .breadcrumbs ul li:before {
    margin-right: 13.33333px;
    color: #222222;
    content: '>'; }
  .strath-bootstrap .breadcrumbsheader ul li:first-child, .strath-bootstrap .breadcrumbs ul li:first-child {
    padding-left: 0; }
  .strath-bootstrap .breadcrumbsheader ul li:first-child:before, .strath-bootstrap .breadcrumbs ul li:first-child:before {
    margin-right: 0;
    content: ''; }
  .strath-bootstrap .breadcrumbsheader ul li a, .strath-bootstrap .breadcrumbs ul li a {
    color: #222222;
    text-decoration: none;
    background: #e9ecef; }
  .strath-bootstrap .breadcrumbsheader ul li a.hover, .strath-bootstrap .breadcrumbs ul li a.hover {
    color: #778898;
    text-decoration: underline; }
  @media screen and (max-width: 699px) {
    .strath-bootstrap .breadcrumbsheader ul li, .strath-bootstrap .breadcrumbsul li {
      padding: 10px 10px 0 0; } }
  .strath-bootstrap h1 {
    font-size: 2.14rem;
    margin-top: 0.5rem; }
  .strath-bootstrap h2 {
    font-size: 1.712rem; }
  .strath-bootstrap h3 {
    font-size: 1.498rem; }
  .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3 {
    font-size: 1.284rem; }
  .strath-bootstrap h5, .strath-bootstrap .news-events h3, .strath-bootstrap .news-events h3 a {
    font-size: 1.07rem; }
  @media (min-width: 576px) {
    .strath-bootstrap h1 {
      font-size: 2.14rem; }
    .strath-bootstrap h2 {
      font-size: 1.712rem; }
    .strath-bootstrap h3 {
      font-size: 1.498rem; }
    .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3 {
      font-size: 1.284rem; }
    .strath-bootstrap h5, .strath-bootstrap .news-events h3, .strath-bootstrap .news-events h3 a {
      font-size: 1.07rem; } }
  @media (min-width: 768px) {
    .strath-bootstrap h1 {
      font-size: 2.4075rem; }
    .strath-bootstrap h2 {
      font-size: 1.926rem; }
    .strath-bootstrap h3 {
      font-size: 1.68525rem; }
    .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3 {
      font-size: 1.4445rem; }
    .strath-bootstrap h5, .strath-bootstrap .news-events h3, .strath-bootstrap .news-events h3 a {
      font-size: 1.20375rem; } }
  @media (min-width: 992px) {
    .strath-bootstrap h1 {
      font-size: 2.675rem; }
    .strath-bootstrap h2 {
      font-size: 2.14rem; }
    .strath-bootstrap h3 {
      font-size: 1.8725rem; }
    .strath-bootstrap h4, .strath-bootstrap .banner-buttons .banner-button-header h2, .strath-bootstrap .results .result h3 {
      font-size: 1.605rem; }
    .strath-bootstrap h5, .strath-bootstrap .news-events h3, .strath-bootstrap .news-events h3 a {
      font-size: 1.3375rem; } }
  .strath-bootstrap #feature-home-bootstrap.feature-home {
    border-bottom: 4px solid #ced4da !important;
    margin-bottom: 0px;
    overflow: visible;
    position: relative; }
    .strath-bootstrap #feature-home-bootstrap.feature-home > div {
      position: relative; }
    .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
      height: 150px; }
      @media (min-width: 576px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 200px; } }
      @media (min-width: 768px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 250px; } }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 300px; } }
      @media (min-width: 1200px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 350px; } }
      @media (min-width: 1400px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home.page-title .background {
          height: 350px; } }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home.page-title #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.middle {
        margin-bottom: 3rem; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home .background {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 200px; }
      @media (min-width: 576px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 300px; } }
      @media (min-width: 768px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 500px; } }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 600px; } }
      @media (min-width: 1200px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 70vh; } }
      @media (min-width: 1200px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 600px; } }
      @media (min-width: 1400px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .background {
          height: 650px; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home .background video,
      .strath-bootstrap #feature-home-bootstrap.feature-home .background #bannerImage img {
        width: 100%; }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home .background video,
          .strath-bootstrap #feature-home-bootstrap.feature-home .background #bannerImage img {
            position: absolute;
            top: -999px;
            bottom: -999px;
            left: 0;
            right: 0;
            margin: auto; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home .background .pause-button {
        display: none;
        position: absolute;
        opacity: 0;
        top: -100px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100px;
        height: 100px;
        transition: opacity 0.2s ease-in-out; }
        @media screen and (prefers-reduced-motion: reduce) {
          .strath-bootstrap #feature-home-bootstrap.feature-home .background .pause-button {
            transition: none; } }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home .background .pause-button {
            display: block; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home .background:hover .pause-button {
        opacity: 0.5; }
        .strath-bootstrap #feature-home-bootstrap.feature-home .background:hover .pause-button:hover {
          opacity: 0.8;
          cursor: pointer; }
    .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper {
      background: #002b5c;
      z-index: 2;
      pointer-events: none; }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper {
          position: absolute;
          background: transparent;
          left: 0;
          bottom: 0;
          width: 100%; } }
      .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
        display: block;
        margin-left: auto;
        margin-right: auto;
        line-height: 1;
        border-bottom: 5px solid #dee2e6;
        padding: 0.5rem 0; }
        @media (min-width: 576px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
            padding: 1rem 0; } }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
            margin-bottom: 4rem;
            padding: 0 2rem;
            border-bottom: 0;
            max-width: 1140px; } }
        @media (min-width: 992px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.middle {
            margin-bottom: 15rem; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption.right {
          text-align: right; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
          pointer-events: auto;
          display: inline-block;
          color: white;
          padding: 1rem 1.5rem;
          font-size: 1.4em; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
              font-size: 2.2em;
              padding: 1rem 1.5rem; } }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
              font-size: 2.6em; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
              background: rgba(0, 43, 92, 0.85);
              padding: 1.5rem 2rem;
              font-size: 3em;
              font-weight: bold; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
          padding-bottom: 0; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
              font-size: 1.8em; } }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
              font-size: 2em; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1.no-padding-bottom {
              font-size: 2em; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 {
          font-weight: bold; }
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 h1 {
            color: #fff;
            margin-bottom: 0; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
          font-weight: bold;
          display: none; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption hr {
          display: none; }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .page-title-banner-buttons {
          padding: 0 1.5rem; }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .page-title-banner-buttons {
              padding: 0; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn {
          pointer-events: all;
          font-size: 1.4rem;
          display: block;
          margin: 0 1rem 0.5rem; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn {
              display: inline-block;
              margin: 0 1rem 1rem 1.5rem; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn {
              margin: 1rem 1rem 0 0; }
              .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn:first-of-type {
                margin-left: 0; } }
          .strath-bootstrap #feature-home-bootstrap.feature-home #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption .btn:after {
            display: none;
            margin-left: 1rem;
            content: '\f054';
            font-family: "FontAwesome";
            font-size: 1rem; }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home .top video,
      .strath-bootstrap #feature-home-bootstrap.feature-home .top #bannerImage img {
        top: 0;
        bottom: auto; } }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home .bottom video,
      .strath-bootstrap #feature-home-bootstrap.feature-home .bottom #bannerImage img {
        top: auto;
        bottom: 0; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home .video-background video {
      display: none; }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home .video-background video {
          display: block; } }
    @media (min-width: 992px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home .video-background #bannerImage {
        display: none; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home #bannerImage {
      display: block;
      height: 100%;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; }
      @media (min-width: 992px) {
        .strath-bootstrap #feature-home-bootstrap.feature-home #bannerImage.scale-up {
          display: block; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home .feature-mobile-buttons {
      display: none;
      position: relative; }
  .strath-bootstrap .banner-buttons {
    padding-bottom: 1rem;
    margin-bottom: 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .banner-buttons {
        padding: 2rem 0 1rem 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons {
        padding: 2rem 0 2rem 0; } }
    .strath-bootstrap .banner-buttons .banner-button-container {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
    .strath-bootstrap .banner-buttons .banner-button {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 1rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner-buttons .banner-button {
          margin-bottom: 2rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner-buttons .banner-button {
          margin-bottom: 1rem; } }
      .strath-bootstrap .banner-buttons .banner-button a {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        background: #e11a75;
        padding: 1rem;
        color: #000; }
        .strath-bootstrap .banner-buttons .banner-button a h2 {
          padding: 0; }
        .strath-bootstrap .banner-buttons .banner-button a:hover {
          background: #778898;
          border-color: #fd7e14;
          transition: 0.1s; }
          .strath-bootstrap .banner-buttons .banner-button a:hover polyline {
            stroke: #fd7e14; }
      .strath-bootstrap .banner-buttons .banner-button h2 {
        font-weight: bold;
        border-bottom: 0;
        padding-bottom: 0;
        min-height: 0; }
        @media (min-width: 576px) {
          .strath-bootstrap .banner-buttons .banner-button h2 {
            padding: 1rem; } }
      .strath-bootstrap .banner-buttons .banner-button svg {
        overflow: visible; }
    .strath-bootstrap .banner-buttons .banner-button-header h2 {
      margin-bottom: 1rem;
      color: white; }
    .strath-bootstrap .banner-buttons .banner-button-body {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: auto; }
    .strath-bootstrap .banner-buttons .banner-button-caption {
      margin-right: 1rem; }
    .strath-bootstrap .banner-buttons .banner-button-chevron {
      margin-left: auto; }
  .strath-bootstrap .banner-buttons.overlap {
    position: relative;
    z-index: 2; }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.overlap {
        margin-top: -5rem; } }
  .strath-bootstrap .banner-buttons.has-description .description-container {
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        margin-bottom: 0rem; } }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        padding: 0 1rem; } }
  .strath-bootstrap .banner-buttons.has-description .description {
    padding: 2rem;
    background: #e9ecef;
    font-size: 1.2rem;
    height: 100%; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .description {
        margin-bottom: 0; } }
    .strath-bootstrap .banner-buttons.has-description .description p:last-child {
      margin-bottom: 0; }
  .strath-bootstrap .banner-buttons.has-description .description-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.has-description .description-container {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%; } }
  .strath-bootstrap .banner-buttons.has-description .banner-button-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 768px) {
      .strath-bootstrap .banner-buttons.has-description .banner-button-container {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .banner-buttons.has-description .banner-button-container {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%; } }
  @media (min-width: 576px) {
    .strath-bootstrap .banner-buttons.has-description .banner-button {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem; } }
  @media (min-width: 992px) {
    .strath-bootstrap .banner-buttons.has-description .banner-button {
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 1rem; } }
  .strath-bootstrap .banner-buttons.has-description .banner-button:last-child {
    margin-bottom: 0; }
  .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: transparent; }
    .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper {
      width: 100%;
      height: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper * {
        font-family: 'gilroy-extrabold', Arial, Helvetica, sans-serif;
        text-transform: uppercase; }
      .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
        margin-bottom: 0;
        padding: 0 1rem;
        width: 100%;
        text-align: center;
        border-bottom: 0; }
        @media (min-width: 768px) {
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption {
            text-align: left;
            padding: 0 2rem; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
          background: transparent !important;
          color: #fff;
          font-size: 2.4rem;
          font-weight: 700;
          line-height: 1;
          padding: 0;
          -webkit-text-stroke: 2px #fff;
          letter-spacing: 1px; }
          @media (min-width: 576px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 3.6rem; } }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 4.4rem; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 4.8rem;
              text-align: left;
              -webkit-flex-grow: 2;
              -ms-flex-positive: 2;
              flex-grow: 2; } }
          @media (min-width: 1200px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 5rem; } }
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 .yellow,
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 .yellow,
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 .yellow {
            color: #e11a75;
            -webkit-text-stroke: 2px #e11a75; }
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 .yellow a,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 .yellow a,
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 .yellow a {
              color: #e11a75;
              transition: all 0.2s ease-in-out;
              pointer-events: all; }
              .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine1 .yellow a:hover,
              .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine2 .yellow a:hover,
              .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 .yellow a:hover {
                color: #b3155d; }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
          margin-bottom: 2rem;
          display: none; }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              display: inline-block;
              font-size: 2.4rem;
              background: transparent;
              color: #fff;
              -webkit-text-stroke: 2px #fff;
              letter-spacing: 1px;
              padding: 0; } }
          @media (min-width: 992px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 2.8rem;
              text-align: left;
              -webkit-flex-grow: 2;
              -ms-flex-positive: 2;
              flex-grow: 2; } }
          @media (min-width: 1200px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption #bannerCaptionLine3 {
              font-size: 3rem; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption hr {
          display: none;
          border-top: 4px solid #e11a75;
          width: 150px;
          margin-left: 0;
          text-align: left; }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption hr {
              display: block; } }
        .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption a.btn {
          display: none;
          background: #e11a75;
          color: #000;
          width: 100%;
          transition: all 0.2s ease-in-out;
          margin: 0; }
          @media (min-width: 768px) {
            .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption a.btn {
              display: inline-block;
              width: auto; } }
          .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #captionCourseSearchWrapper #bannerCaptionWrapper #bannerCaption a.btn:hover {
            background: #b3155d; }
  .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons {
    padding: 0 1rem 1rem 1rem;
    margin-top: -2.5rem;
    display: block; }
    .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons * {
      font-family: 'gilroy-extrabold', Arial, Helvetica, sans-serif;
      text-transform: uppercase; }
    @media (min-width: 768px) {
      .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons {
        display: none; } }
    .strath-bootstrap #feature-home-bootstrap.feature-home.clearing .feature-mobile-buttons a.btn {
      background: #e11a75;
      width: 100%;
      margin-top: 1rem;
      color: #000; }
  .strath-bootstrap #feature-home-bootstrap.feature-home.clearing #courseSearchBar {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .strath-bootstrap .btn {
    white-space: normal; }
    .strath-bootstrap .btn.btn-orange {
      background: #018489;
      color: white;
      font-weight: bold; }
      .strath-bootstrap .btn.btn-orange:hover {
        background: #778898; }
      .strath-bootstrap .btn.btn-orange a {
        color: white; }
    .strath-bootstrap .btn.btn-trans {
      background: transparent;
      color: #fff;
      font-weight: bold; }
      .strath-bootstrap .btn.btn-trans:hover {
        background: #778898; }
      .strath-bootstrap .btn.btn-trans a {
        color: white; }
  .strath-bootstrap .modal-header .close {
    padding: 1rem; }
  .strath-bootstrap .button-link {
    display: inline-block;
    position: relative;
    padding: 0.6rem 1.2rem;
    background: #018489;
    color: white !important;
    font-weight: bold;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 1.4rem;
    border-radius: 50px; }
    .strath-bootstrap .button-link:hover, .strath-bootstrap .button-link:active, .strath-bootstrap .button-link:focus {
      background-color: #778898;
      color: white; }
      .strath-bootstrap .button-link:hover a, .strath-bootstrap .button-link:active a, .strath-bootstrap .button-link:focus a {
        color: white !important;
        text-decoration: none !important;
        margin: -0.6rem -1.2rem; }
    .strath-bootstrap .button-link > a {
      color: white;
      color: white !important;
      text-decoration: none !important;
      margin: -0.6rem -1.2rem;
      padding: 0.6rem 1.2rem; }
  .strath-bootstrap .search-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 1rem;
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .strath-bootstrap .search-bar {
        margin-bottom: 2rem; } }
    .strath-bootstrap .search-bar .search-bar-inner {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 992px) {
        .strath-bootstrap .search-bar .search-bar-inner {
          -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%; } }
    .strath-bootstrap .search-bar input {
      background: #e9ecef;
      width: 100%;
      font-size: 1.6rem;
      color: #000;
      padding: 10px 60px 10px 20px;
      border: 2px solid #0078ae; }
    .strath-bootstrap .search-bar button {
      font-size: 2rem;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 1rem;
      padding: 0 1rem;
      background: transparent;
      color: inherit; }
  .strath-bootstrap .results .results-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 0.5rem; }
    .strath-bootstrap .results .results-header h2,
    .strath-bootstrap .results .results-header .results-count {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      margin: 0; }
      @media (min-width: 768px) {
        .strath-bootstrap .results .results-header h2,
        .strath-bootstrap .results .results-header .results-count {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
    .strath-bootstrap .results .results-header .results-count {
      margin-bottom: 0.5rem; }
  .strath-bootstrap .results .result {
    position: relative;
    overflow: auto;
    padding: 1rem;
    transition: 0.15s;
    border-bottom: 1px solid #e9ecef; }
    .strath-bootstrap .results .result:hover {
      background: #e9ecef; }
    .strath-bootstrap .results .result.best-bet {
      border: 0px;
      padding-left: 1rem;
      background: #e9ecef;
      border-left: 4px solid #0078ae;
      margin-bottom: 1rem; }
      .strath-bootstrap .results .result.best-bet:hover {
        background: #cbd3da;
        border-left: 4px solid #fd7e14; }
      @media (min-width: 768px) {
        .strath-bootstrap .results .result.best-bet {
          padding-left: 2rem; } }
    .strath-bootstrap .results .result:last-of-type {
      border-bottom: 0; }
    .strath-bootstrap .results .result h3 {
      margin-bottom: 0.5rem; }
    .strath-bootstrap .results .result h3 a {
      color: #002b5c;
      font-weight: normal; }
    .strath-bootstrap .results .result .fa-envelope {
      font-size: 1.2rem;
      margin-left: 0.5rem; }
    .strath-bootstrap .results .result cite {
      color: #0078ae;
      font-style: normal;
      word-wrap: break-word; }
    .strath-bootstrap .results .result .search-summary {
      display: block;
      margin-top: 1rem;
      max-width: 700px; }
    .strath-bootstrap .results .result .staffImage {
      float: right;
      margin: 0 0 1rem 1rem; }
  .strath-bootstrap .filters .radio-bar,
  .strath-bootstrap .filters .check-bar {
    margin-bottom: 0.5rem;
    position: relative; }
    .strath-bootstrap .filters .radio-bar input.filter-input:checked ~ label,
    .strath-bootstrap .filters .radio-bar.active a,
    .strath-bootstrap .filters .check-bar input.filter-input:checked ~ label,
    .strath-bootstrap .filters .check-bar.active a {
      background: #002b5c;
      color: #fff; }
      .strath-bootstrap .filters .radio-bar input.filter-input:checked ~ label:before,
      .strath-bootstrap .filters .radio-bar.active a:before,
      .strath-bootstrap .filters .check-bar input.filter-input:checked ~ label:before,
      .strath-bootstrap .filters .check-bar.active a:before {
        color: #002b5c; }
      .strath-bootstrap .filters .radio-bar input.filter-input:checked ~ label:hover,
      .strath-bootstrap .filters .radio-bar.active a:hover,
      .strath-bootstrap .filters .check-bar input.filter-input:checked ~ label:hover,
      .strath-bootstrap .filters .check-bar.active a:hover {
        background: #002b5c; }
    .strath-bootstrap .filters .radio-bar label.filter-label,
    .strath-bootstrap .filters .radio-bar a,
    .strath-bootstrap .filters .check-bar label.filter-label,
    .strath-bootstrap .filters .check-bar a {
      display: block;
      width: 100%;
      font-weight: bold;
      background: #ced4da;
      color: #002b5c;
      padding: 1rem;
      cursor: pointer;
      margin-bottom: 0;
      transition: 0.15s;
      text-transform: capitalize; }
      .strath-bootstrap .filters .radio-bar label.filter-label:hover,
      .strath-bootstrap .filters .radio-bar a:hover,
      .strath-bootstrap .filters .check-bar label.filter-label:hover,
      .strath-bootstrap .filters .check-bar a:hover {
        background: #b1bbc4; }
    .strath-bootstrap .filters .radio-bar label.filter-label:before,
    .strath-bootstrap .filters .radio-bar a:before,
    .strath-bootstrap .filters .check-bar label.filter-label:before,
    .strath-bootstrap .filters .check-bar a:before {
      position: absolute;
      top: 0;
      right: 0;
      content: "\f00c";
      font-family: "FontAwesome";
      padding: 0.5rem;
      margin: 0.5rem;
      background: #fff;
      color: #e9ecef; }
  .strath-bootstrap .filters .sub-filters {
    border-bottom: 1px solid #e9ecef; }
  .strath-bootstrap .filters .sub-filters-inner {
    padding: 0.5rem; }
  .strath-bootstrap .filters .sub-filter input[type='checkbox'] ~ label:before {
    display: inline-block;
    content: "\f00c";
    font-family: "FontAwesome";
    padding: 0.5rem;
    background: #e9ecef;
    color: #fff;
    margin-right: 0.5rem; }
  .strath-bootstrap .filters .sub-filter label {
    cursor: pointer;
    margin-bottom: 0.25rem; }
  .strath-bootstrap .filters input.subfilter-input:checked ~ label:before {
    color: #002b5c; }
  .strath-bootstrap .ui-helper-hidden-accessible,
  .strath-bootstrap .ui-help-hidden {
    display: none; }
  .strath-bootstrap .ui-menu {
    margin: 0;
    padding: 0.5rem;
    width: 300px;
    list-style-type: none;
    transition: 0.2s;
    background: transparent;
    border: 0; }
    .strath-bootstrap .ui-menu li.ui-menu-item {
      margin: 0;
      padding: 0;
      font-size: 1.2rem; }
      .strath-bootstrap .ui-menu li.ui-menu-item a {
        display: block;
        color: #000;
        cursor: pointer;
        padding: 0.75rem 0.5rem;
        border-bottom: 1px solid #e9ecef; }
        .strath-bootstrap .ui-menu li.ui-menu-item a:hover {
          background-color: #e9ecef; }
  .strath-bootstrap .ui-state-active {
    background-color: #e9ecef; }
  .strath-bootstrap .inline-search {
    padding: 1rem 0;
    border-bottom: 1px solid #e9ecef; }
    @media (min-width: 576px) {
      .strath-bootstrap .inline-search {
        padding: 4rem 0; } }
    .strath-bootstrap .inline-search form {
      position: relative;
      max-width: 600px; }
    .strath-bootstrap .inline-search input.search-input {
      border: 0;
      height: auto;
      border-bottom: 3px solid #002b5c;
      background: transparent;
      box-shadow: none;
      border-radius: 0;
      font-size: 1.3375rem;
      line-height: 1.5;
      padding: .5rem 1rem;
      width: 100%; }
      .strath-bootstrap .inline-search input.search-input::-ms-clear {
        margin-right: 30px; }
    .strath-bootstrap .inline-search button {
      position: absolute;
      background: transparent;
      top: 0;
      right: 0;
      color: #002b5c;
      padding: 0.75rem 1rem;
      box-shadow: none;
      border: 0; }
      .strath-bootstrap .inline-search button:after {
        display: inline-block;
        font-family: "FontAwesome";
        color: #002b5c;
        font-size: 1.6rem;
        content: '\f002';
        line-height: 1; }
    .strath-bootstrap .inline-search .fback {
      height: 0;
      transition: 0.5s; }
    .strath-bootstrap .inline-search .results {
      padding-top: 2rem;
      opacity: 0;
      transition: opacity 1s ease .2s; }
    .strath-bootstrap .inline-search .results-header {
      display: none; }
    .strath-bootstrap .inline-search .result {
      max-width: 800px; }
  .strath-bootstrap .banner {
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: 0; }
    @media screen and (orientation: landscape) and (min-width: 992px) {
      .strath-bootstrap .banner {
        height: calc(100vh - 150px);
        overflow: hidden; } }
    .strath-bootstrap .banner * {
      font-family: 'gilroy-extrabold', Arial, Helvetica, sans-serif; }
    .strath-bootstrap .banner img {
      display: block;
      max-width: 100%;
      width: 100%;
      position: relative; }
      @media screen and (orientation: landscape) and (min-width: 992px) {
        .strath-bootstrap .banner img {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
    .strath-bootstrap .banner h1,
    .strath-bootstrap .banner .banner-buttons {
      text-align: center;
      width: 100%; }
      @media (min-width: 992px) {
        .strath-bootstrap .banner h1,
        .strath-bootstrap .banner .banner-buttons {
          width: auto; } }
    .strath-bootstrap .banner h1 {
      text-transform: uppercase; }
    .strath-bootstrap .banner .banner-text {
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
      position: absolute;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      left: 0;
      right: 0;
      top: 0;
      text-align: center;
      width: 100%;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 1rem;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 768px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 1600px) {
        .strath-bootstrap .banner .banner-text {
          max-width: 1140px; } }
      @media (min-width: 576px) {
        .strath-bootstrap .banner .banner-text {
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          height: 100%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .banner .banner-text {
          padding-top: 3rem;
          height: auto; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner .banner-text {
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-start;
          -ms-flex-align: start;
          align-items: flex-start;
          padding-top: 8rem; } }
      .strath-bootstrap .banner .banner-text .banner-buttons {
        display: none;
        position: relative; }
        @media (min-width: 576px) {
          .strath-bootstrap .banner .banner-text .banner-buttons {
            display: block;
            margin: 0;
            margin-top: auto;
            padding: 0; } }
        @media (min-width: 768px) {
          .strath-bootstrap .banner .banner-text .banner-buttons {
            margin-top: 0; } }
    .strath-bootstrap .banner h1 {
      color: #fff;
      font-size: 2.4rem;
      line-height: 1;
      -webkit-text-stroke: 2px #fff;
      letter-spacing: 1px;
      text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      text-align: left; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner h1 {
          font-size: 3.2rem; } }
      @media (min-width: 768px) {
        .strath-bootstrap .banner h1 {
          font-size: 3.6rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .banner h1 {
          font-size: 4.2rem;
          text-align: left;
          -webkit-flex-grow: 2;
          -ms-flex-positive: 2;
          flex-grow: 2;
          margin-bottom: 2rem; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .banner h1 {
          font-size: 5rem; } }
      .strath-bootstrap .banner h1 .yellow {
        color: #e11a75;
        -webkit-text-stroke: 2px #e11a75; }
    .strath-bootstrap .banner .banner-buttons {
      position: relative;
      top: -25px;
      text-align: left;
      padding: 0 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .banner .banner-buttons {
          position: absolute;
          top: auto;
          max-width: 350px;
          margin: auto;
          left: 0;
          right: 0; } }
      .strath-bootstrap .banner .banner-buttons a {
        background-color: #e11a75;
        color: white;
        border: 2px solid white;
        display: block;
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        font-size: 1.2rem;
        text-align: center;
        transition: background 0.2s, padding 0.2s;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); }
        @media (min-width: 768px) {
          .strath-bootstrap .banner .banner-buttons a {
            font-size: 1.4rem;
            padding: 0.75rem 1.5rem; } }
        @media (min-width: 992px) {
          .strath-bootstrap .banner .banner-buttons a {
            display: inline-block; } }
        .strath-bootstrap .banner .banner-buttons a:last-of-type {
          margin-bottom: 0; }
        .strath-bootstrap .banner .banner-buttons a:hover {
          background-color: #b3155d; }
  .strath-bootstrap .course-search .course-search-bar {
    pointer-events: auto;
    display: block;
    color: white;
    padding: 1rem;
    background: rgba(0, 43, 92, 0.85); }
    .strath-bootstrap .course-search .course-search-bar.level-page {
      padding: 1rem 0;
      background: #002b5c; }
      @media (min-width: 992px) {
        .strath-bootstrap .course-search .course-search-bar.level-page {
          padding: 2rem 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap .course-search .course-search-bar {
        padding: 1.5rem; } }
    .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs,
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput,
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
        text-align: center;
        margin-bottom: 1rem; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs,
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput,
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
            margin-bottom: 0; } }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        font-weight: bold;
        font-size: 1.4rem;
        padding-top: 6px;
        padding-bottom: 6px;
        margin-right: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #studyWithUs {
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; } }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: 0; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput {
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%; } }
        .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput label {
          display: inline; }
        .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form {
          position: relative;
          max-width: 500px;
          margin: auto; }
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form input#HPCourseSearch {
            width: 100%;
            border: 0px; }
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form button#submit {
            background: #fd7e14;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            padding: 0 1rem;
            border: 0;
            margin: auto;
            line-height: 1.6; }
            .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form button#submit i {
              font-size: 1.5rem;
              border-left: 0; }
            .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseSearchInput form button#submit:hover {
              background: #778898; }
      .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton {
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; } }
        .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton .orange-button {
          display: block; }
          @media (min-width: 576px) {
            .strath-bootstrap .course-search .course-search-bar #courseSearchFormWrapper #courseListButton .orange-button {
              display: inline-block; } }
  .strath-bootstrap .course-search #results,
  .strath-bootstrap .course-search #search_totals {
    display: none;
    position: absolute;
    width: 100%;
    margin: 4px 0 0 0;
    text-align: left;
    padding: 0.5rem;
    background: #fff;
    z-index: 3;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    color: #6c757d;
    box-shadow: 5px 5px 10px 0px rgba(108, 117, 125, 0.2); }
    @media (min-width: 992px) {
      .strath-bootstrap .course-search #results,
      .strath-bootstrap .course-search #search_totals {
        max-height: none;
        overflow: auto; } }
    .strath-bootstrap .course-search #results li,
    .strath-bootstrap .course-search #search_totals li {
      list-style: none;
      margin-bottom: 4px;
      background: #fff;
      box-shadow: 2px 2px 5px rgba(108, 117, 125, 0);
      border-left: 4px solid #dc3545;
      overflow: hidden; }
      .strath-bootstrap .course-search #results li.award-key,
      .strath-bootstrap .course-search #search_totals li.award-key {
        border-left: 0;
        margin-bottom: 0.5rem; }
        .strath-bootstrap .course-search #results li.award-key:hover,
        .strath-bootstrap .course-search #search_totals li.award-key:hover {
          background: white; }
        .strath-bootstrap .course-search #results li.award-key input,
        .strath-bootstrap .course-search #search_totals li.award-key input {
          display: none; }
        .strath-bootstrap .course-search #results li.award-key .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-checkbox {
          cursor: pointer;
          background: transparent;
          color: #fff;
          border: 2px solid;
          text-align: center;
          font-size: 0.9em;
          padding: 0.5rem; }
          @media (min-width: 768px) {
            .strath-bootstrap .course-search #results li.award-key .award-checkbox,
            .strath-bootstrap .course-search #search_totals li.award-key .award-checkbox {
              display: inline-block;
              width: 100%;
              margin-bottom: 0; } }
        .strath-bootstrap .course-search #results li.award-key .award-key-ug,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr {
          width: 100%; }
          @media (min-width: 768px) {
            .strath-bootstrap .course-search #results li.award-key .award-key-ug,
            .strath-bootstrap .course-search #results li.award-key .award-key-pgt,
            .strath-bootstrap .course-search #results li.award-key .award-key-pgr,
            .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug,
            .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt,
            .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr {
              width: calc(33.33% - 0.33333rem);
              margin-right: 0.5rem; } }
        .strath-bootstrap .course-search #results li.award-key .award-key-ug .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug .award-checkbox {
          background: #fff;
          color: #dc3545; }
        .strath-bootstrap .course-search #results li.award-key .award-key-ug input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #results li.award-key .award-key-ug .award-checkbox.default,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-ug .award-checkbox.default {
          background: #dc3545;
          border-color: #dc3545;
          color: #fff; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt .award-checkbox {
          background: #fff;
          color: #267AAB; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgt .award-checkbox.default,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgt .award-checkbox.default {
          background: #267AAB;
          border-color: #267AAB;
          color: #fff; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr .award-checkbox {
          background: #fff;
          color: #28a745; }
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #results li.award-key .award-key-pgr .award-checkbox.default,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr input[type=checkbox]:checked ~ .award-checkbox,
        .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr .award-checkbox.default {
          background: #28a745;
          border-color: #28a745;
          color: #fff; }
        @media (min-width: 768px) {
          .strath-bootstrap .course-search #results li.award-key .award-key-pgr,
          .strath-bootstrap .course-search #search_totals li.award-key .award-key-pgr {
            margin-right: 0; } }
      .strath-bootstrap .course-search #results li.hide,
      .strath-bootstrap .course-search #search_totals li.hide {
        display: none; }
      .strath-bootstrap .course-search #results li .course-result,
      .strath-bootstrap .course-search #search_totals li .course-result {
        overflow: auto; }
        .strath-bootstrap .course-search #results li .course-result .course-result-name,
        .strath-bootstrap .course-search #search_totals li .course-result .course-result-name {
          display: block;
          padding: 0.5rem 1rem;
          color: #343a40;
          font-weight: bold; }
          @media (min-width: 768px) {
            .strath-bootstrap .course-search #results li .course-result .course-result-name,
            .strath-bootstrap .course-search #search_totals li .course-result .course-result-name {
              padding: 0.5rem 1rem; } }
        .strath-bootstrap .course-search #results li .course-result .course-result-award,
        .strath-bootstrap .course-search #search_totals li .course-result .course-result-award {
          float: right;
          padding: 0.5rem 1rem;
          margin-left: 0.5rem;
          color: #dc3545;
          font-size: 0.9em; }
      .strath-bootstrap .course-search #results li.viewmore,
      .strath-bootstrap .course-search #search_totals li.viewmore {
        border-left: 0;
        margin-top: 1rem; }
        .strath-bootstrap .course-search #results li.viewmore .orange-button,
        .strath-bootstrap .course-search #search_totals li.viewmore .orange-button {
          width: 100%;
          margin-bottom: 0;
          line-height: inherit; }
      .strath-bootstrap .course-search #results li.pgt,
      .strath-bootstrap .course-search #search_totals li.pgt {
        border-left: 4px solid #267AAB; }
        .strath-bootstrap .course-search #results li.pgt .course-result-award,
        .strath-bootstrap .course-search #search_totals li.pgt .course-result-award {
          color: #267AAB; }
      .strath-bootstrap .course-search #results li.pgr,
      .strath-bootstrap .course-search #search_totals li.pgr {
        border-left: 4px solid #28a745; }
        .strath-bootstrap .course-search #results li.pgr .course-result-award,
        .strath-bootstrap .course-search #search_totals li.pgr .course-result-award {
          color: #28a745; }
      .strath-bootstrap .course-search #results li.selected, .strath-bootstrap .course-search #results li:hover,
      .strath-bootstrap .course-search #search_totals li.selected,
      .strath-bootstrap .course-search #search_totals li:hover {
        background: #778898; }
        .strath-bootstrap .course-search #results li.selected .course-result-name,
        .strath-bootstrap .course-search #results li.selected .course-result-award, .strath-bootstrap .course-search #results li:hover .course-result-name,
        .strath-bootstrap .course-search #results li:hover .course-result-award,
        .strath-bootstrap .course-search #search_totals li.selected .course-result-name,
        .strath-bootstrap .course-search #search_totals li.selected .course-result-award,
        .strath-bootstrap .course-search #search_totals li:hover .course-result-name,
        .strath-bootstrap .course-search #search_totals li:hover .course-result-award {
          color: #fff; }
  .strath-bootstrap .course-search.header-course-search #results {
    position: relative;
    background: transparent;
    box-shadow: none;
    padding: 0.5rem  0 0 0; }
    .strath-bootstrap .course-search.header-course-search #results li {
      background: transparent;
      transition: 0.2s; }
      .strath-bootstrap .course-search.header-course-search #results li:hover {
        background: #e9ecef; }
        .strath-bootstrap .course-search.header-course-search #results li:hover .course-result-name {
          color: #343a40; }
      .strath-bootstrap .course-search.header-course-search #results li.ug:hover .course-result-award {
        color: #dc3545; }
      .strath-bootstrap .course-search.header-course-search #results li.pgt:hover .course-result-award {
        color: #267AAB; }
      .strath-bootstrap .course-search.header-course-search #results li.pgr:hover .course-result-award {
        color: #28a745; }
      .strath-bootstrap .course-search.header-course-search #results li.award-key:hover {
        background: transparent; }
  .strath-bootstrap #courseSearchBar label {
    display: inline; }
  .strath-bootstrap .course-search-2019 {
    /*position: relative; */
    top: 0;
    z-index: 50;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    /*.course-search-noscroll {background-color:$white; }
.course-search-scroll {/*background-color: $gray-600!important;*/
    /*color:$white!important;}*/
    /*.suggestions{background-color: $white; color:$corpblue; margin-left:$padding;}*/
    /*Right*/ }
    .strath-bootstrap .course-search-2019 .course-page-nav {
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding-top: 0; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 480px;
      background-color: #fff; }
    .strath-bootstrap .course-search-2019 .course-search-img {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 #mundane {
      height: 100%;
      width: 100%;
      background: url("https://www.strath.ac.uk/media/1newwebsite/courses/backgrounds/pgt/supermundane-grey.svg") no-repeat fixed;
      position: absolute;
      margin-top: -3rem; }
    .strath-bootstrap .course-search-2019 .search-button-wrapper {
      margin: 1rem 0 0 7px; }
    .strath-bootstrap .course-search-2019 .btn-course-search {
      width: 400px;
      margin-bottom: 1rem;
      color: #002b5c;
      background-color: #dee2e6;
      border: 1px solid #ced4da !important;
      padding: 1rem 1.33333rem;
      border: 0;
      border-top: 1px solid #ced4da;
      border-bottom: 1px solid #ced4da;
      border-right: 1px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .btn-course-search > span {
        padding: 0 1rem; }
      .strath-bootstrap .course-search-2019 .btn-course-search:hover {
        background-color: #6c757d;
        color: #fff; }
        .strath-bootstrap .course-search-2019 .btn-course-search:hover > .fa-search {
          color: #fff; }
      .strath-bootstrap .course-search-2019 .btn-course-search > .fa-search {
        margin-left: -8px;
        color: #002b5c; }
    .strath-bootstrap .course-search-2019 .btn-course-search-scroll {
      width: 82px;
      padding: 2rem; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      margin-right: 3rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 1rem 1rem 0;
      border-color: transparent #002b5c transparent transparent;
      margin-left: -3rem; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      background-color: #267AAB;
      width: 475px;
      margin: 1rem;
      margin-top: -3rem;
      margin-bottom: 0;
      margin-top: -3rem;
      margin-right: 4rem;
      margin-left: -48px; }
      .strath-bootstrap .course-search-2019 .course-feature-header h1 {
        color: #fff;
        margin: 0;
        padding: 1rem 3rem;
        font-size: 1.8rem; }
        .strath-bootstrap .course-search-2019 .course-feature-header h1 > form {
          padding: 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 2rem 2rem 0 2rem;
      display: block; }
      .strath-bootstrap .course-search-2019 .course-search-input-group input {
        margin: 1rem 0 1rem 0.5rem;
        padding: 1rem;
        /*width:450px; height: 60px;*/ }
    .strath-bootstrap .course-search-2019 #search-form input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-search-form-group {
      margin: 1rem 0 0.5rem 0.5rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        color: #495057; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        margin-left: -20px;
        border: 1px solid #495057;
        border-radius: 3px;
        background-color: #fff;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #002b5c; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
        border-color: #002b5c;
        margin-bottom: 0; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input:disabled + label::before {
        border: 2px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-search-form-group input:disabled + label {
        color: #ced4da !important; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:focus + label::before, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:checked + label::after, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:checked + label::after {
        font-family: "FontAwesome";
        content: "\f00c"; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
      color: #fff;
      /*.searchitemsub	> h2 { color:$white; @extend %strath-h2;}	 */ }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      background: #fff !important;
      font-size: 1rem;
      padding: 0;
      margin: 0; }
    .strath-bootstrap .course-search-2019 .fa-info-circle {
      color: #002b5c !important;
      padding-right: 0; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 480px;
      font-weight: bold;
      color: #002b5c;
      font-size: 1.3rem;
      margin-top: 1.33333rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa > .fa {
      color: #fff;
      margin: 0 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      color: #495057;
      padding: 0 2rem; }
      .strath-bootstrap .course-search-2019 .course-search-results-fa:hover {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .searchstriped {
      width: 100%; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > div {
        width: 538px;
        margin: 2% 0; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article {
        width: 480px;
        background-color: #EAEBED;
        margin: 2% 0; }
        .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
          color: #fff; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchitemsub > h2 {
            color: #fff;
            font-size: 1.2rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchstaffsub > h2 {
            color: #002b5c;
            font-size: 1.75rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa > .fa {
            color: #fff; }
    .strath-bootstrap .course-search-2019 .searchitemsub > h2 {
      padding: 1rem 1rem 0 1rem;
      border-bottom: 0 !important;
      text-decoration: none; }
    .strath-bootstrap .course-search-2019 .searchitemsub > p {
      padding: 1rem;
      color: #343a40; }
    .strath-bootstrap .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h4, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h5, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a {
      color: #002b5c;
      padding-left: 2rem; }
    .strath-bootstrap .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h4 a, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h5 a, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a {
      color: #002b5c;
      text-decoration: underline;
      cursor: pointer;
      padding-left: 2rem; }
      .strath-bootstrap .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a:hover {
        text-decoration: none; }
    .strath-bootstrap .course-search-2019 #search-info {
      text-align: center;
      margin-left: -255px; }
    .strath-bootstrap .course-search-2019 .searchstaffsub {
      padding: 2rem; }
      .strath-bootstrap .course-search-2019 .searchstaffsub:hover {
        background-color: #e9ecef; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h4, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h5, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a {
        padding-left: 0 !important;
        padding: 0; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a {
        color: #002b5c;
        text-decoration: underline;
        cursor: pointer;
        padding-left: 0;
        text-underline-position: under !important; }
        .strath-bootstrap .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a:hover {
          text-decoration: none; }
    .strath-bootstrap .course-search-2019 .suggestions {
      /* position: absolute;
    top: 100%;*/
      background: #fff;
      padding: 0;
      /*  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);*/
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      z-index: 1000000;
      display: none;
      margin-top: 2rem;
      width: 93%;
      margin-top: -1rem;
      margin-left: 0.65rem; }
      .strath-bootstrap .course-search-2019 .suggestions > ul {
        padding: 0px;
        margin: 0px;
        list-style: none; }
        .strath-bootstrap .course-search-2019 .suggestions > ul > li a {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0;
          display: block;
          color: #002b5c; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs .nav-item {
        margin-bottom: 0;
        line-height: 1; }
    .strath-bootstrap .course-search-2019 .course-list-results ul:after {
      width: 50%; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      list-style-type: none !important; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link {
        height: auto;
        color: #002b5c;
        background-color: #fff;
        font-weight: bold;
        padding: 1rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link:hover {
          padding-bottom: 1.4rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item > .active:hover {
        padding-bottom: 1rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: -26px;
        font-family: FontAwesome;
        content: "\f0d8";
        font-size: 2rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > h3 {
        padding: 2rem 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result {
        width: 654px;
        background-color: #e9ecef;
        margin: 0;
        margin: 4% 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a {
          text-align: start;
          padding: 0; }
          .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover {
            color: #fff; }
            .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover h3, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-list-result__summary, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-search-results-fa {
              color: #fff; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-list-result:last-of-type {
          padding-bottom: 2rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3 {
          padding: 1rem 1rem 0 1rem;
          border-bottom: 0 !important;
          text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-search-results-fa {
          font-weight: normal; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result .course-list-result__summary {
          padding: 1rem;
          color: #343a40;
          font-weight: normal; }
    .strath-bootstrap .course-search-2019 .input-suggestions-container {
      /* padding-left: $padding;*/
      position: relative;
      width: 94%; }
    .strath-bootstrap .course-search-2019 #suggestions__list > li {
      padding: 0.5rem; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item--selected {
      background: #e9ecef;
      padding: 1rem 0; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-dialog {
      top: 0;
      z-index: 205000;
      position: fixed;
      margin: auto;
      width: 320px;
      height: 100%;
      background-color: #fff;
      /* color:#*/
      -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0); }
    .strath-bootstrap .course-search-2019 .modal-content {
      height: 100%;
      overflow-y: auto; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-body {
      padding: 1.33333rem;
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body-wrap {
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body {
      background-color: #e9ecef;
      padding: 1rem;
      margin-bottom: 1rem; }
    .strath-bootstrap .course-search-2019 .modal.right.fade .modal-dialog {
      right: 0;
      transition: opacity 0.3s linear, right 0.3s ease-out; }
    .strath-bootstrap .course-search-2019 .modal.right.fade.in .modal-dialog {
      right: 0; }
    .strath-bootstrap .course-search-2019 .modal-header {
      border-bottom: 0;
      padding-top: 0;
      height: 100%; }
    .strath-bootstrap .course-search-2019 .modal-title {
      margin-top: 0;
      height: 0; }
    .strath-bootstrap .course-search-2019 button.close {
      width: 10%;
      padding-top: .5rem;
      color: #6c757d;
      background-color: #fff;
      line-height: 1em;
      font-size: 3rem; }
    .strath-bootstrap .course-search-2019 .close::hover {
      color: #002b5c; }
    .strath-bootstrap .course-search-2019 h3 {
      font-size: 1.75rem; }
    .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3 {
      font-size: 1.25rem; }
    .strath-bootstrap .course-search-2019 h3, .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3 {
      color: #002b5c;
      font-weight: bold; }
  .strath-bootstrap .hp-course-search__wrapper {
    position: relative; }
  .strath-bootstrap #hp-course-search__suggestions {
    display: none;
    position: absolute;
    z-index: 1000001;
    background: white;
    padding-bottom: 0px;
    width: 100%;
    text-align: left; }
  .strath-bootstrap #hp-course-search__suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .strath-bootstrap #hp-course-search__suggestions li a {
    padding: 10px;
    display: block; }
  .strath-bootstrap .suggestions__list-item--selected {
    background: #eee; }
  @media (max-width: 1599.98px) {
    .strath-bootstrap .course-search-2019 {
      /*  .suggestions > ul > li a {color:green;}*/ }
      .strath-bootstrap .course-search-2019 .searchstriped > section {
        padding: 0; } }
  @media (max-width: 991.98px) {
    .strath-bootstrap .course-search-2019 .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 395px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 400px; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      display: inline-block;
      width: 100%;
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      padding-left: 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: 0;
        float: right; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item {
        width: 100%; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link.show {
          background-color: #adb5bd;
          margin-bottom: 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a {
          text-align: left; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:after {
            font-family: "FontAwesome";
            content: '\f054';
            margin-left: auto;
            transition: .2s;
            float: right; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:hover {
            background-color: #778898;
            color: #fff;
            text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link {
          padding: 2rem 0.5rem 1rem 0.5rem;
          margin: 5px;
          background-color: #e9ecef;
          min-height: 75px;
          display: block; }
    .strath-bootstrap .course-search-2019 .nav-link.active:after {
      font-family: "FontAwesome";
      content: "" !important;
      margin-left: auto;
      transition: .2s;
      font-size: 1rem !important;
      margin-bottom: 0; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .fa-flag:before {
      margin-left: 1rem; }
    .strath-bootstrap .course-search-2019 .course-list-results ul > li.course-list-result {
      width: 100%; }
    .strath-bootstrap .course-search-2019 .suggestions {
      margin-left: 0.1rem !important; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
    .strath-bootstrap #search-info {
      text-align: left;
      margin-left: 20px; } }
  @media (max-width: 575.98px) {
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      display: inline-block !important; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 320px;
      margin-left: -15px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 1rem 1rem 0 1rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-feature-header h1 {
      font-size: 1.4rem;
      padding: 1rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      border-color: transparent; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa .ml-auto {
      margin-left: 0 !important; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 320px; } }
  .strath-bootstrap .header-search-page-save {
    width: 100%; }
    @media (min-width: 992px) {
      .strath-bootstrap .header-search-page-save {
        position: absolute;
        top: 42px;
        right: 0; } }
    .strath-bootstrap .header-search-page-save .page-save-message {
      display: inline-block; }
  .strath-bootstrap #list-container.page-save-list-container {
    position: relative;
    clear: both; }
    .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 3;
      background: #f8f9fa;
      opacity: 0;
      visibility: hidden;
      overflow-y: hidden;
      padding: 0;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); }
      @media (min-width: 576px) {
        .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 768px) {
        .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%; } }
      @media (min-width: 992px) {
        .strath-bootstrap #list-container.page-save-list-container .page-save-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list {
          -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
          max-width: 33.33333%; } }
      .strath-bootstrap #list-container.page-save-list-container .page-save-list.active-list, .strath-bootstrap #list-container.page-save-list-container .page-history-list.active-list {
        opacity: 1;
        visibility: visible; }
      .strath-bootstrap #list-container.page-save-list-container .page-save-list h2, .strath-bootstrap #list-container.page-save-list-container .page-history-list h2 {
        background: #002b5c;
        color: white;
        margin-top: 0px;
        font-size: 1.2rem;
        padding: 40px 10px 10px;
        margin-bottom: 1rem; }
      .strath-bootstrap #list-container.page-save-list-container .page-save-list .reset, .strath-bootstrap #list-container.page-save-list-container .page-history-list .reset {
        padding: 0.75rem;
        border-top: 1px solid #ced4da; }
        .strath-bootstrap #list-container.page-save-list-container .page-save-list .reset button, .strath-bootstrap #list-container.page-save-list-container .page-history-list .reset button {
          background: #dc3545;
          color: #fff; }
        .strath-bootstrap #list-container.page-save-list-container .page-save-list .reset .fa, .strath-bootstrap #list-container.page-save-list-container .page-history-list .reset .fa {
          margin-right: 0.25rem; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
      padding-left: 1rem; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
        background: transparent; }
        .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li a, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li a {
          color: #0078ae; }
          .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li a:hover, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li a:hover {
            color: #004362; }
        .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li span.saved-entry, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li span.saved-entry {
          width: calc(100% - 25px);
          display: inline-block;
          vertical-align: top;
          padding-right: 1rem;
          padding-top: 0.3em; }
        .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList ul li i, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li i {
          cursor: pointer;
          padding: 0.3em; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList .no-saved-pages, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList .no-saved-pages {
      padding: 1rem 2rem;
      padding-bottom: 2rem;
      display: block; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList hr, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList hr {
      margin: 0px; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset {
      margin: 1rem;
      padding: 1rem;
      position: relative;
      display: block;
      text-align: center;
      background-color: #dc3545;
      color: #fff; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset:hover, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset:hover {
        background-color: #778898;
        cursor: pointer; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderList #pageSaveReset i, .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList #pageSaveReset i {
        padding-right: 0.5rem; }
    .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul {
      padding-right: 2rem; }
      .strath-bootstrap #list-container.page-save-list-container #pageSaveHeaderHistoryList ul li {
        padding-top: 0.3em; }
  .strath-bootstrap .bookmark-active .page-save-list {
    opacity: 1;
    visibility: visible; }
  .strath-bootstrap .bookmark-active .page-history-list {
    opacity: 1;
    visibility: visible; }
  .strath-bootstrap .page-save-icons {
    cursor: pointer; }
    .strath-bootstrap .page-save-icons .bookmark.active-icon, .strath-bootstrap .page-save-icons .pagehistory.active-icon {
      background: #002b5c;
      color: #fff; }
    .strath-bootstrap .page-save-icons .star:before {
      content: '\f006'; }
    .strath-bootstrap .page-save-icons .star.active-icon:before {
      color: #fd7e14; }
    .strath-bootstrap .page-save-icons .bookmark:before {
      content: '\f097'; }
    .strath-bootstrap .page-save-icons .page-history:before {
      content: '\f1da'; }
    @media (hover: hover) {
      .strath-bootstrap .page-save-icons .star:hover:before, .strath-bootstrap .page-save-icons .bookmark:hover:before, .strath-bootstrap .page-save-icons .page-history:hover:before {
        color: #778898; } }
  .strath-bootstrap .page-save-bar {
    position: relative;
    background: #f8f9fa;
    color: #6c757d;
    margin: 0;
    margin-right: 0;
    padding: 0 0 0 1rem;
    overflow: auto;
    width: 100%;
    border-top: 4px solid #ced4da; }
    @media (min-width: 992px) {
      .strath-bootstrap .page-save-bar {
        position: absolute;
        top: 0;
        right: 0;
        color: #adb5bd;
        width: auto;
        background: #fff;
        box-shadow: none;
        border-top: 0; } }
    .strath-bootstrap .page-save-bar .page-save-message {
      float: left;
      font-size: 0.9rem;
      font-weight: bold;
      height: 100%;
      line-height: 41px;
      margin-right: 0;
      width: auto; }
      @media (min-width: 992px) {
        .strath-bootstrap .page-save-bar .page-save-message {
          font-weight: normal;
          margin-right: 1rem; } }
    .strath-bootstrap .page-save-bar .page-save-icons {
      float: right;
      text-align: right;
      font-size: 1.2rem;
      padding-right: 0;
      width: auto; }
      .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon {
        padding: 0.7rem; }
        @media (min-width: 992px) {
          .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon {
            background: #f8f9fa;
            transition: background 0.2s;
            margin-right: 2px;
            height: 40px;
            width: 40px;
            text-align: center; }
            .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon:last-of-type {
              margin-right: 0; } }
        @media (min-width: 992px) {
          .strath-bootstrap .page-save-bar .page-save-icons .page-save-icon:hover {
            background: #e9ecef; } }
  .strath-bootstrap .header-page-save {
    display: none;
    text-align: left; }
    @media (min-width: 992px) {
      .strath-bootstrap .header-page-save {
        display: inline-block; } }
    .strath-bootstrap .header-page-save .page-save-message {
      position: relative;
      display: none;
      font-size: 0.9rem;
      padding: 3px 0.5rem;
      color: #fff;
      background: #002b5c;
      text-align: left; }
      .strath-bootstrap .header-page-save .page-save-message:before {
        position: absolute;
        top: -20px;
        display: block;
        content: ' ';
        border: 10px solid transparent;
        border-bottom: 10px solid #002b5c;
        pointer-events: none; }
    .strath-bootstrap .header-page-save .page-save-icons {
      color: #adb5bd;
      font-size: 1.4rem;
      margin-bottom: 2px; }
      .strath-bootstrap .header-page-save .page-save-icons .page-save-icon {
        background: #f8f9fa;
        margin-right: 2px;
        padding: 10px;
        width: 42px;
        text-align: center;
        transition: 0.1s; }
        .strath-bootstrap .header-page-save .page-save-icons .page-save-icon:last-of-type {
          margin-right: 0px; }
        .strath-bootstrap .header-page-save .page-save-icons .page-save-icon:hover {
          background: #e9ecef; }
  .strath-bootstrap .header-page-save.star-hover, .strath-bootstrap .page-save-bar.star-hover {
    text-align: left; }
    .strath-bootstrap .header-page-save.star-hover .page-save-message, .strath-bootstrap .page-save-bar.star-hover .page-save-message {
      display: inline-block; }
  .strath-bootstrap .header-page-save.star-saved, .strath-bootstrap .page-save-bar.star-saved {
    text-align: left; }
    .strath-bootstrap .header-page-save.star-saved .page-save-icon.star, .strath-bootstrap .page-save-bar.star-saved .page-save-icon.star {
      color: #fd7e14; }
      .strath-bootstrap .header-page-save.star-saved .page-save-icon.star:before, .strath-bootstrap .page-save-bar.star-saved .page-save-icon.star:before {
        content: '\f005'; }
  .strath-bootstrap .header-page-save.bookmark-hover, .strath-bootstrap .page-save-bar.bookmark-hover {
    text-align: center; }
    .strath-bootstrap .header-page-save.bookmark-hover .page-save-message, .strath-bootstrap .page-save-bar.bookmark-hover .page-save-message {
      display: inline-block; }
      .strath-bootstrap .header-page-save.bookmark-hover .page-save-message:before, .strath-bootstrap .page-save-bar.bookmark-hover .page-save-message:before {
        left: calc(50% - 10px); }
  .strath-bootstrap .header-page-save.bookmark-active .page-save-icon.bookmark, .strath-bootstrap .page-save-bar.bookmark-active .page-save-icon.bookmark {
    background: #002b5c;
    border-bottom: 2px solid #002b5c;
    color: #fd7e14;
    height: 42px; }
    .strath-bootstrap .header-page-save.bookmark-active .page-save-icon.bookmark:before, .strath-bootstrap .page-save-bar.bookmark-active .page-save-icon.bookmark:before {
      content: '\f02e'; }
  .strath-bootstrap .header-page-save.history-hover, .strath-bootstrap .page-save-bar.history-hover {
    text-align: right; }
    .strath-bootstrap .header-page-save.history-hover .page-save-message, .strath-bootstrap .page-save-bar.history-hover .page-save-message {
      display: inline-block; }
      .strath-bootstrap .header-page-save.history-hover .page-save-message:before, .strath-bootstrap .page-save-bar.history-hover .page-save-message:before {
        right: 1rem; }
  .strath-bootstrap .header-page-save.history-active .page-save-icon.page-history, .strath-bootstrap .page-save-bar.history-active .page-save-icon.page-history {
    background: #002b5c;
    border-bottom: 2px solid #002b5c;
    color: #fd7e14;
    height: 42px; }
  .strath-bootstrap .header-page-save.bookmark-active .page-save-icons, .strath-bootstrap .header-page-save.history-active .page-save-icons, .strath-bootstrap .page-save-bar.bookmark-active .page-save-icons, .strath-bootstrap .page-save-bar.history-active .page-save-icons {
    margin-bottom: 0; }
  @media (min-width: 992px) {
    .strath-bootstrap .header-page-save.bookmark-active .page-save-message, .strath-bootstrap .header-page-save.history-active .page-save-message, .strath-bootstrap .page-save-bar.bookmark-active .page-save-message, .strath-bootstrap .page-save-bar.history-active .page-save-message {
      display: none; } }
  .strath-bootstrap .fact-banner {
    padding: 2rem 0;
    margin-bottom: 0; }
    .strath-bootstrap .fact-banner ul {
      list-style-type: none;
      padding: 0;
      margin-bottom: 0;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .strath-bootstrap .fact-banner ul li {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .fact-banner ul li {
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
            text-align: center;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column; } }
        @media (min-width: 768px) {
          .strath-bootstrap .fact-banner ul li {
            -webkit-flex: 0 0 25%;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; } }
    .strath-bootstrap .fact-banner .fact-headline {
      font-weight: bold;
      font-size: 1.6rem;
      color: #002b5c; }
    .strath-bootstrap .fact-banner img {
      max-width: 80px;
      width: auto; }
      @media (min-width: 1200px) {
        .strath-bootstrap .fact-banner img {
          max-width: 100px; } }
    .strath-bootstrap .fact-banner .fact-image, .strath-bootstrap .fact-banner .fact-big-text {
      margin-right: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .fact-banner .fact-image, .strath-bootstrap .fact-banner .fact-big-text {
          margin-bottom: 1rem;
          margin-right: 0; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .fact-banner .fact-image, .strath-bootstrap .fact-banner .fact-big-text {
          margin: 0 auto 1rem auto; } }
    .strath-bootstrap .fact-banner .fact-big-text {
      font-size: 3rem;
      font-weight: bold;
      color: #002b5c;
      min-width: 130px;
      line-height: 1; }
      @media (min-width: 576px) {
        .strath-bootstrap .fact-banner .fact-big-text {
          font-size: 5rem;
          line-height: 1.2;
          min-height: 100px; } }
  .strath-bootstrap .timeline {
    overflow: hidden; }
  .strath-bootstrap .timeline .container {
    background: #fff;
    padding-top: 2rem;
    padding-bottom: 4rem; }
    @media (min-width: 992px) {
      .strath-bootstrap .timeline .container {
        padding: 2rem 2rem 4rem 2rem; } }
  .strath-bootstrap .timeline h2 {
    border-bottom: 0;
    min-height: 0;
    padding-bottom: 0; }
  .strath-bootstrap .timeline ul.timeline-ul {
    margin-bottom: 0;
    padding: 0; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li {
    background: #e9ecef;
    list-style-type: none;
    margin: 0 auto 0 0;
    padding-top: 1rem;
    position: relative;
    width: 6px; }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li {
      margin: 0 auto; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:after {
    -webkit-transform: translateX(-50%);
    background: inherit;
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 50%;
    position: absolute;
    top: 20px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(odd) .timeline-box {
    left: 45px; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(odd) .timeline-box:before {
    border-color: transparent #e9ecef transparent transparent;
    border-width: 15px 15px 15px 0;
    left: -15px; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box {
    left: 45px; }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box {
      left: -45vw; } }
  @media (min-width: 992px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box {
      left: -438px; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box:before {
    border-color: transparent #e9ecef transparent transparent;
    border-width: 15px 15px 15px 0;
    left: -15px; }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li:nth-child(2n) .timeline-box:before {
      border-color: transparent transparent transparent #e9ecef;
      border-width: 15px 0 15px 15px;
      left: auto;
      right: -15px; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box:before {
    transition: all .2s ease-in-out; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box {
    background: #e9ecef;
    bottom: 0;
    max-width: 300px;
    padding: 1rem 1rem 1.5rem;
    position: relative;
    transition: all .2s ease-in-out;
    width: calc(100vw - 75px); }
  @media (min-width: 576px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box {
      max-width: none;
      width: 40vw; } }
  @media (min-width: 992px) {
    .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box {
      width: 400px; } }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li .timeline-box:before {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a .timeline-box,
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a .timeline-box h3 {
    color: #212529; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover .timeline-box {
    background: #cbd3da; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover .timeline-box .timeline-text {
    border-color: #fd7e14; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover:nth-child(odd) .timeline-box:before {
    border-color: transparent #cbd3da transparent transparent; }
  .strath-bootstrap .timeline ul.timeline-ul li.timeline-li a:hover:nth-child(2n) .timeline-box:before {
    border-color: transparent transparent transparent #cbd3da; }
  .strath-bootstrap .timeline .timeline-text {
    border-left: 4px solid #0078ae;
    padding-left: 1rem;
    transition: all .2s ease-in-out; }
  .strath-bootstrap .timeline .timeline-text ul {
    list-style: none;
    margin: 0 0 0 .7rem;
    padding: 0; }
  .strath-bootstrap .timeline .timeline-text li {
    padding-left: 1em;
    text-indent: -.7em; }
  .strath-bootstrap .timeline .timeline-text li:before {
    color: #fd7e14;
    content: "■";
    padding-right: .7rem; }
  .strath-bootstrap .timeline img {
    margin-bottom: 1rem;
    max-width: 100%; }
  .strath-bootstrap .timeline h2,
  .strath-bootstrap .timeline h3 {
    font-weight: 700; }
  .strath-bootstrap .timeline .btn {
    margin-bottom: -.5rem;
    margin-top: 1rem;
    width: 100%; }
  .strath-bootstrap .fw-bootstrap .timeline .wrap {
    padding: 2rem 0; }
  .strath-bootstrap .testimonial {
    padding: 4rem 0; }
    .strath-bootstrap .testimonial .container {
      padding-left: 15px;
      padding-right: 15px; }
    .strath-bootstrap .testimonial .row {
      position: relative; }
    .strath-bootstrap .testimonial .testimonial-image {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      max-width: 500px;
      margin: auto; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-image {
          margin: 0;
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 992px) {
        .strath-bootstrap .testimonial .testimonial-image {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
          margin-left: 16.66667%; } }
      .strath-bootstrap .testimonial .testimonial-image img {
        margin: auto;
        border-radius: 50%;
        max-width: 80%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial .testimonial-image img {
            max-width: 100%; } }
    .strath-bootstrap .testimonial .testimonial-quote {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 1rem 0 0 0; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-quote {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
          margin-left: 8.33333%; } }
      @media (min-width: 768px) {
        .strath-bootstrap .testimonial .testimonial-quote {
          -webkit-flex: 0 0 33.33333%;
          -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
          margin-left: 8.33333%;
          padding: 1.5rem 1rem 0 1rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .testimonial .testimonial-quote {
          margin-left: 16.66667%; } }
      .strath-bootstrap .testimonial .testimonial-quote blockquote {
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 1rem;
        background: transparent;
        border-left: 0;
        max-width: 100%;
        line-height: initial;
        padding: 0; }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial .testimonial-quote blockquote {
            font-size: 1.6rem; } }
        .strath-bootstrap .testimonial .testimonial-quote blockquote:before, .strath-bootstrap .testimonial .testimonial-quote blockquote:after {
          display: none; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-quote .testimonial-credit {
          margin-bottom: 1rem; } }
    .strath-bootstrap .testimonial .testimonial-quote-text {
      border-left: 4px solid #0078ae;
      padding-left: 1rem;
      margin-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-quote-text {
          border-left: 0;
          padding-left: 0;
          margin-bottom: 0; } }
    .strath-bootstrap .testimonial .testimonial-divider {
      display: none;
      border-left: 4px solid #0078ae;
      position: absolute;
      left: 50%;
      height: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial .testimonial-divider {
          display: block; } }
    .strath-bootstrap .testimonial .button-container {
      margin-top: auto;
      padding: 0; }
      .strath-bootstrap .testimonial .button-container a {
        width: 100%;
        white-space: normal; }
        @media (min-width: 576px) {
          .strath-bootstrap .testimonial .button-container a {
            width: auto; } }
    .strath-bootstrap .testimonial.lhs-testimonial {
      padding: 2rem 0; }
      .strath-bootstrap .testimonial.lhs-testimonial .container {
        padding-bottom: 0; }
      .strath-bootstrap .testimonial.lhs-testimonial .row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .row {
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row; } }
      .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
        @media (min-width: 576px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            max-width: 350px;
            margin: auto; } }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
            margin: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%; } }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-image {
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
            margin-left: 8.33333%; } }
      .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
        @media (min-width: 576px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-left: 0; } }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
            -webkit-flex: 0 0 41.66667%;
            -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
            max-width: 41.66667%;
            margin-left: 8.33333%;
            padding-left: 0; } }
        @media (min-width: 992px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote {
            -webkit-flex: 0 0 33.33333%;
            -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
            max-width: 33.33333%;
            margin-left: 16.66667%;
            padding-left: 1rem; } }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote-text {
          border-left: 4px solid #0078ae;
          padding-left: 1rem;
          margin-bottom: 1rem; } }
      @media (min-width: 768px) {
        .strath-bootstrap .testimonial.lhs-testimonial .testimonial-quote-text {
          border-left: 0;
          padding-left: 0;
          margin-bottom: 0; } }
      .strath-bootstrap .testimonial.lhs-testimonial .testimonial-divider {
        display: none; }
        @media (min-width: 768px) {
          .strath-bootstrap .testimonial.lhs-testimonial .testimonial-divider {
            display: block; } }
      @media (min-width: 576px) {
        .strath-bootstrap .testimonial.lhs-testimonial .button-container a {
          width: 100%; } }
  .strath-bootstrap .block-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .block-grid {
        padding: 4rem 0; } }
    .strath-bootstrap .block-grid .container {
      padding-bottom: 0; }
    .strath-bootstrap .block-grid h2 {
      margin-bottom: 2rem; }
    .strath-bootstrap .block-grid.block-grid-title {
      padding: 2rem 0 0 0;
      border-bottom: 0; }
      @media (min-width: 576px) {
        .strath-bootstrap .block-grid.block-grid-title {
          padding: 4rem 0 0 0; } }
      .strath-bootstrap .block-grid.block-grid-title h2 {
        color: #002b5c;
        font-weight: bold;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        padding: 0; }
    .strath-bootstrap .block-grid.block-grid-zero {
      padding: 0;
      height: 0; }
  .strath-bootstrap .block-grid-item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 1.25rem;
    margin-right: 0 !important;
    margin-left: -1px;
    width: 100%; }
    .strath-bootstrap .block-grid-item .block-grid-item-content {
      background: #fff;
      height: 100%;
      position: relative;
      transition: 0.2s; }
    .strath-bootstrap .block-grid-item .block-grid-item-image {
      position: relative; }
      .strath-bootstrap .block-grid-item .block-grid-item-image img {
        max-width: 100%; }
    .strath-bootstrap .block-grid-item .block-grid-item-text {
      border-top: 5px solid #002b5c;
      padding: 1rem;
      min-height: 100px; }
      .strath-bootstrap .block-grid-item .block-grid-item-text h3 {
        font-weight: bold;
        font-size: 1.4rem;
        margin-bottom: 0.5rem;
        padding: 0; }
      .strath-bootstrap .block-grid-item .block-grid-item-text p {
        margin-bottom: 1rem; }
        .strath-bootstrap .block-grid-item .block-grid-item-text p:last-child {
          margin-bottom: 0; }
      .strath-bootstrap .block-grid-item .block-grid-item-text > *:last-child {
        margin-bottom: 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .block-grid-item.fifth, .strath-bootstrap .block-grid-item.quarter, .strath-bootstrap .block-grid-item.third, .strath-bootstrap .block-grid-item.half, .strath-bootstrap .block-grid-item.two-thirds {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .block-grid-item.fifth {
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .block-grid-item.quarter {
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%; } }
    @media (min-width: 768px) {
      .strath-bootstrap .block-grid-item.third {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    @media (min-width: 768px) {
      .strath-bootstrap .block-grid-item.half {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 768px) {
      .strath-bootstrap .block-grid-item.two-thirds {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    .strath-bootstrap .block-grid-item.grey-block .block-grid-item-content {
      background: #e9ecef; }
    .strath-bootstrap .block-grid-item.white-block .block-grid-item-content {
      background: #fff; }
    .strath-bootstrap .block-grid-item.has-shadow .block-grid-item-content {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .block-grid-item.has-shadow.grey-bg .block-grid-item-content, .strath-bootstrap .block-grid-item.has-shadow.grey-block .block-grid-item-content {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }
    .strath-bootstrap .block-grid-item.has-shadow.has-link a:before {
      transition: 0.2s; }
    .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content {
      background: #778898 !important;
      color: #fff; }
      .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content h3, .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content p, .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-content li {
        color: #fff; }
    .strath-bootstrap .block-grid-item.has-shadow.has-link:hover .block-grid-item-image:after {
      bottom: 1rem;
      color: #fff; }
    .strath-bootstrap .block-grid-item.has-shadow.has-link:hover a.faux-block-link:before {
      box-shadow: inset 0px 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .strath-bootstrap .pagination {
    margin-top: 1rem;
    background: #fff; }
    .strath-bootstrap .pagination .page-item {
      margin-right: 0.25rem; }
    .strath-bootstrap .pagination .page-link {
      background: #e9ecef;
      color: #002b5c;
      font-weight: bold;
      transition: 0.15s; }
      .strath-bootstrap .pagination .page-link:hover {
        background: #002b5c;
        color: #fff; }
    .strath-bootstrap .pagination .inactive {
      display: none; }
    .strath-bootstrap .pagination .current {
      background: #002b5c;
      color: #fff; }
  .strath-bootstrap ul.bullets {
    padding-left: 1.2em; }
    .strath-bootstrap ul.bullets li {
      list-style: none;
      padding-left: 1.2em; }
      .strath-bootstrap ul.bullets li:before {
        display: inline-block;
        text-indent: -1.2em;
        content: '\25A0';
        color: #fd7e14; }
  .strath-bootstrap .single-video.single-image {
    padding: 2rem 0 2rem 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .single-video.single-image {
        padding: 4rem 0;
        height: auto; } }
    .strath-bootstrap .single-video.single-image .single-media {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .single-video.single-image .single-media {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          margin-bottom: 0; } }
      @media (min-width: 992px) {
        .strath-bootstrap .single-video.single-image .single-media {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%; } }
      .strath-bootstrap .single-video.single-image .single-media img {
        max-width: 100%; }
    .strath-bootstrap .single-video.single-image .caption-wrap {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap .single-video.single-image .caption-wrap {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          border-left: 4px solid #0078ae; } }
      @media (min-width: 768px) {
        .strath-bootstrap .single-video.single-image .caption-wrap {
          -webkit-flex: 0 0 41.66667%;
          -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
          max-width: 41.66667%;
          padding-left: 2rem;
          margin-left: 2rem; } }
      .strath-bootstrap .single-video.single-image .caption-wrap .caption {
        border-left: 4px solid #0078ae;
        padding-left: 1rem;
        margin-bottom: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .single-video.single-image .caption-wrap .caption {
            border-left: 0;
            padding-left: 0; } }
        .strath-bootstrap .single-video.single-image .caption-wrap .caption h2 {
          border-bottom: 0; }
        .strath-bootstrap .single-video.single-image .caption-wrap .caption p:last-of-type {
          margin-bottom: 0; }
    .strath-bootstrap .single-video.single-image .button-container {
      margin-top: auto;
      margin-bottom: 0;
      padding: 0; }
      .strath-bootstrap .single-video.single-image .button-container a {
        width: 100%;
        white-space: normal; }
        @media (min-width: 576px) {
          .strath-bootstrap .single-video.single-image .button-container a {
            width: auto; } }
  .strath-bootstrap .news-events {
    margin-bottom: 2rem; }
    .strath-bootstrap .news-events .news-events-column {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 2rem; }
      @media (min-width: 768px) {
        .strath-bootstrap .news-events .news-events-column {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          margin-bottom: 0;
          margin-top: 2rem; } }
      .strath-bootstrap .news-events .news-events-column .button-container a {
        background-color: #fd7e14;
        color: #fff;
        margin-top: 2rem; }
        .strath-bootstrap .news-events .news-events-column .button-container a:hover {
          background-color: #778898; }
    .strath-bootstrap .news-events h2 {
      border-bottom: 0; }
    .strath-bootstrap .news-events h3, .strath-bootstrap .news-events h3 a {
      font-weight: bold;
      margin-bottom: 1rem;
      color: #002b5c; }
      .strath-bootstrap .news-events h3:hover, .strath-bootstrap .news-events h3 a:hover {
        color: #778898; }
    .strath-bootstrap .news-events ul {
      list-style-type: none;
      padding: 0; }
    .strath-bootstrap .news-events li.news-events-item {
      margin-bottom: 0.5rem;
      border-left: 4px solid #267AAB;
      transition: 0.2s;
      padding: 0.5rem 1rem;
      color: #212529; }
    .strath-bootstrap .news-events p:last-of-type {
      margin-bottom: 0; }
    .strath-bootstrap .news-events li.event-item {
      border-left: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 0; }
      .strath-bootstrap .news-events li.event-item .calendar {
        background: #002b5c;
        color: #fff;
        min-width: 90px;
        padding: 1rem 0.5rem;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        transition: 0.2s; }
        .strath-bootstrap .news-events li.event-item .calendar div:nth-of-type(1) {
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1; }
        .strath-bootstrap .news-events li.event-item .calendar div:nth-of-type(2) {
          -webkit-order: 3;
          -ms-flex-order: 3;
          order: 3; }
        .strath-bootstrap .news-events li.event-item .calendar div:nth-of-type(3) {
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2;
          font-size: 1.6rem;
          font-weight: bold; }
      .strath-bootstrap .news-events li.event-item .event-body {
        padding: 0.5rem 1rem; }
    .strath-bootstrap .news-events.grey-bg li {
      background: #e9ecef; }
  .strath-bootstrap .news-events.switch .news-events-column:nth-child(1) {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .strath-bootstrap .news-events.switch .news-events-column:nth-child(2) {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .strath-bootstrap .wysiwyg p {
    color: #002b5c; }
    .strath-bootstrap .wysiwyg p a {
      text-decoration: underline; }
      .strath-bootstrap .wysiwyg p a.hover {
        color: #778898; }
  .strath-bootstrap .wysiwyg ul, .strath-bootstrap .wysiwyg ol {
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside;
    margin-bottom: 1rem; }
    @media (min-width: 576px) {
      .strath-bootstrap .wysiwyg ul, .strath-bootstrap .wysiwyg ol {
        margin-left: 1rem; } }
  .strath-bootstrap .wysiwyg ul li {
    list-style: none;
    padding-left: 1.2em; }
    .strath-bootstrap .wysiwyg ul li:before {
      display: inline-block;
      text-indent: -1.2em;
      content: '\25A0';
      color: #fd7e14; }
  .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section, .strath-bootstrap .block-outer > section, .strath-bootstrap .profilescontainer-white-fixed-width > section, .strath-bootstrap .profilescontainer-grey-fixed-width > section, .strath-bootstrap .profilescontainer-white-full-width > section, .strath-bootstrap .profilescontainer-white-full-width > section {
    max-width: 1140px;
    padding: 40px 15px; }
    .strath-bootstrap .block-outer-white > section p, .strath-bootstrap .block-outer-white > section li, .strath-bootstrap .block-outer-grey > section p, .strath-bootstrap .block-outer-grey > section li, .strath-bootstrap .block-outer > section p, .strath-bootstrap .block-outer > section li, .strath-bootstrap .profilescontainer-white-fixed-width > section p, .strath-bootstrap .profilescontainer-white-fixed-width > section li, .strath-bootstrap .profilescontainer-grey-fixed-width > section p, .strath-bootstrap .profilescontainer-grey-fixed-width > section li, .strath-bootstrap .profilescontainer-white-full-width > section p, .strath-bootstrap .profilescontainer-white-full-width > section li, .strath-bootstrap .profilescontainer-white-full-width > section p, .strath-bootstrap .profilescontainer-white-full-width > section li {
      color: #495057; }
    .strath-bootstrap .block-outer-white > section h1, .strath-bootstrap .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section h3, .strath-bootstrap .block-outer-white > section h4, .strath-bootstrap .block-outer-white > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section h2, .strath-bootstrap .block-outer-white > section .results .result h3, .strath-bootstrap .results .result .block-outer-white > section h3, .strath-bootstrap .block-outer-grey > section h1, .strath-bootstrap .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section h3, .strath-bootstrap .block-outer-grey > section h4, .strath-bootstrap .block-outer-grey > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section h2, .strath-bootstrap .block-outer-grey > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section h3, .strath-bootstrap .block-outer > section h1, .strath-bootstrap .block-outer > section h2, .strath-bootstrap .block-outer > section h3, .strath-bootstrap .block-outer > section h4, .strath-bootstrap .block-outer > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section h2, .strath-bootstrap .block-outer > section .results .result h3, .strath-bootstrap .results .result .block-outer > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h1, .strath-bootstrap .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-fixed-width > section h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h1, .strath-bootstrap .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h1, .strath-bootstrap .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h4, .strath-bootstrap .profilescontainer-white-full-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h1, .strath-bootstrap .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section h3, .strath-bootstrap .profilescontainer-white-full-width > section h4, .strath-bootstrap .profilescontainer-white-full-width > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section h2, .strath-bootstrap .profilescontainer-white-full-width > section .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section h3 {
      border-bottom: 0; }
    .strath-bootstrap .block-outer-white > section .col-sm-6-strath, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath, .strath-bootstrap .block-outer > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath {
      padding-top: 2rem; }
      .strath-bootstrap .block-outer-white > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .block-outer-white > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .block-outer > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .block-outer > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-home, .strath-bootstrap .profilescontainer-white-full-width > section .col-sm-6-strath:hover .fa-suitcase {
        color: #778898; }
    .strath-bootstrap .block-outer-white > section .col-inner-grey:hover, .strath-bootstrap .block-outer-white > section .col-inner-white:hover, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover, .strath-bootstrap .block-outer > section .col-inner-grey:hover, .strath-bootstrap .block-outer > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover {
      background-color: #778898; }
      .strath-bootstrap .block-outer-white > section .col-inner-grey:hover p, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover h4, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .block-outer-white > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .block-outer-white > section .col-inner-white:hover p, .strath-bootstrap .block-outer-white > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-white:hover h4, .strath-bootstrap .block-outer-white > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-white > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .block-outer-white > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-white > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover p, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover h4, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover p, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover h4, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey > section .col-inner-white:hover h2, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .block-outer-grey > section .col-inner-white:hover h3, .strath-bootstrap .block-outer-grey > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .block-outer > section .col-inner-grey:hover p, .strath-bootstrap .block-outer > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer > section .col-inner-grey:hover h4, .strath-bootstrap .block-outer > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section .col-inner-grey:hover h2, .strath-bootstrap .block-outer > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .block-outer > section .col-inner-grey:hover h3, .strath-bootstrap .block-outer > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .block-outer > section .col-inner-white:hover p, .strath-bootstrap .block-outer > section .col-inner-white:hover h2, .strath-bootstrap .block-outer > section .col-inner-white:hover h3, .strath-bootstrap .block-outer > section .col-inner-white:hover h4, .strath-bootstrap .block-outer > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer > section .col-inner-white:hover h2, .strath-bootstrap .block-outer > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .block-outer > section .col-inner-white:hover h3, .strath-bootstrap .block-outer > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-grey:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-grey:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-grey:hover .fa-chevron-right, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover p, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover h4, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width > section .col-inner-white:hover h2, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width > section .col-inner-white:hover h3, .strath-bootstrap .profilescontainer-white-full-width > section .col-inner-white:hover .fa-chevron-right {
        color: #fff; }
  .strath-bootstrap .block-outer-white .profile, .strath-bootstrap .block-outer-grey .profile, .strath-bootstrap .block-outer .profile, .strath-bootstrap .profilescontainer-white-fixed-width .profile, .strath-bootstrap .profilescontainer-grey-fixed-width .profile, .strath-bootstrap .profilescontainer-white-full-width .profile, .strath-bootstrap .profilescontainer-white-full-width .profile {
    margin-bottom: 0; }
    .strath-bootstrap .block-outer-white .profile:hover .mono, .strath-bootstrap .block-outer-grey .profile:hover .mono, .strath-bootstrap .block-outer .profile:hover .mono, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover .mono, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover .mono, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .mono, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .mono {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
    .strath-bootstrap .block-outer-white .profile:hover p, .strath-bootstrap .block-outer-white .profile:hover h2, .strath-bootstrap .block-outer-white .profile:hover h3, .strath-bootstrap .block-outer-white .profile:hover h4, .strath-bootstrap .block-outer-white .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white .profile:hover h2, .strath-bootstrap .block-outer-white .profile:hover .results .result h3, .strath-bootstrap .results .result .block-outer-white .profile:hover h3, .strath-bootstrap .block-outer-white .profile:hover blockquote, .strath-bootstrap .block-outer-white .profile:hover blockquote::before, .strath-bootstrap .block-outer-white .profile:hover blockquote::after, .strath-bootstrap .block-outer-grey .profile:hover p, .strath-bootstrap .block-outer-grey .profile:hover h2, .strath-bootstrap .block-outer-grey .profile:hover h3, .strath-bootstrap .block-outer-grey .profile:hover h4, .strath-bootstrap .block-outer-grey .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey .profile:hover h2, .strath-bootstrap .block-outer-grey .profile:hover .results .result h3, .strath-bootstrap .results .result .block-outer-grey .profile:hover h3, .strath-bootstrap .block-outer-grey .profile:hover blockquote, .strath-bootstrap .block-outer-grey .profile:hover blockquote::before, .strath-bootstrap .block-outer-grey .profile:hover blockquote::after, .strath-bootstrap .block-outer .profile:hover p, .strath-bootstrap .block-outer .profile:hover h2, .strath-bootstrap .block-outer .profile:hover h3, .strath-bootstrap .block-outer .profile:hover h4, .strath-bootstrap .block-outer .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer .profile:hover h2, .strath-bootstrap .block-outer .profile:hover .results .result h3, .strath-bootstrap .results .result .block-outer .profile:hover h3, .strath-bootstrap .block-outer .profile:hover blockquote, .strath-bootstrap .block-outer .profile:hover blockquote::before, .strath-bootstrap .block-outer .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover p, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover h4, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-white-fixed-width .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover p, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover h4, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-grey-fixed-width .profile:hover h2, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-grey-fixed-width .profile:hover h3, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-grey-fixed-width .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-white-full-width .profile:hover p, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h4, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::after, .strath-bootstrap .profilescontainer-white-full-width .profile:hover p, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover h4, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profilescontainer-white-full-width .profile:hover h2, .strath-bootstrap .profilescontainer-white-full-width .profile:hover .results .result h3, .strath-bootstrap .results .result .profilescontainer-white-full-width .profile:hover h3, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::before, .strath-bootstrap .profilescontainer-white-full-width .profile:hover blockquote::after {
      color: #778898; }
  .strath-bootstrap .block-outer-white .fa-home, .strath-bootstrap .block-outer-white .fa-suitcase, .strath-bootstrap .block-outer-grey .fa-home, .strath-bootstrap .block-outer-grey .fa-suitcase, .strath-bootstrap .block-outer .fa-home, .strath-bootstrap .block-outer .fa-suitcase, .strath-bootstrap .profilescontainer-white-fixed-width .fa-home, .strath-bootstrap .profilescontainer-white-fixed-width .fa-suitcase, .strath-bootstrap .profilescontainer-grey-fixed-width .fa-home, .strath-bootstrap .profilescontainer-grey-fixed-width .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width .fa-home, .strath-bootstrap .profilescontainer-white-full-width .fa-suitcase, .strath-bootstrap .profilescontainer-white-full-width .fa-home, .strath-bootstrap .profilescontainer-white-full-width .fa-suitcase {
    color: #002b5c; }
  .strath-bootstrap .block-outer-white .randomise:nth-child(n+4), .strath-bootstrap .block-outer-grey .randomise:nth-child(n+4), .strath-bootstrap .block-outer .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-white-fixed-width .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-grey-fixed-width .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-white-full-width .randomise:nth-child(n+4), .strath-bootstrap .profilescontainer-white-full-width .randomise:nth-child(n+4) {
    display: none; }
  .strath-bootstrap .block-outer-white .mono, .strath-bootstrap .block-outer-grey .mono, .strath-bootstrap .block-outer .mono, .strath-bootstrap .profilescontainer-white-fixed-width .mono, .strath-bootstrap .profilescontainer-grey-fixed-width .mono, .strath-bootstrap .profilescontainer-white-full-width .mono, .strath-bootstrap .profilescontainer-white-full-width .mono {
    -webkit-filter: grayscale(0);
    filter: grayscale(100%); }
  .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
    max-width: 1140px;
    margin-bottom: -1.33333rem;
    padding-top: 2rem;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0; }
    .strath-bootstrap .block-outer-grey-stand-alone > section p, .strath-bootstrap .block-outer-grey-stand-alone > section li, .strath-bootstrap .block-outer-white-stand-alone > section p, .strath-bootstrap .block-outer-white-stand-alone > section li {
      color: #495057;
      margin-bottom: 0;
      padding-bottom: 2rem; }
    .strath-bootstrap .block-outer-grey-stand-alone > section h1, .strath-bootstrap .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-grey-stand-alone > section h4, .strath-bootstrap .block-outer-grey-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-grey-stand-alone > section h2, .strath-bootstrap .block-outer-grey-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-grey-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h1, .strath-bootstrap .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section h3, .strath-bootstrap .block-outer-white-stand-alone > section h4, .strath-bootstrap .block-outer-white-stand-alone > section .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .block-outer-white-stand-alone > section h2, .strath-bootstrap .block-outer-white-stand-alone > section .results .result h3, .strath-bootstrap .results .result .block-outer-white-stand-alone > section h3 {
      border-bottom: 0; }
  .strath-bootstrap .col-sm-6-strath {
    padding-top: 2rem; }
  .strath-bootstrap .block-outer-grey, .strath-bootstrap .block-outer-grey-stand-alone, .strath-bootstrap .card {
    background-color: #e9ecef; }
  .strath-bootstrap .block-outer-white-stand-alone {
    background-color: #fff; }
  .strath-bootstrap .block-outer-white {
    background-color: #fff; }
    .strath-bootstrap .block-outer-white .card {
      border: 0; }
    .strath-bootstrap .block-outer-white .card-title {
      padding: 1rem 0; }
  .strath-bootstrap .block-outer-background {
    background-image: url("");
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .strath-bootstrap .block-outer-background .card-title, .strath-bootstrap .block-outer-background .card-body {
      max-width: 900px;
      background-color: #fff;
      color: #495057;
      margin: 2rem 0 0 0;
      border-bottom: 0;
      padding: 20px; }
    .strath-bootstrap .block-outer-background .card-title {
      margin-bottom: 0; }
    .strath-bootstrap .block-outer-background .card-body {
      font-weight: normal;
      -webkit-column-count: 2;
      column-count: 2;
      margin: 0 0 2rem 0; }
    .strath-bootstrap .block-outer-background > h2 {
      margin-bottom: 0;
      color: strath-font-normal;
      border-bottom: 0; }
    .strath-bootstrap .block-outer-background > p {
      color: strath-font-normal;
      border-bottom: 0;
      margin: 1em 0; }
  .strath-bootstrap .outerhref-one .fa-chevron-right, .strath-bootstrap .outerhref-two .fa-chevron-right, .strath-bootstrap .outerhref-three .fa-chevron-right {
    color: #495057;
    padding: 1rem; }
    .strath-bootstrap .outerhref-one .fa-chevron-right:hover > h3, .strath-bootstrap .outerhref-two .fa-chevron-right:hover > h3, .strath-bootstrap .outerhref-three .fa-chevron-right:hover > h3 {
      color: #fff; }
  .strath-bootstrap .outerhref-one .col-inner-grey, .strath-bootstrap .outerhref-one .col-inner-white, .strath-bootstrap .outerhref-two .col-inner-grey, .strath-bootstrap .outerhref-two .col-inner-white, .strath-bootstrap .outerhref-three .col-inner-grey, .strath-bootstrap .outerhref-three .col-inner-white {
    border-bottom: 5px solid #495057; }
    .strath-bootstrap .outerhref-one .col-inner-grey > h3, .strath-bootstrap .outerhref-one .col-inner-white > h3, .strath-bootstrap .outerhref-two .col-inner-grey > h3, .strath-bootstrap .outerhref-two .col-inner-white > h3, .strath-bootstrap .outerhref-three .col-inner-grey > h3, .strath-bootstrap .outerhref-three .col-inner-white > h3 {
      padding: 0 1rem; }
    .strath-bootstrap .outerhref-one .col-inner-grey > p, .strath-bootstrap .outerhref-one .col-inner-white > p, .strath-bootstrap .outerhref-two .col-inner-grey > p, .strath-bootstrap .outerhref-two .col-inner-white > p, .strath-bootstrap .outerhref-three .col-inner-grey > p, .strath-bootstrap .outerhref-three .col-inner-white > p {
      padding: 0 1rem; }
  .strath-bootstrap .outerhref-one .col-inner-grey, .strath-bootstrap .outerhref-two .col-inner-grey, .strath-bootstrap .outerhref-three .col-inner-grey {
    background: #e9ecef; }
  .strath-bootstrap .outerhref-one .col-inner-white, .strath-bootstrap .outerhref-two .col-inner-white, .strath-bootstrap .outerhref-three .col-inner-white {
    background: #fff;
    border-bottom: 5px solid #495057;
    border-right: 1px solid #e9ecef;
    border-left: 1px solid #e9ecef; }
    .strath-bootstrap .outerhref-one .col-inner-white:hover, .strath-bootstrap .outerhref-one .col-inner-white:hover > h3, .strath-bootstrap .outerhref-two .col-inner-white:hover, .strath-bootstrap .outerhref-two .col-inner-white:hover > h3, .strath-bootstrap .outerhref-three .col-inner-white:hover, .strath-bootstrap .outerhref-three .col-inner-white:hover > h3 {
      background-color: #778898;
      color: #fff; }
  .strath-bootstrap .image-round img {
    height: auto;
    width: 100%;
    max-width: 350px;
    border-radius: 50%;
    max-width: 350px; }
  .strath-bootstrap blockquote > p {
    display: inline-block; }
  .strath-bootstrap blockquote {
    font-size: 1rem;
    line-height: 1.6;
    color: #495057; }
  .strath-bootstrap blockquote::before {
    font-family: "FontAwesome";
    content: '\f10d';
    /*quote left icon*/
    color: #495057;
    padding: 0 5px;
    font-size: .7rem; }
  .strath-bootstrap blockquote::after {
    font-family: "FontAwesome";
    content: '\f10e';
    /*quote right icon*/
    color: #495057;
    padding: 0 5px;
    font-size: .7rem; }
  @media screen and (max-width: 1140px) {
    .strath-bootstrap .block-outer-white, .strath-bootstrap .block-outer-grey {
      padding: 2rem; }
      .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section {
        padding: 0; }
        .strath-bootstrap .block-outer-white > section .col-sm-6-strath, .strath-bootstrap .block-outer-grey > section .col-sm-6-strath {
          padding-top: 0; }
    .strath-bootstrap .block-outer-background > section {
      padding: 0; }
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      margin-top: 0;
      margin-bottom: -2rem;
      padding-left: 0; } }
  @media screen and (min-width: 990px) and (max-width: 1040px) {
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      margin-top: 0rem; }
      .strath-bootstrap .block-outer-grey-stand-alone > section > h2, .strath-bootstrap .block-outer-white-stand-alone > section > h2 {
        padding-left: 2rem; } }
  @media screen and (max-width: 992px) {
    .strath-bootstrap .block-outer-background > section {
      padding: 0; }
      .strath-bootstrap .block-outer-background > section .background {
        padding: 0 1rem 0; }
      .strath-bootstrap .block-outer-background > section .card-body {
        -webkit-column-count: 1;
        column-count: 1; }
    .strath-bootstrap .block-outer-white, .strath-bootstrap .block-outer-grey {
      padding: 2rem; }
      .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section {
        padding: 0; }
        .strath-bootstrap .block-outer-white > section .randomise:nth-child(n+3), .strath-bootstrap .block-outer-grey > section .randomise:nth-child(n+3) {
          display: none; }
        .strath-bootstrap .block-outer-white > section .profile, .strath-bootstrap .block-outer-grey > section .profile {
          max-width: 300px; }
        .strath-bootstrap .block-outer-white > section .background, .strath-bootstrap .block-outer-grey > section .background {
          padding: 0 1rem 0; }
    .strath-bootstrap .block-outer-white .card {
      margin-bottom: 1rem; }
    .strath-bootstrap .block-outer {
      padding: 0; }
      .strath-bootstrap .block-outer .outerhref-one, .strath-bootstrap .block-outer .outerhref-two, .strath-bootstrap .block-outer .outerhref-three, .strath-bootstrap .block-outer .col-sm-6 {
        margin: 1rem; }
      .strath-bootstrap .block-outer > section {
        padding: 1rem;
        margin-bottom: 0; }
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      margin-top: 0;
      margin-bottom: 0; }
      .strath-bootstrap .block-outer-grey-stand-alone > section > h2, .strath-bootstrap .block-outer-white-stand-alone > section > h2 {
        padding-left: 2rem;
        margin-bottom: -2rem; } }
  @media screen and (max-width: 800px) {
    .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section {
      margin-bottom: 0; }
      .strath-bootstrap .block-outer-white > section .col-sm-6, .strath-bootstrap .block-outer-grey > section .col-sm-6 {
        margin-bottom: 1rem; }
      .strath-bootstrap .block-outer-white > section .profile, .strath-bootstrap .block-outer-grey > section .profile {
        margin-bottom: 2rem; }
      .strath-bootstrap .block-outer-white > section .col-sm, .strath-bootstrap .block-outer-grey > section .col-sm {
        margin-bottom: 10px; }
    .strath-bootstrap .block-outer-grey-stand-alone > section, .strath-bootstrap .block-outer-white-stand-alone > section {
      /*margin-top: -6.5rem; */ }
      .strath-bootstrap .block-outer-grey-stand-alone > section > h2, .strath-bootstrap .block-outer-white-stand-alone > section > h2 {
        padding-left: 2rem;
        margin-bottom: -15px;
        margin-top: 1rem; } }
  @media screen and (max-width: 500px) {
    .strath-bootstrap .block-outer-white > section, .strath-bootstrap .block-outer-grey > section, .strath-bootstrap .block-outer-background > section {
      padding: 0;
      margin-bottom: 0; }
      .strath-bootstrap .block-outer-white > section .col-sm-6, .strath-bootstrap .block-outer-grey > section .col-sm-6, .strath-bootstrap .block-outer-background > section .col-sm-6 {
        margin-bottom: 1rem; } }
  .strath-bootstrap .row > h2, .strath-bootstrap .row h3 {
    width: 100%;
    border-bottom: 0; }
  .strath-bootstrap .half-width-feature {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    background-color: #e9ecef; }
    .strath-bootstrap .half-width-feature h2 {
      margin: 1rem 0 0 1rem;
      color: #002b5c;
      padding-bottom: 1rem; }
    .strath-bootstrap .half-width-feature p {
      color: #002b5c;
      padding: 0 2rem 1rem 1rem; }
      .strath-bootstrap .half-width-feature p > a {
        text-decoration: underline; }
        .strath-bootstrap .half-width-feature p > a:hover {
          background-color: #e9ecef;
          color: #778898; }
    .strath-bootstrap .half-width-feature figure {
      margin: 0; }
    .strath-bootstrap .half-width-feature img {
      max-width: 200px;
      float: right;
      margin-left: 0.5rem; }
    .strath-bootstrap .half-width-feature li a {
      display: inline; }
      .strath-bootstrap .half-width-feature li a:hover {
        background-color: #e9ecef;
        text-decoration: underline; }
    .strath-bootstrap .half-width-feature a {
      color: #002b5c;
      display: inline-block;
      width: 100%;
      height: 100%; }
      .strath-bootstrap .half-width-feature a:hover {
        background-color: #778898; }
        .strath-bootstrap .half-width-feature a:hover h2, .strath-bootstrap .half-width-feature a:hover p {
          color: #fff; }
  .strath-bootstrap .half-width-feature:nth-of-type(2n) {
    margin: 1rem 1rem 0.5rem 0.5rem; }
  .strath-bootstrap .half-width-feature:nth-of-type(2n+1) {
    margin: 1rem 0.5rem 0.5rem 1rem; }
  @media (max-width: 991.98px) {
    .strath-bootstrap .half-width-feature:nth-of-type(2n) {
      margin: 1rem 0.5rem 0.5rem 1rem; }
    .strath-bootstrap .half-width-feature:nth-of-type(2n+1) {
      margin: 1rem 0.5rem 0.5rem 1rem; }
    .strath-bootstrap .half-width-feature {
      -webkit-flex: none;
      -ms-flex: none;
      flex: none;
      width: 90%; }
      .strath-bootstrap .half-width-feature > img {
        width: 70%; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .half-width-feature img {
      width: 200px;
      margin: 0;
      padding: 0 0 0 1rem; } }
  .strath-bootstrap .search-feature-container-wrapper {
    width: 35% !important;
    max-width: 44em !important;
    margin-top: 40px !important;
    z-index: auto !important; }
  .strath-bootstrap .search-feature-container {
    width: 95% !important; }
  .strath-bootstrap .search-form-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .strath-bootstrap .search-feature-background {
    height: 300px !important; }
  .strath-bootstrap .btn-search-info {
    background-color: #fff;
    font-size: .9rem;
    color: #002b5c;
    padding: 0 0 5% 1%; }
  .strath-bootstrap .searchitemsub p {
    color: #495057;
    font-size: 1rem; }
  .strath-bootstrap .feature-header {
    font-size: 1.6rem; }
  .strath-bootstrap .search-form > h3 {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0;
    color: #002b5c; }
  .strath-bootstrap .search-form label {
    font-size: .9rem;
    font-weight: normal;
    color: #002b5c; }
  .strath-bootstrap .input-group-append {
    color: #002b5c; }
  .strath-bootstrap .input-group-append2 {
    margin-top: 30px; }
  .strath-bootstrap .search-input-group-sticky > input {
    width: 580px;
    margin-top: 30px; }
  .strath-bootstrap .search-input-group-sticky2 {
    background-color: #dee2e6;
    padding: 0 0 20px 20px;
    position: relative;
    width: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    .strath-bootstrap .search-input-group-sticky2 > input {
      margin-top: 30px; }
  .strath-bootstrap .input-group-append2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .strath-bootstrap .search-modal-body-section {
    background-color: #e9ecef;
    padding: 5%;
    margin: 3% 0; }
    .strath-bootstrap .search-modal-body-section > h3 {
      font-size: 1.5rem;
      font-weight: bold;
      padding: 0;
      color: #002b5c; }
  .strath-bootstrap .searchstriped:hover > article > section .searchitemsub h2 {
    hover: #fff; }
  .strath-bootstrap .searchstriped {
    width: 100%; }
    .strath-bootstrap .searchstriped > p {
      margin: 2rem 1.33333rem 2rem 0;
      width: 33%;
      color: #343a40; }
  .strath-bootstrap .searchstriped {
    border-top-color: #d1d3dc; }
    .strath-bootstrap .searchstriped > section:nth-of-type(even) {
      background-color: #fff; }
    .strath-bootstrap .searchstriped > section > article {
      width: 35%; }
      .strath-bootstrap .searchstriped > section > article a:hover .searchitemsub > h2 {
        color: #fff; }
    .strath-bootstrap .searchstriped .searchitem > a > .searchitemsub > h2 {
      font-size: 1.2rem;
      font-weight: bold;
      border-bottom: 0 !important;
      color: #002b5c;
      min-height: 0;
      text-decoration: none; }
  .strath-bootstrap .search-feature-body-text-inner > .search-form > h3 {
    padding: 5% 0 0 0; }
  .strath-bootstrap .search-background-image {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); }
  .strath-bootstrap .bs-popover-left {
    background-color: #fff !important;
    width: 30% !important;
    padding: 2% !important; }
  .strath-bootstrap .strath-search-results-fa .col {
    font-size: 0.8rem;
    color: #343a40;
    padding: 0.5rem 2rem; }
  .strath-bootstrap button {
    font-size: .8rem;
    background-color: #d1d3dc;
    padding: 3% 1%;
    float: none;
    color: #222; }
  .strath-bootstrap .checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    color: #495057; }
  .strath-bootstrap .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
  .strath-bootstrap .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #002b5c; }
  .strath-bootstrap .checkbox input[type="checkbox"], .strath-bootstrap .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    border-color: #002b5c; }
  .strath-bootstrap .checkbox input[type="checkbox"]:focus + label::before, .strath-bootstrap .checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .strath-bootstrap .checkbox input[type="checkbox"]:checked + label::after, .strath-bootstrap .checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c"; }
  .strath-bootstrap .checkbox-primary input[type="checkbox"]:checked + label::before, .strath-bootstrap .checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #002b5c;
    border-color: #002b5c; }
  .strath-bootstrap .checkbox-primary input[type="checkbox"]:checked + label::after, .strath-bootstrap .checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff; }
  .strath-bootstrap .input-group {
    width: 90% !important; }
  .strath-bootstrap .search-input-group-sticky2 {
    width: 60% !important; }
  .strath-bootstrap .strath-form-control {
    width: 80% !important; }
  @media only screen and (max-width: 1100px) {
    .strath-bootstrap .search-feature-container-wrapper {
      width: 90%;
      margin: 0;
      margin-top: 35px !important; }
    .strath-bootstrap .search-feature-container {
      width: 95% !important;
      margin-left: 0;
      float: left !important;
      padding-left: 2%; }
    .strath-bootstrap .searchstripedfull {
      width: 100%; }
      .strath-bootstrap .searchstripedfull > p {
        margin: 0;
        padding: 2%;
        width: 100%;
        color: #343a40; }
    .strath-bootstrap .searchstriped > section {
      margin-bottom: 0; }
      .strath-bootstrap .searchstriped > section > article {
        width: 100%;
        margin-bottom: 0; }
    .strath-bootstrap .searchstriped > section:nth-of-type(even) {
      padding: 15px 5px; }
    .strath-bootstrap .searchstriped > section:nth-of-type(odd) {
      padding: 15px 5px; } }
  @media only screen and (max-width: 678px) {
    .strath-bootstrap .search-feature-body-text-inner {
      padding: 0px 20px !important; }
    .strath-bootstrap .search-feature-background > .media-container > .search-background-image {
      position: absolute !important;
      padding-top: 100% !important; }
    .strath-bootstrap .search-feature-container {
      width: 100% !important;
      margin-left: 0;
      float: left !important;
      padding-left: 2%;
      position: relative; }
    .strath-bootstrap .searchstripedfull {
      width: 100%; }
      .strath-bootstrap .searchstripedfull > p {
        margin: 0;
        padding: 2%;
        width: 100%;
        color: #343a40; }
    .strath-bootstrap .searchstriped > section {
      margin-bottom: 0; }
      .strath-bootstrap .searchstriped > section > article {
        width: 100%;
        margin-bottom: 0; }
    .strath-bootstrap .searchstriped > section:nth-of-type(even) {
      padding: 15px 5px; }
    .strath-bootstrap .searchstriped > section:nth-of-type(odd) {
      padding: 15px 5px; } }
  @media only screen and (max-width: 400px) {
    .strath-bootstrap .search-feature-container-wrapper {
      margin-top: 15px !important; } }
  .strath-bootstrap .two-columns {
    background: #fff;
    font-size: 1rem;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important; }
    .strath-bootstrap .two-columns .column {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      overflow: hidden;
      float: none;
      margin: 0; }
      .strath-bootstrap .two-columns .column.vertical-align-top, .strath-bootstrap .two-columns .column.vertical-align-top .column-inner {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
      .strath-bootstrap .two-columns .column.vertical-align-middle, .strath-bootstrap .two-columns .column.vertical-align-middle .column-inner {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
      .strath-bootstrap .two-columns .column.vertical-align-bottom, .strath-bootstrap .two-columns .column.vertical-align-bottom .column-inner {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
    .strath-bootstrap .two-columns .column {
      margin-left: -1px !important; }
    .strath-bootstrap .two-columns .column-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-flex: 1;
      flex: 1;
      -ms-flex: auto; }
      .strath-bootstrap .two-columns .column-inner h2, .strath-bootstrap .two-columns .column-inner h3, .strath-bootstrap .two-columns .column-inner h4, .strath-bootstrap .two-columns .column-inner .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .two-columns .column-inner h2, .strath-bootstrap .two-columns .column-inner .results .result h3, .strath-bootstrap .results .result .two-columns .column-inner h3, .strath-bootstrap .two-columns .column-inner p, .strath-bootstrap .two-columns .column-inner ul, .strath-bootstrap .two-columns .column-inner li, .strath-bootstrap .two-columns .column-inner blockquote, .strath-bootstrap .two-columns .column-inner a {
        max-width: 100%; }
      .strath-bootstrap .two-columns .column-inner > * {
        -ms-flex-negative: 0; }
    .strath-bootstrap .two-columns .full p, .strath-bootstrap .two-columns .full blockquote {
      max-width: 800px; }
    .strath-bootstrap .two-columns .half, .strath-bootstrap .two-columns .third, .strath-bootstrap .two-columns .two-thirds {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      padding-top: 1rem;
      padding-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .half.has-sibling, .strath-bootstrap .two-columns .third.has-sibling, .strath-bootstrap .two-columns .two-thirds.has-sibling {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .half, .strath-bootstrap .two-columns .third, .strath-bootstrap .two-columns .two-thirds {
          padding-top: 0rem;
          padding-bottom: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .half {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .half {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .third {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .third {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .third.has-sibling {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .third.has-sibling {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .third.has-sibling {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .two-thirds {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .two-thirds {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .two-thirds.has-sibling {
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .two-thirds.has-sibling {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .two-thirds.has-sibling {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    .strath-bootstrap .two-columns .full {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .full {
          -webkit-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
      .strath-bootstrap .two-columns .full ~ .column {
        display: none; }
    .strath-bootstrap .two-columns .image-fill .column-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      height: 100%; }
      .strath-bootstrap .two-columns .image-fill .column-inner p {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 0;
        height: 100%; }
        .strath-bootstrap .two-columns .image-fill .column-inner p:nth-child(2) {
          display: none; }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .image-fill img {
        min-width: 100%;
        max-width: none;
        min-height: 100%;
        width: auto; } }
    .strath-bootstrap .two-columns img {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      align-self: center;
      max-width: 100%;
      width: 100%;
      height: auto;
      margin-bottom: 0.5rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns img {
          width: auto;
          margin-bottom: 0; } }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns img ~ img {
          margin-left: 1rem; } }
    .strath-bootstrap .two-columns p, .strath-bootstrap .two-columns li {
      color: #495057;
      line-height: 1.4; }
    .strath-bootstrap .two-columns p:last-child {
      margin-bottom: 0; }
    .strath-bootstrap .two-columns blockquote {
      font-weight: bold;
      line-height: 1.4;
      font-size: 1.4rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns blockquote {
          max-width: 400px; } }
      .strath-bootstrap .two-columns blockquote:before, .strath-bootstrap .two-columns blockquote:after {
        color: #ced4da; }
      .strath-bootstrap .two-columns blockquote p {
        display: inline;
        color: #212529;
        font-size: 1.3rem; }
        .strath-bootstrap .two-columns blockquote p a {
          color: #212529;
          text-decoration: underline; }
          .strath-bootstrap .two-columns blockquote p a:hover {
            color: #778898; }
    .strath-bootstrap .two-columns .leading-text, .strath-bootstrap .two-columns .trailing-text {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px; }
      @media (min-width: 992px) {
        .strath-bootstrap .two-columns .leading-text, .strath-bootstrap .two-columns .trailing-text {
          -webkit-flex: 0 0 75%;
          -ms-flex: 0 0 75%;
          flex: 0 0 75%;
          max-width: 75%; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .two-columns .leading-text, .strath-bootstrap .two-columns .trailing-text {
          padding-left: 0;
          padding-right: 0; } }
    .strath-bootstrap .two-columns .leading-text {
      padding: 1rem 1rem 0 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .leading-text {
          padding: 4rem 1rem 1rem 1rem; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .two-columns .leading-text {
          padding: 4rem 15px 2rem 15px; } }
    .strath-bootstrap .two-columns .trailing-text {
      padding: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .trailing-text {
          padding: 2rem 1rem 4rem 1rem; } }
      @media (min-width: 1200px) {
        .strath-bootstrap .two-columns .trailing-text {
          padding: 2rem 15px 4rem 15px; } }
    .strath-bootstrap .two-columns .column-left, .strath-bootstrap .two-columns .column:first-child {
      float: none;
      margin-right: 0;
      margin-left: 0; }
      .strath-bootstrap .two-columns .column-left.padded, .strath-bootstrap .two-columns .column:first-child.padded {
        padding: 1.25rem 1rem;
        margin: 0; }
        .strath-bootstrap .two-columns .column-left.padded .column-inner > *:last-child, .strath-bootstrap .two-columns .column:first-child.padded .column-inner > *:last-child {
          margin-bottom: 0; }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-left, .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 2rem 1rem;
        margin: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .padded.column-left, .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 2rem 2rem 2rem 15px; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-left, .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 4rem 2rem 4rem 15px; } }
    @media (min-width: 1200px) {
      .strath-bootstrap .two-columns .padded.column-left, .strath-bootstrap .two-columns .padded.column:first-child {
        padding: 4rem 2rem 4rem 15px; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-left:not(.has-sibling), .strath-bootstrap .two-columns .padded.column:first-child:not(.has-sibling) {
        padding-right: 0; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-left.has-leading, .strath-bootstrap .two-columns .padded.column:first-child.has-leading {
        padding-top: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-left.has-trailing, .strath-bootstrap .two-columns .padded.column:first-child.has-trailing {
        padding-bottom: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-right, .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 2rem 1rem;
        margin: 0; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .padded.column-right, .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 2rem 15px 2rem 2rem; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-right, .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 4rem 15px 4rem 2rem; } }
    @media (min-width: 1200px) {
      .strath-bootstrap .two-columns .padded.column-right, .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2) {
        padding: 4rem 15px 4rem 2rem; } }
    @media (min-width: 768px) {
      .strath-bootstrap .two-columns .padded.column-right:not(.has-sibling), .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2):not(.has-sibling) {
        padding-right: 1rem; } }
    @media (min-width: 992px) {
      .strath-bootstrap .two-columns .padded.column-right:not(.has-sibling), .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2):not(.has-sibling) {
        padding-right: 0; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-right.has-leading, .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2).has-leading {
        padding-top: 0rem; } }
    @media (min-width: 576px) {
      .strath-bootstrap .two-columns .padded.column-right.has-trailing, .strath-bootstrap .two-columns .padded.column.block-grid-item:nth-of-type(2).has-trailing {
        padding-bottom: 0rem; } }
    .strath-bootstrap .two-columns h1, .strath-bootstrap .two-columns h2, .strath-bootstrap .two-columns h3, .strath-bootstrap .two-columns h4, .strath-bootstrap .two-columns .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .two-columns h2, .strath-bootstrap .two-columns .results .result h3, .strath-bootstrap .results .result .two-columns h3, .strath-bootstrap .two-columns h5, .strath-bootstrap .two-columns .news-events h3, .strath-bootstrap .news-events .two-columns h3, .strath-bootstrap .two-columns .news-events h3 a, .strath-bootstrap .news-events h3 .two-columns a {
      font-weight: bold;
      border-bottom: 0;
      padding-bottom: 0;
      color: #002b5c;
      min-height: 0; }
    .strath-bootstrap .two-columns.white-bg .grey-bg.column-inner, .strath-bootstrap .two-columns.grey-bg .white-bg.column-inner {
      padding: 1rem;
      height: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns.white-bg .grey-bg.column-inner, .strath-bootstrap .two-columns.grey-bg .white-bg.column-inner {
          padding: 1.5rem; } }
      @media (min-width: 768px) {
        .strath-bootstrap .two-columns.white-bg .grey-bg.column-inner, .strath-bootstrap .two-columns.grey-bg .white-bg.column-inner {
          padding: 2rem; } }
    .strath-bootstrap .two-columns .btn.btn-primary, .strath-bootstrap .two-columns .call-to-action-link a.btn, .strath-bootstrap .call-to-action-link .two-columns a.btn, .strath-bootstrap .two-columns a.btn.call-to-action-link, .strath-bootstrap .two-columns .button-container a.btn, .strath-bootstrap .button-container .two-columns a.btn, .strath-bootstrap .two-columns .orange-button a.btn, .strath-bootstrap .orange-button .two-columns a.btn {
      font-weight: bold;
      margin-top: 1rem;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap .two-columns .btn.btn-primary, .strath-bootstrap .two-columns .call-to-action-link a.btn, .strath-bootstrap .call-to-action-link .two-columns a.btn, .strath-bootstrap .two-columns a.btn.call-to-action-link, .strath-bootstrap .two-columns .button-container a.btn, .strath-bootstrap .button-container .two-columns a.btn, .strath-bootstrap .two-columns .orange-button a.btn, .strath-bootstrap .orange-button .two-columns a.btn {
          width: auto; } }
    .strath-bootstrap .two-columns table {
      margin-bottom: 2rem; }
      .strath-bootstrap .two-columns table tr, .strath-bootstrap .two-columns table thead {
        border-bottom: 2px solid #e9ecef; }
      .strath-bootstrap .two-columns table tr:last-child {
        border-bottom: 0; }
      .strath-bootstrap .two-columns table th, .strath-bootstrap .two-columns table td {
        padding: 1rem 0;
        vertical-align: top; }
      .strath-bootstrap .two-columns table th, .strath-bootstrap .two-columns table td {
        padding-left: 1rem;
        padding-right: 1rem; }
      .strath-bootstrap .two-columns table tr > *:first-child {
        padding-left: 0;
        padding-right: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns table tr > *:first-child {
            padding-right: 2rem; } }
      .strath-bootstrap .two-columns table tr > *:last-child {
        padding-left: 1rem;
        padding-right: 0; }
      .strath-bootstrap .two-columns table h2, .strath-bootstrap .two-columns table h3, .strath-bootstrap .two-columns table h4, .strath-bootstrap .two-columns table .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .two-columns table h2, .strath-bootstrap .two-columns table .results .result h3, .strath-bootstrap .results .result .two-columns table h3, .strath-bootstrap .two-columns table h5, .strath-bootstrap .two-columns table .news-events h3, .strath-bootstrap .news-events .two-columns table h3, .strath-bootstrap .two-columns table .news-events h3 a, .strath-bootstrap .news-events h3 .two-columns table a {
        font-size: 1rem; }
    .strath-bootstrap .two-columns .column-inner.grey-bg tr, .strath-bootstrap .two-columns .column-inner.grey-bg thead {
      border-bottom: 2px solid #ced4da; }
    .strath-bootstrap .two-columns .column-inner.grey-bg tr:last-child {
      border-bottom: 0; }
    .strath-bootstrap .two-columns .nav-tabs {
      border-bottom: 4px solid #adb5bd;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
      .strath-bootstrap .two-columns .nav-tabs .nav-link {
        font-size: 1.4rem;
        font-weight: bold;
        color: #002b5c;
        position: relative;
        padding-bottom: 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .nav-tabs .nav-link {
            text-align: center;
            padding-top: 0;
            height: 100%;
            -webkit-align-items: flex-end;
            -ms-flex-align: end;
            align-items: flex-end; } }
        .strath-bootstrap .two-columns .nav-tabs .nav-link.active {
          background: transparent; }
          .strath-bootstrap .two-columns .nav-tabs .nav-link.active:before {
            display: block;
            content: ' ';
            position: absolute;
            bottom: 0;
            left: calc(50% - 12px);
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 12px solid #002b5c; }
      .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs {
        display: block;
        border-bottom: 0; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs {
            border-bottom: 4px solid #ced4da;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex; } }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-item {
            margin-bottom: 0; } }
        .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link {
          width: 100%;
          border: 1px solid #fff; }
          .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link.active:before {
            display: none; }
            @media (min-width: 576px) {
              .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link.active:before {
                display: block; } }
          @media (min-width: 576px) {
            .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link.grey-block-button {
              background: transparent; } }
          @media (min-width: 576px) {
            .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link:after {
              display: none; } }
          @media (min-width: 576px) {
            .strath-bootstrap .two-columns .nav-tabs.off-canvas-tabs .nav-link {
              width: auto;
              border: 0;
              margin-bottom: 0; } }
    .strath-bootstrap .two-columns .course-module {
      margin-bottom: 2rem; }
      .strath-bootstrap .two-columns .course-module:last-child {
        margin-bottom: 0; }
      .strath-bootstrap .two-columns .course-module.accordion {
        margin-bottom: 0.5rem; }
        .strath-bootstrap .two-columns .course-module.accordion.last-module-in-group {
          margin-bottom: 2rem; }
        .strath-bootstrap .two-columns .course-module.accordion:last-child {
          margin-bottom: 0; }
        .strath-bootstrap .two-columns .course-module.accordion .course-module-content-inner {
          padding: 1rem 0; }
        .strath-bootstrap .two-columns .course-module.accordion .grey-block-button {
          margin-bottom: 0;
          cursor: pointer; }
    .strath-bootstrap .two-columns .course-module-subheader {
      margin-bottom: 1rem; }
    .strath-bootstrap .two-columns.white-bg.has-content {
      border-bottom: 1px solid #e9ecef; }
    .strath-bootstrap .two-columns.gray-200-bg.has-content, .strath-bootstrap .two-columns.grey-bg.has-content {
      border-bottom: 1px solid #fff; }
    .strath-bootstrap .two-columns.white-bg .tab-content, .strath-bootstrap .two-columns.white-bg .tab-pane, .strath-bootstrap .two-columns.white-bg .grey-block-button, .strath-bootstrap .two-columns.white-bg .grey-block-button.active, .strath-bootstrap .two-columns .column-inner.white-bg .tab-content, .strath-bootstrap .two-columns .column-inner.white-bg .tab-pane, .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button, .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button.active {
      background: #e9ecef; }
    .strath-bootstrap .two-columns.white-bg .grey-block-button:hover, .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button:hover {
      background: #dee2e6; }
    .strath-bootstrap .two-columns.white-bg .grey-block-button-back, .strath-bootstrap .two-columns .column-inner.white-bg .grey-block-button-back {
      background: #e9ecef; }
    .strath-bootstrap .two-columns.gray-200-bg .tab-content, .strath-bootstrap .two-columns.gray-200-bg .tab-pane, .strath-bootstrap .two-columns.gray-200-bg .grey-block-button, .strath-bootstrap .two-columns.gray-200-bg .grey-block-button.active, .strath-bootstrap .two-columns.grey-bg .tab-content, .strath-bootstrap .two-columns.grey-bg .tab-pane, .strath-bootstrap .two-columns.grey-bg .grey-block-button, .strath-bootstrap .two-columns.grey-bg .grey-block-button.active, .strath-bootstrap .two-columns .column-inner.gray-200-bg .tab-content, .strath-bootstrap .two-columns .column-inner.gray-200-bg .tab-pane, .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button, .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button.active, .strath-bootstrap .two-columns .column-inner.grey-bg .tab-content, .strath-bootstrap .two-columns .column-inner.grey-bg .tab-pane, .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button, .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button.active {
      background: #fff; }
    .strath-bootstrap .two-columns.gray-200-bg .grey-block-button:hover, .strath-bootstrap .two-columns.grey-bg .grey-block-button:hover, .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button:hover, .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button:hover {
      background: #f8f9fa; }
    .strath-bootstrap .two-columns.gray-200-bg .grey-block-button-back, .strath-bootstrap .two-columns.grey-bg .grey-block-button-back, .strath-bootstrap .two-columns .column-inner.gray-200-bg .grey-block-button-back, .strath-bootstrap .two-columns .column-inner.grey-bg .grey-block-button-back {
      background: #e9ecef; }
    .strath-bootstrap .two-columns.white-bg .tab-pane .course-module-title.grey-block-button {
      background: #fff; }
    .strath-bootstrap .two-columns.grey-bg .tab-pane .course-module-title.grey-block-button {
      background: #e9ecef; }
    .strath-bootstrap .two-columns .tab-content {
      width: 100%; }
      .strath-bootstrap .two-columns .tab-content .tab-pane {
        padding: 1rem;
        max-width: 800px;
        display: block;
        z-index: 100; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .tab-content .tab-pane {
            padding: 1.5rem;
            display: none; } }
        @media (min-width: 768px) {
          .strath-bootstrap .two-columns .tab-content .tab-pane {
            padding: 2rem; } }
        .strath-bootstrap .two-columns .tab-content .tab-pane.active {
          display: block !important; }
      .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-pane {
        padding: 0; }
      .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-inner {
        padding: 1rem 1rem 1rem 1rem; }
        @media (min-width: 576px) {
          .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-inner {
            padding: 1.5rem; } }
        @media (min-width: 768px) {
          .strath-bootstrap .two-columns .tab-content.off-canvas-tab-content .tab-inner {
            padding: 2rem; } }
  .strath-bootstrap.course-page header.course-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 2px solid #e9ecef;
    /*.apply-pt {margin-top:$padding;}*/ }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page header.course-header {
        min-height: 150px; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page header.course-header {
        min-height: 200px; } }
    .strath-bootstrap.course-page header.course-header h1 {
      font-weight: bold;
      color: #002b5c;
      margin-top: 1rem;
      margin-bottom: 1rem;
      max-width: 800px;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page header.course-header h1 {
          width: auto;
          padding-right: 1rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap.course-page header.course-header h1 {
          margin-top: 2rem;
          margin-bottom: 2rem;
          font-size: 3rem; } }
    .strath-bootstrap.course-page header.course-header .superscript {
      font-size: 1.6rem;
      display: block; }
    .strath-bootstrap.course-page header.course-header .container {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .strath-bootstrap.course-page header.course-header .apply-button {
      margin-bottom: 1rem;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page header.course-header .apply-button {
          width: auto; } }
      @media (min-width: 992px) {
        .strath-bootstrap.course-page header.course-header .apply-button {
          margin-bottom: 2rem;
          padding: 1rem 1.5rem; } }
  .strath-bootstrap.course-page .course-information {
    background: #e9ecef; }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page .course-information {
        padding: 2rem 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page .course-information {
        padding: 3rem 0; } }
    .strath-bootstrap.course-page .course-information .container {
      padding: 1rem; }
    .strath-bootstrap.course-page .course-information blockquote {
      font-weight: bold;
      line-height: 1.4; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-information blockquote {
          max-width: 500px; } }
      .strath-bootstrap.course-page .course-information blockquote:before, .strath-bootstrap.course-page .course-information blockquote:after {
        color: #adb5bd; }
      .strath-bootstrap.course-page .course-information blockquote p {
        display: inline;
        color: #212529;
        font-size: 1.3rem; }
        .strath-bootstrap.course-page .course-information blockquote p:last-child {
          margin-bottom: 0; }
  .strath-bootstrap.course-page .key-facts,
  .strath-bootstrap.course-page .course-overview {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
  .strath-bootstrap.course-page .key-facts {
    background: #fff;
    padding: 0; }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page .key-facts {
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page .key-facts {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
    .strath-bootstrap.course-page .key-facts ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    .strath-bootstrap.course-page .key-facts li {
      padding: 0.75rem 0;
      border-bottom: 1px solid #e9ecef;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      line-height: 1.4; }
      .strath-bootstrap.course-page .key-facts li:first-child {
        padding-top: 0; }
      .strath-bootstrap.course-page .key-facts li:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
    .strath-bootstrap.course-page .key-facts .fa {
      margin-right: 0.75rem;
      min-width: 20px; }
    .strath-bootstrap.course-page .key-facts p {
      margin-bottom: 0; }
  .strath-bootstrap.course-page .course-overview {
    padding: 2rem 1rem;
    border-bottom: 1px solid #e9ecef;
    margin-left: -1px; }
    @media (min-width: 768px) {
      .strath-bootstrap.course-page .course-overview {
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
        padding: 1rem 2rem;
        border-bottom: 0; } }
    @media (min-width: 992px) {
      .strath-bootstrap.course-page .course-overview {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding: 1rem 2rem; } }
    .strath-bootstrap.course-page .course-overview h2 {
      border-bottom: 0;
      padding-bottom: 0;
      font-weight: bold;
      color: #002b5c; }
  .strath-bootstrap.course-page nav.course-page-nav {
    background: #fff;
    border-bottom: 4px solid #ced4da;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1070; }
    .strath-bootstrap.course-page nav.course-page-nav .container {
      position: relative;
      padding: 0;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .strath-bootstrap.course-page nav.course-page-nav .menu-pointer {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0;
      height: 0;
      border-left: 12px solid transparent;
      border-right: 12px solid transparent;
      border-bottom: 12px solid #002b5c;
      transition: 0.1s; }
    .strath-bootstrap.course-page nav.course-page-nav a {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-weight: bold;
      color: #002b5c;
      padding: 1.5rem 1rem;
      height: 100%;
      text-align: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      transition: 0.2s; }
      @media (min-width: 992px) {
        .strath-bootstrap.course-page nav.course-page-nav a:hover {
          background: #dee2e6; } }
      .strath-bootstrap.course-page nav.course-page-nav a.apply.apply-active {
        background: #018489;
        color: #fff; }
  .strath-bootstrap.course-page .btn-off-canvas-reveal {
    background: #e9ecef; }
    .strath-bootstrap.course-page .btn-off-canvas-reveal:after {
      content: '/f054';
      font-family: "FontAwesome";
      float: right; }
  .strath-bootstrap.course-page .off-canvas {
    position: fixed;
    background: white;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: 0.2s;
    z-index: 1040; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .off-canvas {
        padding-top: 0;
        position: relative;
        left: 0;
        height: auto;
        overflow: hidden;
        z-index: 10; } }
    .strath-bootstrap.course-page .off-canvas.open {
      left: 0;
      -webkit-overflow-scrolling: touch; }
  .strath-bootstrap.course-page .off-canvas-button-wrapper {
    padding: 0 1rem;
    margin: 0.5rem 0; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .off-canvas-button-wrapper {
        padding: 0;
        margin: 0; } }
    .strath-bootstrap.course-page .off-canvas-button-wrapper.first-button {
      margin-top: 1.25rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .off-canvas-button-wrapper.first-button {
          margin-top: 0; } }
    .strath-bootstrap.course-page .off-canvas-button-wrapper.last-button {
      margin-bottom: 1.25rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .off-canvas-button-wrapper.last-button {
          margin-bottom: 0; } }
  .strath-bootstrap.course-page .off-canvas-button-close {
    top: 0;
    z-index: 100; }
  .strath-bootstrap.course-page .accordion {
    width: 100%; }
    .strath-bootstrap.course-page .accordion:last-of-type .accordion-title {
      margin-bottom: 0; }
    .strath-bootstrap.course-page .accordion:last-of-type .accordion-content {
      padding-top: 1rem; }
    .strath-bootstrap.course-page .accordion .accordion-title {
      margin-bottom: 1rem; }
  .strath-bootstrap.course-page .pgr-opportunity {
    background: #fff;
    transition: 0.2s; }
    .strath-bootstrap.course-page .pgr-opportunity:hover {
      background: #778898; }
      .strath-bootstrap.course-page .pgr-opportunity:hover a *,
      .strath-bootstrap.course-page .pgr-opportunity:hover a .pgr-opportunity-details *,
      .strath-bootstrap.course-page .pgr-opportunity:hover .pgr-opportunity-details div .fa {
        color: #fff; }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 1rem; }
    .strath-bootstrap.course-page .pgr-opportunity h3 {
      font-size: 1.4rem; }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-info {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-info {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; } }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-description {
      margin-bottom: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-description {
          margin-right: 1rem;
          margin-bottom: 0; } }
    .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      min-width: 180px;
      margin-bottom: 0.25rem;
      color: #000; }
      .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div .fa {
        margin-right: 0.5rem;
        color: #002b5c; }
      .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div h4, .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div .banner-buttons .banner-button-header h2, .strath-bootstrap.course-page .banner-buttons .banner-button-header .pgr-opportunity .pgr-opportunity-details div h2, .strath-bootstrap.course-page .pgr-opportunity .pgr-opportunity-details div .results .result h3, .strath-bootstrap.course-page .results .result .pgr-opportunity .pgr-opportunity-details div h3 {
        font-size: 1rem;
        margin-right: 0.25rem;
        margin-bottom: 0;
        line-height: 1.4; }
  @media (min-width: 576px) {
    .strath-bootstrap.course-page .two-columns.course-contact .column.padded {
      margin-bottom: 1rem; } }
  @media (min-width: 768px) {
    .strath-bootstrap.course-page .two-columns.course-contact .column.padded {
      margin-bottom: 2rem; } }
  .strath-bootstrap.course-page .two-columns.course-contact .column.padded:last-child {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .two-columns.course-contact h4.has-title, .strath-bootstrap.course-page .two-columns.course-contact .banner-buttons .banner-button-header h2.has-title, .strath-bootstrap.course-page .banner-buttons .banner-button-header .two-columns.course-contact h2.has-title, .strath-bootstrap.course-page .two-columns.course-contact .results .result h3.has-title, .strath-bootstrap.course-page .results .result .two-columns.course-contact h3.has-title {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .two-columns.course-contact .d-flex {
    width: 100%; }
  .strath-bootstrap.course-page .two-columns.course-contact .d-flex h4, .strath-bootstrap.course-page .two-columns.course-contact .d-flex .banner-buttons .banner-button-header h2, .strath-bootstrap.course-page .banner-buttons .banner-button-header .two-columns.course-contact .d-flex h2, .strath-bootstrap.course-page .two-columns.course-contact .d-flex .results .result h3, .strath-bootstrap.course-page .results .result .two-columns.course-contact .d-flex h3 {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .two-columns.course-contact .contact-modal-button {
    margin-top: 0;
    margin-left: auto; }
  .strath-bootstrap.course-page .two-columns.supervisors table th,
  .strath-bootstrap.course-page .two-columns.supervisors table th p {
    font-size: 1.4rem;
    color: #002b5c; }
  .strath-bootstrap.course-page .two-columns.supervisors table td:first-child {
    font-size: 1.2rem;
    font-weight: bold; }
  .strath-bootstrap.course-page .two-columns.supervisors table td *:last-child {
    margin-bottom: 0; }
  .strath-bootstrap.course-page .apply-master {
    padding-bottom: 2rem; }
    .strath-bootstrap.course-page .apply-master.grey-bg .course-apply .column-inner {
      background: #fff; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .apply-master.grey-bg .has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(odd) {
        border-right: 1px solid #e9ecef; } }
    .strath-bootstrap.course-page .apply-master.white-bg .course-apply .column-inner {
      background: #e9ecef; }
    @media (min-width: 576px) {
      .strath-bootstrap.course-page .apply-master.white-bg .has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(odd) {
        border-right: 1px solid #ced4da; } }
  .strath-bootstrap.course-page .apply-master-has-trailing .course-apply .column:last-of-type {
    padding-bottom: 0; }
  .strath-bootstrap.course-page .course-apply {
    width: 100%;
    padding-bottom: 1rem;
    border-bottom: 0 !important; }
    .strath-bootstrap.course-page .course-apply:last-of-type {
      padding-bottom: 0; }
    .strath-bootstrap.course-page .course-apply .leading-text {
      padding-top: 0; }
    .strath-bootstrap.course-page .course-apply .column-left.padded {
      padding-bottom: 2rem; }
    .strath-bootstrap.course-page .course-apply .column-inner {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply .column-inner {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          padding: 2rem; } }
    .strath-bootstrap.course-page .course-apply .course-apply-information {
      padding-right: 1rem;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto;
      margin-bottom: 1rem;
      width: 100%; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply .course-apply-information {
          margin-bottom: 0; } }
      .strath-bootstrap.course-page .course-apply .course-apply-information .fa {
        width: 20px;
        margin-right: 0.5rem;
        text-align: center; }
      .strath-bootstrap.course-page .course-apply .course-apply-information p {
        line-height: 1.6rem; }
    .strath-bootstrap.course-page .course-apply .course-apply-button a {
      display: inline-block;
      text-align: center;
      margin-top: 0;
      white-space: nowrap; }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .column-inner {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-information {
      margin-bottom: 1.5rem; }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-buttons {
      width: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-buttons {
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row; } }
    .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button {
      margin-bottom: 1.5rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button {
          width: 50%;
          margin-bottom: 0; } }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(odd) {
          padding-right: 2rem; } }
      @media (min-width: 576px) {
        .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button:nth-of-type(even) {
          padding-left: 2rem; } }
      .strath-bootstrap.course-page .course-apply.has-ucas-apply.has-direct-apply .course-apply-button .btn {
        margin-top: auto; }
  .strath-bootstrap.course-page .apply-master.white-bg .course-apply .column-inner {
    background: #e9ecef; }
  .strath-bootstrap.course-page .apply-master.white-bg .tab-inner .course-apply .column-inner {
    background: #fff; }
  .strath-bootstrap.course-page .apply-master.grey-bg .course-apply .column-inner {
    background: #fff; }
  .strath-bootstrap.course-page .apply-master.grey-bg .tab-inner .course-apply .column-inner {
    background: #e9ecef; }
  .strath-bootstrap .course-search-2019 {
    /*position: relative; */
    top: 0;
    z-index: 50;
    background-color: #fff;
    width: 100%;
    margin-top: 0;
    /*.course-search-noscroll {background-color:$white; }
.course-search-scroll {/*background-color: $gray-600!important;*/
    /*color:$white!important;}*/
    /*.suggestions{background-color: $white; color:$corpblue; margin-left:$padding;}*/
    /*Right*/ }
    .strath-bootstrap .course-search-2019 .course-page-nav {
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding-top: 0; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 480px;
      background-color: #fff; }
    .strath-bootstrap .course-search-2019 .course-search-img {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 #mundane {
      height: 100%;
      width: 100%;
      background: url("https://www.strath.ac.uk/media/1newwebsite/courses/backgrounds/pgt/supermundane-grey.svg") no-repeat fixed;
      position: absolute;
      margin-top: -3rem; }
    .strath-bootstrap .course-search-2019 .search-button-wrapper {
      margin: 1rem 0 0 7px; }
    .strath-bootstrap .course-search-2019 .btn-course-search {
      width: 400px;
      margin-bottom: 1rem;
      color: #002b5c;
      background-color: #dee2e6;
      border: 1px solid #ced4da !important;
      padding: 1rem 1.33333rem;
      border: 0;
      border-top: 1px solid #ced4da;
      border-bottom: 1px solid #ced4da;
      border-right: 1px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .btn-course-search > span {
        padding: 0 1rem; }
      .strath-bootstrap .course-search-2019 .btn-course-search:hover {
        background-color: #6c757d;
        color: #fff; }
        .strath-bootstrap .course-search-2019 .btn-course-search:hover > .fa-search {
          color: #fff; }
      .strath-bootstrap .course-search-2019 .btn-course-search > .fa-search {
        margin-left: -8px;
        color: #002b5c; }
    .strath-bootstrap .course-search-2019 .btn-course-search-scroll {
      width: 82px;
      padding: 2rem; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      margin-right: 3rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 1rem 1rem 0;
      border-color: transparent #002b5c transparent transparent;
      margin-left: -3rem; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      background-color: #267AAB;
      width: 475px;
      margin: 1rem;
      margin-top: -3rem;
      margin-bottom: 0;
      margin-top: -3rem;
      margin-right: 4rem;
      margin-left: -48px; }
      .strath-bootstrap .course-search-2019 .course-feature-header h1 {
        color: #fff;
        margin: 0;
        padding: 1rem 3rem;
        font-size: 1.8rem; }
        .strath-bootstrap .course-search-2019 .course-feature-header h1 > form {
          padding: 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 2rem 2rem 0 2rem;
      display: block; }
      .strath-bootstrap .course-search-2019 .course-search-input-group input {
        margin: 1rem 0 1rem 0.5rem;
        padding: 1rem;
        /*width:450px; height: 60px;*/ }
    .strath-bootstrap .course-search-2019 #search-form input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-search-form-group {
      margin: 1rem 0 0.5rem 0.5rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 0;
        margin-right: 0.75rem; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        color: #495057; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        margin-left: -20px;
        border: 1px solid #495057;
        border-radius: 3px;
        background-color: #fff;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #002b5c; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
        border-color: #002b5c;
        margin-bottom: 0; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input:disabled + label::before {
        border: 2px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-search-form-group input:disabled + label {
        color: #ced4da !important; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:focus + label::before, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:focus + label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="checkbox"]:checked + label::after, .strath-bootstrap .course-search-2019 .course-search-form-group .checkbox input[type="radio"]:checked + label::after {
        font-family: "FontAwesome";
        content: "\f00c"; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
      color: #fff;
      /*.searchitemsub	> h2 { color:$white; @extend %strath-h2;}	 */ }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .search-info-btn {
      background: #fff !important;
      font-size: 1rem;
      padding: 0;
      margin: 0; }
    .strath-bootstrap .course-search-2019 .fa-info-circle {
      color: #002b5c !important;
      padding-right: 0; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 480px;
      font-weight: bold;
      color: #002b5c;
      font-size: 1.3rem;
      margin-top: 1.33333rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa > .fa {
      color: #fff;
      margin: 0 2rem; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      color: #495057;
      padding: 0 2rem; }
      .strath-bootstrap .course-search-2019 .course-search-results-fa:hover {
        color: #fff; }
    .strath-bootstrap .course-search-2019 .searchstriped {
      width: 100%; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > div {
        width: 538px;
        margin: 2% 0; }
      .strath-bootstrap .course-search-2019 .searchstriped > section > article {
        width: 480px;
        background-color: #EAEBED;
        margin: 2% 0; }
        .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover {
          color: #fff; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchitemsub > h2 {
            color: #fff;
            font-size: 1.2rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .searchstaffsub > h2 {
            color: #002b5c;
            font-size: 1.75rem; }
          .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover p, .strath-bootstrap .course-search-2019 .searchstriped > section > article:hover .course-search-results-fa > .fa {
            color: #fff; }
    .strath-bootstrap .course-search-2019 .searchitemsub > h2 {
      padding: 1rem 1rem 0 1rem;
      border-bottom: 0 !important;
      text-decoration: none; }
    .strath-bootstrap .course-search-2019 .searchitemsub > p {
      padding: 1rem;
      color: #343a40; }
    .strath-bootstrap .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h4, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub h5, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a {
      color: #002b5c;
      padding-left: 2rem; }
    .strath-bootstrap .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h4 a, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .course-search-2019 .searchitemsub h5 a, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a {
      color: #002b5c;
      text-decoration: underline;
      cursor: pointer;
      padding-left: 2rem; }
      .strath-bootstrap .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchitemsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchitemsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchitemsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchitemsub a a:hover {
        text-decoration: none; }
    .strath-bootstrap .course-search-2019 #search-info {
      text-align: center;
      margin-left: -255px; }
    .strath-bootstrap .course-search-2019 .searchstaffsub {
      padding: 2rem; }
      .strath-bootstrap .course-search-2019 .searchstaffsub:hover {
        background-color: #e9ecef; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h4, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub h5, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a {
        padding-left: 0 !important;
        padding: 0; }
      .strath-bootstrap .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a {
        color: #002b5c;
        text-decoration: underline;
        cursor: pointer;
        padding-left: 0;
        text-underline-position: under !important; }
        .strath-bootstrap .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h4 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .banner-buttons .banner-button-header h2 a:hover, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 .searchstaffsub h2 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .results .result h3 a:hover, .strath-bootstrap .results .result .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub h5 a:hover, .strath-bootstrap .course-search-2019 .searchstaffsub .news-events h3 a:hover, .strath-bootstrap .news-events .course-search-2019 .searchstaffsub h3 a:hover, .strath-bootstrap .news-events h3 .course-search-2019 .searchstaffsub a a:hover {
          text-decoration: none; }
    .strath-bootstrap .course-search-2019 .suggestions {
      /* position: absolute;
    top: 100%;*/
      background: #fff;
      padding: 0;
      /*  -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);*/
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      z-index: 1000000;
      display: none;
      margin-top: 2rem;
      width: 93%;
      margin-top: -1rem;
      margin-left: 0.65rem; }
      .strath-bootstrap .course-search-2019 .suggestions > ul {
        padding: 0px;
        margin: 0px;
        list-style: none; }
        .strath-bootstrap .course-search-2019 .suggestions > ul > li a {
          width: 100%;
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0;
          display: block;
          color: #002b5c; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
      .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs .nav-item {
        margin-bottom: 0;
        line-height: 1; }
    .strath-bootstrap .course-search-2019 .course-list-results ul:after {
      width: 50%; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      list-style-type: none !important; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link {
        height: auto;
        color: #002b5c;
        background-color: #fff;
        font-weight: bold;
        padding: 1rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link:hover {
          padding-bottom: 1.4rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item > .active:hover {
        padding-bottom: 1rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: -26px;
        font-family: FontAwesome;
        content: "\f0d8";
        font-size: 2rem; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > h3 {
        padding: 2rem 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result {
        width: 654px;
        background-color: #e9ecef;
        margin: 0;
        margin: 4% 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a {
          text-align: start;
          padding: 0; }
          .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover {
            color: #fff; }
            .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover h3, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-list-result__summary, .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result a:hover .course-search-results-fa {
              color: #fff; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-list-result:last-of-type {
          padding-bottom: 2rem; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > a h3 {
          padding: 1rem 1rem 0 1rem;
          border-bottom: 0 !important;
          text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result > .course-search-results-fa {
          font-weight: normal; }
        .strath-bootstrap .course-search-2019 .course-list-results ul > .course-list-result .course-list-result__summary {
          padding: 1rem;
          color: #343a40;
          font-weight: normal; }
    .strath-bootstrap .course-search-2019 .input-suggestions-container {
      /* padding-left: $padding;*/
      position: relative;
      width: 94%; }
    .strath-bootstrap .course-search-2019 #suggestions__list > li {
      padding: 0.5rem; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .suggestions__list-item--selected {
      background: #e9ecef;
      padding: 1rem 0; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-dialog {
      top: 0;
      z-index: 205000;
      position: fixed;
      margin: auto;
      width: 320px;
      height: 100%;
      background-color: #fff;
      /* color:#*/
      -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0); }
    .strath-bootstrap .course-search-2019 .modal-content {
      height: 100%;
      overflow-y: auto; }
    .strath-bootstrap .course-search-2019 .modal.right .modal-body {
      padding: 1.33333rem;
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body-wrap {
      background-color: #ffffff; }
    .strath-bootstrap .course-search-2019 .search-modal-body {
      background-color: #e9ecef;
      padding: 1rem;
      margin-bottom: 1rem; }
    .strath-bootstrap .course-search-2019 .modal.right.fade .modal-dialog {
      right: 0;
      transition: opacity 0.3s linear, right 0.3s ease-out; }
    .strath-bootstrap .course-search-2019 .modal.right.fade.in .modal-dialog {
      right: 0; }
    .strath-bootstrap .course-search-2019 .modal-header {
      border-bottom: 0;
      padding-top: 0;
      height: 100%; }
    .strath-bootstrap .course-search-2019 .modal-title {
      margin-top: 0;
      height: 0; }
    .strath-bootstrap .course-search-2019 button.close {
      width: 10%;
      padding-top: .5rem;
      color: #6c757d;
      background-color: #fff;
      line-height: 1em;
      font-size: 3rem; }
    .strath-bootstrap .course-search-2019 .close::hover {
      color: #002b5c; }
    .strath-bootstrap .course-search-2019 h3 {
      font-size: 1.75rem; }
    .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3 {
      font-size: 1.25rem; }
    .strath-bootstrap .course-search-2019 h3, .strath-bootstrap .course-search-2019 h4, .strath-bootstrap .course-search-2019 .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .course-search-2019 h2, .strath-bootstrap .course-search-2019 .results .result h3, .strath-bootstrap .results .result .course-search-2019 h3 {
      color: #002b5c;
      font-weight: bold; }
  .strath-bootstrap .hp-course-search__wrapper {
    position: relative; }
  .strath-bootstrap #hp-course-search__suggestions {
    display: none;
    position: absolute;
    z-index: 1000001;
    background: white;
    padding-bottom: 0px;
    width: 100%;
    text-align: left; }
  .strath-bootstrap #hp-course-search__suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .strath-bootstrap #hp-course-search__suggestions li a {
    padding: 10px;
    display: block; }
  .strath-bootstrap .suggestions__list-item--selected {
    background: #eee; }
  @media (max-width: 1599.98px) {
    .strath-bootstrap .course-search-2019 {
      /*  .suggestions > ul > li a {color:green;}*/ }
      .strath-bootstrap .course-search-2019 .searchstriped > section {
        padding: 0; } }
  @media (max-width: 991.98px) {
    .strath-bootstrap .course-search-2019 .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 395px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 400px; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      display: inline-block;
      width: 100%;
      border-bottom: 0 !important; }
    .strath-bootstrap .course-search-2019 .course-list-results ul {
      padding-left: 0; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-link.active:after {
        margin-bottom: 0;
        float: right; }
      .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item {
        width: 100%; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link.show {
          background-color: #adb5bd;
          margin-bottom: 0; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a {
          text-align: left; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:after {
            font-family: "FontAwesome";
            content: '\f054';
            margin-left: auto;
            transition: .2s;
            float: right; }
          .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item a:hover {
            background-color: #778898;
            color: #fff;
            text-decoration: none; }
        .strath-bootstrap .course-search-2019 .course-list-results ul .nav-item .nav-link {
          padding: 2rem 0.5rem 1rem 0.5rem;
          margin: 5px;
          background-color: #e9ecef;
          min-height: 75px;
          display: block; }
    .strath-bootstrap .course-search-2019 .nav-link.active:after {
      font-family: "FontAwesome";
      content: "" !important;
      margin-left: auto;
      transition: .2s;
      font-size: 1rem !important;
      margin-bottom: 0; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 440px; }
    .strath-bootstrap .course-search-2019 .fa-flag:before {
      margin-left: 1rem; }
    .strath-bootstrap .course-search-2019 .course-list-results ul > li.course-list-result {
      width: 100%; }
    .strath-bootstrap .course-search-2019 .suggestions {
      margin-left: 0.1rem !important; }
    .strath-bootstrap .course-search-2019 .course-list-results > h2 {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .course-list-result__header {
      padding: 2rem 0; }
    .strath-bootstrap .course-search-2019 .course-list-results .nav-tabs {
      border-bottom: 4px solid #ced4da; }
    .strath-bootstrap #search-info {
      text-align: left;
      margin-left: 20px; } }
  @media (max-width: 575.98px) {
    .strath-bootstrap .course-search-2019 .course-search-results-fa {
      display: inline-block !important; }
    .strath-bootstrap .course-search-2019 .course-feature-header {
      width: 320px;
      margin-left: -15px; }
    .strath-bootstrap .course-search-2019 .course-search-form {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .course-search-input-group {
      padding: 1rem 1rem 0 1rem; }
    .strath-bootstrap .course-search-2019 .course-search-input-group input {
      margin: 1rem 0 1rem 0; }
    .strath-bootstrap .course-search-2019 .course-feature-header h1 {
      font-size: 1.4rem;
      padding: 1rem; }
    .strath-bootstrap .course-search-2019 .feature-header-shadow {
      border-color: transparent; }
    .strath-bootstrap .course-search-2019 .course-search-results-fa .ml-auto {
      margin-left: 0 !important; }
    .strath-bootstrap .course-search-2019 .searchstriped > section > article {
      width: 320px; }
    .strath-bootstrap .course-search-2019 .xandy {
      width: 320px; } }
  .strath-bootstrap .grey-block-button-list a, .strath-bootstrap .grey-block-button, .strath-bootstrap .orange-block-button {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 1.2rem;
    color: #002b5c;
    font-weight: bold;
    padding: 1.25rem 1rem;
    margin-bottom: 0.5rem;
    background: #e9ecef;
    transition: 0.2s;
    cursor: pointer; }
    .strath-bootstrap .grey-block-button-list a:after, .strath-bootstrap .grey-block-button:after, .strath-bootstrap .orange-block-button:after {
      font-family: "FontAwesome";
      content: '\f054';
      margin-left: auto;
      margin-right: 0.5rem;
      transition: 0.2s;
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .strath-bootstrap .grey-block-button-list a:hover, .strath-bootstrap .grey-block-button:hover, .strath-bootstrap .orange-block-button:hover {
      background: #778898; }
    .strath-bootstrap .grey-block-button-list a.grey-block-button-back, .strath-bootstrap .grey-block-button.grey-block-button-back, .strath-bootstrap .orange-block-button.grey-block-button-back {
      margin-bottom: 0;
      border-bottom: 1px solid #fff;
      background: #e9ecef; }
      .strath-bootstrap .grey-block-button-list a.grey-block-button-back:before, .strath-bootstrap .grey-block-button.grey-block-button-back:before, .strath-bootstrap .orange-block-button.grey-block-button-back:before {
        font-family: "FontAwesome";
        content: '\f053';
        margin-right: 1rem; }
      .strath-bootstrap .grey-block-button-list a.grey-block-button-back:after, .strath-bootstrap .grey-block-button.grey-block-button-back:after, .strath-bootstrap .orange-block-button.grey-block-button-back:after {
        display: none; }
    .strath-bootstrap .grey-block-button-list a[aria-expanded="true"]:after, .strath-bootstrap .grey-block-button[aria-expanded="true"]:after, .strath-bootstrap .orange-block-button[aria-expanded="true"]:after {
      -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: rotate(270deg); }
    .strath-bootstrap .grey-block-button-list a h4, .strath-bootstrap .grey-block-button-list a .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .grey-block-button-list a h2, .strath-bootstrap .grey-block-button-list a .results .result h3, .strath-bootstrap .results .result .grey-block-button-list a h3, .strath-bootstrap .grey-block-button-list a h5, .strath-bootstrap .grey-block-button-list a .news-events h3, .strath-bootstrap .news-events .grey-block-button-list a h3, .strath-bootstrap .grey-block-button-list a .news-events h3 a, .strath-bootstrap .news-events h3 .grey-block-button-list a a, .strath-bootstrap .grey-block-button h4, .strath-bootstrap .grey-block-button .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .grey-block-button h2, .strath-bootstrap .grey-block-button .results .result h3, .strath-bootstrap .results .result .grey-block-button h3, .strath-bootstrap .grey-block-button h5, .strath-bootstrap .grey-block-button .news-events h3, .strath-bootstrap .news-events .grey-block-button h3, .strath-bootstrap .grey-block-button .news-events h3 a, .strath-bootstrap .news-events h3 .grey-block-button a, .strath-bootstrap .orange-block-button h4, .strath-bootstrap .orange-block-button .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .orange-block-button h2, .strath-bootstrap .orange-block-button .results .result h3, .strath-bootstrap .results .result .orange-block-button h3, .strath-bootstrap .orange-block-button h5, .strath-bootstrap .orange-block-button .news-events h3, .strath-bootstrap .news-events .orange-block-button h3, .strath-bootstrap .orange-block-button .news-events h3 a, .strath-bootstrap .news-events h3 .orange-block-button a {
      font-size: 1.2rem;
      margin-bottom: 0; }
  .strath-bootstrap a.grey-block-button:hover {
    color: #fff; }
  .strath-bootstrap .column-inner.grey-bg .grey-block-button-list a {
    background: #fff; }
    .strath-bootstrap .column-inner.grey-bg .grey-block-button-list a:hover {
      background: #778898;
      color: #fff; }
  .strath-bootstrap .orange-block-button {
    background: #018489;
    color: #fff;
    width: 100%; }
    .strath-bootstrap .orange-block-button h2, .strath-bootstrap .orange-block-button h3, .strath-bootstrap .orange-block-button h4, .strath-bootstrap .orange-block-button .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .orange-block-button h2, .strath-bootstrap .orange-block-button .results .result h3, .strath-bootstrap .results .result .orange-block-button h3 {
      color: #fff;
      margin-bottom: 0;
      font-size: 1.4rem; }
  .strath-bootstrap .grey-block-button-list {
    padding: 0;
    list-style-type: none;
    width: 100%; }
    .strath-bootstrap .grey-block-button-list li {
      position: relative; }
      .strath-bootstrap .grey-block-button-list li:last-child a {
        margin-bottom: 0; }
    .strath-bootstrap .grey-block-button-list a {
      padding: 1rem; }
      .strath-bootstrap .grey-block-button-list a:after {
        display: none; }
  .strath-bootstrap .feature {
    overflow: visible;
    margin-bottom: 0; }
    .strath-bootstrap .feature .feature-header,
    .strath-bootstrap .feature .feature-body {
      padding: 1rem; }
    .strath-bootstrap .feature .feature-header,
    .strath-bootstrap .feature .feature-header-shadow {
      position: relative; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-header,
        .strath-bootstrap .feature .feature-header-shadow {
          left: -1rem;
          top: -1rem; } }
    .strath-bootstrap .feature .feature-header {
      background: #267AAB;
      padding: 1rem;
      padding-left: 1rem;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-header {
          padding-left: 2rem;
          margin-bottom: 0; } }
      .strath-bootstrap .feature .feature-header h2 {
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        min-height: auto;
        margin: 0;
        padding-bottom: 0;
        border-bottom: 0; }
        @media (min-width: 768px) {
          .strath-bootstrap .feature .feature-header h2 {
            font-size: 1.8rem; } }
    .strath-bootstrap .feature .feature-header-shadow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 16px 16px 0;
      border-color: transparent #002b5c transparent transparent;
      display: none; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-header-shadow {
          display: block; } }
    .strath-bootstrap .feature .feature-body {
      padding: 1.5rem 1rem;
      padding-top: 0; }
      @media (min-width: 768px) {
        .strath-bootstrap .feature .feature-body {
          padding: 2rem;
          padding-top: 0; } }
  .strath-bootstrap .footer-breadcrumb {
    background: #e9ecef; }
    .strath-bootstrap .footer-breadcrumb .breadcrumbs ul {
      max-width: calc(1060px + 4%);
      margin: auto;
      padding: 0;
      padding-left: 37px; }
      @media (min-width: 576px) {
        .strath-bootstrap .footer-breadcrumb .breadcrumbs ul {
          padding-left: 2rem; } }
  .strath-bootstrap footer {
    font-size: 0.93625rem; }
    .strath-bootstrap footer .faculties, .strath-bootstrap footer .services {
      padding: 2rem 0; }
    .strath-bootstrap footer .faculties {
      background: #fff; }
      .strath-bootstrap footer .faculties h3, .strath-bootstrap footer .faculties h3 a {
        color: #002b5c; }
      .strath-bootstrap footer .faculties a {
        color: #212529; }
    .strath-bootstrap footer .services {
      background: #212529;
      padding-bottom: 0; }
      .strath-bootstrap footer .services a, .strath-bootstrap footer .services p {
        color: #ced4da; }
      .strath-bootstrap footer .services h3, .strath-bootstrap footer .services h3 a {
        color: #fff; }
    .strath-bootstrap footer .faculties-grid, .strath-bootstrap footer .services-grid {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin: auto;
      padding-bottom: 0; }
    .strath-bootstrap footer h2 {
      width: 100%;
      margin-bottom: 2rem;
      font-weight: bold;
      border-bottom: 0;
      padding-bottom: 0;
      color: #002b5c; }
    .strath-bootstrap footer h3 {
      font-size: 1.605rem;
      font-weight: bold; }
      .strath-bootstrap footer h3 a:hover {
        color: #778898; }
    .strath-bootstrap footer .footer-column {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      border-left: 4px solid #0078ae;
      margin-bottom: 2rem; }
      @media (min-width: 576px) {
        .strath-bootstrap footer .footer-column {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (min-width: 992px) {
        .strath-bootstrap footer .footer-column {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
    .strath-bootstrap footer ul {
      padding-left: 0;
      list-style: none; }
      .strath-bootstrap footer ul:last-of-type {
        margin-bottom: 0; }
      .strath-bootstrap footer ul li {
        padding: 0.25rem 0; }
        .strath-bootstrap footer ul li a:hover {
          color: #778898; }
    .strath-bootstrap footer hr {
      width: 100%; }
  .strath-bootstrap .rhs-contact {
    padding: 1rem;
    margin-bottom: 0; }
    .strath-bootstrap .rhs-contact .social-media-icons .social-media-icons-each:first-of-type {
      padding-left: 0; }
    .strath-bootstrap .rhs-contact .social-media-icons .social-media-icons-each {
      padding: 0 1rem 0.5rem 0;
      -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      margin-top: 1rem; }
    .strath-bootstrap .rhs-contact .social-media-icons a {
      color: #002b5c; }
    .strath-bootstrap .rhs-contact > h3 {
      font-size: 1.605rem;
      border-bottom: 0; }
    .strath-bootstrap .rhs-contact hr {
      border-top: solid;
      border-width: 4px;
      width: 30%;
      margin-left: 0; }
      .strath-bootstrap .rhs-contact hr.corpblue {
        border-color: #002b5c; }
    .strath-bootstrap .rhs-contact p {
      color: #212529;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      overflow-wrap: break-word; }
    .strath-bootstrap .rhs-contact > p a {
      color: #212529;
      font-size: 1rem;
      margin-bottom: 0.5rem;
      overflow-wrap: break-word; }
  .strath-bootstrap .carousel-control-next, .strath-bootstrap .carousel-control-prev {
    color: #002b5c;
    opacity: 1;
    position: -webkit-sticky;
    position: sticky; }
  .strath-bootstrap .carousel-control-prev:hover, .strath-bootstrap .carousel-control-next:hover {
    color: #778898; }
  .strath-bootstrap .carousel-control-prev:focus, .strath-bootstrap .carousel-control-next:focus {
    color: #002b5c; }
  .strath-bootstrap .controls-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .strath-bootstrap .profile-carousel h3 {
    font-size: 1.605rem;
    padding: 1rem; }
  .strath-bootstrap .uoscarousel {
    padding: 1rem; }
    .strath-bootstrap .uoscarousel .carousel-caption {
      text-align: left;
      position: relative;
      left: 0;
      top: 0; }
      .strath-bootstrap .uoscarousel .carousel-caption p {
        color: #212529; }
      .strath-bootstrap .uoscarousel .carousel-caption blockquote {
        display: block !important; }
        .strath-bootstrap .uoscarousel .carousel-caption blockquote p {
          display: inline;
          color: #212529; }
  .strath-bootstrap .rhs-general {
    background-color: #e9ecef;
    padding: 1rem; }
    .strath-bootstrap .rhs-general h3 {
      font-size: 1.605rem;
      border-bottom: 0; }
    .strath-bootstrap .rhs-general hr {
      border-top: solid;
      border-width: 4px;
      width: 30%;
      margin-left: 0; }
      .strath-bootstrap .rhs-general hr.red {
        border-color: #dc3545; }
      .strath-bootstrap .rhs-general hr.green {
        border-color: #28a745; }
      .strath-bootstrap .rhs-general hr.blue {
        border-color: #267AAB; }
      .strath-bootstrap .rhs-general hr.corpblue {
        border-color: #002b5c; }
      .strath-bootstrap .rhs-general hr.orange {
        border-color: #fd7e14; }
      .strath-bootstrap .rhs-general hr.gray-500 {
        border-color: #adb5bd; }
    .strath-bootstrap .rhs-general p a, .strath-bootstrap .rhs-general ul > li a, .strath-bootstrap .rhs-general a {
      color: #212529;
      text-decoration: underline;
      text-underline-position: under;
      overflow-wrap: break-word; }
      .strath-bootstrap .rhs-general p a:hover, .strath-bootstrap .rhs-general ul > li a:hover, .strath-bootstrap .rhs-general a:hover {
        color: #778898;
        text-decoration: none; }
    .strath-bootstrap .rhs-general ul > li {
      color: #212529;
      line-height: 1.6; }
    @media (max-width: 991.98px) {
      .strath-bootstrap .rhs-general hr {
        width: 10%; } }
  .strath-bootstrap .strath-bootstrap-aside {
    background-color: #e9ecef;
    margin-bottom: 20px;
    width: 100%; }
  @media (max-width: 767.98px) {
    .strath-bootstrap .strath-bootstrap-aside {
      width: 100%;
      float: none; } }
  .strath-bootstrap .intro-text p {
    max-width: 790px; }
  .strath-bootstrap .page-banner {
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative; }
    .strath-bootstrap .page-banner img {
      min-width: 100%;
      max-height: 410px;
      width: 100%;
      height: 100%; }
    .strath-bootstrap .page-banner .randomise:nth-child(n+2) {
      display: none; }
    .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap {
      padding: 0;
      bottom: 16px;
      position: absolute; }
      .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap h1 {
        width: 100% !important;
        background: #002b5c;
        width: auto;
        display: inline-block;
        margin: 0;
        color: #fff;
        padding: 1rem; }
        .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap h1 span.superscript {
          display: block;
          width: 100%;
          font-size: 0.5em;
          line-height: 1em;
          color: #fff; }
    .strath-bootstrap .page-banner .wrap {
      padding: 0; }
      .strath-bootstrap .page-banner .wrap h1 {
        background: #002b5c;
        display: inline-block;
        margin: 0;
        color: #fff;
        padding: 1rem;
        width: 100%; }
        .strath-bootstrap .page-banner .wrap h1 span.superscript {
          display: block;
          width: 100%;
          font-size: 0.5em;
          line-height: 1em;
          color: #fff; }
    @media (max-width: 991.98px) {
      .strath-bootstrap .page-banner .wrap {
        position: relative;
        padding: 0;
        margin-bottom: 0; }
        .strath-bootstrap .page-banner .wrap h1 {
          width: 100%; } }
    @media (max-width: 767.98px) {
      .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap {
        position: relative; }
        .strath-bootstrap .page-banner .rowrandomisewrapper > .wrap h1 {
          width: 100%; } }
  .strath-bootstrap .general-container {
    /* width: 800px;*/
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  .strath-bootstrap .general-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .strath-bootstrap .general-content-main {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    /*@include size($width, $height: $width)*/ }
    @media (min-width: 576px) {
      .strath-bootstrap .general-content-main {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0; }
        .strath-bootstrap .general-content-main ul {
          line-height: 1.6; }
          .strath-bootstrap .general-content-main ul li a {
            text-decoration: none; }
        .strath-bootstrap .general-content-main a {
          text-decoration: underline;
          color: #212529; }
        .strath-bootstrap .general-content-main p a.hover {
          color: #778898; }
        .strath-bootstrap .general-content-main p.standout-text {
          background: #e9ecef;
          font-size: 1.2em;
          padding-left: 2rem;
          margin: 4rem auto;
          border-left: 4px solid #267AAB;
          outline: 2rem solid #e9ecef;
          max-width: 80%; }
        .strath-bootstrap .general-content-main p.breakout-box {
          float: left !important;
          display: block;
          margin-right: 1.53331%;
          width: 49.23334%;
          margin-right: 40px !important;
          background: #fff;
          padding: 2rem;
          margin-bottom: 1rem;
          color: #267AAB;
          text-align: left;
          border: 5px solid #0078ae;
          font-size: 30px;
          font-weight: bold; }
          .strath-bootstrap .general-content-main p.breakout-box a {
            text-decoration: none; }
        .strath-bootstrap .general-content-main p.call-to-action-link a {
          float: left !important;
          display: block;
          margin-right: 1.53331%;
          width: auto;
          margin-right: 40px !important;
          background: #fff;
          padding: 1rem;
          margin-bottom: 0.5rem;
          color: #212529;
          text-align: left;
          border: 5px solid #5d9732;
          text-decoration: none; }
          .strath-bootstrap .general-content-main p.call-to-action-link a:hover {
            background-color: #778898;
            color: #fff !important; } }
    @media (min-width: 992px) {
      .strath-bootstrap .general-content-main {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0; } }
  .strath-bootstrap .general-content-secondary {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 576px) {
      .strath-bootstrap .general-content-secondary {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
    @media (min-width: 992px) {
      .strath-bootstrap .general-content-secondary {
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%; } }
  .strath-bootstrap .feature-with-image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    max-width: 750px;
    margin-left: 0; }
    .strath-bootstrap .feature-with-image .container:hover > .row > .col-md-6 {
      background-color: #778898; }
      .strath-bootstrap .feature-with-image .container:hover > .row > .col-md-6 > p, .strath-bootstrap .feature-with-image .container:hover > .row > .col-md-6 h3 {
        color: #fff; }
    .strath-bootstrap .feature-with-image .container .col-md-6 {
      background-color: #dee2e6;
      padding-left: 0;
      padding-right: 0; }
      .strath-bootstrap .feature-with-image .container .col-md-6 > figure {
        margin: 0;
        width: 100%;
        height: auto;
        padding: 1rem; }
        .strath-bootstrap .feature-with-image .container .col-md-6 > figure > img {
          max-width: 360px;
          width: auto;
          height: auto; }
      .strath-bootstrap .feature-with-image .container .col-md-6 h3 {
        padding: 1rem 1rem 0 1rem; }
      .strath-bootstrap .feature-with-image .container .col-md-6 p {
        padding: 0 1rem 1rem 1rem;
        margin-bottom: 0;
        color: #212529; }
    @media (max-width: 991.98px) {
      .strath-bootstrap .feature-with-image {
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        /* figure, p {max-width:360px;}	
	     figure {padding:0 $padding/2;}  */ } }
    @media (max-width: 767.98px) {
      .strath-bootstrap .feature-with-image {
        margin-left: 2rem; } }
  .strath-bootstrap .profilescontainer-white-fixed-width {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
    .strath-bootstrap .profilescontainer-white-fixed-width .randomise:nth-child(n+2) {
      display: none; }
  .strath-bootstrap .profilescontainer-white-full-width {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .strath-bootstrap .profilescontainer-white-full-width .randomise:nth-child(n+3) {
      display: none; }
  .strath-bootstrap .profilescontainer-grey-fixed-width {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
    .strath-bootstrap .profilescontainer-grey-fixed-width > .randomise:nth-child(n+2) {
      display: none; }
  .strath-bootstrap .profilescontainer-grey-full-width {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .strath-bootstrap .profilescontainer-grey-full-width .randomise:nth-child(n+3) {
      display: none; }
  .strath-bootstrap .profile {
    margin-bottom: 0; }
    .strath-bootstrap .profile:hover .mono {
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
    .strath-bootstrap .profile:hover p, .strath-bootstrap .profile:hover h2, .strath-bootstrap .profile:hover h3, .strath-bootstrap .profile:hover h4, .strath-bootstrap .profile:hover .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .profile:hover h2, .strath-bootstrap .profile:hover .results .result h3, .strath-bootstrap .results .result .profile:hover h3, .strath-bootstrap .profile:hover blockquote, .strath-bootstrap .profile:hover blockquote::before, .strath-bootstrap .profile:hover blockquote::after {
      color: #778898; }
    .strath-bootstrap .profile:hover .fa-home, .strath-bootstrap .profile:hover .fa-suitcase {
      color: #002b5c; }
    .strath-bootstrap .profile:hover .randomise:nth-child(n+4) {
      display: none; }
    .strath-bootstrap .profile:hover .mono {
      -webkit-filter: grayscale(0);
      filter: grayscale(100%); }
  @media (max-width: 991.98px) {
    .strath-bootstrap .profilescontainer {
      padding: 0 2rem; } }
  @media (max-width: 767.98px) {
    .strath-bootstrap .profile {
      max-width: 300px; } }
  .strath-bootstrap .strategic-plan .strategic-values {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem 0;
    border-bottom: 2px solid #e9ecef;
    background: #e9ecef; }
    .strath-bootstrap .strategic-plan .strategic-values h2, .strath-bootstrap .strategic-plan .strategic-values h3, .strath-bootstrap .strategic-plan .strategic-values h4, .strath-bootstrap .strategic-plan .strategic-values .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .strategic-plan .strategic-values h2, .strath-bootstrap .strategic-plan .strategic-values .results .result h3, .strath-bootstrap .results .result .strategic-plan .strategic-values h3 {
      width: 100%;
      text-align: center;
      margin-bottom: 2rem; }
    .strath-bootstrap .strategic-plan .strategic-values:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #ffffff;
      border-width: 0px;
      margin-left: -0px; }
    .strath-bootstrap .strategic-plan .strategic-values:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(204, 204, 204, 0);
      border-top-color: #e9ecef;
      border-width: 25px;
      margin-left: -25px; }
    .strath-bootstrap .strategic-plan .strategic-values.no-arrow:before, .strath-bootstrap .strategic-plan .strategic-values.no-arrow:after {
      display: none; }
  .strath-bootstrap .strategic-plan .strategic-goals {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4rem 0;
    border-bottom: 2px solid #fff; }
    .strath-bootstrap .strategic-plan .strategic-goals h2, .strath-bootstrap .strategic-plan .strategic-goals h3, .strath-bootstrap .strategic-plan .strategic-goals h4, .strath-bootstrap .strategic-plan .strategic-goals .banner-buttons .banner-button-header h2, .strath-bootstrap .banner-buttons .banner-button-header .strategic-plan .strategic-goals h2, .strath-bootstrap .strategic-plan .strategic-goals .results .result h3, .strath-bootstrap .results .result .strategic-plan .strategic-goals h3 {
      width: 100%;
      text-align: center;
      margin-bottom: 2rem;
      padding: 0 1rem; }
    .strath-bootstrap .strategic-plan .strategic-goals:after {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #ffffff;
      border-width: 0px;
      margin-left: -0px; }
    .strath-bootstrap .strategic-plan .strategic-goals:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(204, 204, 204, 0);
      border-top-color: #fff;
      border-width: 25px;
      margin-left: -25px; }
  .strath-bootstrap .strategic-plan .strategic-value {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 7px 15px;
    text-transform: uppercase; }
    .strath-bootstrap .strategic-plan .strategic-value:before {
      display: block;
      content: ' ';
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 5px solid; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(1) {
      color: #712661; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(2) {
      color: #cc4638; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(3) {
      color: #de7d2a; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(4) {
      color: #008278; }
    .strath-bootstrap .strategic-plan .strategic-value:nth-of-type(5) {
      color: #025c73; }
  .strath-bootstrap .strategic-plan .strategic-goal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: 7px 15px;
    text-transform: uppercase;
    color: #adb5bd;
    padding: 7px; }
    .strath-bootstrap .strategic-plan .strategic-goal:before {
      display: block;
      content: ' ';
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      border: 5px solid;
      width: 200px;
      height: 200px;
      border: 8px solid; }
    .strath-bootstrap .strategic-plan .strategic-goal .fa {
      color: #002b5c;
      margin-top: 1rem; }
  .strath-bootstrap .strategic-plan .strategic-value-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 900;
    background: #e9ecef;
    width: 100%;
    text-align: center;
    font-size: 1.3rem; }
  .strath-bootstrap .strategic-plan .strategic-goal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 900;
    background: #e9ecef;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    border-radius: 50%;
    max-width: calc(100% - 40px);
    background: transparent; }
  .strath-bootstrap .strategic-plan .strategic-goal-title {
    color: #002b5c;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1; }
  .strath-bootstrap .strategic-plan .strategic-goal-text {
    font-size: 1rem;
    font-weight: normal;
    color: #495057;
    max-width: 90%;
    margin: auto;
    text-transform: none; }
  .strath-bootstrap .our-strategy .leading-text {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center; }
  .strath-bootstrap .alert-container {
    padding: 1rem 0;
    width: 100%; }
    @media (min-width: 576px) {
      .strath-bootstrap .alert-container {
        position: absolute;
        z-index: 2; } }
    .strath-bootstrap .alert-container a {
      display: block; }
    .strath-bootstrap .alert-container .alert-box {
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
      background: #fff; }
    .strath-bootstrap .alert-container .alert-main-area {
      padding: 1rem;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      transition: 0.2s;
      background: white; }
      @media (min-width: 576px) {
        .strath-bootstrap .alert-container .alert-main-area {
          padding: 1rem 1.5rem; } }
    .strath-bootstrap .alert-container h2 {
      font-size: 1.4rem;
      margin-bottom: 0.25rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .alert-container h2 {
          font-size: 1.8rem; } }
    .strath-bootstrap .alert-container p {
      margin-bottom: 0;
      color: #212529; }
    .strath-bootstrap .alert-container .alert-chevron {
      margin-left: auto;
      padding-left: 1rem;
      font-size: 1.6rem;
      color: inherit;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: #002b5c; }
    .strath-bootstrap .alert-container .alert-main-area:hover {
      background: #778898; }
      .strath-bootstrap .alert-container .alert-main-area:hover h2, .strath-bootstrap .alert-container .alert-main-area:hover p, .strath-bootstrap .alert-container .alert-main-area:hover .alert-chevron {
        color: #fff; }
    .strath-bootstrap .alert-container .red {
      border-left: 4px solid #ee3224; }
    .strath-bootstrap .alert-container .alert-links {
      width: 100%;
      padding: 0.5rem 1rem 1rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .alert-container .alert-links {
          padding: 0.5rem 1.5rem 1rem; } }
      .strath-bootstrap .alert-container .alert-links a {
        display: inline-block;
        margin-right: 1rem;
        color: #002b5c;
        text-decoration: underline;
        font-weight: bold; }
        .strath-bootstrap .alert-container .alert-links a:hover {
          color: #778898; }
  .strath-bootstrap .main-wrapper {
    float: left !important;
    margin-right: 10px;
    width: 74.61667%; }
  .strath-bootstrap .aside-wrapper {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 23.85002%;
    margin-right: 0; }
    @media (max-width: 767.98px) {
      .strath-bootstrap .aside-wrapper {
        width: 100%; } }
  .strath-bootstrap .sixblocks .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .sixblocks .block-grid-item-content:hover .block-grid-item-text {
      background: #778898; }
    .strath-bootstrap .sixblocks .block-grid-item-content:hover h3, .strath-bootstrap .sixblocks .block-grid-item-content:hover p a, .strath-bootstrap .sixblocks .block-grid-item-content:hover p:last-child {
      color: #fff; }
  .strath-bootstrap .trans-block-links {
    position: relative;
    padding: 4rem 0;
    background: #002b5c; }
    .strath-bootstrap .trans-block-links .trans-block-links-background {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 0.1; }
    .strath-bootstrap .trans-block-links .trans-block-link {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
      @media (min-width: 576px) {
        .strath-bootstrap .trans-block-links .trans-block-link {
          -webkit-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
          padding-top: 1rem;
          padding-bottom: 1rem; } }
      @media (min-width: 992px) {
        .strath-bootstrap .trans-block-links .trans-block-link {
          -webkit-flex: 0 0 25%;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
          padding-top: 0;
          padding-bottom: 0; } }
      .strath-bootstrap .trans-block-links .trans-block-link * {
        color: white; }
      .strath-bootstrap .trans-block-links .trans-block-link .trans-block-link-inner {
        position: relative;
        padding: 1rem;
        border: 3px solid white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        transition: background 0.2s; }
        .strath-bootstrap .trans-block-links .trans-block-link .trans-block-link-inner:hover {
          background: #778898; }
      .strath-bootstrap .trans-block-links .trans-block-link h2 {
        font-size: 1.6em;
        font-weight: bold;
        border-bottom: 0px;
        margin: 0;
        min-height: auto;
        padding: 0; }
      .strath-bootstrap .trans-block-links .trans-block-link hr {
        border-top: 3px solid #fff;
        max-width: 100px;
        width: 100%;
        margin: 1rem 0;
        text-align: left; }
      .strath-bootstrap .trans-block-links .trans-block-link .fa {
        font-size: 1.6rem;
        margin-top: auto;
        text-align: right; }
  .strath-bootstrap .photobox img {
    float: left;
    background-color: white;
    width: 30%;
    height: auto;
    margin: 5px 10px 0 0; }
  .strath-bootstrap .photobox .block-grid-item-text ul {
    float: left;
    max-width: 485px; }
  .strath-bootstrap .photobox .block-grid-item-text h3 {
    color: #002b5c; }
  .strath-bootstrap .photobox .block-grid-item-text p, .strath-bootstrap .photobox .block-grid-item-text ul {
    color: #212529; }
  .strath-bootstrap .photobox .block-grid-item-text:hover {
    background-color: transparent; }
    .strath-bootstrap .photobox .block-grid-item-text:hover h3 {
      color: #002b5c; }
    .strath-bootstrap .photobox .block-grid-item-text:hover p, .strath-bootstrap .photobox .block-grid-item-text:hover ul {
      color: #212529; }
  @media (max-width: 767.98px) {
    .strath-bootstrap .photobox img {
      width: 100%;
      padding-bottom: 2rem; }
    .strath-bootstrap .photobox ul {
      padding-left: 0; } }
  .strath-bootstrap .one-block .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
  .strath-bootstrap .one-block .block-grid-item-text:hover {
    background: white; }
  .strath-bootstrap .one-block .block-grid-item-text p:last-child {
    color: #212529; }
  .strath-bootstrap .twoorfourblocks .block-grid-item-content h3, .strath-bootstrap .twoorfourblocks .block-grid-item-content p a, .strath-bootstrap .twoorfourblocks .block-grid-item-content p:last-child {
    color: #002b5c; }
  .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover {
    background: #778898; }
    .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover h3, .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover p a, .strath-bootstrap .twoorfourblocks .block-grid-item-content:hover p:last-child {
      color: #fff; }
  .strath-bootstrap .strath-bootstrap-aside .master-rhs-lhs {
    float: left;
    display: block;
    margin-right: 1.53331%;
    width: 74.61667%; }
  .strath-bootstrap .rhs-news {
    background-color: white; }
    .strath-bootstrap .rhs-news .block-grid-item-content {
      box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .rhs-news .block-grid-item-text:hover {
      background: white; }
    .strath-bootstrap .rhs-news .block-grid-item-text p:last-child {
      color: #212529; }
  .strath-bootstrap .lhsfeaturesection .block-grid-item-content {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15); }
    .strath-bootstrap .lhsfeaturesection .block-grid-item-content:hover {
      background: #778898;
      color: white; }
  p a .strath-bootstrap .lhsfeaturesection .block-grid-item-content:hover {
    color: red; }
  .strath-bootstrap .lhsfeaturesection .block-grid-item-image .right, .strath-bootstrap .lhsfeaturesection .block-grid-item-image .left {
    width: 45%; }
  .strath-bootstrap .lhsfeaturesection .block-grid-item-image .left {
    margin-right: 1rem; }
  .strath-bootstrap .lhsfeaturesection .block-grid-item-image img {
    margin-top: 0.3rem; }
  .strath-bootstrap .lhsfeaturesection .block-grid-item-text a:hover {
    color: #778898; }
  .strath-bootstrap .lhsfeaturesection .block-grid-item-text a p, .strath-bootstrap .lhsfeaturesection .block-grid-item-text p {
    color: #002b5c; }
  .strath-bootstrap .tagline {
    position: relative;
    padding: 3rem 0;
    background-color: #eee; }
    .strath-bootstrap .tagline .tagline-background {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      opacity: 0.1; }
    .strath-bootstrap .tagline .tagline-text h2 {
      font-size: 1.6em;
      font-weight: bold;
      text-align: center;
      padding: 0 2rem;
      margin: auto;
      border-left: 4px solid #0078ae;
      border-right: 4px solid #0078ae;
      border-bottom: 0;
      min-height: auto; }
      @media (min-width: 768px) {
        .strath-bootstrap .tagline .tagline-text h2 {
          max-width: 600px;
          padding: 0 4rem; } }

html {
  height: 100%; }

body {
  height: auto;
  margin: 0;
  background: #f8f9fa; }

.no-scroll {
  overflow: hidden;
  position: relative;
  height: 100%; }

* {
  font-family: "Alegreya Sans", sans-serif; }

hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #495057; }

body.full-width .wrap {
  max-width: 100%;
  padding: 0; }

body.full-width .main {
  margin-left: 0;
  margin-right: 0; }

body.full-width main {
  padding-bottom: 0;
  background: #fff; }

body.full-width .lhs-rhs-master {
  max-width: 1100px;
  margin: auto;
  padding: 2rem 1rem; }

body.full-width .block-grid {
  border-bottom: 1px solid #e9ecef; }
  body.full-width .block-grid .container {
    padding: 0 15px; }

body.full-width .container {
  padding: 0 15px; }

.strath-bootstrap {
  width: 100%; }
  .strath-bootstrap .row h2 {
    border-bottom: 0; }

body.fixed-width > .wrap {
  max-width: 1060px;
  margin: auto;
  padding: 1rem 2% 2rem 2%;
  box-sizing: content-box;
  overflow: auto; }
  body.fixed-width > .wrap .block-grid {
    padding: 0;
    margin-bottom: 1rem; }

.fixed-width main .container {
  padding-left: 0;
  padding-right: 0; }

ul.blue-dash-list {
  list-style-type: none;
  margin: 0 0 1rem 0; }
  ul.blue-dash-list li {
    border-left: 3px solid #267AAB;
    padding: 0.25rem 0.75rem;
    margin-bottom: 0.5rem; }

.modal-backdrop {
  z-index: 1060 !important;
  transition: 0.2s; }