/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/* Imports Sosa Web font for symbols */

@font-face {
  font-family: "sosa-web";
  src: url(/t4-media/one-web/university/admin-assets/fonts/sosa-regular-webfont.eot) format("embedded-opentype"), url(/t4-media/one-web/university/admin-assets/fonts/sosa-regular-webfont.woff) format("woff"), url(/t4-media/one-web/university/admin-assets/fonts/sosa-regular-webfont.ttf) format("truetype"), url(/t4-media/one-web/university/admin-assets/fonts/sosa-regular-webfont.svg) format("svg");
  font-display: auto;
  font-style: normal;
  font-weight: bold;
}

/* Setting base font family and size and brand colour custom parameters */

html {
    font-family: "aktiv-grotesk", Arial, sans-serif;
    font-size: 16px;
    --uhi-black: #000;
    --uhi-white: #fff;
    --uhi-grey1: #A6A6A6;
    --uhi-grey2: #767676;
    --uhi-purple: #7655D2;
    --uhi-turquoise: #298289;
    --uhi-red: #9E2A2B;
    --uhi-blue: #005587;
    --uhi-orange: #F87A46;
    --uhi-yellow: #FFBB50;
}

/* Anchor/link text underline on hover */

a:hover,
.footer a:hover,
.colour-bar a:hover,
button:hover {
    text-decoration: underline;
}

/* Excluding Landing Banner link from hover state */

.hero-banner a:hover {
    text-decoration: none;
}

/* Removes scroll bar and locks viewport at current place when using the searchbar in the top nav */

.scroll-lock {
    height: 100%;
    overflow: hidden;
}

/* Top grey bar styling */

.header .tools {
    list-style: none;
    background-color: var(--uhi-grey2);
    text-align: right;
    margin: 0px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 5%;
}

.header .tools li {
    display: inline;
    padding: 10px 15px;
    color: var(--uhi-white);
}

.header .tools li a {
    color: var(--uhi-white);
    text-decoration: none;
}

.header .tools li .lang-switcher .language-options a,
.burger-language .lang-switcher .burger-language-options a {
    display: list-item;
    padding: 3px;
}

.header .tools li .lang-switcher .language-options a:hover,
.burger-language .lang-switcher .burger-language-options a:hover {
  background: var(--uhi-black);
}

/* Top level nav styling */

.header .nav.primary,
.nav.sticky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 5%;
    background-color: var(--uhi-black);
    height: 85px;
    z-index: 99;
}

.header .nav.primary ul {
    list-style: none;
    font-size: 22px;
}

.header .nav.primary ul li,
.nav.sticky ul li,
.footer .flexwrap.socialdesk ul li,
.burger-menu .tool-social .social-list li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.header .nav.primary ul li a,
.nav.sticky ul li a {
    color: var(--uhi-white);
    text-decoration: none;
    padding: 10px;
}

.logo a img {
    height: 50px;
    color-scheme: only light;
}

#header-name {
    text-indent: -9999px;
}

/* Top level nav searchbar styling */

.header .nav.primary ul .glass-button,
.nav.sticky ul .glass-button {
    font: bold 22px "sosa-web", sans-serif;
    cursor: pointer;
}

.header .nav.primary ul .glass-button button,
.nav.sticky ul .glass-button button {
    background: none;
    color: var(--uhi-white);
    cursor: pointer;
    border: none;
    text-decoration: none;
}

.header .nav.primary .full-glass,
.nav.sticky .full-glass {
    display: none;
    padding-left: 50px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.header .nav.primary .full-glass button,
.nav.sticky .full-glass button {
    z-index: 10;
    -ms-flex-item-align: start;
        align-self: flex-start;
    text-decoration: none;
    font-size: 22px;
    background-color: white;
    padding: 6px 6px 2px 4px;
    color: var(--uhi-grey2);
    cursor: pointer;
    margin: 4px 0px;
    border: none;
}

.full-glass form,
.full-glass form .search-input .tt-menu {
    width: 840px;
}

.full-glass form .search-input {
    position: absolute;
}

.full-glass form .search-input input {
    width: 850px;
    position: absolute;
}

form .search-input .tt-menu,
.twitter-typeahead .tt-menu {
    background-color: var(--uhi-white);
    display: none;
    border-radius: 3px;
    margin-top: 4px;
}

form .search-input .tt-menu .tt-suggestion,
.twitter-typeahead .tt-menu .tt-suggestion {
    cursor: pointer;
    padding: 5px;
}

form .search-input .tt-menu .tt-suggestion:hover,
form .search-input .tt-menu .tt-cursor,
.colour-bar .flexwrap .search-bar form ul .ui-menu-item:hover,
.ui-menu .ui-menu-item:hover,
.twitter-typeahead .tt-menu .tt-suggestion:hover,
.twitter-typeahead .tt-menu .tt-cursor,
.search-bar form ul .ui-state-active {
    background-color: var(--uhi-blue);
    color: var(--uhi-white);
}

.full-glass form input[type="submit"] {
    font: bold 30px "sosa-web", sans-serif;
    color: var(--uhi-white);
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
    right: -755px;
    top: 2px;
}

/* Top level nav blue button styling */

.header .nav.primary ul li.apply,
.nav.sticky ul li.apply {
    background-color: var(--uhi-blue);
    line-height: 65px;
    padding: 0px 20px;
}

.header .nav.primary ul li.apply a,
.nav.sticky ul li.apply a {
    font-weight: bold;
}

/* Top level nav styling sticky edition */

.nav.sticky .full-glass {
    padding-top: 3px;
}

.header .nav.sticky .full-glass button {
    padding: 0px 6px 2px 4px;
}

.nav.sticky .full-glass form input[type="submit"] {
    top: -1px;
}

.header .sticker.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
}

.header .nav.primary.sticky {
    height: 45px;
}

.header .nav.primary.sticky ul {
    font-size: 18px;
}

.header .nav.primary.sticky ul li.apply {
    line-height: 25px
}

.nav.sticky .logo a img {
    height: 30px;
}

/* Top level nav burger menu icon styling, for small screens */

.header .nav.primary .burger .press .bar1,
.header .nav.primary .burger .press .bar2,
.header .nav.primary .burger .press .bar3,
.nav.sticky .burger .press .bar1,
.nav.sticky .burger .press .bar2,
.nav.sticky .burger .press .bar3 {
    width: 35px;
    height: 2px;
    background-color: var(--uhi-grey1);
    margin: 3px 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.header .nav.primary .burger,
.nav.sticky .burger {
    cursor: pointer;
    display: none;
    border: none;
    background: none;
}

.header .nav.primary .burger a,
.nav.sticky .burger a {
    text-indent: -9999px;
    display: -ms-grid;
    display: grid;
    padding-top: 20px;
}

.header .nav.primary .burger.change .press .bar1,
.nav.sticky .burger.change .press .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 5px);
        -ms-transform: rotate(-45deg) translate(-5px, 5px);
            transform: rotate(-45deg) translate(-5px, 5px);
}

.header .nav.primary .burger.change .press .bar2,
.nav.sticky .burger.change .press .bar2 {
    opacity: 0;
}

.header .nav.primary .burger.change .press .bar3,
.nav.sticky .burger.change .press .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -6px);
        -ms-transform: rotate(45deg) translate(-6px, -6px);
            transform: rotate(45deg) translate(-6px, -6px);
}

/* Landing Top message styling */

.header .topmessage {
    padding: 0px 5%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: var(--uhi-red);
    color: var(--uhi-white);
    font-weight: bold;
}

.header .topmessage a {
    color: var(--uhi-white);
    text-decoration: underline;
}

.header .topmessage button {
    color: var(--uhi-white);
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px;
    font-weight: bold;
}

.header .topmessage.turquoise {
  background-color: var(--uhi-turquoise);
}

/* Top level nav burger menu styling, for small screens */

.burger-menu {
    display: none;
}

.burger-menu.show {
    display: block;
}

.burger-menu .lang-main {
    background-color: var(--uhi-black);
    position: fixed;
    top: 43px;
    width: 100%;
    height: 100%;
    z-index: 101;
}

.burger-menu .tool-social {
    background-color: var(--uhi-grey2);
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 20px 0px;
    z-index: 101;
}

.burger-menu ul {
    list-style: none;
    padding: 0px 5%;
}

.burger-menu ul li,
.burger-menu ul a {
    color: var(--uhi-white);
    text-decoration: none;
}

.burger-menu ul .burger-search a {
    color: var(--uhi-yellow);
}

.burger-menu .tool-social .tool-list li {
    padding: 3px;
}

.burger-menu .lang-main .main-list li,
.burger-menu ul .burger-search {
    padding: 5px 0px;
}

.burger-menu .lang-main .main-list li a,
.burger-menu ul .burger-search a {
    font-size: 32px;
}

/* Darkens page content when using the top level nav searchbar */

.grey-out {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 99999px;
    z-index: 20;
    text-indent: -9999px;
    border: none;
}

/* Top level nav searchbar show/hide classes */

.header .nav.primary .hide,
.nav.sticky .hide {
    display: none;
}

.header .nav.primary .show-iflex,
.nav.sticky .show-iflex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/* Grey bar and burger menu language switcher */

.language,
.burger-language {
    cursor: pointer;
}

.lang-switcher {
    position: relative;
    display: inline-block;
  }
  
  .language-options,
  .burger-language-options {
    left: -9999px;
    display: none;
    position: absolute;
    z-index: 1;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    background-color: var(--uhi-grey2);
    width: 100%;
  }
  
  /* Targets Microsoft Edge v13 & v14 */
  @supports (-ms-ime-align: auto) {
    .language-options,
    .burger-language-options {
      width: 98%;
    }
  }
  
  /* Targets Microsoft IE 10 & 11 */
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .language-options,
    .burger-language-options {
      width: 98%;
    }
    
    .language:hover .language-options,
    .lang-switcher:focus > .language-options,
    .burger-language:hover .burger-language-options,
    .lang-switcher:focus > .burger-language-options {
      left: 0;
      display: block;
    }
  }
  
  .language:hover .language-options,
  .lang-switcher:focus > .language-options,
  .lang-switcher:focus-within > .language-options,
  .burger-language:hover .burger-language-options,
  .lang-switcher:focus > .burger-language-options,
  .lang-switcher:focus-within > .burger-language-options {
    left: 0;
    display: block;
  }
  
  .lang-button {
    vertical-align: bottom;
  }
  
  .lang-button-up {
    display: none;
  }
  
  .language:hover .lang-button-up,
  .burger-language:hover .lang-button-up {
    display: inline-block;
  }
  
  .language:hover .lang-button-down,
  .burger-language:hover .lang-button-down {
    display: none;
  }

/* COURSE PAGE SCROLL TO TOP BUTTON */

  #content-core a.scrollTop,
  .scrollTop {
    position: fixed;
    background-color: black;
    bottom: 20px;
    right: 20px;
    color: white;
    padding: 10px;
    opacity: 1;
    transform: translateY(100px);
    transition: all 0.5s ease;
    border-bottom: 5px solid var(--uhi-blue);
    color-scheme: only light;
  }

  #content-core a.showScroll,
  .showScroll {
    opacity: 1;
    transform: translateY(0);
  }

/*
Main body base styles

-setting base font spacing
-setting h1 font family and size
-removing any underline from anchors/links
-setting all anchors/links to be bold
*/

main {
    line-height: 1.7;
}

main h1 {
    font-family: "degular-display", Arial, sans-serif;
    font-size: 54px;
    margin: 0 0 10px 0;
}

main a,
aside a {
    text-decoration: none;
    font-weight: bold;
}

/* Blocking landing page content from normal pages */

#portal-columns main .colour-bar,
#portal-columns main .more-boxes-header,
#portal-columns main .more-boxes.flexwrap,
#portal-columns main .plus-image,
#portal-columns main .text-image-right.flexwrap,
#portal-columns main .head-text-image-right.flexwrap,
#portal-columns main .text-image-black.flexwrap,
#portal-columns main .blocks.flexwrap,
#portal-columns main .quote-block,
#portal-columns main .landing-stat-bar {
    display: none;
}

/* Blocking normal page content from landing pages */
.t4-landing-page main .content-type--one-web-general-content,
.t4-landing-page main .content-type--callout,
.t4-landing-page main .content-type--one-web-children-link-list,
.t4-landing-page main .content-type--one-web-highlight-content-box,
.t4-landing-page main .content-type--one-web-media-object,
.t4-landing-page main .content-type--page-button,
.t4-landing-page main .content-type--one-web-right-content,
.t4-landing-page main .content-type--one-web-soundcloud-embed,
.t4-landing-page main .content-type--one-web-text-banner,
.t4-landing-page main .content-type--one-web-video-embed,
.t4-landing-page main .content-type-modifier--collapsible,
.t4-landing-page main .content-type-modifier--collapsible__menu {
  display: none;
}

/* Landing Banner sytling */

main .hero-banner {
    width: 100%;
    height: 845px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

main .hero-banner.short {
    height: 500px;
}

main .hero-banner h1 {
    display: contents;
}

main .hero-banner h1 a {
    color: var(--uhi-white);
    font-family: "aktiv-grotesk", Arial, sans-serif;
    font-size: 90px;
    line-height: 90px;
    text-shadow: 2px 3px var(--uhi-grey2);
    padding: 0px 5%;
    text-align: center;
}

main .hero-banner h1 a.word-line {
      -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  text-align: initial;
  word-spacing: 9999px;
}

@media (max-width: 650px) {
  main .hero-banner h1 a:lang(gd) {
    font-size: 66px;
    line-height: 66px;
    padding-left: 5%;
    width: 460px;
  }
}

@media (max-width: 460px) {
  main .hero-banner h1 a:lang(gd) {
    font-size: 40px;
    line-height: 40px;
    line-height: 40px;
    width: 280px;
  }
}

main .hero-banner h1 a .diff {
    color: var(--uhi-white);
    text-decoration: underline;
}

/* Landing colour bar styling */

main .colour-bar {
    padding: 18px 5%;
    background: var(--uhi-turquoise);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: var(--uhi-white);
}

main .colour-bar h2 {
    margin-bottom: 0px;
}

main .colour-bar a {
    color: var(--uhi-white);
    text-decoration: none;
}

main .colour-bar .flexwrap {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 90px;
}

main .colour-bar .flexwrap .search-bar form .keyword {
    width: 80%;
    padding-right: 30px;
    position: relative;
}

main .colour-bar .flexwrap .search-bar form input,
.full-glass form .search-input input {
    font-size: 22px;
    font-family: "aktiv-grotesk", Arial, FontAwesome;
    border: none;
    padding: 7px;
}

.nav.sticky .full-glass form .search-input input {
    font-size: 16px;
}

main .colour-bar .flexwrap form input[type="submit"] {
    font: bold 22px "sosa-web", sans-serif;
    background: none;
    color: var(--uhi-grey2);
    border: none;
    cursor: pointer;
    margin-left: -40px;
    position: relative;
}

main .colour-bar .flexwrap form input[id="auto"] {
    display: none;
}

main .colour-bar .flexwrap .prospectus-down {
    font-size: 24px;
    font-weight: bold;
    text-align: right;
}

main .colour-bar .flexwrap .extra-links p {
    margin: 0px;
}

main .colour-bar .flexwrap .extra-links,
main .colour-bar .flexwrap .prospectus-down {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

main .colour-bar .flexwrap .search-bar {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
}

main .colour-bar .flexwrap .prospectus-down img {
  vertical-align: inherit;
  color-scheme: only light;
}

main .colour-bar .flexwrap .search-bar form ul .ui-menu-item {
  color: var(--uhi-black);
  cursor: pointer;
}

/*
Landing Head Text Right Image
Landing Text Image Right
Landing Text Image Left
*/

main .text-image-right.flexwrap,
main .head-text-image-right.flexwrap {
    padding: 50px 5%;
}

main .head-text-image-right.flexwrap .speal,
main .text-image-black.flexwrap .pic-left,
main .text-image-right.flexwrap .speal {
    padding-right: 80px
}

main .head-text-image-right.flexwrap .speal {
    width: 80%;
}

main .head-text-image-right.flexwrap .speal .subhead {
    font-size: 28px;
    line-height: 1.4;
}

main .head-text-image-right.flexwrap .pic,
main .text-image-right.flexwrap .pic {
    width: 80%;
}

main .head-text-image-right.flexwrap .pic img,
main .text-image-black.flexwrap .pic-left img,
main .text-image-right.flexwrap .pic img {
    height: auto;
}

main .head-text-image-right.flexwrap .pic,
main .text-image-black.flexwrap .pic-left,
main .text-image-right.flexwrap .pic {
  align-self: center;
}

main .text-image-black.flexwrap {
    padding: 50px 5%;
    background-color: var(--uhi-black);
    color: var(--uhi-white);
}

main .text-image-black.flexwrap .speal-right,
main .text-image-right.flexwrap .speal {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

main .text-image-black.flexwrap .speal-right a {
    color: var(--uhi-yellow);
}

main .head-text-image-right.flexwrap > div,
main .text-image-black.flexwrap > div,
main .text-image-right.flexwrap > div {
    flex: 1 1 0px;
}

main .head-text-image-right.flexwrap.gallery-landing .speal,
main .text-image-black.flexwrap.gallery-landing .speal,
main .text-image-right.flexwrap.gallery-landing .speal {
    flex: 2 1 0px;
}

main .head-text-image-right.flexwrap .feed {
  margin: 0px 0px 0px 80px;
}

/* adjuster classes for changing bg colours on Landing text image left and right content types */

.bg-dark {
    background-color: var(--uhi-black);
    color: var(--uhi-white);
}

main .flexwrap.bg-dark .last-link a, .bg-dark a {
  color: var(--uhi-yellow);
}

main .text-image-black.flexwrap.bg-light {
    background-color: var(--uhi-white);
    color: var(--uhi-black);
}

main .text-image-black.flexwrap.bg-light a {
  color: var(--uhi-blue);
}

main .text-image-black.flexwrap.bg-light .UHI--button-link--main a,
main .text-image-black.flexwrap.bg-light .UHI--button-link--black a {
  color: var(--uhi-white);
}

main .text-image-black.flexwrap.bg-light .UHI--button-link--reverse a {
  color: var(--uhi-blue);
}

/* Landing Quote Block styling */

main .quote-block {
    background-color: var(--uhi-black);
    padding: 50px 5%;
}

main .quote-block .quote {
    color: var(--uhi-white);
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
}

main .quote-block .cite {
    color: var(--uhi-yellow);
}

/*
Landing More Boxes
Landing RSS
*/

main .more-boxes-header {
  margin: 25px 0px 0px 0px;
  padding: 25px 5% 0px 5%;
}

main #content-core .more-boxes-header {
  margin: 0;
}

main .more-boxes.flexwrap {
    padding: 50px 5%;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    gap: 20px;
}

main #content-core .more-boxes.flexwrap {
  margin: 50px 0;
}

main .more-boxes.flexwrap div,
main .news-boxes .flexwrap div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
}

main .news-boxes .flexwrap div {
    min-width: 420px;
}

main .more-boxes.flexwrap div div,
main .news-boxes .flexwrap div div {
    background: var(--uhi-grey1);
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
    background-position: center top;
}

main .blocks.flexwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: var(--uhi-black);
    padding: 50px 5%;
}

main .blocks.flexwrap h1 {
    color: var(--uhi-white);
    margin-left: 10px;
}

main .blocks.flexwrap .courses-link {
  margin: 0 0 0 10px;
}

main .blocks.flexwrap .courses-link a {
  color: var(--uhi-yellow);
}

main .blocks.flexwrap .flexwrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

main .blocks.flexwrap .flexwrap a {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    background: var(--uhi-grey1);
    margin: 10px;
    height: 300px;
    min-width: 250px;
    text-shadow: 0 0 8px var(--uhi-black), 0 0 3px var(--uhi-black);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    color: var(--uhi-white);
}

main .blocks.flexwrap.courses-landing .flexwrap a {
    height: 160px;
}

main .blocks.flexwrap .flexwrap a:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

main .blocks.flexwrap .flexwrap a h2 {
    margin: 20px;
}

main .news-boxes {
    margin: 50px 5%;
}

main #content-core .news-boxes {
  margin: 0 0 50px 0;
}

main .news-boxes .flexwrap {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    padding-top: 20px;
    flex-wrap: wrap;
    gap: 20px;
}

main .news-boxes.uhi-media-page .flexwrap {
    padding-top: 0;
}

main .news-boxes.uhi-media-page h1 {
    margin: 0;
}

main .news-boxes h1,
main .news-boxes .flexwrap div a h2 {
    line-height: 1.3;
    color: var(--uhi-black);
}

main .news-boxes .flexwrap div a {
    color: var(--uhi-black);
}

main .news-boxes .flexwrap div.box-text a {
    color: var(--uhi-blue);
}

main .news-boxes .flexwrap div p a {
    color: var(--uhi-grey2);
}

main .news-boxes .flexwrap div a div {
    background-image: url(/t4-media/one-web/university/admin-assets/css/img/content/default.jpg);
}

main .more-boxes.flexwrap .more1 .more-picture1,
main .more-boxes.flexwrap .more2 .more-picture2,
main .more-boxes.flexwrap .more3 .more-picture3,
main .blocks.flexwrap .row1 .block1, main .blocks.flexwrap .row1 .block2,
main .blocks.flexwrap .row1 .block3, main .blocks.flexwrap .row1 .block4,
main .blocks.flexwrap .row2 .block5, main .blocks.flexwrap .row2 .block6,
main .blocks.flexwrap .row2 .block7, main .blocks.flexwrap .row2 .block8,
main .news-boxes .flexwrap .box1 .box1-pic,
main .news-boxes .flexwrap .box2 .box2-pic,
main .news-boxes .flexwrap .box3 .box3-pic {
    background-size: cover;
}

/* Landing Big Image Styling */

main .plus-image {
    background-color: var(--uhi-black);
    padding: 50px 5%;
}

main .plus-image img {
    width: 100%;
}

/* Landing Stats Bar Styling */

main .landing-stat-bar {
  margin: 0 5%;
  display: flex;
  gap: 1%;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

main .landing-stat-bar > div {
  display: flex;
  gap: 10px;
  margin: 1%;
  align-items: center;
}

main .landing-stat-bar > div img {
  width: 80px;
  align-self: center;
}

main .landing-stat-bar > div div {
  max-width: 180px;
  line-height: 1.4;
}

/* Landing Slider/Carousel Styling */

main .slick-wrapper {
    margin: 0 5% 30px 5%;
}

main .slick-wrapper .slick-content {
    padding: 50px 10px 10px 10px;
}

main .slick-wrapper .slick-content .text-image-right.flexwrap,
main .slick-wrapper .slick-content .text-image-black.flexwrap {
    padding: 0;
}

main .slick-wrapper .slick-content.slick-cloned iframe {
  display: none;
}

/* Footer styling */

.footer {
    background-color: var(--uhi-black);
    color: var(--uhi-white);
    border-top: 8px solid var(--uhi-purple);
    margin-top: 50px;
}

.footer p {
    color: var(--uhi-grey1);
}

.footer hr {
    margin: 40px 5% 0px 5%;
    border: 1px solid var(--uhi-grey2);
}

.footer a {
    font-weight: bold;
    color: var(--uhi-grey1);
    text-decoration: none;
}

.footer .links .site p:first-of-type,
.footer .links .partners p:first-of-type {
    color: var(--uhi-white);
}

.footer .links .partners p:last-child,
.footer .flexwrap.statement {
    font-size: 14px;
    line-height: 20px;
}

/* Flexbox container class */

.flexwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Footer styling cont. */

.flexwrap.links {
    padding-top: 60px;
}

.footer .flexwrap.links,
.footer .flexwrap.socialdesk,
.footer .flexwrap.statement {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0px 5%;
}

.footer .flexwrap.links ul,
.footer .flexwrap.socialdesk ul {
    list-style: none;
    padding: 0px;
}

.footer .flexwrap.links ul li {
    padding: 5px 0px;
}

.footer .flexwrap.statement .charity,
.footer .links .partners {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%
}

.footer .links .partners .footer-highlight {
  color: var(--uhi-white);
}

.footer .flexwrap.socialdesk .social li a,
.burger-menu .tool-social .social-list li a {
    text-indent: -9999px;
    height: 30px;
    width: 30px;
    color-scheme: only light;
}

.footer .flexwrap.socialdesk .social li,
.burger-menu .tool-social .social-list li {
    padding: 0px 5px;
}

.footer .flexwrap.socialdesk .social .facebook a,
.burger-menu .tool-social .social-list .facebook a {
    background: url(/t4-media/one-web/university/admin-assets/css/img/footer/f_logo_RGB-White_30.png);
}

.footer .flexwrap.socialdesk .social .twitter a,
.burger-menu .tool-social .social-list .twitter a {
    background: url(/t4-media/one-web/university/admin-assets/css/img/footer/x-logo-white-30.png);  
}

.footer .flexwrap.socialdesk .social .instagram a,
.burger-menu .tool-social .social-list .instagram a {
    background: url(/t4-media/one-web/university/admin-assets/css/img/footer/insta-logo-white-30.png);  
}

.footer .flexwrap.socialdesk .social .youtube a,
.burger-menu .tool-social .social-list .youtube a {
    background: url(/t4-media/one-web/university/admin-assets/css/img/footer/yt_icon_mono_dark.png);
    width: 43px;
}

.footer .flexwrap.socialdesk .social .linkedin a,
.burger-menu .tool-social .social-list .linkedin a {
    background: url(/t4-media/one-web/university/admin-assets/css/img/footer/linkedin-logo-reversed.png);
    width: 35px;
}

.footer .flexwrap.socialdesk .social .tiktok a,
.burger-menu .tool-social .social-list .tiktok a {
    background: url(/t4-media/one-web/university/admin-assets/css/img/footer/tiktok-icon-web.png);
}

.footer .flexwrap.socialdesk .social .bluesky a,
.burger-menu .tool-social .social-list .bluesky a {
    background: url(/t4-media/one-web/university/admin-assets/css/img/footer/bluesky-logo-white.png);
    width: 36px;
}

.footer .flexwrap.socialdesk .servicedesk p a,
.cookie-ll .cookie-buttons .cookie-accept,
.cookie-ll .cookie-buttons .cookie-settings {
    background-color: var(--uhi-white);
    padding: 15px 20px;
    border-radius: 3px;
}

.footer .flexwrap.socialdesk .servicedesk p a,
.cookie-ll .cookie-buttons .cookie-accept,
.cookie-ll .cookie-buttons .cookie-settings {
    color: var(--uhi-black);
}

.footer .t4Edit-page {
    text-align: center;
    margin: 0px;
    display: block;
}

.footer .t4Edit-page:last-of-type {
    padding-bottom: 10px;
}

.footer .flexwrap.links .site .footer-logo img {
  width: 80px;
  color-scheme: only light;
}

/* content-type--one-web-event-listing table width adjuster */

.content-type--one-web-event-listing table thead tr th.event-title {
  width: 70%;
}

.content-type--one-web-event-listing table thead tr th.start-time,
.content-type--one-web-event-listing table thead tr th.end-time {
  width: 15%;
}

/*
Adjusting for smaller screens 1

-Top level nav
-Landing Colour Bar
-Searchbars
*/

@media (max-width: 1907px) {
    
    .header .nav.primary ul,
    .nav.sticky ul {
        font-size: 18px;
    }
    
    .header .tools {
        font-size: 14px;
    }
    
    main .colour-bar .flexwrap .search-bar form .search-input input {
        width: 28%;
    }
    
    .full-glass form,
    .full-glass form .search-input .tt-menu {
        width: 730px;
    }
    
    .full-glass form .search-input input {
        width: 740px;
    }
    
    .full-glass form input[type="submit"] {
        right: -645px;
    }
}

/*
Adjusting for smaller screens 2

-Top Grey bar
-Top level nav
-Searchbars
*/

@media (max-width: 1771px) {
  
    .logo a img,
    .nav.sticky .logo a img {
        height: 30px;
    }
    
    .header .tools li {
        padding: 8px 15px;
    }
    
    .header .nav.primary {
        height: 60px;
    }
    
    .header .nav.primary ul,
    .header .nav.primary.sticky ul {
        font-size: 16px;
    }
    
    .header .tools {
        font-size: 13px;
    }
    
    .header .nav.primary ul li.apply {
        line-height: 40px;
    }
    
    .full-glass form,
    .full-glass form .search-input .tt-menu {
        width: 670px;
    }
    
    .full-glass form .search-input input {
        width: 680px;
    }
  
    .full-glass form input[type="submit"] {
        right: -585px;
    }
}

/*
Adjusting for smaller screens 3

-Top level nav logo adjustment
*/

@media (max-width: 1354px) {
  .logo a img,
  .nav.sticky .logo a img {
        height: 20px;
    }
}

/*
Adjusting for smaller screens 4

-Top level nav
-Footer
-Flexbox
-Landing Colour Bar
-Landing Head Text Right Image
-Landing Text Image Left
-Landing Text Image Right
-Landing Image Blocks
-Landing RSS
-Landing Top Message
-Landing Big Image
-Landing Slider/Carousel
*/

@media (max-width: 1168px) {
    
    .header .nav.primary {
        height: 50px;
    }
    
    .header .nav.primary ul,
    .header .tools,
    .nav.sticky ul {
        display: none;
    }
    
    .header .nav.primary .burger,
    .nav.sticky .burger {
        display: block;
    }
    
    .footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
 
    .flexwrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    
    .footer .flexwrap.socialdesk {
        margin-top: 20px;
    }
    
    .footer .flexwrap.links {
        padding-top: 20px;
    }
  
    main .colour-bar h2 {
      margin-bottom: 10px;
    }
    
    main .colour-bar .flexwrap .search-bar form .search-input.hide {
        display: none;
    }
    
    main .colour-bar .flexwrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        height: auto;
    }
    
    main .colour-bar .flexwrap .prospectus-down {
        font-size: 16px;
        text-align: left;
    }
    
    main .colour-bar .flexwrap .extra-links,
    main .colour-bar .flexwrap .prospectus-down {
        padding-top: 10px;
        padding-right: 53px;
    }
    
    main .colour-bar .flexwrap .search-bar {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
    
    main .colour-bar .flexwrap .search-bar form .search-input input {
        width: 80%;
    }
    
    main .head-text-image-right.flexwrap,
    main .text-image-right.flexwrap {
        margin: 0px;
    }
    
    main .head-text-image-right.flexwrap .speal,
    main .text-image-right.flexwrap .speal {
        padding: 0px;
        margin: 0px 5%;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
  
    main .head-text-image-right.flexwrap.gallery-landing .pic,
    main .text-image-right.flexwrap.gallery-landing .pic {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    
    main .head-text-image-right.flexwrap .pic,
    main .text-image-right.flexwrap .pic,
    main .text-image-black.flexwrap .pic-left,
    main .head-text-image-right.flexwrap .pic img,
    main .text-image-right.flexwrap .pic img,
    main .text-image-black.flexwrap .pic-left img {
        width: 100%;
    }
    
    main .text-image-black.flexwrap, main .head-text-image-right.flexwrap,
    main .text-image-right.flexwrap{
        padding: 0px 0px 50px 0px;
    }
    
    main .text-image-black.flexwrap .speal-right {
        padding: 0px 5%;
    }
  
    main .head-text-image-right.flexwrap .feed {
      margin: 0px 5%;
      order: 3;
    }
  
    main .text-image-black.flexwrap .speal-right, main .text-image-right.flexwrap .speal {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
  
    main .text-image-right.flexwrap .content-type--media-library-category-gallery {
        margin: 25px 5%;
    }
    
    main .blocks.flexwrap .flexwrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    
    main .blocks.flexwrap .flexwrap a {
        height: 300px;
    }
  
    main .blocks.flexwrap.courses-landing .flexwrap a {
        height: 160px;
    }
    
    main .plus-image {
        padding: 50px 0px;
    }
    
    .header .topmessage {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    
    main .head-text-image-right.flexwrap .speal,
    main .text-image-black.flexwrap .pic-left,
    main .text-image-right.flexwrap .speal {
        padding-right: 0px;
    }
    
  /*
    Horizontal scrolling for Landing RSS feeds - LEGACY
  
    main .more-boxes.flexwrap {
        flex-direction: row;
    }
  
    main .news-boxes .flexwrap {
        flex-direction: row;
        overflow-x: auto;
        justify-content: flex-start;
        padding-left: 5%;
        flex-wrap: nowrap;
    }    

    main .news-boxes {
        margin: 50px 0px;
    }
    
    main .news-boxes h1, main .news-boxes a, main .news-boxes.uhi-media-page h1 {
        margin: 0px 5%
    }
    
    main .news-boxes .flexwrap div {
        min-width: 80%;
    }
  
    main .news-boxes .flexwrap div a h2 {
      margin: 0px;
    }
  */

    main .slick-wrapper .slick-content {
        padding: 10px;
    }

    main .slick-wrapper .slick-content .text-image-right.flexwrap .speal {
        margin: 0;
    }
    
    main .slick-wrapper .slick-content .text-image-black.flexwrap .speal-right {
        padding: 0;
    }
  
}

/*
Adjusting for smaller screens 5

-Landing More Boxes
-Landing Slider/Carousel
-content-type--one-web-event-listing table width adjuster
*/

@media (max-width: 870px) {
  
  /*
    Horizontal Scrolling for Landing More Boxes - LEGACY  
  
    main .more-boxes.flexwrap {
        flex-direction: row;
        overflow-x: auto;
        justify-content: flex-start;
    }
    
    main .more-boxes.flexwrap div {
        min-width: 80%;
    }
  */
  
    .slick-prev:before, .slick-next:before {
        font-size: 35px;
    }

    .slick-prev,
    .slick-next {
        width: 35px;
        height: 30px;
    }
  
    .content-type--one-web-event-listing table thead tr th.event-title {
      width: 25%;
    }
  
}

/*
Adjusting for smaller screens 6

-Landing Banner
*/

@media (max-width: 768px) {
  main .hero-banner h1 a {
        font-size: 66px;
        line-height: 66px;
    }
  
  main .hero-banner {
        height: 650px;
    }
}

/*
Adjusting for smaller screens 7

-Landing Banner
*/

@media (max-width: 540px) {
  main .hero-banner h1 a {
        font-size: 66px;
        line-height: 66px;
    }
  
  main .hero-banner {
        height: 500px;
    }
}

/*
Adjusting for smaller screens 8

-Landing Banner
-Landing RSS
-Landing Slider/Carousel
*/

@media (max-width: 510px) {
  main .hero-banner h1 a {
        font-size: 50px;
        line-height: 50px;
    }
  
  main .news-boxes .flexwrap div {
    min-width: auto;
  }
  
    main .slick-wrapper .slick-content {
        margin: 5px;
    }

    .slick-prev:before,
    .slick-next:before {
        font-size: 30px;
    }

    .slick-prev,
    .slick-next {
        width: 30px;
        height: 25px;
    }

}

/*
Adjusting for smaller screens 9

-Landing Banner
-Top Level Nav logo
-Landing Slider/Carousel
*/

@media (max-width: 400px) {
    .logo a img,
    .nav.sticky .logo a img {
        height: 15px;
    }
  
    main h1 {
        font-size: 40px;
    }
  
    main .hero-banner h1 a {
        font-size: 40px;
        line-height: 40px;
    }
  
    main .slick-wrapper .slick-content {
        margin: 8px;
    }
  
    main .hero-banner {
        height: 350px;
    }
}

/*
Adjusting for smaller screens 10

-Top Level Nav logo
-Landing Banner
*/

@media (max-width: 310px) {
    .logo a img,
    .nav.sticky .logo a img {
        height: 13px;
    }
  
    main .hero-banner {
        height: 300px;
    }
}

/*
Adjusting for smaller screens 11

-Burger menu height adjustments
-Banner image height adjustments
*/

@media (max-height: 700px) {
  .section.intro {
    display: none;
  }
}

@media (max-height: 550px) {
    .burger-menu .tool-social {
        padding: 0px;
    }
  
    .burger-menu .tool-social .tool-list {
        margin: 9px 0px 0px 0px;
    }
  
    .burger-menu .tool-social .tool-list li {
        padding: 3px 0px 0px 0px;
    }
  
    .burger-menu .tool-social .tool-list li a {
        font-size: 14px;
    }
  
    .burger-menu .tool-social .social-list {
        margin: 0px 0px 9px 0px
    }
 
    main .hero-banner {
        height: 500px;
    }
}

@media (max-height: 465px) {
    .burger-menu .tool-social {
        display: none;
    }
}

@media (max-height: 645px) {
    .burger-menu .lang-main .main-list li a,
    .burger-menu .lang-main .main-list li a, .burger-menu ul .burger-search a {
        font-size: 24px;
    }
}

@media (max-height: 580px) {
    .burger-menu .lang-main .main-list li a,
    .burger-menu .lang-main .main-list li a, .burger-menu ul .burger-search a {
        font-size: 20px;
    }
}

@media (max-height: 350px) {
    .burger-menu .lang-main .main-list li a,
    .burger-menu .lang-main .main-list li a, .burger-menu ul .burger-search a {
        font-size: 18px;
    }
  
    .burger-menu .lang-main .main-list li,
    .burger-menu ul .burger-search {
        padding: 2px 0px;
    }

    main .hero-banner {
        height: 350px;
    }
}

/* One-Web General - Video Second Column */

.content-type--one-web-general-video-second-column {
  margin: 0 0 1rem 0;
}

/* OVERRIDE STYLES */

.main .navigation--breadcrumb ol li a {
  color: var(--uhi-grey2);
}

/* Setting list icons to plus motif */

.content-type-modifier--typography ul,
.section.coursedetails ul li,
.content-type--one-web-media-object ul,
main ul, .content-type--one-web-right-content {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/greenplus.png); /* Turquoise/Green colour */
}

.content-type-modifier--typography ul ul,
.section.coursedetails ul li ul li,
.content-type--one-web-media-object ul ul,
main ul ul, .content-type--one-web-right-content ul ul {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/greenplus-hollow.png); /* Turquoise/Green hollow colour */
}

.text-image-right.bg-dark ul,
.text-image-black ul,
.more-boxes.bg-dark ul {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/yellowplus.png); /* Yellow colour */
}

.text-image-right.bg-dark ul ul,
.text-image-black ul ul,
.more-boxes.bg-dark ul ul {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/yellowplus-hollow.png); /* Yellow hollow colour */
}

.text-image-black.bg-light ul {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/greenplus.png); /* Turquoise/Green colour */
}

.text-image-black.bg-light ul ul {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/greenplus-hollow.png); /* Turquoise/Green hollow colour */
}

.content-type--one-web-text-banner ul {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/blackplus.png); /* Black colour */
}

.content-type--one-web-text-banner ul ul {
  list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/blackplus-hollow.png); /* Black hollow colour */
}

.content-type--one-web-highlight-content-box.list--background-colours ul {
    list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/whiteplus.png); /* White colour */
}

.content-type--one-web-highlight-content-box.list--background-colours ul ul {
    list-style: url(/t4-media/one-web/university/admin-assets/css/img/content/whiteplus-hollow.png); /* White colour */
}

.section.courseapply {
  margin: 10px 0 5px 0;
}

.section.courseapply .course-top-message p {
  background-color: var(--uhi-blue);
  display: inline-block;
  padding: 10px;
  color: var(--uhi-white);
  font-weight: bold;
}

.section.ctas .section.testimonials .wrap .quotes {
  background-color: var(--uhi-black);
  padding: 60px 0px 30px 0px;
}

.kis-widget {
  margin: 0 auto;
}

.content-type--landing-rss-feed ul,
.section.ctas .section.apply ul,
.ui-menu {
  list-style: none;
}

.content-type--one-web-vacancy h1 {
  margin-bottom: 20px;
}

img {
  max-width: 100%;
}

.content-type--one-web-event {
  word-break: break-word;
}

.content-type--one-web-event .content-type--landing-page-text__video {
  margin-bottom: 20px;
}

/* Special CSS */

.exit-site {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--uhi-black);
    color: var(--uhi-white);
    padding: 5px;
    border-bottom: 5px solid var(--uhi-blue);
    z-index: 1;
}

.content-type-modifier--typography .exit-site,
#content-core .exit-site {
  color: var(--uhi-white);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

main .UHI--button-link--main a,
#content-core .UHI--button-link--main a {
  word-break: break-word;
}

div#libchat_bc0a7b85def26790e316a94c9391e9ee button.libchat_online {
    font-size: 28px;
    line-height: 1.1;
    margin: 0 1rem 1rem 0;
    background-color: var(--uhi-blue);
    color: var(--uhi-white);
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
}

.landing-code-item {
    margin: 50px 5%;
}

.yellow-underline {
  text-decoration: underline var(--uhi-yellow);
}

/* mailchimp embed */

#mc_embed_signup {
    background-color: var(--uhi-black);
    color: var(--uhi-white);
    padding: 5px 0px;
}

#mc_embed_signup form .mc-field-group {
    padding-bottom: 10px;
}

#mc_embed_signup form .button {
    background-color: var(--uhi-blue);
    font-weight: bold;
}

#mc_embed_signup form .button:hover {
    background-color: #203c66;
}

#mc_embed_signup form .mailer-pn {
    color: var(--uhi-yellow);
    font-style: italic;
    font-size: 14px;
}